diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index 24f1692e..5f0478cb 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -3,60 +3,70 @@
     <slot></slot>
   </div>
   <a-drawer
-      :visible="visible"
-      class="drawerStyle addtestDrawer"
-      width="800"
-      placement="right"
+    :visible="visible"
+    class="drawerStyle addtestDrawer"
+    width="800"
+    placement="right"
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">{{ taskIndex >= 0 ? "编辑" : "添加" }}考试</div>
+        <div class="headerTitle">
+          {{ taskIndex >= 0 ? "编辑" : "添加" }}考试
+        </div>
         <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
         />
       </div>
-      <div style="display: flex; flex-direction: row; padding-top: 0px; margin-top: 20px; margin-left: 32px;">
+      <div
+        style="
+          display: flex;
+          flex-direction: row;
+          padding-top: 0px;
+          margin-top: 20px;
+          margin-left: 32px;
+        "
+      >
         <div>
           <button
-                  :disabled="taskIndex >= 0"
-              style="width: 100px; cursor: pointer;"
-              @click="changeOuter(1)"
-              :class="formData.examType === 1  ? 'outer' : 'notOuter'"
+            :disabled="taskIndex >= 0"
+            style="width: 100px; cursor: pointer"
+            @click="changeOuter(1)"
+            :class="formData.examType === 1 ? 'outer' : 'notOuter'"
           >
             系统考试
           </button>
           <button
-                  :disabled="taskIndex >= 0"
-              style="width: 100px; cursor: pointer;"
-              @click="changeOuter(2)"
-              :class="formData.examType === 2  ? 'outer' : 'notOuter'"
+            :disabled="taskIndex >= 0"
+            style="width: 100px; cursor: pointer"
+            @click="changeOuter(2)"
+            :class="formData.examType === 2 ? 'outer' : 'notOuter'"
           >
             外部考试
           </button>
         </div>
       </div>
 
-      <div v-if="formData.examType===1" class="contentMain">
+      <div v-if="formData.examType === 1" class="contentMain">
         <div class="main_left">
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试名称：</span>
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="formData.examinationName"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  placeholder="请输入考试名称"
-                  :maxlength="20"
-                  :disabled="taskIndex >= 0"
+                v-model:value="formData.examinationName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入考试名称"
+                :maxlength="20"
+                :disabled="taskIndex >= 0"
               />
             </div>
           </div>
@@ -65,22 +75,36 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">选择试卷：</span>
             </div>
-            <s-test v-model:id="formData.examinationPaperId" v-model:name="formData.examinationTestName">
+            <s-test
+              v-model:id="formData.examinationPaperId"
+              v-model:name="formData.examinationTestName"
+            >
               <div class="btnbox">
-                <button class="xkbtn" style="margin:0" :disabled="taskIndex >= 0">
+                <button
+                  class="xkbtn"
+                  style="margin: 0"
+                  :disabled="taskIndex >= 0"
+                >
                   {{ formData.examinationPaperId ? "重选" : "选择" }}试卷
                 </button>
               </div>
             </s-test>
             <div v-if="formData.examinationPaperId">
-              <a-tag closable color="processing" @close="delTag" :closeIcon="true">
-                <span style="font-size: 14px; line-height: 33px">{{ formData.examinationTestName }}</span>
+              <a-tag
+                closable
+                color="processing"
+                @close="delTag"
+                :closeIcon="true"
+              >
+                <span style="font-size: 14px; line-height: 33px">{{
+                  formData.examinationTestName
+                }}</span>
               </a-tag>
             </div>
           </div>
@@ -89,22 +113,22 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试时间：</span>
             </div>
             <div class="btnbox">
               <a-range-picker
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  :show-time="{format:'hh:mm'}"
-                  :disabled-date="disabledDate"
-                  format="YYYY-MM-DD HH:mm"
-                  valueFormat="YYYY-MM-DD HH:mm"
-                  v-model:value="dateTime"
-                  @change="timeChange"
-                  :placeholder="['      开始时间', '        结束时间']"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'hh:mm' }"
+                :disabled-date="disabledDate"
+                format="YYYY-MM-DD HH:mm"
+                valueFormat="YYYY-MM-DD HH:mm"
+                v-model:value="dateTime"
+                @change="timeChange"
+                :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -112,20 +136,20 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试时长：</span>
             </div>
             <div class="select">
               <a-input-number
-                      :disabled="taskIndex >= 0"
-                  :min="0"
-                  :max="300"
-                  :precision="0"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  v-model:value="formData.examinationDuration"
+                :disabled="taskIndex >= 0"
+                :min="0"
+                :max="300"
+                :precision="0"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                v-model:value="formData.examinationDuration"
               ></a-input-number>
               <span style="color: #999999; margin-left: 8px">分钟</span>
             </div>
@@ -134,18 +158,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">及格线：</span>
             </div>
             <div class="btnbox">
               <a-input
-                      :disabled="taskIndex >= 0"
-                  v-model:value="formData.passLine"
-                  type="number"
-                  style="width: 400px; height: 40px; border-radius: 8px"
+                :disabled="taskIndex >= 0"
+                v-model:value="formData.passLine"
+                type="number"
+                style="width: 400px; height: 40px; border-radius: 8px"
               />
 
               <span style="color: #999999; margin-left: 8px">分</span>
@@ -157,38 +181,41 @@
             </div>
             <div class="textarea">
               <a-textarea
-                      :disabled="taskIndex >= 0"
-                  v-model:value="formData.examinationExplain"
-                  placeholder="请输入考试说明"
-                  allow-clear
-                  show-count
-                  :maxlength="200"
-                  :rows="6"
+                :disabled="taskIndex >= 0"
+                v-model:value="formData.examinationExplain"
+                placeholder="请输入考试说明"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
               />
             </div>
           </div>
           <div class="main_item2">
             <div class="signbox">
-              <span style="margin-right: 3px;margin-top: 10px;">考试限制：</span>
+              <span style="margin-right: 3px; margin-top: 10px"
+                >考试限制：</span
+              >
             </div>
             <div class="kqszbox">
               <div class="setbox">
                 <div class="timerbox">
                   <span>允许重复考试：</span>
                   <a-input-number
-                          :disabled="taskIndex >= 0"
-                      :min="-1"
-                      :max="300"
-                      :precision="0"
-                      style="
+                    :disabled="taskIndex >= 0"
+                    :min="-1"
+                    :max="300"
+                    :precision="0"
+                    style="
                       width: 100px;
                       height: 32px;
                       border-radius: 8px;
-                      overflow: hidden;"
-                      v-model:value="formData.examinationLimit"
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.examinationLimit"
                   ></a-input-number>
                   <span style="color: #999999; margin-left: 8px"
-                  >次,-1表示无限制</span
+                    >次,-1表示无限制</span
                   >
                 </div>
               </div>
@@ -201,9 +228,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.showAnswers"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.showAnswers"
               >
                 <a-radio :value="1">允许查看</a-radio>
                 <a-radio :value="2">不允许查看</a-radio>
@@ -216,9 +243,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.showAnalysis"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.showAnalysis"
               >
                 <a-radio :value="1">允许查看</a-radio>
                 <a-radio :value="2">不允许查看</a-radio>
@@ -231,9 +258,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.scoringModel"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.scoringModel"
               >
                 <a-radio :value="1">最高一次</a-radio>
                 <a-radio :value="2">最后一次</a-radio>
@@ -241,16 +268,15 @@
             </div>
           </div>
 
-
           <div class="main_item">
             <div class="signbox">
               <span style="margin-right: 3px">试题排列：</span>
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.questionArrangement"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.questionArrangement"
               >
                 <a-radio :value="1">试题乱序</a-radio>
                 <a-radio :value="2">选项乱序</a-radio>
@@ -259,7 +285,7 @@
               </a-radio-group>
             </div>
           </div>
-          <div class="main_item" style="height: 20px;"></div>
+          <div class="main_item" style="height: 20px"></div>
         </div>
       </div>
       <div v-else class="contentMain">
@@ -268,18 +294,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试名称：</span>
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="formData.examinationName"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  placeholder="请输入考试名称"
-                  :maxlength="20"
+                v-model:value="formData.examinationName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入考试名称"
+                :maxlength="20"
               />
             </div>
           </div>
@@ -287,18 +313,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">数据来源：</span>
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="formData.source"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  placeholder="请输入数据来源"
-                  :maxlength="20"
+                v-model:value="formData.source"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入数据来源"
+                :maxlength="20"
               />
             </div>
           </div>
@@ -308,12 +334,12 @@
             </div>
             <div class="textarea">
               <a-textarea
-                  v-model:value="formData.externalExplain"
-                  placeholder="请输入考试说明"
-                  allow-clear
-                  show-count
-                  :maxlength="200"
-                  :rows="6"
+                v-model:value="formData.externalExplain"
+                placeholder="请输入考试说明"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
               />
             </div>
           </div>
@@ -327,150 +353,160 @@
   </a-drawer>
 </template>
 <script setup>
-import {defineEmits, defineProps, ref, watch} from "vue";
+import { defineEmits, defineProps, ref, watch } from "vue";
 import STest from "./SelectTest.vue";
 import dayjs from "dayjs";
-import {Form, message} from "ant-design-vue";
+import { Form, message } from "ant-design-vue";
 
 const props = defineProps({
   type: Number,
-  taskList: []
-})
-const visible = ref(false)
+  taskList: [],
+});
+const visible = ref(false);
 const initValue = {
-  examinationName: '',
-  examinationPaperId: '',
-  examinationStartTime: '',
-  examinationEndTime: '',
-  examinationDuration: '',
-  passLine: '',
+  examinationName: "",
+  examinationPaperId: "",
+  examinationStartTime: "",
+  examinationEndTime: "",
+  examinationDuration: "",
+  passLine: "",
   examType: 1,
   source: "",
   showAnswers: 2,
   showAnalysis: 2,
   scoringModel: 2,
   questionArrangement: 4,
-  externalExplain: ""
-}
-const formData = ref(initValue)
+  externalExplain: "",
+};
+const formData = ref(initValue);
 const innerRule = {
   examinationName: [
     {
       required: true,
-      message: '请输入考试名称',
+      message: "请输入考试名称",
     },
   ],
   examinationPaperId: [
     {
       required: true,
-      message: '请输入选择试卷',
+      message: "请输入选择试卷",
     },
   ],
   examinationStartTime: [
     {
       required: true,
-      message: '请输入开始开始时间',
+      message: "请输入开始开始时间",
     },
   ],
   examinationEndTime: [
     {
       required: true,
-      message: '请输入开始结束时间',
+      message: "请输入开始结束时间",
     },
   ],
   examinationDuration: [
     {
       required: true,
-      message: '请输入考试时长',
+      message: "请输入考试时长",
     },
   ],
   passLine: [
     {
       required: true,
-      message: '请输入及格线',
+      message: "请输入及格线",
     },
   ],
-}
+};
 const outerRule = {
   examinationName: [
     {
       required: true,
-      message: '请输入考试名称',
+      message: "请输入考试名称",
     },
   ],
   source: [
     {
       required: true,
-      message: '请输入数据来源',
+      message: "请输入数据来源",
     },
   ],
-}
+};
 const rulesRef = ref(innerRule);
 
-const emit = defineEmits({})
+const emit = defineEmits({});
 const taskIndex = ref(-1);
 const dateTime = ref([]);
 
-const {resetFields, validate} = Form.useForm(formData, rulesRef);
+const { resetFields, validate } = Form.useForm(formData, rulesRef);
 
-watch(() => formData.value.examType, () => {
-  formData.value.examType === 1 ? rulesRef.value = innerRule : rulesRef.value = outerRule
-})
+watch(
+  () => formData.value.examType,
+  () => {
+    formData.value.examType === 1
+      ? (rulesRef.value = innerRule)
+      : (rulesRef.value = outerRule);
+  }
+);
 
 const closeDrawer = () => {
-  visible.value = false
-  taskIndex.value = -1
-  resetFields()
-  dateTime.value = []
+  visible.value = false;
+  taskIndex.value = -1;
+  resetFields();
+  dateTime.value = [];
 };
 
-
 function timeChange(time, timeStr) {
-  formData.value.examinationStartTime = timeStr[0]
-  formData.value.examinationEndTime = timeStr[1]
+  formData.value.examinationStartTime = timeStr[0];
+  formData.value.examinationEndTime = timeStr[1];
 }
 
 const disabledDate = (current) => {
-  return current && current < dayjs().startOf('day');
+  return current && current < dayjs().startOf("day");
 };
 
-
 // 系统考试
 async function confirm() {
-  await validate().catch(({errorFields}) => {
+  await validate().catch(({ errorFields }) => {
     message.warning(errorFields[0].errors.join());
-    throw Error("数据校验不通过")
+    throw Error("数据校验不通过");
   });
   if (taskIndex.value === -1) {
-    const list = props.taskList
-    list.push({name: formData.value.examinationName, type: props.type, info: {...formData.value}})
+    const list = props.taskList;
+    list.push({
+      name: formData.value.examinationName,
+      type: props.type,
+      info: { ...formData.value },
+    });
   } else {
-    const data = props.taskList[taskIndex.value]
-    data.name = formData.value.examinationName
-    data.info = formData.value
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.examinationName;
+    data.info = formData.value;
   }
-  emit('update:taskList', [...props.taskList])
-  closeDrawer()
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
 }
 
-
 function openDrawer(i, row) {
   row && resetFields(row.info);
-  row && (dateTime.value = [row.info.examinationStartTime, row.info.examinationEndTime]);
-  (i >= 0) && (taskIndex.value = i);
-  visible.value = true
+  row &&
+    (dateTime.value = [
+      row.info.examinationStartTime,
+      row.info.examinationEndTime,
+    ]);
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
 }
 
 const delTag = () => {
-  formData.value.examinationPaperId = '';
-  formData.value.examinationTestName = '';
-}
+  formData.value.examinationPaperId = "";
+  formData.value.examinationTestName = "";
+};
 
 function changeOuter(v) {
   formData.value.examType = v;
 }
 
-defineExpose({openDrawer})
+defineExpose({ openDrawer });
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
@@ -610,7 +646,6 @@ defineExpose({openDrawer})
               display: flex;
               flex-wrap: wrap;
 
-
               .timerbox {
                 margin-top: 6px;
                 margin-right: 32px;
@@ -666,8 +701,8 @@ defineExpose({openDrawer})
       }
 
       .ant-table-tbody
-      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-      > td {
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
         background: #f6f9fd;
       }
 
diff --git a/src/components/drawers/EvList.vue b/src/components/drawers/EvList.vue
index de2867a1..a74d39b4 100644
--- a/src/components/drawers/EvList.vue
+++ b/src/components/drawers/EvList.vue
@@ -2,22 +2,33 @@
   <div @click="openDrawer">
     <slot></slot>
   </div>
-  <a-drawer :visible="visible" class="drawerStyle addonlineDrawer" width="800" title="选择测评"
-            placement="right">
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle addonlineDrawer"
+    width="800"
+    title="选择测评"
+    placement="right"
+  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">选择测评</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-             @click="closeDrawer"/>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
       </div>
-      <div class="contentMain">
+      <div class="contentMain" v-if="data.length > 0">
         <div class="main_items">
           <div class="mi_ipts">
             <div class="mii_ipt">
               <div class="ipt_name"></div>
               <div class="fi_input">
-                <a-input v-model:value="params.keyword" style="width: 424px; height: 40px; border-radius: 8px"
-                         placeholder="请输入测评名称"/>
+                <a-input
+                  v-model:value="params.keyword"
+                  style="width: 424px; height: 40px; border-radius: 8px"
+                  placeholder="请输入测评名称"
+                />
               </div>
             </div>
           </div>
@@ -34,18 +45,97 @@
         </div>
         <div class="main_table">
           <a-table
-              :customRow="customRow"
-              class="ant-table-striped"
-              :row-class-name="(_, index) => (index % 2 === 1 ? 'table-striped' : null)"
-              row-key="id"
-              :columns="columns"
-              :data-source="data"
-              :loading="loading"
-              :pagination="pagination"
-              :row-selection="rowSelection"
+            :customRow="customRow"
+            class="ant-table-striped"
+            :row-class-name="
+              (_, index) => (index % 2 === 1 ? 'table-striped' : null)
+            "
+            row-key="id"
+            :columns="columns"
+            :data-source="data"
+            :loading="loading"
+            :pagination="pagination"
+            :row-selection="rowSelection"
           />
         </div>
       </div>
+      <div class="contentMain nolimits" v-else>
+        <div class="limitstext1">
+          抱歉，您没有关联测评的权限，您可以联系下方管理员开启权限
+        </div>
+        <div class="limitstext2">测评工具介绍</div>
+        <div class="limitsRow">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            人才发展项目中恰当运用测评手段可以更为精准地定位培训需求，更有针对性地设计培养项目和课程；同时，也能够帮助学员精准认知自身问题，提高在项目中的参与度。
+          </div>
+        </div>
+        <div class="limitsRow" style="margin-top: 10px">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            BOEU测评部经过多年的额实践，积累了一套覆盖“能力、性格和动力”三大方面的测评工具，可在人才发展项目中选择使用。
+          </div>
+        </div>
+        <div class="tool" v-for="(item, key) in toolList" :key="key">
+          <div
+            class="toolName"
+            :style="{
+              backgroundColor:
+                key === 0
+                  ? 'rgba(0, 77, 126)'
+                  : key === 1
+                  ? 'rgba(184, 0, 0)'
+                  : 'rgba(46, 129, 83)',
+            }"
+          >
+            <div>{{ item.name[0] }}</div>
+            <div>{{ item.name[1] }}</div>
+          </div>
+          <div class="toolEvery1" v-for="(i, k) in item.children" :key="k">
+            <div
+              class="toolEveryText1"
+              :style="{
+                color:
+                  key === 0
+                    ? 'rgba(5,75,120)'
+                    : key === 1
+                    ? 'rgba(169,3,3)'
+                    : 'rgba(44,120,79)',
+              }"
+            >
+              {{ i.text1 }}
+            </div>
+            <div class="toolEveryText2">{{ i.text2 }}</div>
+            <div
+              class="toolEveryText3"
+              v-if="i.text3"
+              :style="{
+                color:
+                  key === 0
+                    ? 'rgba(5,75,120)'
+                    : key === 1
+                    ? 'rgba(169,3,3)'
+                    : 'rgba(44,120,79)',
+              }"
+            >
+              {{ i.text3 }}
+            </div>
+            <div class="toolEveryText4" v-if="i.text4">{{ i.text4 }}</div>
+          </div>
+        </div>
+        <div class="limitsRow">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            如项目中有测评需求，请您联系BOEU测评部
+          </div>
+        </div>
+        <div class="limitsRow">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            联系人：王逸（10167304） 联系电话：010-60965646
+          </div>
+        </div>
+      </div>
       <div class="main_btns">
         <button class="btn1" @click="closeDrawer">取消</button>
         <button class="btn2" @click="confirm">确定</button>
@@ -54,19 +144,83 @@
   </a-drawer>
 </template>
 <script setup>
-import {computed, defineEmits, defineProps, ref, watch} from "vue";
-import {useBoeApiPage} from "@/api/request";
-import {TEST_PAGE} from "@/api/ThirdApi";
-import {message} from "ant-design-vue";
-import {useStore} from "vuex";
-
+import { computed, defineEmits, defineProps, ref, watch } from "vue";
+import { useBoeApiPage } from "@/api/request";
+import { TEST_PAGE } from "@/api/ThirdApi";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+const toolList = ref([
+  {
+    name: ["能力类", "测验工具"],
+    children: [
+      {
+        text1: "职场准备度测评",
+        text2: "无工作经验学生",
+        text3: "职业能力成熟度测评",
+        text4: "五年以内工龄员工",
+      },
+      {
+        text1: "职业认知能力测评",
+        text2: "五年内工龄员工",
+        text3: "商业推荐测评",
+        text4: "五年内工龄员工",
+      },
+      {
+        text1: "沟通能力测评",
+        text2: "五年内工龄员工",
+        text3: "情商测评",
+        text4: "各层级人员",
+      },
+      {
+        text1: "管理行为自检问卷",
+        text2: "基/中/高层管理者",
+        text3: "管理者情境判断测评",
+        text4: "基/中高层管理者",
+      },
+    ],
+  },
+  {
+    name: ["性格/风格", "测验工具"],
+    children: [
+      {
+        text1: "PDP性格类型测验",
+        text2: "各层级人员",
+      },
+      {
+        text1: "RTC综合评估",
+        text2: "各层级人员",
+      },
+      {
+        text1: "大五职业性格测评",
+        text2: "各层级人员",
+      },
+      {
+        text1: "领导风格测验",
+        text2: "各层级人员",
+      },
+    ],
+  },
+  {
+    name: ["动机/价值观", "测验工具"],
+    children: [
+      {
+        text1: "动机测验（内隐&外显）",
+        text2: "各层级人员",
+      },
+      {
+        text1: "职业兴趣测验",
+        text2: "各层级人员",
+      },
+    ],
+  },
+]);
 const props = defineProps({
   taskList: [],
   evaluationTypeId: String,
-  evaluationTypeName: Number
-})
-const visible = ref(false)
-const emit = defineEmits({})
+  evaluationTypeName: Number,
+});
+const visible = ref(false);
+const emit = defineEmits({});
 
 const columns = ref([
   {
@@ -100,50 +254,54 @@ const columns = ref([
     align: "center",
     ellipsis: true,
   },
-])
+]);
 
 const store = useStore();
 
 const initParams = {
-  keyword: '',
+  keyword: "",
   page: 1,
   size: 10,
-  user_id: store.state.userInfo.id
+  user_id: store.state.userInfo.id,
   // orderAsc: true
-}
-const params = ref(initParams)
+};
+const params = ref(initParams);
 
 const rowSelectKeys = ref([]);
 const selectsData = ref([]);
 const taskIndex = ref(-1);
 
-const {data, loading, total, fetch} = useBoeApiPage(TEST_PAGE, params.value, {
+const { data, loading, total, fetch } = useBoeApiPage(TEST_PAGE, params.value, {
   init: false,
-  result: res => {
-    let newArr = []
+  result: (res) => {
+    console.log("获取测评", res);
+    let newArr = [];
     for (let i = 0; i < res.result.data.length; i++) {
       res.result.data[i].id = res.result.data[i].quiz_kid;
-      newArr.push(res.result.data[i])
+      newArr.push(res.result.data[i]);
     }
-    return newArr
+    return newArr;
   },
-  totalPage: res => res.result.total_page_num,
-  total: res => res.result.count
-})
-console.log(data, 222)
+  totalPage: (res) => res.result.total_page_num,
+  total: (res) => res.result.count,
+});
+
 watch(taskIndex, () => {
   if (taskIndex.value >= 0) {
-    rowSelectKeys.value = [props.taskList[taskIndex.value].courseId]
-    selectsData.value = data.value.find(t => t.id === props.taskList[taskIndex.value].courseId) || {}
+    rowSelectKeys.value = [props.taskList[taskIndex.value].courseId];
+    selectsData.value =
+      data.value.find(
+        (t) => t.id === props.taskList[taskIndex.value].courseId
+      ) || {};
   }
-})
+});
 
 const customRow = (record) => ({
   onClick: () => {
-    rowSelectKeys.value = [record.id]
-    selectsData.value = [record]
-  }
-})
+    rowSelectKeys.value = [record.id];
+    selectsData.value = [record];
+  },
+});
 
 const pagination = computed(() => ({
   total: total.value,
@@ -155,20 +313,20 @@ const pagination = computed(() => ({
 
 const changePagination = (e) => {
   params.value.pageIndex = e;
-  fetch()
+  fetch();
 };
 const rowSelection = computed(() => ({
-  type: 'radio',
+  type: "radio",
   columnWidth: 20,
   selectedRowKeys: rowSelectKeys.value,
   onChange: onSelectChange,
   preserveSelectedRowKeys: true,
-  getCheckboxProps: getCheckboxProps
+  getCheckboxProps: getCheckboxProps,
 }));
 const getCheckboxProps = () => ({
   // 某几项默认禁止选中(R: 当state等于1时)
-  disabled: false
-})
+  disabled: false,
+});
 
 function onSelectChange(e, l) {
   rowSelectKeys.value = e;
@@ -176,28 +334,28 @@ function onSelectChange(e, l) {
 }
 
 function search() {
-  params.value.pageIndex = 1
-  fetch()
+  params.value.pageIndex = 1;
+  fetch();
 }
 
 function reset() {
   rowSelectKeys.value = [];
   selectsData.value = [];
-  params.value.pageIndex = 1
-  params.value.keyWord = ''
-  fetch()
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  fetch();
 }
 
 const closeDrawer = () => {
-  visible.value = false
-  taskIndex.value = -1
-  reset()
+  visible.value = false;
+  taskIndex.value = -1;
+  reset();
 };
 
 function confirm() {
   if (!selectsData.value.length || !rowSelectKeys.value.length) {
     message.warning("请选择测评！");
-    return
+    return;
   }
   // if (taskIndex.value === -1) {
   //   let list = props.taskList
@@ -220,18 +378,17 @@ function confirm() {
   // if(props.taskList!=undefined){
   //   emit('update:taskList', [...props.taskList])
   // }
-  emit('update:evaluationTypeId', selectsData.value[0].id)
-  emit('update:evaluationTypeName', selectsData.value[0].title)
-  closeDrawer()
+  emit("update:evaluationTypeId", selectsData.value[0].id);
+  emit("update:evaluationTypeName", selectsData.value[0].title);
+  closeDrawer();
 }
 
 function openDrawer(i) {
-  (i >= 0) && (taskIndex.value = i)
-  visible.value = true
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
 }
 
-defineExpose({openDrawer})
-
+defineExpose({ openDrawer });
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
@@ -417,7 +574,9 @@ defineExpose({openDrawer})
           background-color: #eff4fc !important;
         }
 
-        .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
           background: #f6f9fd;
         }
 
@@ -431,6 +590,76 @@ defineExpose({openDrawer})
         }
       }
     }
+    .nolimits {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .limitstext1 {
+        margin-top: 30px;
+        font-size: 23px;
+        color: #333333;
+        font-weight: 600;
+      }
+      .limitstext2 {
+        margin-top: 30px;
+        font-size: 18px;
+        color: #333333;
+        font-weight: 800;
+      }
+      .limitsRow {
+        display: flex;
+        align-items: center;
+        margin-top: 20px;
+        width: 100%;
+        .limitsRowDrop {
+          width: 8px;
+          height: 8px;
+          background-color: #333333;
+          border-radius: 4px;
+          margin-left: 20px;
+          margin-right: 20px;
+          flex-shrink: 0;
+        }
+        .limitsRowText {
+          display: flex;
+          flex-wrap: wrap;
+          font-size: 16px;
+          color: #333333;
+          font-weight: 400;
+          line-height: 28px;
+        }
+      }
+      .tool {
+        width: 100%;
+        border-bottom: 1px dashed rgba(0, 78, 126);
+        display: flex;
+        margin-top: 30px;
+        align-items: center;
+        padding-bottom: 30px;
+        .toolName {
+          width: 100px;
+          height: 100px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          color: #fff;
+          font-size: 16px;
+          font-weight: 600;
+
+          border-radius: 5px;
+          margin-left: 20px;
+          margin-right: 20px;
+        }
+        .toolEvery1 {
+          text-align: center;
+          font-size: 16px;
+          color: rgba(71, 74, 76);
+          margin-right: 12px;
+          line-height: 26px;
+        }
+      }
+    }
 
     .main_btns {
       height: 72px;
diff --git a/src/components/project/OrgClass.vue b/src/components/project/OrgClass.vue
index 03d5dd3e..b558e69a 100644
--- a/src/components/project/OrgClass.vue
+++ b/src/components/project/OrgClass.vue
@@ -1,3 +1,11 @@
+<!--
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2023-02-23 10:53:15
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-23 20:28:28
+ * @FilePath: /fe-manage/src/components/project/OrgClass.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <a-tree-select
     :getPopupContainer="
@@ -28,7 +36,7 @@
 </template>
 <script setup>
 import { defineEmits, defineProps, ref, watch } from "vue";
-import {boeRequest, useBoeApi} from "@/api/request";
+import { boeRequest, useBoeApi } from "@/api/request";
 import { ORG_CHILD_LIST, ORG_LIST } from "@/api/ThirdApi";
 
 const props = defineProps({
@@ -79,6 +87,7 @@ function change(
     },
   }
 ) {
+  console.log("label2222", label, namePath, value);
   emit("update:name", label);
   emit("update:fullName", namePath);
   emit("update:value", value);
diff --git a/src/components/project/OrgClassCheck.vue b/src/components/project/OrgClassCheck.vue
new file mode 100644
index 00000000..9c6c0ded
--- /dev/null
+++ b/src/components/project/OrgClassCheck.vue
@@ -0,0 +1,101 @@
+<!--
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2023-02-23 14:57:21
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-23 20:42:25
+ * @FilePath: /fe-manage/src/components/project/OrgClassCheck.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <a-tree-select
+    :getPopupContainer="
+      (triggerNode) => {
+        return triggerNode.parentNode || document.body;
+      }
+    "
+    v-model:value="labelValue"
+    style="width: 440px; min-height: 40px"
+    :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+    placeholder="请选择归属组织"
+    :labelInValue="true"
+    allow-clear
+    v-model:treeExpandedKeys="stuTreeExpandedKeys"
+    :loading="orgLoading"
+    :load-data="onLoadData"
+    :tree-data="options"
+    :fieldNames="{
+      children: 'treeChildList',
+      label: 'name',
+      value: 'id',
+    }"
+    :disabled="disabled"
+    @change="change"
+    dropdownClassName="treeDropdown"
+    multiple
+  >
+  </a-tree-select>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, watch } from "vue";
+import { boeRequest, useBoeApi } from "@/api/request";
+import { ORG_CHILD_LIST, ORG_LIST } from "@/api/ThirdApi";
+
+const props = defineProps({
+  value: {
+    type: Array,
+    default: () => [],
+  },
+  name: {
+    type: Array,
+    default: () => [],
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+const emit = defineEmits({});
+const stuTreeExpandedKeys = ref([]);
+const labelValue = ref([]);
+const { data: options, loading: orgLoading } = useBoeApi(
+  ORG_LIST,
+  { keyword: "" },
+  {
+    init: true,
+    result: (res) => res.result.map((e) => ({ ...e, isLeaf: false })),
+  }
+);
+
+watch(props, () => {
+  stuTreeExpandedKeys.value = [];
+  console.log("labelValue.value", labelValue.value, props.value);
+  labelValue.value = props.value;
+  // if (labelValue.value.value !== props.value) {
+  //   labelValue.value = { value: props.value, label: props.name };
+  // }
+  // if (labelValue.value.label !== props.name) {
+  //   labelValue.value = { value: props.value, label: props.name };
+  // }
+});
+
+function onLoadData(treeNode) {
+  return boeRequest(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then(
+    (r) => {
+      treeNode.dataRef.treeChildList = r.result.directChildList;
+      options.value = [...options.value];
+    }
+  );
+}
+
+function change(e) {
+  // console.log("label", e, emit);
+  // let label = [];
+  // let value = [];
+  // for (let i = 0; i < e.length; i++) {
+  //   label.push(e[i].label);
+  //   value.push(e[i].value);
+  // }
+  // emit("update:name", label);
+  emit("update:value", e);
+}
+</script>
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 279c7589..741734e9 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -7,54 +7,54 @@
         <div class="filterItems">
           <div class="pathnameInp">
             <a-input
-                v-model:value="createName"
-                style="width: 200px; height: 40px; border-radius: 8px"
-                placeholder="请输入创建人"
+              v-model:value="createName"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="请输入创建人"
             />
           </div>
           <div class="pathnameInp">
             <a-input
-                v-model:value="name"
-                style="width: 200px; height: 40px; border-radius: 8px"
-                placeholder="请输入名称"
+              v-model:value="name"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="请输入名称"
             />
           </div>
           <div class="pathnameInp">
             <a-input
-                v-model:value="projectName"
-                style="width: 200px; height: 40px; border-radius: 8px"
-                placeholder="请输入所属项目"
+              v-model:value="projectName"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="请输入所属项目"
             />
           </div>
           <div class="select">
             <a-select
-                v-model:value="auditStatus"
-                dropdownClassName="dropdown-style"
-                style="width: 200px"
-                placeholder="请选择状态"
-                :options="options1"
-                allowClear
+              v-model:value="auditStatus"
+              dropdownClassName="dropdown-style"
+              style="width: 200px"
+              placeholder="请选择状态"
+              :options="options1"
+              allowClear
             >
             </a-select>
           </div>
           <div class="select">
             <a-tree-select
-                :getPopupContainer="
+              :getPopupContainer="
                 (triggerNode) => triggerNode.parentNode || document.body
               "
-                v-model:value="sysTypeId"
-                show-search
-                style="width: 200px"
-                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-                placeholder="请选择内容分类"
-                allow-clear
-                tree-default-expand-all
-                :fieldNames="{
+              v-model:value="sysTypeId"
+              show-search
+              style="width: 200px"
+              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+              placeholder="请选择内容分类"
+              allow-clear
+              tree-default-expand-all
+              :fieldNames="{
                 children: 'children',
                 label: 'name',
                 value: 'code',
               }"
-                :tree-data="sysTypeOptions"
+              :tree-data="sysTypeOptions"
             >
             </a-tree-select>
           </div>
@@ -62,11 +62,11 @@
             <div class="select addTimeBox">
               <div class="addTime">创建时间：</div>
               <a-range-picker
-                  v-model:value="projectTime"
-                  style="width: 420px"
-                  format="YYYY-MM-DD"
-                  separator="至"
-                  :placeholder="['      开始时间', '        结束时间']"
+                v-model:value="projectTime"
+                style="width: 420px"
+                format="YYYY-MM-DD"
+                separator="至"
+                :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -83,9 +83,9 @@
           <div class="btns">
             <!-- 2022-11-30注释 后面放开 -->
             <div
-                class="btnn btn2"
-                @click="openMessage"
-                style="margin-right: 14px"
+              class="btnn btn2"
+              @click="openMessage"
+              style="margin-right: 14px"
             >
               <div class="daochu"></div>
               <div class="btnText">导出</div>
@@ -102,16 +102,16 @@
     </div>
     <!-- 选择线上还是面授课弹窗 -->
     <a-modal
-        v-model:visible="of_hs"
-        :closable="closableQR"
-        wrapClassName="sofModal"
-        :footer="null"
-        style="margin-top: 400px"
-        @cancel="of_exit"
+      v-model:visible="of_hs"
+      :closable="closableQR"
+      wrapClassName="sofModal"
+      :footer="null"
+      style="margin-top: 400px"
+      @cancel="of_exit"
     >
       <div
-          class="selectonlineface"
-          :style="{ display: of_hs ? 'block' : 'none' }"
+        class="selectonlineface"
+        :style="{ display: of_hs ? 'block' : 'none' }"
       >
         <div class="of_header"></div>
         <div class="of_main">
@@ -125,20 +125,20 @@
               <div class="signbox">
                 <div class="sign">
                   <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                   />
                 </div>
                 <span style="margin-right: 3px">课程名称：</span>
               </div>
               <div class="in b_input">
                 <NameInput
-                    placeholder="请输入课程名称"
-                    v-model:value="xzinputV1"
-                    v-model:validate="validate"
-                    :maxlength="20"
-                    show-count
-                    :type="3"
+                  placeholder="请输入课程名称"
+                  v-model:value="xzinputV1"
+                  v-model:validate="validate"
+                  :maxlength="20"
+                  show-count
+                  :type="3"
                 ></NameInput>
                 <!--                <a-input-->
                 <!--                  v-model:value="xzinputV1"-->
@@ -158,8 +158,8 @@
                 </div>
                 <div class="b_right" @click="hideShow" style="cursor: pointer">
                   <div
-                      class="b_zk"
-                      :style="{ display: hideshow ? 'block' : 'none' }"
+                    class="b_zk"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
                   >
                     <div class="zksqbox" style="display: flex">
                       <span style="color: #4ea6ff; margin-right: 5px">
@@ -167,15 +167,15 @@
                       </span>
                       <div class="b_icon">
                         <img
-                            src="@/assets/images/coursewareManage/up.png"
-                            alt=""
+                          src="@/assets/images/coursewareManage/up.png"
+                          alt=""
                         />
                       </div>
                     </div>
                   </div>
                   <div
-                      class="b_sq"
-                      :style="{ display: hideshow ? 'none' : 'block' }"
+                    class="b_sq"
+                    :style="{ display: hideshow ? 'none' : 'block' }"
                   >
                     <div class="zksqbox" style="display: flex">
                       <span style="color: #4ea6ff; margin-right: 5px">
@@ -183,8 +183,8 @@
                       </span>
                       <div class="b_icon">
                         <img
-                            src="@/assets/images/coursewareManage/down.png"
-                            alt=""
+                          src="@/assets/images/coursewareManage/down.png"
+                          alt=""
                         />
                       </div>
                     </div>
@@ -192,14 +192,14 @@
                 </div>
               </div>
               <div
-                  class="bl_detail"
-                  :style="{ display: hideshow ? 'block' : 'none' }"
+                class="bl_detail"
+                :style="{ display: hideshow ? 'block' : 'none' }"
               >
                 <span style="color: #999ba3">
-                  1、课程名称统一不加书名号。<br/>
+                  1、课程名称统一不加书名号。<br />
                   2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
                   之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                  看到的是课程内容主题。<br/>
+                  看到的是课程内容主题。<br />
                   3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
                   版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
                 </span>
@@ -209,8 +209,8 @@
               <div class="signbox">
                 <div class="sign">
                   <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                   />
                 </div>
 
@@ -234,9 +234,9 @@
                   <div class="bc_boxr">
                     <div class="ol_checkbox">
                       <a-radio
-                          v-model:checked="checked"
-                          :value="2"
-                          @click="clear_valueE1"
+                        v-model:checked="checked"
+                        :value="2"
+                        @click="clear_valueE1"
                       >
                         面授
                       </a-radio>
@@ -251,8 +251,8 @@
                 <div class="signbox">
                   <div class="sign">
                     <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
                     />
                   </div>
 
@@ -262,18 +262,18 @@
                   <div class="bc_box">
                     <div class="ol_checkbox">
                       <a-radio
-                          v-model:checked="checked"
-                          :value="3"
-                          @click="clear_valueE2"
+                        v-model:checked="checked"
+                        :value="3"
+                        @click="clear_valueE2"
                       >
                         是
                       </a-radio>
                     </div>
                     <div class="ol_checkbox">
                       <a-radio
-                          v-model:checked="checked"
-                          :value="4"
-                          @click="clear_valueE2"
+                        v-model:checked="checked"
+                        :value="4"
+                        @click="clear_valueE2"
                       >
                         否
                       </a-radio>
@@ -297,54 +297,105 @@
     <!-- 选择线上还是面授课弹窗 -->
     <!-- 确定新建面授课弹窗 -->
     <CourseModal
-        ref="CourseModalRef"
-        v-model:xzinputV1="xzinputV1"
-        @visibleClose="closeOnlineCoursevisible"
+      ref="CourseModalRef"
+      v-model:xzinputV1="xzinputV1"
+      @visibleClose="closeOnlineCoursevisible"
     />
 
     <!-- 查看面授课弹框 end -->
     <!-- 确定新建面授课弹窗 -->
     <!-- 表格 -->
-    <div style="padding:10px 35px">
+    <div style="padding: 10px 35px">
       <a-table
-          :header-cell-style="{'text-align':'center'}"
-          style="border: 1px solid #f2f6fe"
-          :columns="columns1"
-          :data-source="tableData1"
-          :loading="tableLoading"
-          :pagination="false"
-          :scroll="{x:'max-content'}"
+        :header-cell-style="{ 'text-align': 'center' }"
+        style="border: 1px solid #f2f6fe"
+        :columns="columns1"
+        :data-source="tableData1"
+        :loading="tableLoading"
+        :pagination="false"
+        :scroll="{ x: 'max-content' }"
       >
         <template #bodyCell="{ record, column }">
           <template v-if="column.key === 'operation'">
             <a-space>
-              <a-button v-if="(record.status===0 || record.status===-1 || !record.kkty) && checkPer(record.permissions)"
-                        @click="() => handleEdit(record, String(record.courseform))" type="link">编辑
+              <a-button
+                v-if="
+                  (record.status === 0 ||
+                    record.status === -1 ||
+                    !record.kkty) &&
+                  checkPer(record.permissions)
+                "
+                @click="() => handleEdit(record, String(record.courseform))"
+                type="link"
+                >编辑
               </a-button>
-              <a-button v-if="record.status===2 && checkPer(record.permissions)"
-                        @click="() => handleStart(record, String(record.courseform))" type="link">开课
+              <a-button
+                v-if="record.status === 2 && checkPer(record.permissions)"
+                @click="() => handleStart(record, String(record.courseform))"
+                type="link"
+                >开课
               </a-button>
-              <a-button v-if="record.status===2 && checkPer(record.permissions)"
-                        @click="() => handleLook(record, String(record.courseform))" type="link">查看
+              <a-button
+                v-if="record.status === 2 && checkPer(record.permissions)"
+                @click="() => handleLook(record, String(record.courseform))"
+                type="link"
+                >查看
               </a-button>
-              <a-button v-if="record.status===2 && checkPer(record.permissions)"
-                        @click="() => handleGuan22(record, String(record.courseform))" type="link">管理
+              <a-button
+                v-if="record.status === 2 && checkPer(record.permissions)"
+                @click="() => handleGuan22(record, String(record.courseform))"
+                type="link"
+                >管理
               </a-button>
               <DropDown v-if="checkPer(record.permissions)" value="授权">
-                <OwnerTableModelStudent :types="[10,11,12]" :id="record.offcourseId">权限名单</OwnerTableModelStudent>
-                <CommonStudent :type="10" :id="record.offcourseId" title="查看权">查看权</CommonStudent>
-                <CommonStudent :type="11" :id="record.offcourseId" title="管理权">管理权</CommonStudent>
+                <OwnerTableModelStudent
+                  :types="[10, 11, 12]"
+                  :id="record.offcourseId"
+                  >权限名单</OwnerTableModelStudent
+                >
+                <CommonStudent
+                  :type="10"
+                  :id="record.offcourseId"
+                  title="查看权"
+                  >查看权</CommonStudent
+                >
+                <CommonStudent
+                  :type="11"
+                  :id="record.offcourseId"
+                  title="管理权"
+                  >管理权</CommonStudent
+                >
               </DropDown>
               <DropDown v-if="checkPer(record.permissions)" value="更多">
-                <a-button @click="() => handleCopy(record, String(record.courseform))" type="link">复制</a-button>
-                <a-button @click="() => handleRejectExit(record, String(record.courseform))" type="link">撤回</a-button>
-                <a-button v-if="record.status===2 && record.kkty"
-                          @click="() => handleStop(record, String(record.courseform))" type="link">停用
+                <a-button
+                  @click="() => handleCopy(record, String(record.courseform))"
+                  type="link"
+                  >复制</a-button
+                >
+                <a-button
+                  @click="
+                    () => handleRejectExit(record, String(record.courseform))
+                  "
+                  type="link"
+                  >撤回</a-button
+                >
+                <a-button
+                  v-if="record.status === 2 && record.kkty"
+                  @click="() => handleStop(record, String(record.courseform))"
+                  type="link"
+                  >停用
                 </a-button>
-                <a-button v-if="record.status===2 && !record.kkty"
-                          @click="() => handleOpen(record, String(record.courseform))" type="link">启用
+                <a-button
+                  v-if="record.status === 2 && !record.kkty"
+                  @click="() => handleOpen(record, String(record.courseform))"
+                  type="link"
+                  >启用
                 </a-button>
-                <a-button @click="() => handleDelete(record, String(record.courseform))" type="link" danger>删除
+                <a-button
+                  @click="() => handleDelete(record, String(record.courseform))"
+                  type="link"
+                  danger
+                  >删除
                 </a-button>
               </DropDown>
             </a-space>
@@ -354,34 +405,34 @@
     </div>
     <div class="pa">
       <a-pagination
-          v-if="tableDataTotal1 > 10"
-          :showSizeChanger="false"
-          :showQuickJumper="true"
-          :hideOnSinglePage="true"
-          :pageSize="pageSize1"
-          :current="currentPage1"
-          :total="tableDataTotal1"
-          class="pagination"
-          @change="handelChangePage1"
+        v-if="tableDataTotal1 > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="pageSize1"
+        :current="currentPage1"
+        :total="tableDataTotal1"
+        class="pagination"
+        @change="handelChangePage1"
       />
     </div>
     <!-- 表格 -->
     <!-- 操作 在线面授课程管理 页面 -->
     <a-modal
-        v-model:visible="om_1"
-        title="Title"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="modalStyle onlmanageModal"
-        width="80%"
-        @cancel="om_exit"
+      v-model:visible="om_1"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle onlmanageModal"
+      width="80%"
+      @cancel="om_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-              style="width: 17px; height: 18px; margin-right: 8px"
-              src="@/assets/images/coursewareManage/pc.png"
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/pc.png"
           />
           <div :style="{ display: ft_1 ? 'none' : 'block' }">
             <span class="headerLeftText">在线课程管理</span>
@@ -392,9 +443,9 @@
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-              @click="om_exit"
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+            @click="om_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -414,11 +465,11 @@
                 </div>
               </div>
               <a-tabs
-                  class="b_menu"
-                  v-model:activeKey="faceManageTab"
-                  size="large"
-                  :tabBarStyle="{ marginLeft: '10px' }"
-                  @change="faceManageChange"
+                class="b_menu"
+                v-model:activeKey="faceManageTab"
+                size="large"
+                :tabBarStyle="{ marginLeft: '10px' }"
+                @change="faceManageChange"
               >
                 <!-- <a-tab-pane key="1" tab="报名管理">
                   <div class="b_menunav">
@@ -479,15 +530,15 @@
                   <div class="b_menunav">
                     <div class="bm_select">
                       <a-select
-                          class="select"
-                          ref="select"
-                          placeholder="请选择状态"
-                          v-model:value="gl_selectV2"
-                          style="width: 200px"
-                          :options="options11"
-                          allowClear
-                          @focus="focus"
-                          @change="handleChange"
+                        class="select"
+                        ref="select"
+                        placeholder="请选择状态"
+                        v-model:value="gl_selectV2"
+                        style="width: 200px"
+                        :options="options11"
+                        allowClear
+                        @focus="focus"
+                        @change="handleChange"
                       >
                         <!-- <a-select-option value="status">状态</a-select-option>
                         <a-select-option value="passed">已通过</a-select-option>
@@ -501,9 +552,9 @@
                     </div>
                     <div class="bm_input">
                       <a-input
-                          v-model:value="gl_inputV2"
-                          style="width: 200px; height: 40px; border-radius: 8px"
-                          placeholder="姓名"
+                        v-model:value="gl_inputV2"
+                        style="width: 200px; height: 40px; border-radius: 8px"
+                        placeholder="姓名"
                       />
                     </div>
                     <div class="bm_btn">
@@ -519,10 +570,10 @@
                   </div>
                   <div class="bm_table" style="margin-bottom: 20px">
                     <a-table
-                        :columns="columns2"
-                        :data-source="tableData3"
-                        :loading="manageStuLoading"
-                        :pagination="false"
+                      :columns="columns2"
+                      :data-source="tableData3"
+                      :loading="manageStuLoading"
+                      :pagination="false"
                     >
                       <template #bodyCell="{ column }">
                         <template v-if="column.key === 'opacation'">
@@ -533,14 +584,14 @@
                     <div class="tableBox" style="margin-top: 50px">
                       <div class="pa">
                         <a-pagination
-                            :showSizeChanger="false"
-                            showQuickJumper="true"
-                            hideOnSinglePage="true"
-                            :pageSize="pageSize222"
-                            :current="currentPage222"
-                            :total="tableDataTotal222"
-                            class="pagination"
-                            @change="handelChangePage222"
+                          :showSizeChanger="false"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize222"
+                          :current="currentPage222"
+                          :total="tableDataTotal222"
+                          class="pagination"
+                          @change="handelChangePage222"
                         />
                       </div>
                     </div>
@@ -555,42 +606,42 @@
     <!-- 操作 在线面授课程管理 页面 -->
     <!-- 面授课程管理查看详情 页面 -->
     <a-modal
-        v-model:visible="om_ckxq"
-        title="Title"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="modalStyle coursewareDetail"
-        width="80%"
+      v-model:visible="om_ckxq"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle coursewareDetail"
+      width="80%"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-              style="width: 17px; height: 18px; margin-right: 8px"
-              src="@/assets/images/coursewareManage/detail.png"
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/detail.png"
           />
           <span class="headerLeftText">查看详情</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-              @click="ftsr_exit"
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+            @click="ftsr_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
       <div class="modalMain">
         <div
-            class="ftsturecord"
-            :style="{ display: om_ckxq ? 'block' : 'none' }"
+          class="ftsturecord"
+          :style="{ display: om_ckxq ? 'block' : 'none' }"
         >
           <div class="ftsr_main">
             <div class="ftsr_table">
               <a-table
-                  :columns="columns4"
-                  :data-source="tableData4"
-                  :loading="tableDataTotal === -1 ? true : false"
-                  :pagination="false"
+                :columns="columns4"
+                :data-source="tableData4"
+                :loading="tableDataTotal === -1 ? true : false"
+                :pagination="false"
               >
               </a-table>
             </div>
@@ -604,28 +655,28 @@
     <!-- 面授 课程管理查看详情 页面 -->
     <!--开课页面 -->
     <a-modal
-        v-model:visible="stm_hs"
-        title="Title"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="modalStyle schtimeModal"
-        width="80%"
-        @cancel="stm_exit"
+      v-model:visible="stm_hs"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle schtimeModal"
+      width="80%"
+      @cancel="stm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-              style="width: 17px; height: 18px; margin-right: 8px"
-              src="@/assets/images/coursewareManage/scht.png"
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/scht.png"
           />
           <span class="headerLeftText">开课</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-              @click="stm_exit"
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+            @click="stm_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -634,24 +685,24 @@
           <div class="st_main">
             <div class="stm_inputbtn">
               <a-input
-                  v-model:value="kk_inputV1"
-                  style="
+                v-model:value="kk_inputV1"
+                style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
                 "
-                  placeholder="请输入创建人"
+                placeholder="请输入创建人"
               />
               <a-input
-                  v-model:value="kk_inputV2"
-                  style="
+                v-model:value="kk_inputV2"
+                style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
                 "
-                  placeholder="请输入教师名称"
+                placeholder="请输入教师名称"
               />
               <div class="select">
                 <!-- <a-date-picker
@@ -661,11 +712,11 @@
                   style="width: 270px; margin-right: 14px"
                 /> -->
                 <a-range-picker
-                    v-model:value="selectTime"
-                    type="date"
-                    style="width: 300px; margin-right: 14px"
-                    :placeholder="['  课程开始时间', '   课程结束时间']"
-                    :show-time="{
+                  v-model:value="selectTime"
+                  type="date"
+                  style="width: 300px; margin-right: 14px"
+                  :placeholder="['  课程开始时间', '   课程结束时间']"
+                  :show-time="{
                     defaultValue: [
                       moment('00:00', 'HH:mm'),
                       moment('23:59', 'HH:mm'),
@@ -710,13 +761,13 @@
             <!-- 有数据表格 -->
             <div class="tableBox" v-else>
               <a-table
-                  :columns="columns6"
-                  :data-source="tableData6"
-                  :loading="tableCoursePlanLoading"
-                  :scroll="{ x: 700, y: 800 }"
-                  expandRowByClick="true"
-                  @expand="expandTable"
-                  :pagination="false"
+                :columns="columns6"
+                :data-source="tableData6"
+                :loading="tableCoursePlanLoading"
+                :scroll="{ x: 700, y: 800 }"
+                expandRowByClick="true"
+                @expand="expandTable"
+                :pagination="false"
               >
                 <template #bodyCell="{ record, column }">
                   <template v-if="column.key === 'operation'">
@@ -728,8 +779,8 @@
                         </div>
 
                         <div
-                            class="jc"
-                            @click="
+                          class="jc"
+                          @click="
                             () => {
                               handelEditStu(record);
                             }
@@ -738,8 +789,8 @@
                           编辑
                         </div>
                         <div
-                            class="jc"
-                            @click="
+                          class="jc"
+                          @click="
                             () => {
                               handelGuan(record);
                             }
@@ -752,7 +803,7 @@
                         <template #overlay>
                           <a-menu style="margin-left: 20px">
                             <a-menu-item
-                                @click="
+                              @click="
                                 () => {
                                   handleCopyP(record);
                                 }
@@ -761,7 +812,7 @@
                               复制
                             </a-menu-item>
                             <a-menu-item
-                                @click="
+                              @click="
                                 () => {
                                   handleDeleteKaike(record);
                                 }
@@ -778,7 +829,7 @@
                         <div class="fb" style="margin-left: -20px">
                           <div class="jc">
                             更多
-                            <down-outlined/>
+                            <down-outlined />
                           </div>
                         </div>
                       </a-dropdown>
@@ -789,14 +840,14 @@
               <div class="tableBox" style="margin-top: 50px">
                 <div class="pa">
                   <a-pagination
-                      :showSizeChanger="false"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                      @change="handelChangePage2"
+                    :showSizeChanger="false"
+                    showQuickJumper="true"
+                    hideOnSinglePage="true"
+                    :pageSize="pageSize2"
+                    :current="currentPage2"
+                    :total="tableDataTotal2"
+                    class="pagination"
+                    @change="handelChangePage2"
                   />
                 </div>
               </div>
@@ -807,15 +858,15 @@
       </div>
     </a-modal>
     <!--开课页面 -->
-    <!--新建开课页面 -->
+    <!--新建开课页面 cstm_hs -->
     <a-modal
-        v-model:visible="cstm_hs"
-        style="margin-top: 400px"
-        @cancel="handleCancelStu"
+      v-model:visible="cstm_hs"
+      style="margin-top: 400px"
+      @cancel="handleCancelStu"
     >
       <div
-          class="createschooltime"
-          :style="{ display: cstm_hs ? 'block' : 'none' }"
+        class="createschooltime"
+        :style="{ display: cstm_hs ? 'block' : 'none' }"
       >
         <div class="cst_header"></div>
         <div class="cst_main">
@@ -832,18 +883,22 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">开课名称</span>
             </div>
             <div class="b_input">
               <NameInput
-                  maxlength="30"
-                  v-model:value="xjkkinputV1" v-model:validate="validate" show-count :id="offcourseId"  :type="2"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder="请输入开课名称"
+                maxlength="30"
+                v-model:value="xjkkinputV1"
+                v-model:validate="validate"
+                show-count
+                :id="offcourseId"
+                :type="2"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入开课名称"
               ></NameInput>
             </div>
           </div>
@@ -859,10 +914,10 @@
             </div>
             <div class="b_input">
               <a-input
-                  v-model:value="xjkkinputV2"
-                  maxlength="50"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder="请输入详细地点"
+                v-model:value="xjkkinputV2"
+                maxlength="50"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入详细地点"
               />
               <div class="inp_num" style="right: 164px">
                 <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
@@ -873,21 +928,21 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">面授时间</span>
             </div>
             <div class="select fitems">
               <a-range-picker
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  :show-time="{ format: 'HH:mm' }"
-                  :disabled-date="disabledDate"
-                  format="YYYY-MM-DD HH:mm"
-                  v-model:value="xjkkinputV3"
-                  separator="至"
-                  :placeholder="['        开始时间', '        结束时间']"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'HH:mm' }"
+                :disabled-date="disabledDate"
+                format="YYYY-MM-DD HH:mm"
+                v-model:value="xjkkinputV3"
+                separator="至"
+                :placeholder="['        开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -896,20 +951,62 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">授课教师</span>
             </div>
             <div class="select" style="width: 440px">
               <ProjectManager
-                  v-model:value="member.value"
-                  v-model:name="member.name"
+                v-model:value="member.value"
+                v-model:name="member.name"
               ></ProjectManager>
             </div>
           </div>
 
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">考勤设置：</span>
+            </div>
+            <div style="display: flex; align-items: center">
+              <div style="margin-right: 10px">签到</div>
+              <div
+                style="display: flex; align-items: center; margin-right: 20px"
+              >
+                <span>开始前：</span>
+                <a-input-number
+                  :min="0"
+                  :max="300"
+                  :precision="0"
+                  style="
+                    width: 100px;
+                    height: 32px;
+                    border-radius: 8px;
+                    overflow: hidden;
+                  "
+                  v-model:value="beforeValue"
+                ></a-input-number>
+                <span style="color: #999999; margin-left: 8px">分钟</span>
+              </div>
+              <div style="display: flex; align-items: center">
+                <span>开始后：</span>
+                <a-input-number
+                  :min="0"
+                  :max="300"
+                  :precision="0"
+                  style="
+                    width: 100px;
+                    height: 32px;
+                    border-radius: 8px;
+                    overflow: hidden;
+                  "
+                  v-model:value="afterStartValue"
+                ></a-input-number>
+                <span style="color: #999999; margin-left: 8px">分钟</span>
+              </div>
+            </div>
+          </div>
           <div class="cstm_items">
             <div class="signbox">
               <span style="margin-right: 3px">报名设置</span>
@@ -953,8 +1050,17 @@
           <div v-if="checked4" class="cstm_items main_item">
             <div class="signbox"></div>
             <div class="btnbox">
-              <AssessmentList v-model:assessmentName="assessmentName" v-model:assessmentId="assessmentId">
-                <button class="xkbtn" @click="showAssessment" style="margin-bottom: 0;margin-top: 0">选择评估</button>
+              <AssessmentList
+                v-model:assessmentName="assessmentName"
+                v-model:assessmentId="assessmentId"
+              >
+                <button
+                  class="xkbtn"
+                  @click="showAssessment"
+                  style="margin-bottom: 0; margin-top: 0"
+                >
+                  选择评估
+                </button>
               </AssessmentList>
               <div v-if="assessmentId > 0">
                 <a-tag closable @close="removePG" color="processing">
@@ -970,9 +1076,9 @@
             <div class="signbox"></div>
             <div class="btnbox">
               <add-homework v-model:info="workInfo">
-              <button class="xkbtn" style="margin-bottom: 0;margin-top: 0">
-                配置作业
-              </button>
+                <button class="xkbtn" style="margin-bottom: 0; margin-top: 0">
+                  配置作业
+                </button>
               </add-homework>
               <div v-if="workInfo.workName">
                 <a-tag closable @close="logW" color="processing">
@@ -987,7 +1093,9 @@
             <div class="signbox"></div>
             <div class="btnbox">
               <add-test v-model:info="examInfo">
-                <button class="xkbtn"  style="margin-bottom: 0;margin-top: 0">配置考试</button>
+                <button class="xkbtn" style="margin-bottom: 0; margin-top: 0">
+                  配置考试
+                </button>
               </add-test>
               <div v-if="examInfo.examinationName">
                 <a-tag closable @close="logT" color="processing">
@@ -996,7 +1104,6 @@
                   </span>
                 </a-tag>
               </div>
-
             </div>
           </div>
           <!--
@@ -1024,12 +1131,12 @@
               </a-checkbox>
             </div>
           </div> -->
-          <div class="cstm_items items_fj" style="height:80px">
+          <div class="cstm_items items_fj" style="height: 80px">
             <div class="signbox">
               <span style="margin-right: 3px"></span>
             </div>
             <div class="b_input">
-              <FJUpload v-model:value="attach" @changevalue="changevalue"/>
+              <FJUpload v-model:value="attach" @changevalue="changevalue" />
             </div>
           </div>
 
@@ -1047,35 +1154,35 @@
     <!--新建开课页面 -->
     <!--开课学员管理页面 -->
     <a-modal
-        v-model:visible="sm_hs"
-        title="Title"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="modalStyle stusmanageModal"
-        width="90%"
-        @cancel="sm_exit"
+      v-model:visible="sm_hs"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle stusmanageModal"
+      width="90%"
+      @cancel="sm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-              style="width: 17px; height: 18px; margin-right: 8px"
-              src="@/assets/images/coursewareManage/stum.png"
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/stum.png"
           />
           <span class="headerLeftText">学员管理</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-              @click="sm_exit"
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+            @click="sm_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
       <div class="modalMain">
         <div
-            class="studentsmanage"
-            :style="{ display: sm_hs ? 'block' : 'none' }"
+          class="studentsmanage"
+          :style="{ display: sm_hs ? 'block' : 'none' }"
         >
           <div class="stm_main">
             <div class="stmmitems">
@@ -1100,21 +1207,48 @@
               </div>
               <div class="stmm_i5">
                 <TableStudent
-                    :type="3"
-                    :id="offcoursePlanId"
-                    :columns="stuColumns"
-                    :visable="sm_hs"
-                    :isgetStudent="isgetStudent"
+                  :type="3"
+                  :id="offcoursePlanId"
+                  :columns="stuColumns"
+                  :visable="sm_hs"
+                  :isgetStudent="isgetStudent"
                 >
                   <template #extension="{ data: { record } }">
-                    <a-button v-if="record.source === 4 && record.status === 1"
-                              @click="() => {record.status = 0;auditStudent(record);}" type="link">审核通过
+                    <a-button
+                      v-if="record.source === 4 && record.status === 1"
+                      @click="
+                        () => {
+                          record.status = 0;
+                          auditStudent(record);
+                        }
+                      "
+                      type="link"
+                      >审核通过
                     </a-button>
-                    <a-button v-if="record.source === 4 && record.status === 1"
-                              @click="() => {record.status = 2;auditStudent(record);}" type="link">拒绝
+                    <a-button
+                      v-if="record.source === 4 && record.status === 1"
+                      @click="
+                        () => {
+                          record.status = 2;
+                          auditStudent(record);
+                        }
+                      "
+                      type="link"
+                      >拒绝
                     </a-button>
-                    <a-button v-if="record.source === 4 && (record.status === 0 || record.status === 2)"
-                              @click="() => {record.status = 1;auditStudent(record);}" type="link">撤回
+                    <a-button
+                      v-if="
+                        record.source === 4 &&
+                        (record.status === 0 || record.status === 2)
+                      "
+                      @click="
+                        () => {
+                          record.status = 1;
+                          auditStudent(record);
+                        }
+                      "
+                      type="link"
+                      >撤回
                     </a-button>
                   </template>
                 </TableStudent>
@@ -1127,13 +1261,13 @@
     <!--开课学员管理页面 -->
     <!--二维码页面 -->
     <a-modal
-        v-model:visible="QR_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="QRModal"
-        style="margin-top: 400px"
-        :zIndex="9999"
-        @cancel="qr_exit"
+      v-model:visible="QR_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="QRModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="qr_exit"
     >
       <div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
         <div class="qr_header"></div>
@@ -1178,13 +1312,13 @@
     <!--二维码页面 -->
     <!--录入成绩页面 -->
     <a-modal
-        v-model:visible="rg_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="recgradeModal"
-        style="margin-top: 400px"
-        :zIndex="9999"
-        @cancel="rg_exit"
+      v-model:visible="rg_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="recgradeModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="rg_exit"
     >
       <div class="recordgrade" :style="{ display: rg_hs ? 'block' : 'none' }">
         <div class="rg_header"></div>
@@ -1199,18 +1333,18 @@
               <div class="items_left">
                 <div class="sign">
                   <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                   />
                 </div>
                 <span>得分</span>
               </div>
               <div class="rgmb_input">
                 <a-input
-                    v-model:value="lrcj_inputV1"
-                    maxlength="20"
-                    style="width: 440px; height: 40px; border-radius: 8px"
-                    placeholder=""
+                  v-model:value="lrcj_inputV1"
+                  maxlength="20"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder=""
                 />
               </div>
             </div>
@@ -1220,9 +1354,9 @@
               <div class="btnText">取消</div>
             </div>
             <div
-                class="qrm_btn btn2"
-                style="background-color: #4ea6ff; color: #ffffff"
-                @click="handleJoin"
+              class="qrm_btn btn2"
+              style="background-color: #4ea6ff; color: #ffffff"
+              @click="handleJoin"
             >
               <div class="btnText">确定</div>
             </div>
@@ -1233,17 +1367,17 @@
     <!--录入成绩页面 -->
     <!--结业页面 -->
     <a-modal
-        v-model:visible="graduate_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="graModal"
-        style="margin-top: 400px"
-        :zIndex="9999"
-        @cancel="graduate_exit"
+      v-model:visible="graduate_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="graModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="graduate_exit"
     >
       <div
-          class="graduate"
-          :style="{ display: graduate_hs ? 'block' : 'none' }"
+        class="graduate"
+        :style="{ display: graduate_hs ? 'block' : 'none' }"
       >
         <div class="gra_header"></div>
         <div class="gra_main">
@@ -1257,8 +1391,8 @@
               <div class="items_left">
                 <div class="sign">
                   <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                   />
                 </div>
                 <span>结业</span>
@@ -1268,18 +1402,18 @@
                   <div class="bc_box">
                     <div class="ol_checkbox">
                       <a-radio
-                          v-model:checked="checked"
-                          :value="1"
-                          @click="clear_jyradioV1"
-                      >结业
+                        v-model:checked="checked"
+                        :value="1"
+                        @click="clear_jyradioV1"
+                        >结业
                       </a-radio>
                     </div>
                     <div class="ol_checkbox">
                       <a-radio
-                          v-model:checked="checked"
-                          :value="2"
-                          @click="clear_jyradioV1"
-                      >不结业
+                        v-model:checked="checked"
+                        :value="2"
+                        @click="clear_jyradioV1"
+                        >不结业
                       </a-radio>
                     </div>
                   </div>
@@ -1301,16 +1435,16 @@
     <!--结业页面 -->
     <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
     <a-modal
-        v-model:visible="agreereject_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="agrstudyModal"
-        centered="true"
-        @cancel="agreereject_exit"
+      v-model:visible="agreereject_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="agrstudyModal"
+      centered="true"
+      @cancel="agreereject_exit"
     >
       <div
-          class="agreestudy"
-          :style="{ display: agreereject_hs ? 'block' : 'none' }"
+        class="agreestudy"
+        :style="{ display: agreereject_hs ? 'block' : 'none' }"
       >
         <div class="agree_header"></div>
         <div class="agree_main">
@@ -1321,14 +1455,14 @@
           </div>
           <div class="agreem_body">
             <div
-                class="body_box"
-                :style="{ display: agreestudy_hs ? 'block' : 'none' }"
+              class="body_box"
+              :style="{ display: agreestudy_hs ? 'block' : 'none' }"
             >
               <div>请确定是否同意此学员学习此课程</div>
             </div>
             <div
-                class="body_box"
-                :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
+              class="body_box"
+              :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
             >
               <div>请确定是否拒绝此学员学习此课程</div>
             </div>
@@ -1347,17 +1481,17 @@
     <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
     <!--删除 复制 停用弹窗 -->
     <a-modal
-        v-model:visible="delete_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="DelModal"
-        style="margin-top: 400px"
-        :zIndex="9999"
-        @cancel="delete_exit1"
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="delete_exit1"
     >
       <div
-          class="delete"
-          :style="{
+        class="delete"
+        :style="{
           display: del_hs || copy_hs || nouse_hs ? 'block' : 'none',
         }"
       >
@@ -1365,16 +1499,16 @@
         <div class="del_main">
           <div class="header">
             <div
-                class="del-icons"
-                :style="{ display: del_hs ? 'block' : 'none' }"
+              class="del-icons"
+              :style="{ display: del_hs ? 'block' : 'none' }"
             >
-              <img src="@/assets/images/coursewareManage/notice.png" alt=""/>
+              <img src="@/assets/images/coursewareManage/notice.png" alt="" />
             </div>
             <div
-                class="del-icons"
-                :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"
+              class="del-icons"
+              :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"
             >
-              <img src="@/assets/images/coursewareManage/QR.png" alt=""/>
+              <img src="@/assets/images/coursewareManage/QR.png" alt="" />
             </div>
             <span>提示</span>
             <div class="close_exit" @click="delete_exit1"></div>
@@ -1406,9 +1540,9 @@
     </a-modal>
     <!-- 预览弹窗 -->
     <SeeModal
-        :visible="lookCourseModal"
-        :detail="faceDetailObj"
-        @cancel="ft_exit_see"
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
     />
     <!--删除 复制 停用弹窗 -->
     <!-- 学员管理课程库-归属权抽屉 -->
@@ -1429,22 +1563,22 @@
     /> -->
     <!-- 新建在线课弹窗 -->
     <addOnlineCourse
-        v-model:addOnlineCoursevisible="addOnlineCoursevisible"
-        :closeOnlineModal="closeOnlineCoursevisible"
+      v-model:addOnlineCoursevisible="addOnlineCoursevisible"
+      :closeOnlineModal="closeOnlineCoursevisible"
     />
     <!-- 新建在线课弹窗 -->
 
     <!-- 授权名单抽屉 -->
     <proj-power-list
-        v-model:ProjPvisible="corpowerlistvisible"
-        :selectProjectId="selectCourseId"
-        classify="course"
+      v-model:ProjPvisible="corpowerlistvisible"
+      :selectProjectId="selectCourseId"
+      classify="course"
     />
     <!-- 归属权抽屉 -->
     <proj-owner-ship
-        v-model:ProjOwnervisible="ownpowervisible"
-        :selectProjectId="selectCourseId"
-        classify="course"
+      v-model:ProjOwnervisible="ownpowervisible"
+      :selectProjectId="selectCourseId"
+      classify="course"
     />
     <!-- 查看权抽屉 -->
     <!-- <proj-check-ship
@@ -1456,25 +1590,25 @@
     /> -->
     <!--查看权抽屉 管理权抽屉 添加学员抽屉  -->
     <proj-check-ship
-        v-model:ProjCheckvisible="viewpowervisible"
-        :selectProjectId="selectCourseId"
-        v-model:addAuthList="addAuthList"
-        :authClassify="authClassify"
-        classify="course"
-        :type="shipType"
+      v-model:ProjCheckvisible="viewpowervisible"
+      :selectProjectId="selectCourseId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="course"
+      :type="shipType"
     />
   </div>
 
   <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-    <a-spin :spinning="addLoading" tip=""/>
+    <a-spin :spinning="addLoading" tip="" />
   </div>
 
   <!-- 二维码弹窗 -->
   <two-dimensional-code
-      v-model:codevisible="codevisible"
-      :codeInfo="codeInfo"
-      :index="codeIndex"
-      :type="codeType == 1 ? '课程二维码' : codeType == 2 ? '签到二维码' : ''"
+    v-model:codevisible="codevisible"
+    :codeInfo="codeInfo"
+    :index="codeIndex"
+    :type="codeType == 1 ? '课程二维码' : codeType == 2 ? '签到二维码' : ''"
   />
   <!-- 二维码弹窗 -->
 </template>
@@ -1492,8 +1626,8 @@ import {
 } from "vue";
 
 import * as apis from "../../api/indexTaskManage";
-import {message} from "ant-design-vue";
-import {useRouter, useRoute} from "vue-router";
+import { message } from "ant-design-vue";
+import { useRouter, useRoute } from "vue-router";
 import CommonStudent from "@/components/student/CommonStudent";
 import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
 import addOnlineCourse from "../../components/Modals/addOnlineCourse.vue";
@@ -1515,7 +1649,8 @@ import {
   studentExport,
   handleStudent,
   getMemberInfoApi,
-  copyCoursePlan, copyCourse,
+  copyCoursePlan,
+  copyCourse,
 } from "@/api/indexCourse";
 import {
   traverseArr,
@@ -1524,7 +1659,7 @@ import {
   getdateToDate,
 } from "../../utils/utils";
 import { validateName } from "@/api/index1";
-import {fileUp} from "../../api/indexEval";
+import { fileUp } from "../../api/indexEval";
 import * as api1 from "../../api/index1";
 
 import "@wangeditor/editor/dist/css/style.css";
@@ -1534,32 +1669,21 @@ import SeeModal from "./components/seeModal.vue";
 import CourseModal from "./courseModal.vue";
 import * as moment from "moment";
 import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
-import {codeUrl, toDate} from "@/api/method";
-import {queryWorkDetailById} from "@/api/indexWork";
-import {queryExaminationDetailById} from "@/api/indexExam";
+import { codeUrl, toDate } from "@/api/method";
+import { queryWorkDetailById } from "@/api/indexWork";
+import { queryExaminationDetailById } from "@/api/indexExam";
 import AddHomework from "../../components/drawers/CommonHomework.vue";
 import AddTest from "../../components/drawers/CommonTest.vue";
 import TableStudent from "@/components/student/TableStudent";
 import FJUpload from "@/components/common/FJUpload";
-import {updateStudent} from "@/api/indexProjStu";
-import {useStore} from "vuex";
+import { updateStudent } from "@/api/indexProjStu";
+import { useStore } from "vuex";
 import DropDown from "@/components/common/DropDown";
-import {checkPer} from "@/utils/utils";
+import { checkPer } from "@/utils/utils";
 import dayjs from "dayjs";
 
 //列表表格
 const columns1 = [
-  {
-    title: "名称",
-    width: 400,
-    dataIndex: "name",
-    key: "name",
-    ellipsis: true,
-    align: "left",
-    customRender: ({text}) => {
-      return text ? text : "-";
-    },
-  },
   {
     title: "课程编号",
     width: 130,
@@ -1567,6 +1691,18 @@ const columns1 = [
     key: "offcourseNumber",
     align: "center",
   },
+  {
+    title: "名称",
+    width: 400,
+    dataIndex: "name",
+    key: "name",
+    ellipsis: true,
+    align: "left",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+
   {
     title: "内容分类",
     width: 130,
@@ -1581,7 +1717,7 @@ const columns1 = [
     dataIndex: "courseform",
     key: "2",
     align: "center",
-    customRender: ({record}) => {
+    customRender: ({ record }) => {
       switch (String(record.courseform)) {
         case "1":
           return "线上";
@@ -1597,7 +1733,7 @@ const columns1 = [
     key: "3",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1608,7 +1744,7 @@ const columns1 = [
     key: "3",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1619,11 +1755,11 @@ const columns1 = [
     key: "3",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
-  
+
   {
     title: " 目标人群",
     width: 250,
@@ -1631,7 +1767,7 @@ const columns1 = [
     key: "3",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1641,27 +1777,27 @@ const columns1 = [
     dataIndex: "studentCnt",
     key: "4",
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
+      return text ? text : "0";
+    },
+  },
+  {
+    title: "评分",
+    width: 130,
+    dataIndex: "score",
+    key: "5",
+    align: "center",
+    customRender: ({ text }) => {
       return text ? text : "0";
     },
   },
-  // {
-  //  title: "评分",
-  //  width: 130,
-  //  dataIndex: "grade",
-  //   key: "5",
-  //  align: "center",
-  // customRender: ({ text }) => {
-  //   return text ? text : "0";
-  //  },
-  // },
   {
     title: "状态",
     width: 130,
     dataIndex: "status",
     key: "6",
     align: "center",
-    customRender: ({record}) => {
+    customRender: ({ record }) => {
       switch (String(record.status)) {
         case "0":
           return "未提交";
@@ -1680,7 +1816,7 @@ const columns1 = [
     dataIndex: "ynpub",
     key: "7",
     align: "center",
-    customRender: ({record}) => {
+    customRender: ({ record }) => {
       switch (String(record.ynpub)) {
         case "0":
           return "未发布";
@@ -1696,7 +1832,7 @@ const columns1 = [
     key: "8",
     ellipsis: true,
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1707,7 +1843,7 @@ const columns1 = [
     key: "9",
     ellipsis: true,
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1718,7 +1854,7 @@ const columns1 = [
     dataIndex: "pubtime",
     key: "10",
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1728,7 +1864,7 @@ const columns1 = [
     key: "either",
     dataIndex: "kkty",
     align: "center",
-    customRender: ({record}) => {
+    customRender: ({ record }) => {
       switch (String(record.kkty)) {
         case "0":
           return "停用";
@@ -1756,7 +1892,7 @@ const columns2 = [
     key: "studentName",
     width: "6%",
     align: "center",
-    customRender: ({record: {studentName}}) => studentName || "-",
+    customRender: ({ record: { studentName } }) => studentName || "-",
   },
   {
     title: "工号",
@@ -1765,7 +1901,7 @@ const columns2 = [
     width: "12%",
     ellipsis: true,
     align: "center",
-    customRender: ({record: {studentUserNo}}) => studentUserNo || "-",
+    customRender: ({ record: { studentUserNo } }) => studentUserNo || "-",
   },
   {
     title: "开课名称",
@@ -1774,7 +1910,7 @@ const columns2 = [
     width: "12%",
     ellipsis: true,
     align: "center",
-    customRender: ({record: {name}}) => name || "-",
+    customRender: ({ record: { name } }) => name || "-",
   },
   {
     title: "地点",
@@ -1783,7 +1919,7 @@ const columns2 = [
     width: "12%",
     ellipsis: true,
     align: "center",
-    customRender: ({record: {address}}) => address || "-",
+    customRender: ({ record: { address } }) => address || "-",
   },
   {
     title: "数据来源",
@@ -1792,8 +1928,8 @@ const columns2 = [
     ellipsis: true,
     width: "12%",
     align: "center",
-    customRender: ({record: {courseName, routerName}}) =>
-        courseName || routerName || "开课",
+    customRender: ({ record: { courseName, routerName } }) =>
+      courseName || routerName || "开课",
   },
   {
     title: "学习时间",
@@ -1802,7 +1938,7 @@ const columns2 = [
     width: "10%",
     align: "center",
     ellipsis: true,
-    customRender: ({record: {lastStudyTime}}) => lastStudyTime || "-",
+    customRender: ({ record: { lastStudyTime } }) => lastStudyTime || "-",
   },
   {
     title: "签到时间",
@@ -1811,7 +1947,7 @@ const columns2 = [
     width: "10%",
     align: "center",
     ellipsis: true,
-    customRender: ({record: {signTime}}) => signTime || "-",
+    customRender: ({ record: { signTime } }) => signTime || "-",
   },
   {
     title: "状态",
@@ -1821,14 +1957,14 @@ const columns2 = [
     align: "center",
     customRender: (text) => {
       return (
-          <div class="racona">
+        <div class="racona">
           <span>
             {" "}
             {text.record.finishStatus == 0 || text.record.finishStatus == null
-                ? "未开始"
-                : "已完成"}
+              ? "未开始"
+              : "已完成"}
           </span>
-          </div>
+        </div>
       );
     },
   },
@@ -1886,7 +2022,7 @@ const columns6 = [
     width: "15%",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1897,7 +2033,7 @@ const columns6 = [
     width: "15%",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1908,7 +2044,7 @@ const columns6 = [
     width: "8%",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1920,7 +2056,7 @@ const columns6 = [
     width: "12%",
     ellipsis: true,
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       // return text ? getdateToTime(text * 1000) : "-";
       return text ? text : "-";
     },
@@ -1932,7 +2068,7 @@ const columns6 = [
     width: "12%",
     ellipsis: true,
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       // return text ? getdateToTime(text * 1000) : "-";
       return text ? text : "-";
     },
@@ -1944,7 +2080,7 @@ const columns6 = [
     width: "8%",
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1955,7 +2091,7 @@ const columns6 = [
     width: 100,
     align: "center",
     ellipsis: true,
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "0";
     },
   },
@@ -1986,7 +2122,7 @@ const columns7 = [
     width: 200,
     dataIndex: "name",
     key: "name",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -1996,7 +2132,7 @@ const columns7 = [
     dataIndex: "number",
     key: "1",
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -2006,7 +2142,7 @@ const columns7 = [
     dataIndex: "department",
     key: "2",
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -2026,7 +2162,7 @@ const columns7 = [
     dataIndex: "band",
     key: "4",
     align: "center",
-    customRender: ({text}) => {
+    customRender: ({ text }) => {
       return text ? text : "-";
     },
   },
@@ -2036,7 +2172,7 @@ const columns7 = [
     dataIndex: "status",
     key: "5",
     align: "center",
-    customRender: ({record}) => {
+    customRender: ({ record }) => {
       switch (String(record.status)) {
         case "0":
           return "审核通过";
@@ -2053,7 +2189,7 @@ const columns7 = [
     dataIndex: "join",
     key: "6",
     align: "center",
-    customRender: ({record}) => {
+    customRender: ({ record }) => {
       switch (String(record.source)) {
         case "1":
           return "导入";
@@ -2154,10 +2290,10 @@ export default defineComponent({
     const store = useStore();
 
     const state = reactive({
-      workInfo:{},
-      examInfo:{},
+      workInfo: {},
+      examInfo: {},
       tableLoading: false,
-      //新加  
+      //新加
       stuColumns: [
         {
           title: "岗位",
@@ -2167,13 +2303,13 @@ export default defineComponent({
           align: "center",
           customRender: (text) => {
             return (
-                <div class="racona">
+              <div class="racona">
                 <span>
                   {text && text.record.studentJobName
-                      ? text.record.studentJobName
-                      : "-"}
+                    ? text.record.studentJobName
+                    : "-"}
                 </span>
-                </div>
+              </div>
             );
           },
         },
@@ -2185,11 +2321,11 @@ export default defineComponent({
           align: "center",
           customRender: (record) => {
             return (
-                <div class="racona">
+              <div class="racona">
                 <span>
                   {record.studentBandDesc ? record.studentBandDesc : "-"}
                 </span>
-                </div>
+              </div>
             );
           },
         },
@@ -2199,7 +2335,7 @@ export default defineComponent({
           dataIndex: "status",
           key: "5",
           align: "center",
-          customRender: ({record}) => {
+          customRender: ({ record }) => {
             switch (String(record.status)) {
               case "0":
                 return "审核通过";
@@ -2217,8 +2353,8 @@ export default defineComponent({
           dataIndex: "signstatus",
           key: "7",
           align: "center",
-          customRender: ({record}) =>
-              record.signStatus ? "已签到" : "未签到",
+          customRender: ({ record }) =>
+            record.signStatus ? "已签到" : "未签到",
         },
         {
           title: "评估状态",
@@ -2226,8 +2362,8 @@ export default defineComponent({
           dataIndex: "evastatus",
           key: "8",
           align: "center",
-          customRender: ({record}) =>
-              record.assessmentStatus ? "已评估" : "未评估",
+          customRender: ({ record }) =>
+            record.assessmentStatus ? "已评估" : "未评估",
         },
         {
           title: "作业成绩",
@@ -2235,24 +2371,24 @@ export default defineComponent({
           dataIndex: "workScore",
           key: "7",
           align: "center",
-          customRender: ({record}) => {
+          customRender: ({ record }) => {
             return (
-                <div class="racona">
-                  {record.workScore === -2 ? (
-                      "-"
-                  ) : record.workScore ? (
-                      <span>{record.workScore}</span>
-                  ) : (
-                      <span
-                          style={{color: "#4EA6FF", cursor: "pointer"}}
-                          onClick={() => {
-                            handlJoinStu(record);
-                          }}
-                      >
+              <div class="racona">
+                {record.workScore === -2 ? (
+                  "-"
+                ) : record.workScore ? (
+                  <span>{record.workScore}</span>
+                ) : (
+                  <span
+                    style={{ color: "#4EA6FF", cursor: "pointer" }}
+                    onClick={() => {
+                      handlJoinStu(record);
+                    }}
+                  >
                     成绩录入
                   </span>
-                  )}
-                </div>
+                )}
+              </div>
             );
             // switch (String(record.status)) {
             //   case "0":
@@ -2286,26 +2422,26 @@ export default defineComponent({
           dataIndex: "completionStatus",
           key: "8",
           align: "center",
-          customRender: ({record}) => {
+          customRender: ({ record }) => {
             return (
-                <div>
-                  {record.finishStatus == 1 &&
-                  record.workScore != -2 &&
-                  record.signStatus == 1 ? (
-                      <div
-                          style={{color: "#4EA6FF", cursor: "pointer"}}
-                          onClick={() => {
-                            handleOverStu(record);
-                          }}
-                      >
-                        结业
-                      </div>
-                  ) : record.completionStatus == 1 ? (
-                      <div>已结业</div>
-                  ) : (
-                      <div>-</div>
-                  )}
-                </div>
+              <div>
+                {record.finishStatus == 1 &&
+                record.workScore != -2 &&
+                record.signStatus == 1 ? (
+                  <div
+                    style={{ color: "#4EA6FF", cursor: "pointer" }}
+                    onClick={() => {
+                      handleOverStu(record);
+                    }}
+                  >
+                    结业
+                  </div>
+                ) : record.completionStatus == 1 ? (
+                  <div>已结业</div>
+                ) : (
+                  <div>-</div>
+                )}
+              </div>
             );
           },
         },
@@ -2318,7 +2454,7 @@ export default defineComponent({
       selectedRowKeys7: [],
       auditDescription: "",
       isEdit: 0,
-      member: {name: "", value: ""},
+      member: { name: "", value: "" },
       //列表表格
       tableData1: [
         // {
@@ -2443,7 +2579,7 @@ export default defineComponent({
       ft_1: false,
       om_ckxq: false,
       stm_hs: false,
-      cstm_hs: false,
+      cstm_hs: true,
       sm_hs: false,
       QR_hs: false,
       closableQR: false,
@@ -2524,6 +2660,8 @@ export default defineComponent({
       xjkkinputV2: "",
       xjkkinputV3: "",
       xjkkinputV4: null,
+      beforeValue: null,
+      afterStartValue: null,
       //开课学员管理
       xygl_inputV1: "",
       //录入成绩
@@ -2784,7 +2922,7 @@ export default defineComponent({
     const toolbarConfig = {
       excludeKeys: ["insertVideo", "insertImage"],
     };
-    const editorConfig = {placeholder: "请输入内容...", MENU_CONF: {}};
+    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
     editorConfig.MENU_CONF["uploadImage"] = {
       // 自定义上传
       async customUpload(file, insertFn) {
@@ -2819,12 +2957,12 @@ export default defineComponent({
     const beforeUpload = (file) => {
       return new Promise((resolve, reject) => {
         const isJpgOrPng =
-            file.type === "image/jpg" ||
-            file.type === "image/jpeg" ||
-            file.type === "image/png" ||
-            file.type === "image/svg" ||
-            file.type === "image/bmp" ||
-            file.type === "image/gif";
+          file.type === "image/jpg" ||
+          file.type === "image/jpeg" ||
+          file.type === "image/png" ||
+          file.type === "image/svg" ||
+          file.type === "image/bmp" ||
+          file.type === "image/gif";
         if (!isJpgOrPng) {
           message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
           return reject(false);
@@ -2838,7 +2976,7 @@ export default defineComponent({
         }
 
         let w = 0,
-            h = 0;
+          h = 0;
         let reader = new FileReader();
         reader.readAsDataURL(file);
         reader.onload = () => {
@@ -2864,7 +3002,7 @@ export default defineComponent({
               return resolve(true);
             } else {
               message.error(
-                  "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
+                "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
               );
               return reject(false);
             }
@@ -2893,7 +3031,7 @@ export default defineComponent({
       ];
       if (!fileType.includes(file.name.split(".")[1])) {
         message.error(
-            "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
         );
         return false;
       }
@@ -2936,12 +3074,12 @@ export default defineComponent({
       let endTime = "";
       if (state.projectTime) {
         startTime = toDate(
-            new Date(state.projectTime[0].$d).getTime() / 1000,
-            "Y-M-D"
+          new Date(state.projectTime[0].$d).getTime() / 1000,
+          "Y-M-D"
         );
         endTime = toDate(
-            new Date(state.projectTime[1].$d).getTime() / 1000,
-            "Y-M-D"
+          new Date(state.projectTime[1].$d).getTime() / 1000,
+          "Y-M-D"
         );
       }
       let res = await list({
@@ -2957,38 +3095,39 @@ export default defineComponent({
         beginTime: startTime,
       });
       console.log("获取面授课列表", res);
-      const {rows, total, pageNo} = res.data.data;
+      const { rows, total, pageNo } = res.data.data;
       console.log(res.data.data);
       state.tableDataTotal1 = total;
       for (let i = 0; i < rows.length; i++) {
         rows[i].num = i + 1 + (state.currentPage1 - 1) * 10;
       }
       const datas = traverseArr(
-          rows,
-          {
-            key: "offcourseId",
-            num: "num",
-            name: "name",
-            content: "sysTypeId",
-            courseform: "type",
-            project: "projectName",
-            stunum: "studentCnt",
-            grade: "score",
-            status: "auditStatus",
-            ynpub: "publishStatus",
-            creator: "createName",
-            createtime: "createTime",
-            pubtime: "publishTime",
-            kkty: "status",
-            offcourseId: "offcourseId",
-          },
-          true
+        rows,
+        {
+          key: "offcourseId",
+          num: "num",
+          name: "name",
+          content: "sysTypeId",
+          courseform: "type",
+          project: "projectName",
+          stunum: "studentCnt",
+          grade: "score",
+          status: "auditStatus",
+          ynpub: "publishStatus",
+          creator: "createName",
+          createtime: "createTime",
+          pubtime: "publishTime",
+          kkty: "status",
+          offcourseId: "offcourseId",
+          score: "score",
+        },
+        true
       );
 
       datas.forEach((itm) => {
         itm.pageNo = pageNo;
         itm.contentTxt =
-            findClassFullName(sysTypeOptions.value, itm.sysTypeId) || "-";
+          findClassFullName(sysTypeOptions.value, itm.sysTypeId) || "-";
       });
       state.tableData1 = datas;
       console.log("state.tableData1", state.tableData1);
@@ -2997,22 +3136,23 @@ export default defineComponent({
 
     function findClassFullName(list, classify, name = "") {
       return (
-          (list &&
-              list.length > 0 &&
-              list.map((e) =>
-                  classify == e.code
-                      ? name
-                          ? name + "-" + e.name
-                          : e.name
-                      : findClassFullName(
-                          e.children,
-                          classify,
-                          name ? name + "-" + e.name : e.name
-                      )
-              )
-                  .filter((name) => name)
-                  .join("")) ||
-          ""
+        (list &&
+          list.length > 0 &&
+          list
+            .map((e) =>
+              classify == e.code
+                ? name
+                  ? name + "-" + e.name
+                  : e.name
+                : findClassFullName(
+                    e.children,
+                    classify,
+                    name ? name + "-" + e.name : e.name
+                  )
+            )
+            .filter((name) => name)
+            .join("")) ||
+        ""
       );
     }
 
@@ -3179,10 +3319,10 @@ export default defineComponent({
       state.addtestvisible = true;
     };
     const logW = () => {
-      state.workInfo = {}
+      state.workInfo = {};
     };
     const logT = () => {
-      state.examInfo = {}
+      state.examInfo = {};
     };
     const removePG = () => {
       console.log("11111");
@@ -3248,7 +3388,7 @@ export default defineComponent({
       console.log("获取学员信息", obj);
       let res = await studentList(obj);
       console.log("获取学员列表", res);
-      const {rows, total, pageNo} = res.data.data;
+      const { rows, total, pageNo } = res.data.data;
       state.tableDataTotal3 = total;
 
       for (let i = 0; i < rows.length; i++) {
@@ -3261,22 +3401,22 @@ export default defineComponent({
         };
       });
       const data2 = traverseArr(
-          rows,
-          {
-            key: "studentId",
-            num: "num",
-            name: "name",
-            number: "studentId",
-            department: "deptName",
-            postion: "jobName",
-            band: "bandDesc",
-            status: "applyStatus",
-            join: "source",
-            signstatus: "signStatus",
-            evastatus: "evalStatus",
-            overstatus: "status",
-          },
-          true
+        rows,
+        {
+          key: "studentId",
+          num: "num",
+          name: "name",
+          number: "studentId",
+          department: "deptName",
+          postion: "jobName",
+          band: "bandDesc",
+          status: "applyStatus",
+          join: "source",
+          signstatus: "signStatus",
+          evastatus: "evalStatus",
+          overstatus: "status",
+        },
+        true
       );
       data2.forEach((itm) => {
         itm.pageNo = pageNo;
@@ -3359,12 +3499,12 @@ export default defineComponent({
       if (state.selectTime) {
         // beginTime = parseInt(new Date(state.selectTime[0].$d).getTime() / 1000);
         // endTime = parseInt(new Date(state.selectTime[1].$d).getTime() / 1000);
-        beginTime = dayjs(state.selectTime[0]).format('YYYY-MM-DD HH:mm:ss')
+        beginTime = dayjs(state.selectTime[0]).format("YYYY-MM-DD HH:mm:ss");
         // toDate(
         //   new Date(state.selectTime[0].$d).getTime() / 1000,
         //   "Y-M-D h:m:s"
         // );
-        endTime = dayjs(state.selectTime[1]).format('YYYY-MM-DD HH:mm:ss')
+        endTime = dayjs(state.selectTime[1]).format("YYYY-MM-DD HH:mm:ss");
         // toDate(
         //   new Date(state.selectTime[1].$d).getTime() / 1000,
         //   "Y-M-D h:m:s"
@@ -3382,24 +3522,24 @@ export default defineComponent({
       console.log("获取开obj", obj, state.selectTime);
       let res = await planList(obj);
       console.log("开课res", res);
-      const {rows, total, pageNo} = res.data.data;
+      const { rows, total, pageNo } = res.data.data;
       state.tableDataTotal222 = total;
 
       for (let i = 0; i < rows.length; i++) {
         rows[i].num = i + 1 + (state.currentPage222 - 1) * 10;
       }
       const datas = traverseArr(
-          rows,
-          {
-            key: "offcoursePlanId",
-            num: "num",
-            organization: "name",
-            address: "address",
-            starttime: "beginTime",
-            createtime: "createTime",
-            createName: "createName",
-          },
-          true
+        rows,
+        {
+          key: "offcoursePlanId",
+          num: "num",
+          organization: "name",
+          address: "address",
+          starttime: "beginTime",
+          createtime: "createTime",
+          createName: "createName",
+        },
+        true
       );
       datas.forEach((itm) => {
         itm.pageNo = pageNo;
@@ -3532,9 +3672,9 @@ export default defineComponent({
         return message.warning("该课程名称已存在");
       }
       console.log(
-          "state.bs_hs && state.valueE1 == 2",
-          state.bs_hs,
-          state.valueE1 == 2
+        "state.bs_hs && state.valueE1 == 2",
+        state.bs_hs,
+        state.valueE1 == 2
       );
       if (!state.valueE1 && !state.valueE2) {
         message.destroy();
@@ -3545,7 +3685,6 @@ export default defineComponent({
         state.of_hs = false;
         // state.ft_hs = true;
         CourseModalRef.value.visibleOpen(null, state.xzinputV1);
-
         state.valueE1 = "";
         state.teacher = "";
         state.teacherName = "";
@@ -3641,27 +3780,32 @@ export default defineComponent({
       state.assessmentId = null;
       state.assessmentName = "";
       state.EditWorkId = null;
-
+      state.beforeValue = null;
+      state.afterStartValue = null;
       removePG();
     };
     //保存开课
 
-    const handleSureStu = async() => {
+    const handleSureStu = async () => {
       let startTime,
-          endTime = 0;
+        endTime = 0;
       if (state.xjkkinputV3) {
-        startTime = dayjs(state.xjkkinputV3[0]).format('YYYY-MM-DD HH:mm')    //parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
-        endTime = dayjs(state.xjkkinputV3[1]).format('YYYY-MM-DD HH:mm') //parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
+        startTime = dayjs(state.xjkkinputV3[0]).format("YYYY-MM-DD HH:mm"); //parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
+        endTime = dayjs(state.xjkkinputV3[1]).format("YYYY-MM-DD HH:mm"); //parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
+      }
+      const offName = await validateName({
+        name: state.xjkkinputV1,
+        type: 5,
+        id: state.offcoursePlanId,
+      }).then((res) => {
+        console.log(res, res.data.data);
+        return res.data.data === 1;
+      });
+      console.log("校验重复", offName);
+      if (offName) {
+        message.destroy();
+        return message.warning("开课名称重复，请重新填写");
       }
-    const offName = await validateName({ name: state.xjkkinputV1, type: 5 ,id:state.offcoursePlanId}).then(res => {
-					console.log(res,res.data.data);
-					return res.data.data === 1;
-			});
-			console.log('校验重复',offName)
-			if (offName) {
-				message.destroy();
-				return message.warning("开课名称重复，请重新填写");
-			}
       let t = state.signCom ? "1," : "0,";
       let p = state.comLeave ? "1" : "0";
       let type = t.concat(p);
@@ -3683,8 +3827,10 @@ export default defineComponent({
         // signWordFlag: state.xjkkradioV1 === 1 ? 1 : 0, //签到是否需要口令:1是0否
         teacherId: state.member.value,
         teacher: state.member.name,
-        workInfo: state.workInfo,//提交的作业信息
-        examInfo: state.examInfo//提交的考试信息
+        workInfo: state.workInfo, //提交的作业信息
+        examInfo: state.examInfo, //提交的考试信息
+        beforeValue: state.beforeValue, //考勤 开始前
+        afterStartValue: state.afterStartValue, //考勤 开始后
       };
       console.log(postData);
       const checkList = [
@@ -3715,10 +3861,14 @@ export default defineComponent({
       state.offcoursePlanId = item.id;
 
       if (item.homeWorkId) {
-        queryWorkDetailById({workId: item.homeWorkId}).then((res) => state.workInfo = res.data.data);
+        queryWorkDetailById({ workId: item.homeWorkId }).then(
+          (res) => (state.workInfo = res.data.data)
+        );
       }
       if (item.testId) {
-        queryExaminationDetailById({examinationId: item.testId}).then((res) => state.examInfo = res.data.data);
+        queryExaminationDetailById({ examinationId: item.testId }).then(
+          (res) => (state.examInfo = res.data.data)
+        );
       }
 
       console.log("获取面授课开课详情", item);
@@ -3728,8 +3878,8 @@ export default defineComponent({
       let str = "";
       for (let i = 0; i < arrss.length; i++) {
         i == arrss.length - 1
-            ? (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1))
-            : (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1) + ",");
+          ? (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1))
+          : (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1) + ",");
       }
       console.log(str);
       state.attach = str;
@@ -3741,9 +3891,9 @@ export default defineComponent({
       options4CurId.value = item.teacherId;
       // (state.regisCom = item.completeType.split(",")[0] == "1" ? true : false),
       (state.signCom = item.completeType.split(",")[0] == "1" ? true : false),
-          (state.comLeave =
-              item.completeType.split(",")[1] == "1" ? true : false),
-          (state.checked4 = item.evalFlag === 1 ? true : false);
+        (state.comLeave =
+          item.completeType.split(",")[1] == "1" ? true : false),
+        (state.checked4 = item.evalFlag === 1 ? true : false);
       state.assessmentName = item.assessmentName;
       state.assessmentId = String(item.assessmentId);
       state.EditTestId = Number(item.testId);
@@ -3762,7 +3912,7 @@ export default defineComponent({
                 state.xjkkradioV1 = "";
             }
             */
-      state.member = {value: item.teacherId, name: item.teacher};
+      state.member = { value: item.teacherId, name: item.teacher };
 
       state.cstm_hs = true;
       state.kk_eidt = true;
@@ -3874,24 +4024,24 @@ export default defineComponent({
           delete_exit1();
         } else {
           api1
-              .updateStudent({
-                workScore: state.lrcj_inputV1,
-                workId: state.homeWorkId,
-                studentId: state.studentId,
-              })
-              .then((res) => {
-                console.log("成绩录入", res);
-                if (res.data.code === 200) {
-                  // getTableDate2();
-                  state.isgetStudent = true;
-                  delete_exit1();
-                  state.lrcj_inputV1 = "";
-                  state.scoreId = null;
-                }
-              })
-              .catch((err) => {
-                console.log("录入失败", err);
-              });
+            .updateStudent({
+              workScore: state.lrcj_inputV1,
+              workId: state.homeWorkId,
+              studentId: state.studentId,
+            })
+            .then((res) => {
+              console.log("成绩录入", res);
+              if (res.data.code === 200) {
+                // getTableDate2();
+                state.isgetStudent = true;
+                delete_exit1();
+                state.lrcj_inputV1 = "";
+                state.scoreId = null;
+              }
+            })
+            .catch((err) => {
+              console.log("录入失败", err);
+            });
         }
       }
     };
@@ -3900,17 +4050,17 @@ export default defineComponent({
         // state.studentItem.id
         // console.log("state.studentItem.id", state.studentItem.id);
         api1
-            .batchUpdateStatus({
-              completionStatus: 1,
-              ids: [state.studentItem?.id],
-              // status: 1,
-            })
-            .then((res) => {
-              if (res.data.code === 200) {
-                getTableDate2();
-                delete_exit1();
-              }
-            });
+          .batchUpdateStatus({
+            completionStatus: 1,
+            ids: [state.studentItem?.id],
+            // status: 1,
+          })
+          .then((res) => {
+            if (res.data.code === 200) {
+              getTableDate2();
+              delete_exit1();
+            }
+          });
       }
     };
     //确认复制
@@ -3993,14 +4143,14 @@ export default defineComponent({
           message.success("复制成功");
           delete_exit1();
           rest();
-          await copyCoursePlan({offcoursePlanId: state.offcoursePlanId})
+          await copyCoursePlan({ offcoursePlanId: state.offcoursePlanId });
           getTableDate3();
         } else if (state.offcourseId) {
           delete_exit1();
           rest();
           message.success("复制成功");
           state.tableLoading = true;
-          await copyCourse({courseId: state.offcourseId})
+          await copyCourse({ courseId: state.offcourseId });
           getTableDate();
         }
       }
@@ -4038,16 +4188,16 @@ export default defineComponent({
     };
 
     const openMessage = () => {
-      console.log(122222)
+      console.log(122222);
       let startTime = "";
       let endTime = "";
       if (state.projectTime) {
         startTime = parseInt(
-            new Date(state.projectTime[0].$d).getTime() / 1000
+          new Date(state.projectTime[0].$d).getTime() / 1000
         );
         endTime = parseInt(new Date(state.projectTime[1].$d).getTime() / 1000);
       }
-      console.log(startTime, endTime)
+      console.log(startTime, endTime);
 
       // list({
       //   pageNo: 1,
@@ -4087,23 +4237,23 @@ export default defineComponent({
       //         { header: '创建人', key: 'createName', width: 10 },
       //         { header: '创建时间', key: 'createTime', width: 22 },
       //         { header: '上线时间', key: 'publishTime', width: 22 },
-      //         { header: '是否停用', key: 'statusText', width: 10 },              
+      //         { header: '是否停用', key: 'statusText', width: 10 },
       //      ]
       //      commonExport(heads,list,"课程导出")
       // })
 
       window.open(
-          `${process.env.VUE_APP_BASE_API}/admin/offcourse/export?pageNo=${
-              state.currentPage1
-          }&pageSize=${state.pageSize1}&auditStatus=${
-              state.auditStatus ? state.auditStatus : ""
-          }&sysTypeId=${state.sysTypeId ? state.sysTypeId : ""}&projectName=${
-              state.projectName ? state.projectName : ""
-          }&name=${state.name ? state.name : ""}&createName=${
-              state.createName ? state.createName : ""
-          }&endTime=${endTime ? endTime : ""}&beginTime=${
-              startTime ? startTime : ""
-          }&type=3`
+        `${process.env.VUE_APP_BASE_API}/admin/offcourse/export?pageNo=${
+          state.currentPage1
+        }&pageSize=${state.pageSize1}&auditStatus=${
+          state.auditStatus ? state.auditStatus : ""
+        }&sysTypeId=${state.sysTypeId ? state.sysTypeId : ""}&projectName=${
+          state.projectName ? state.projectName : ""
+        }&name=${state.name ? state.name : ""}&createName=${
+          state.createName ? state.createName : ""
+        }&endTime=${endTime ? endTime : ""}&beginTime=${
+          startTime ? startTime : ""
+        }&type=3`
       );
 
       // {
@@ -4134,14 +4284,14 @@ export default defineComponent({
         keyWord: options4CurName.value,
         id: options4CurId.value ? options4CurId.value : null,
       })
-          .then((res) => {
-            console.log("获取授课教师", res);
-            if (res.data.code === 200) return res.data.data;
-          })
-          .catch((err) => {
-            console.log("获取授课教师失败", err);
-          });
-      const {rows, total} = item1;
+        .then((res) => {
+          console.log("获取授课教师", res);
+          if (res.data.code === 200) return res.data.data;
+        })
+        .catch((err) => {
+          console.log("获取授课教师失败", err);
+        });
+      const { rows, total } = item1;
       state.tableDataTotalTea1 = total;
       state.tableDataTotalTea2 = total;
       let newArr = [];
@@ -4203,17 +4353,17 @@ export default defineComponent({
       state.teacher = item.teacher;
       state.teacherId = item.teacherId;
       state.qdms_inputV6 = item.intro;
-      state.member = {value: item.teacherId, name: item.teacher};
+      state.member = { value: item.teacherId, name: item.teacher };
       if (item.attach == "") {
         state.imgList = [];
       } else {
         if (item.attach.indexOf(",")) {
           const arr = item.attach.split(",");
           arr.forEach((item) => {
-            state.imgList.push({img: item});
+            state.imgList.push({ img: item });
           });
         } else {
-          state.imgList = [{img: item.attach}];
+          state.imgList = [{ img: item.attach }];
         }
       }
 
@@ -4393,7 +4543,7 @@ export default defineComponent({
       ];
       if (!fileType.includes(file.name.split(".")[1])) {
         message.error(
-            "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
         );
         return false;
       }
@@ -4449,24 +4599,24 @@ export default defineComponent({
         id: state.currentFaceId,
       });
       apis
-          .GetCourseStudent({
-            pageNo: state.currentPage222,
-            pageSize: 10,
-            status: state.gl_selectV2,
-            studentName: state.gl_inputV2,
-            id: state.currentFaceId,
-          })
-          .then((res) => {
-            console.log("获取开课管理学员信息", res);
-            // tableData3 tableDataTotal222 currentPage222 handelChangePage222
-            state.tableData3 = res.data.data.records;
-            state.tableDataTotal222 = res.data.data.total;
-            state.manageStuLoading = false;
-          })
-          .catch((err) => {
-            console.log(err);
-            state.manageStuLoading = false;
-          });
+        .GetCourseStudent({
+          pageNo: state.currentPage222,
+          pageSize: 10,
+          status: state.gl_selectV2,
+          studentName: state.gl_inputV2,
+          id: state.currentFaceId,
+        })
+        .then((res) => {
+          console.log("获取开课管理学员信息", res);
+          // tableData3 tableDataTotal222 currentPage222 handelChangePage222
+          state.tableData3 = res.data.data.records;
+          state.tableDataTotal222 = res.data.data.total;
+          state.manageStuLoading = false;
+        })
+        .catch((err) => {
+          console.log(err);
+          state.manageStuLoading = false;
+        });
     }
 
     const handlePostSure = (obj) => {
@@ -4562,67 +4712,67 @@ export default defineComponent({
     };
     //添加权限
     watch(
-        () => state.addAuthList,
-        (res) => {
-          console.log("res", res, state.addAuthList);
-          if (state.authClassify === 1 || state.authClassify === 2) {
-            let obj = {
-              type: 3,
-              tag:
-                  state.authClassify === 1
-                      ? 3
-                      : state.authClassify === 2
-                          ? 4
-                          : null,
-              opt: 3,
-              deptList: res[1],
-              groupList: res[2],
-              refId: state.selectCourseId,
-              pageNo: 20,
-              pageSize: 1,
-              studentList: res[0],
-              keyWord: "",
-            };
-            console.log("obj", obj);
-            api1
-                .optionAuthPerm(obj)
-                .then((res) => {
-                  console.log("添加授权成功", res);
-                  message.success("添加授权成功");
-                })
-                .catch((err) => {
-                  console.log("添加授权失败", err);
-                });
-          }
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        if (state.authClassify === 1 || state.authClassify === 2) {
+          let obj = {
+            type: 3,
+            tag:
+              state.authClassify === 1
+                ? 3
+                : state.authClassify === 2
+                ? 4
+                : null,
+            opt: 3,
+            deptList: res[1],
+            groupList: res[2],
+            refId: state.selectCourseId,
+            pageNo: 20,
+            pageSize: 1,
+            studentList: res[0],
+            keyWord: "",
+          };
+          console.log("obj", obj);
+          api1
+            .optionAuthPerm(obj)
+            .then((res) => {
+              console.log("添加授权成功", res);
+              message.success("添加授权成功");
+            })
+            .catch((err) => {
+              console.log("添加授权失败", err);
+            });
         }
+      }
     );
 
     //添加学员
     watch(
-        () => state.addAuthList,
-        (res) => {
-          console.log("res", res, state.addStudentList);
-          if (state.authClassify === 3) {
-            let obj = {
-              deptList: res[1],
-              groupList: res[2],
-              offcourseId: state.offcourseId,
-              offcoursePlanId: state.offcoursePlanId, //开课id
-              studentList: res[0],
-            };
-            console.log("obj", obj);
-            api1
-                .addStudentCourse(obj)
-                .then((res) => {
-                  console.log("添加学员成功", res);
-                  message.success("添加学员成功");
-                  getTableDate2();
-                })
-                .catch((err) => {
-                  console.log("添加学员失败", err);
-                });
-          }
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addStudentList);
+        if (state.authClassify === 3) {
+          let obj = {
+            deptList: res[1],
+            groupList: res[2],
+            offcourseId: state.offcourseId,
+            offcoursePlanId: state.offcoursePlanId, //开课id
+            studentList: res[0],
+          };
+          console.log("obj", obj);
+          api1
+            .addStudentCourse(obj)
+            .then((res) => {
+              console.log("添加学员成功", res);
+              message.success("添加学员成功");
+              getTableDate2();
+            })
+            .catch((err) => {
+              console.log("添加学员失败", err);
+            });
         }
+      }
     );
     const range = (start, end) => {
       const result = [];
@@ -4661,12 +4811,14 @@ export default defineComponent({
         title: type == 1 ? "【课程】二维码" : "【签到】二维码",
         name: record.name ? record.name : "",
         url:
-            type == 1
-                ? window.location.protocol + process.env.VUE_APP_COURSE_STUDY + record.offcourseId
-                : process.env.VUE_APP_BASE_API +
-                `/admin/student/studentSign?taskId=${
-                    record.id
-                }&taskType=${2}&type=${3}`,
+          type == 1
+            ? window.location.protocol +
+              process.env.VUE_APP_COURSE_STUDY +
+              record.offcourseId
+            : process.env.VUE_APP_BASE_API +
+              `/admin/student/studentSign?taskId=${
+                record.id
+              }&taskType=${2}&type=${3}`,
       };
       console.log("codeInfo", state.codeInfo);
       state.codeIndex = 0;
@@ -5038,8 +5190,8 @@ export default defineComponent({
     }
 
     .ant-table-tbody
-    > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-    > td {
+      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      > td {
       background: #f6f9fd;
     }
 
@@ -5088,8 +5240,8 @@ export default defineComponent({
     width: 100%;
     height: 40px;
     background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
     );
   }
 
@@ -5252,8 +5404,8 @@ export default defineComponent({
     width: 100%;
     height: 40px;
     background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
     );
   }
 
@@ -5504,8 +5656,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             background: linear-gradient(
-                    rgba(78, 166, 255, 0.2) 0%,
-                    rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -5601,8 +5753,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             background: linear-gradient(
-                    rgba(78, 166, 255, 0.2) 0%,
-                    rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -5723,8 +5875,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             background: linear-gradient(
-                    rgba(78, 166, 255, 0.2) 0%,
-                    rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -5852,8 +6004,8 @@ export default defineComponent({
             width: 100%;
             height: 40px;
             background: linear-gradient(
-                    rgba(78, 166, 255, 0.2) 0%,
-                    rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -6550,8 +6702,10 @@ export default defineComponent({
               }
 
               .ant-table-tbody
-              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-              > td {
+                > tr:hover:not(.ant-table-expanded-row):not(
+                  .ant-table-row-selected
+                )
+                > td {
                 background: #f6f9fd;
               }
 
@@ -6851,8 +7005,10 @@ export default defineComponent({
               }
 
               .ant-table-tbody
-              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-              > td {
+                > tr:hover:not(.ant-table-expanded-row):not(
+                  .ant-table-row-selected
+                )
+                > td {
                 background: #f6f9fd;
               }
 
@@ -6976,8 +7132,10 @@ export default defineComponent({
                 }
 
                 .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                > td {
+                  > tr:hover:not(.ant-table-expanded-row):not(
+                    .ant-table-row-selected
+                  )
+                  > td {
                   background: #f6f9fd;
                 }
 
@@ -7148,8 +7306,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             background: linear-gradient(
-                    rgba(78, 166, 255, 0.2) 0%,
-                    rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
           }
 
diff --git a/src/views/courselibrary/courseModal.vue b/src/views/courselibrary/courseModal.vue
index 217e86ec..89e3c172 100644
--- a/src/views/courselibrary/courseModal.vue
+++ b/src/views/courselibrary/courseModal.vue
@@ -1,203 +1,346 @@
 <!-- 确定新建面授课弹窗 -->
 <template>
-	<a-modal v-model:visible="ft_hs" title="Title" :footer="null" :closable="false"
-		wrapClassName="modalStyle facteachModal" width="80%" @cancel="visibleClose" @ok="handlePush">
-		<div class="modalHeader">
-			<div class="headerLeft">
-				<img style="width: 17px; height: 18px; margin-right: 8px" src="@/assets/images/basicinfo/add.png" />
-				<span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
-				<span v-else class="headerLeftText">新建面授课</span>
-			</div>
-			<div style="margin-right: 57px; cursor: pointer">
-				<img @click="noEditClose" style="width: 22px; height: 22px" src="@/assets/images/basicinfo/close22.png" />
-			</div>
-		</div>
-		<div class="modalMain">
-			<!-- 审核理由 -->
-			<div v-if="statusJuJue" class="statusJuJue">
-				<span>审核意见：</span>
-				<span>{{ auditDescription }}</span>
-			</div>
-			<div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
-				<div class="ft_main">
-					<div class="m_title">课程信息</div>
-					<div class="m_body">
-						<div class="mb_left">
-							<div class="mbl_items">
-								<div class="item_nam">
-									<div class="asterisk_icon">
-										<img src="@/assets/images/coursewareManage/asterisk.png" alt="asterisk" />
-									</div>
-									<span style="margin-right: 14px">课程名称</span>
-								</div>
-								<div class="item_inp">
-									<div class="i1_input">
-										<NameInput ref="inputRef" placeholder="请输入课程名称" v-model:value="qdms_inputV1"
-											v-model:validate="validate" :maxlength="20" show-count :type="2" :id="offcourseId"></NameInput>
-										<!--                    <a-input-->
-										<!--                        v-model:value="qdms_inputV1"-->
-										<!--                        maxlength="90"-->
-										<!--                        style="width: 440px; height: 40px; border-radius: 8px"-->
-										<!--                        placeholder="请输入课程名称"-->
-										<!--                    />-->
-										<!--                    <div class="inp_num">-->
-										<!--                      <span style="color: #c7cbd2">-->
-										<!--                        {{ qdms_inputV1.length }}/90-->
-										<!--                      </span>-->
-										<!--                    </div>-->
-									</div>
-								</div>
-							</div>
-							<div class="i2_cz">
-								<div class="i2_top">
-									<div class="i2_left">
-										<span style="color: #999ba3">课程命名规则</span>
-									</div>
-									<div class="i2_right" @click="hideShow" style="cursor: pointer">
-										<div class="b_zk" :style="{ display: hideshow ? 'block' : 'none' }">
-											<span style="color: #4ea6ff">收起</span>
-										</div>
-										<div class="b_sq" :style="{ display: hideshow ? 'none' : 'block' }">
-											<span style="color: #4ea6ff">展开</span>
-										</div>
-										<div class="b_icon"></div>
-									</div>
-								</div>
-								<div class="i2_detail" :style="{ display: hideshow ? 'block' : 'none' }">
-									<span style="color: #999ba3">
-										1、课程名称统一不加书名号。<br />
-										2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-										之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-										看到的是课程内容主题。<br />
-										3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-										版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
-									</span>
-								</div>
-							</div>
-							<div class="mbl_items2">
-								<div class="item_nam" style="margin-top: 8px;">
-									<div class="asterisk_icon">
-										<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-									</div>
-									<span style="margin-right: 14px">封面图</span>
-								</div>
-								<div class="item_inp">
-									<div style="width:440px;height:70px;display: flex;justify-content: flex-start;align-items: center;">
-										<img v-for="(item, index) in optionsUrl" :key="index" class="choiceoptionurl"
-											:style="item.value == feng_mian_1 ? 'border:3px solid rgb(78, 166, 255);' : ''" :src="item.value"
-											:alt="item.name" @click="choicePic(item.value)" />
-									</div>
-									<!-- <a-select
-                    :getPopupContainer="
-                      (triggerNode) => {
-                        return triggerNode.parentNode || document.body;
-                      }
+  <a-modal
+    v-model:visible="ft_hs"
+    title="Title"
+    :footer="null"
+    :closable="false"
+    wrapClassName="modalStyle facteachModal coursemodal"
+    width="80%"
+    @cancel="visibleClose"
+    @ok="handlePush"
+  >
+    <div class="modalHeader">
+      <div class="headerLeft">
+        <img
+          style="width: 17px; height: 18px; margin-right: 8px"
+          src="@/assets/images/basicinfo/add.png"
+        />
+        <span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
+        <span v-else class="headerLeftText">新建面授课</span>
+      </div>
+      <div style="margin-right: 57px; cursor: pointer">
+        <img
+          @click="noEditClose"
+          style="width: 22px; height: 22px"
+          src="@/assets/images/basicinfo/close22.png"
+        />
+      </div>
+    </div>
+    <div class="modalMain">
+      <!-- 审核理由 -->
+      <div v-if="statusJuJue" class="statusJuJue">
+        <span>审核意见：</span>
+        <span>{{ auditDescription }}</span>
+      </div>
+      <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
+        <div class="ft_main">
+          <div class="m_title">课程信息</div>
+          <div class="m_body">
+            <div class="mb_left">
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt="asterisk"
+                    />
+                  </div>
+                  <span style="margin-right: 14px">课程名称</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <NameInput
+                      ref="inputRef"
+                      placeholder="请输入课程名称"
+                      v-model:value="qdms_inputV1"
+                      v-model:validate="validate"
+                      :maxlength="20"
+                      show-count
+                      :type="2"
+                      :id="offcourseId"
+                    ></NameInput>
+                    <!--                    <a-input-->
+                    <!--                        v-model:value="qdms_inputV1"-->
+                    <!--                        maxlength="90"-->
+                    <!--                        style="width: 440px; height: 40px; border-radius: 8px"-->
+                    <!--                        placeholder="请输入课程名称"-->
+                    <!--                    />-->
+                    <!--                    <div class="inp_num">-->
+                    <!--                      <span style="color: #c7cbd2">-->
+                    <!--                        {{ qdms_inputV1.length }}/90-->
+                    <!--                      </span>-->
+                    <!--                    </div>-->
+                  </div>
+                </div>
+              </div>
+              <div class="i2_cz">
+                <div class="i2_top">
+                  <div class="i2_left">
+                    <span style="color: #999ba3">课程命名规则</span>
+                  </div>
+                  <div
+                    class="i2_right"
+                    @click="hideShow"
+                    style="cursor: pointer"
+                  >
+                    <div
+                      class="b_zk"
+                      :style="{ display: hideshow ? 'block' : 'none' }"
+                    >
+                      <span style="color: #4ea6ff">收起</span>
+                    </div>
+                    <div
+                      class="b_sq"
+                      :style="{ display: hideshow ? 'none' : 'block' }"
+                    >
+                      <span style="color: #4ea6ff">展开</span>
+                    </div>
+                    <div class="b_icon"></div>
+                  </div>
+                </div>
+                <div
+                  class="i2_detail"
+                  :style="{ display: hideshow ? 'block' : 'none' }"
+                >
+                  <span style="color: #999ba3">
+                    1、课程名称统一不加书名号。<br />
+                    2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                    之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                    看到的是课程内容主题。<br />
+                    3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                    版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                  </span>
+                </div>
+              </div>
+              <div class="mbl_items2">
+                <div class="item_nam" style="margin-top: 8px">
+                  <div class="asterisk_icon">
+                    <img
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
+                    />
+                  </div>
+                  <span style="margin-right: 14px">封面图</span>
+                </div>
+                <div class="item_inp">
+                  <div
+                    style="
+                      width: 440px;
+                      height: 100px;
+                      display: flex;
+                      justify-content: flex-start;
+                      align-items: center;
                     "
-                    v-model:value="feng_mian_1"
-                    dropdownClassName="dropdown-style"
-                    style="width: 440px"
-                    placeholder="请选择"
-                    :options="optionsUrl"
-                    allowClear
-                    showSearch
-                  /> -->
-									<img class="i_upload_img" v-if="feng_mian_1" :src="feng_mian_1"
-										style="width:220px;height:120px;border-radius: 8px;" alt="avatar" />
-									<div class="i_bottom">
-										<span style="color: #999ba3">
-											高宽比为16:9 (如:800*450) png或jpg图片
-										</span>
-									</div>
-								</div>
-							</div>
-							<div class="mbl_items">
-								<div class="item_nam">
-									<div class="asterisk_icon">
-										<img style="width: 10px; height: 10px" src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-									</div>
-									<span style="margin-right: 14px">目标人群</span>
-								</div>
-								<div class="item_inp">
-									<div class="i1_input">
-										<a-input v-model:value="qdms_inputV2" maxlength="50"
+                  >
+                    <img
+                      v-for="(item, index) in optionsUrl"
+                      :key="index"
+                      class="choiceoptionurl"
+                      :style="{
+                        border:
+                          pathBgId === item.id
+                            ? '3px solid rgba(78, 166, 255, 1)'
+                            : '1px solid #ccc',
+                        display: index >= 3 ? 'none' : 'flex',
+                      }"
+                      :src="item.value"
+                      :alt="item.name"
+                      @click="chooseImg(item)"
+                    />
+                    <div
+                      @click="showLearnBgMore"
+                      class="learnBgItem learnBgMore"
+                    >
+                      查看更多
+                      <img src="../../assets/images/projectadd/go.png" />
+                    </div>
+                  </div>
+
+                  <!-- <img
+                    class="i_upload_img"
+                    v-if="feng_mian_1"
+                    :src="feng_mian_1"
+                    style="width: 220px; height: 120px; border-radius: 8px"
+                    alt="avatar"
+                  />
+                  <div class="i_bottom">
+                    <span style="color: #999ba3">
+                      高宽比为16:9 (如:800*450) png或jpg图片
+                    </span>
+                  </div> -->
+                </div>
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam" style="margin-bottom: 102px">
+                  <div class="asterisk_icon">
+                    <img
+                      style="width: 10px; height: 10px"
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
+                    />
+                  </div>
+                  <span style="margin-right: 14px">目标人群</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <!-- <a-input v-model:value="qdms_inputV2" maxlength="50"
 											style="width: 440px; height: 40px; border-radius: 8px" placeholder="请输入目标人群" />
 										<div class="inp_num">
 											<span style="color: #c7cbd2">
 												{{ qdms_inputV2.length }}/50
 											</span>
-										</div>
-									</div>
-								</div>
-							</div>
-							<div class="mbl_items">
-								<div class="item_nam">
-									<div class="asterisk_icon">
-										<img src="@/assets/images/coursewareManage/asterisk.png" alt="asterisk" />
-									</div>
-									<span style="margin-right: 14px">内容分类</span>
-								</div>
-								<div class="item_inp">
-									<div class="select i6_input">
-										<a-tree-select style="width: 440px" placeholder="请选择内容分类" :treeDefaultExpandAll="true"
-											             :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
-                                   v-model:value="fen_lei"
-                                   :tree-data="sysTypeOptions"
-                                   :fieldNames="{
-                                          children: 'children',
-                                          label: 'name',
-                                          value: 'code',
-                                        }">
-										</a-tree-select>
-									</div>
-								</div>
-							</div>
-							<div v-if="fen_lei" class="mbl_items">
-								<div class="item_nam">
-									<div class="asterisk_icon">
-									</div>
-									<span style="margin-right: 14px"> </span>
-								</div>
-								<div class="item_inp">
-									<div class="select i6_input">
-										<div style="width:440px;height:26px;font-size: 14px;color: rgb(153, 155, 163);">
-											所属层级：{{ fen_lei1 }}
-										</div>
-									</div>
-								</div>
-							</div>
-							<div class="mbl_items">
-								<div class="item_nam" style="margin-bottom:110px;">
-									<span style="margin-right: 14px">课程价值</span>
-								</div>
-								<div class="item_inp">
-									<div class="i1_input">
-										<a-textarea v-model:value="qdms_inputV3" maxlength="200"
-											style="width: 440px; height: 140px; border-radius: 8px" placeholder="请输入课程价值" />
-										<div class="inp_num" style="top:110px;">
-											<span style="color: #c7cbd2;">
-												{{ qdms_inputV3.length }}/200
-											</span>
-										</div>
-									</div>
-								</div>
-							</div>
+										</div> -->
+                    <div>
+                      <OrgClassCheck
+                        v-model:value="orgSelect"
+                        v-model:name="orgSelectName"
+                      ></OrgClassCheck>
+                    </div>
+                    <div style="margin-top: 10px">
+                      <a-select
+                        v-model:value="selectJobId"
+                        mode="multiple"
+                        style="width: 440px; min-height: 40px"
+                        placeholder="请选择岗位"
+                        :options="jobType"
+                        @change="handleChangeJob"
+                        :fieldNames="{
+                          key: 'id',
+                          label: 'name',
+                          value: 'id',
+                        }"
+                      ></a-select>
+                    </div>
+                    <div style="margin-top: 10px">
+                      <a-select
+                        v-model:value="selectBandName"
+                        mode="multiple"
+                        style="width: 440px; min-height: 40px"
+                        placeholder="请选择Band"
+                        :options="bandList"
+                        @change="handleChangeBand"
+                        :fieldNames="{
+                          key: 'id',
+                          label: 'name',
+                          value: 'id',
+                        }"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt="asterisk"
+                    />
+                  </div>
+                  <span style="margin-right: 14px">资源归属</span>
+                </div>
+                <div class="item_inp">
+                  <div class="select i6_input" style="width: 440px">
+                    <OrgClass
+                      v-model:value="sourceBelongId"
+                      v-model:name="sourceBelongName"
+                    ></OrgClass>
+                  </div>
+                </div>
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt="asterisk"
+                    />
+                  </div>
+                  <span style="margin-right: 14px">内容分类</span>
+                </div>
+                <div class="item_inp">
+                  <div class="select i6_input">
+                    <a-tree-select
+                      style="width: 440px"
+                      placeholder="请选择内容分类"
+                      :treeDefaultExpandAll="true"
+                      :getPopupContainer="
+                        (triggerNode) => triggerNode.parentNode || document.body
+                      "
+                      v-model:value="fen_lei"
+                      :tree-data="sysTypeOptions"
+                      :fieldNames="{
+                        children: 'children',
+                        label: 'name',
+                        value: 'code',
+                      }"
+                    >
+                    </a-tree-select>
+                  </div>
+                </div>
+              </div>
+              <div v-if="fen_lei" class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon"></div>
+                  <span style="margin-right: 14px"> </span>
+                </div>
+                <div class="item_inp">
+                  <div class="select i6_input">
+                    <div
+                      style="
+                        width: 440px;
+                        height: 26px;
+                        font-size: 14px;
+                        color: rgb(153, 155, 163);
+                      "
+                    >
+                      所属层级：{{ fen_lei1 }}
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam" style="margin-bottom: 110px">
+                  <span style="margin-right: 14px">课程价值</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <a-textarea
+                      v-model:value="qdms_inputV3"
+                      maxlength="200"
+                      style="width: 440px; height: 140px; border-radius: 8px"
+                      placeholder="请输入课程价值"
+                    />
+                    <div class="inp_num" style="top: 110px">
+                      <span style="color: #c7cbd2">
+                        {{ qdms_inputV3.length }}/200
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
 
-							<div class="mbl_items">
-								<div class="item_nam">
-									<span style="margin-right: 14px">场景</span>
-								</div>
-								<div class="item_inp">
-									<div class="i1_input">
-										<a-input v-model:value="chang_jin" maxlength="50"
-											style="width: 440px; height: 40px; border-radius: 8px" placeholder="请输入场景" />
-										<div class="inp_num">
-											<span style="color: #c7cbd2">
-												{{ chang_jin.length }}/50
-											</span>
-										</div>
-									</div>
-								</div>
-								<!-- <div class="item_inp">
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <span style="margin-right: 14px">场景</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <a-input
+                      v-model:value="chang_jin"
+                      maxlength="50"
+                      style="width: 440px; height: 40px; border-radius: 8px"
+                      placeholder="请输入场景"
+                    />
+                    <div class="inp_num">
+                      <span style="color: #c7cbd2">
+                        {{ chang_jin.length }}/50
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <!-- <div class="item_inp">
 									<div class="select i7_input">
 										<a-select :getPopupContainer="
 	(triggerNode) => {
@@ -207,26 +350,35 @@
 											:options="options3" allowClear showSearch />
 									</div>
 								</div> -->
-							</div>
+              </div>
 
-							<div class="mbl_items">
-								<div class="item_nam">
-									<span style="margin-right: 14px">内容标签</span>
-								</div>
-								<div class="item_inp">
-									<a-input v-model:value="tags_val_single" style="width: 440px; height: 40px; border-radius: 8px"
-										placeholder="请输入内容标签按回车键添加内容标签，可添加多个内容标签。" @pressEnter="handleTagChange" />
-									<div class="tag-content">
-										<a-tag v-for="(item, index) in tags_val" :key="index" closable @close="handleTagClose(item)">
-											{{ item }}
-										</a-tag>
-									</div>
-								</div>
-							</div>
-						</div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <span style="margin-right: 14px">内容标签</span>
+                </div>
+                <div class="item_inp">
+                  <a-input
+                    v-model:value="tags_val_single"
+                    style="width: 440px; height: 40px; border-radius: 8px"
+                    placeholder="请输入内容标签按回车键添加内容标签，可添加多个内容标签。"
+                    @pressEnter="handleTagChange"
+                  />
+                  <div class="tag-content">
+                    <a-tag
+                      v-for="(item, index) in tags_val"
+                      :key="index"
+                      closable
+                      @close="handleTagClose(item)"
+                    >
+                      {{ item }}
+                    </a-tag>
+                  </div>
+                </div>
+              </div>
+            </div>
 
-						<div class="mb_right">
-						<!--
+            <div class="mb_right">
+              <!--
 							<div class="mbl_items">
 								<div class="item_nam" style="margin-top:5px;">
 									<div class="asterisk_icon">
@@ -243,66 +395,125 @@
 							</div>
 -->
 
-							<div class="mbl_items2">
-								<div class="item_nam" style="margin-top: 8px;">
-									<div class="asterisk_icon">
-										<img src="@/assets/images/coursewareManage/asterisk.png" alt="asterisk" />
-									</div>
-									<span style="margin-right: 14px">课程简介</span>
-								</div>
-								<div class="item_inp">
-									<div class="i10_textarea">
-										<a-textarea v-model:value="qdms_inputV6" maxlength="150"
-											style="width: 440px; height: 100px; border-radius: 8px" placeholder="请输入" />
-										<div class="inp_num">
-											<span style="color: #c7cbd2">
-												{{ qdms_inputV6.length }}/150
-											</span>
-										</div>
-									</div>
-								</div>
-							</div>
-							<div class="mbl_items">
-								<div class="item_nam" style="margin-top: 8px;">
-									<span style="margin-right: 10px">附件</span>
-								</div>
-								<div class="item_inp">
-									<FJUpload v-model:value="attach" @changevalue="changevalue" />
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="m_footer">
-						<div class="fotnam">
-							<span>课程大纲</span>
-						</div>
-						<div v-if="ft_hs" class="fotarea">
-							<div style="border: 1px solid #ccc">
-								<Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig"
-									:mode="mode" />
-								<Editor style="height: 250px; overflow-y: hidden" v-model="valueHtml" :defaultConfig="editorConfig"
-									:mode="mode" @onCreated="handleCreated" />
-							</div>
-						</div>
-					</div>
-					<div class="m_btn">
-						<div class="btn btn5" @click="noEditClose">
-							<div class="btnText">取消</div>
-						</div>
-						<div class="btn btn6" @click="handlePush">
-							<div class="btnText">保存</div>
-						</div>
-						<div class="btn btn6" v-if="statusTingQi == 1" @click="reviewClick">
-							<div class="btnText">提交审核</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-			<a-spin :spinning="addLoading" tip="" />
-		</div>
-	</a-modal>
+              <div class="mbl_items2">
+                <div class="item_nam" style="margin-top: 8px">
+                  <div class="asterisk_icon">
+                    <img
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt="asterisk"
+                    />
+                  </div>
+                  <span style="margin-right: 14px">课程简介</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i10_textarea">
+                    <a-textarea
+                      v-model:value="qdms_inputV6"
+                      maxlength="150"
+                      style="width: 440px; height: 100px; border-radius: 8px"
+                      placeholder="请输入"
+                    />
+                    <div class="inp_num">
+                      <span style="color: #c7cbd2">
+                        {{ qdms_inputV6.length }}/150
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam" style="margin-top: 8px">
+                  <span style="margin-right: 10px">附件</span>
+                </div>
+                <div class="item_inp">
+                  <FJUpload v-model:value="attach" @changevalue="changevalue" />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="m_footer">
+            <div class="fotnam">
+              <span>课程大纲</span>
+            </div>
+            <div v-if="ft_hs" class="fotarea">
+              <div style="border: 1px solid #ccc">
+                <Toolbar
+                  style="border-bottom: 1px solid #ccc"
+                  :editor="editorRef"
+                  :defaultConfig="toolbarConfig"
+                  :mode="mode"
+                />
+                <Editor
+                  style="height: 250px; overflow-y: hidden"
+                  v-model="valueHtml"
+                  :defaultConfig="editorConfig"
+                  :mode="mode"
+                  @onCreated="handleCreated"
+                />
+              </div>
+            </div>
+          </div>
+          <div class="m_btn">
+            <div class="btn btn5" @click="noEditClose">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="btn btn6" @click="handlePush">
+              <div class="btnText">保存</div>
+            </div>
+            <div class="btn btn6" v-if="statusTingQi == 1" @click="reviewClick">
+              <div class="btnText">提交审核</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+      <a-spin :spinning="addLoading" tip="" />
+    </div>
+  </a-modal>
+
+  <!-- 更多背景图 v-model:visible="learnBgMore"  -->
+  <a-modal
+    :closable="sh"
+    centered="true"
+    v-model:visible="learnBgMore"
+    :footer="null"
+    wrapClassName="courseBgMoreModal"
+    :z-index="9999"
+  >
+    <div class="main">
+      <div class="top">
+        <div class="topc">面授课封面</div>
+        <div @click="closeLearnBgMore">
+          <img
+            style="width: 20px; height: 20px"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        </div>
+      </div>
+      <div class="imagesBox">
+        <div
+          @click="chooseImg(item)"
+          v-for="item in optionsUrl"
+          :key="item.id"
+          class="learnBgItem"
+          :style="{
+            border:
+              pathBgId === item.id
+                ? '3px solid rgba(78, 166, 255, 1)'
+                : '1px solid #ccc',
+            'background-image': 'url(' + item.value + ')',
+          }"
+        >
+          <!-- <img class="im" :src="item.source" /> -->
+        </div>
+      </div>
+      <div class="btn">
+        <button class="samtn btn1" @click="closeLearnBgMore">取消</button>
+        <button class="samtn btn2" @click="closeLearnBgMore">确定</button>
+      </div>
+    </div>
+  </a-modal>
 </template>
 <script>
 import {
@@ -312,7 +523,7 @@ import {
   ref,
   shallowRef,
   onUnmounted,
-  computed, 
+  computed,
   watch,
 } from "vue";
 import { validateName } from "@/api/index1";
@@ -326,835 +537,1092 @@ import FJUpload from "@/components/common/FJUpload";
 import * as moment from "moment";
 import * as api2 from "../../api/indexAudit";
 import { useStore } from "vuex";
-
+import OrgClassCheck from "@/components/project/OrgClassCheck";
+import OrgClass from "@/components/project/OrgClass";
 export default defineComponent({
-	components: {
-		Editor,
-		Toolbar,
-		FJUpload,
-		NameInput,
-	},
-	props: {
-		xzinputV1: {
-			type: String,
-			default: null,
-		},
-	},
-	setup(props, { expose, emit }) {
-		const state = reactive({
-			hideshow: true,
-			ft_eidt: false,
-			attach: "",
-			validate: true,
-			ft_hs: false,
-			addLoading: false,
-			statusJuJue: 0,
-			statusTingQi: 1,
-			member: { name: "", value: "" },
+  components: {
+    Editor,
+    Toolbar,
+    FJUpload,
+    NameInput,
+    OrgClassCheck,
+    OrgClass,
+  },
+  props: {
+    xzinputV1: {
+      type: String,
+      default: null,
+    },
+  },
+  setup(props, { expose, emit }) {
+    const state = reactive({
+      hideshow: true,
+      ft_eidt: false,
+      attach: "",
+      validate: true,
+      ft_hs: false,
+      addLoading: false,
+      statusJuJue: 0,
+      statusTingQi: 1,
+      member: { name: "", value: "" },
 
-			offcourseId: null,
-			qdms_inputV1: "",
-			qdms_inputV2: "",
-			qdms_inputV3: "",
-			fen_lei: null,
-			fen_lei1: null,
-			feng_mian_1: null,
-			chang_jin: "",
-			tags_val_single: "",
-			tags_val: [],
-			qdms_inputV6: "",
-			imgList: [],
-			auditDescription: "",
-			contentClassify: [],
-			// 课程三级分类
-		});
+      offcourseId: null,
+      qdms_inputV1: "",
+      qdms_inputV2: "",
+      qdms_inputV3: "",
+      fen_lei: null,
+      fen_lei1: null,
+      feng_mian_1: null,
+      chang_jin: "",
+      tags_val_single: "",
+      tags_val: [],
+      qdms_inputV6: "",
+      imgList: [],
+      auditDescription: "",
+      contentClassify: [],
+      // 课程三级分类
+      projectInfo: { id: "" },
+      //选择的封面图id及url
+      pathBgId: null,
+      pathBgUrl: null,
+      learnBgMore: false, //封面图弹窗
+
+      //目标任务
+      orgSelect: [],
+      orgSelectName: [],
+      orgSelectFullName: [],
+      selectJobName: [],
+      selectJobId: [],
+      selectBandName: [],
+      selectBandId: [],
+      //资源归属
+      sourceBelongId: [],
+      sourceBelongName: [],
+      sourceBelongFullName: [],
+    });
     const store = useStore();
-console.log(store,666);
+    console.log(store, 666);
     const sysTypeOptions = computed(() => store.state.content_type);
     const optionsUrl = computed(() => store.state.course_pic);
+    console.log("optionsUrl", optionsUrl);
+    //获取岗位
+    const jobType = computed(() => store.state.job_type);
+    //获取band
+    const bandList = computed(() => store.state.band);
+    console.log("jobTypebandList", jobType, bandList);
+    watch(
+      () => state.fen_lei,
+      () => {
+        state.fen_lei1 = findClassFullName(sysTypeOptions.value);
+      }
+    );
 
-    watch(()=>state.fen_lei,()=>{
-      state.fen_lei1 = findClassFullName(sysTypeOptions.value)
-    })
-
-    function findClassFullName(list,name=''){
-		
-     return list && list.length > 0 && list.map(e=>{
-       return  state.fen_lei === e.code ? name?name+'-'+e.name:e.name : findClassFullName(e.children,name?name+'-'+e.name:e.name)
-      }).filter(name=>name).join('')
+    function findClassFullName(list, name = "") {
+      return (
+        list &&
+        list.length > 0 &&
+        list
+          .map((e) => {
+            return state.fen_lei === e.code
+              ? name
+                ? name + "-" + e.name
+                : e.name
+              : findClassFullName(
+                  e.children,
+                  name ? name + "-" + e.name : e.name
+                );
+          })
+          .filter((name) => name)
+          .join("")
+      );
     }
 
-		// 删除文件返回参数
-		const changevalue = (e) => {
-			let arr = state.attach.split(',')
-			let newarr = []
-			for (let i = 0; i < arr.length; i++) {
-				if (i !== e) {
-					newarr.push(arr[i])
-				}
-			}
-			if (newarr.length == 0) {
-				state.attach = "";
-			} else {
-				state.attach = newarr.toString()
-			}
-			console.log('changevalue', e, newarr, state.attach)
-		}
+    // 删除文件返回参数
+    const changevalue = (e) => {
+      let arr = state.attach.split(",");
+      let newarr = [];
+      for (let i = 0; i < arr.length; i++) {
+        if (i !== e) {
+          newarr.push(arr[i]);
+        }
+      }
+      if (newarr.length == 0) {
+        state.attach = "";
+      } else {
+        state.attach = newarr.toString();
+      }
+      console.log("changevalue", e, newarr, state.attach);
+    };
 
-		const visibleOpen = (offcourseId, name) => {
-			state.offcourseId = offcourseId;
+    const visibleOpen = (offcourseId, name) => {
+      state.offcourseId = offcourseId;
 
-			if (state.offcourseId) {
-				state.ft_hs = true;
-				state.ft_eidt = true;
-				handleEditInfo(state.offcourseId);
-			} else {
-				state.ft_hs = true;
-				state.ft_eidt = false;
-				state.qdms_inputV1 = name;
-				console.log(" state.qdms_inputV1 ", state.qdms_inputV1);
-			}
-		};
-		const visibleClose = () => {
-			state.ft_hs = false;
-			valueHtml.value = "";
-			ft_exit();
-			emit("visibleClose");
-		};
+      if (state.offcourseId) {
+        state.ft_hs = true;
+        state.ft_eidt = true;
+        handleEditInfo(state.offcourseId);
+      } else {
+        state.ft_hs = true;
+        state.ft_eidt = false;
+        state.qdms_inputV1 = name;
+        console.log(" state.qdms_inputV1 ", state.qdms_inputV1);
+      }
+    };
+    const visibleClose = () => {
+      state.ft_hs = false;
+      valueHtml.value = "";
+      ft_exit();
+      emit("visibleClose");
+    };
 
-		// 未编辑直接离开的 不予刷新
-		const noEditClose = () => {
-			state.ft_hs = false;
-			ft_exit();
-			emit("noEdit");
-		}
+    // 未编辑直接离开的 不予刷新
+    const noEditClose = () => {
+      state.ft_hs = false;
+      ft_exit();
+      emit("noEdit");
+    };
 
-		expose({
-			visibleOpen,
-			visibleClose,
-		});
+    expose({
+      visibleOpen,
+      visibleClose,
+    });
 
-		const ft_exit = () => {
-			state.hideshow = true;
-			state.ft_hs = false;
-			state.addLoading = false;
-			state.statusJuJue = 0;
-			state.statusTingQi = 1;
-			state.member = { name: "", value: "" };
+    const ft_exit = () => {
+      state.hideshow = true;
+      state.ft_hs = false;
+      state.addLoading = false;
+      state.statusJuJue = 0;
+      state.statusTingQi = 1;
+      state.member = { name: "", value: "" };
 
-			state.offcourseId = null;
-			state.qdms_inputV1 = "";
-			state.qdms_inputV2 = "";
-			state.qdms_inputV3 = "";
-			state.fen_lei = null;
-			state.fen_lei1 = null;
-			state.feng_mian_1 = null;
-			state.chang_jin = "";
-			state.tags_val_single = "";
-			state.tags_val = [];
-			state.qdms_inputV6 = "";
-			state.imgList = [];
-			state.attach = "";
-			state.auditDescription = "";
+      state.offcourseId = null;
+      state.qdms_inputV1 = "";
+      state.qdms_inputV2 = "";
+      state.qdms_inputV3 = "";
+      state.fen_lei = null;
+      state.fen_lei1 = null;
+      state.feng_mian_1 = null;
+      state.chang_jin = "";
+      state.tags_val_single = "";
+      state.tags_val = [];
+      state.qdms_inputV6 = "";
+      state.imgList = [];
+      state.attach = "";
+      state.auditDescription = "";
 
-			valueHtml.value = "";
+      valueHtml.value = "";
 
-			// valueHtml.value = "";
-		};
+      //目标任务
+      state.orgSelect = [];
+      state.orgSelectName = [];
+      state.orgSelectFullName = [];
+      state.selectJobName = [];
+      state.selectJobId = [];
+      state.selectBandName = [];
+      state.selectBandId = [];
+      //资源归属
+      state.sourceBelongId = [];
+      state.sourceBelongName = [];
+      state.sourceBelongFullName = [];
+      // valueHtml.value = "";
+      console.log("清空");
+    };
 
-		//  富文本 sssssssssssssss
-		// 编辑器实例，必须用 shallowRef
-		const editorRef = shallowRef();
-		// 内容 HTML
-		const valueHtml = ref("");
-		// // 模拟 ajax 异步获取内容
-		// onMounted(() => {
-		//   setTimeout(() => {
-		//     //     valueHtml.value = "<p>模拟 Ajax 异步设置内容</p>";
-		//     console.log(editorRef.value);
-		//     // const toolbar = DomEditor.getToolbar(editorRef.value);
-		//     // const menu = editorRef.value.getAllMenuKeys();
-		//     // const bar = toolbar.getConfig().toolbarKeys;
-		//     // console.log(menu);
-		//     // console.log(bar);
-		//   }, 3500);
-		// });
-		const toolbarConfig = {
-			excludeKeys: ["insertVideo", "insertImage"],
-		};
-		const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
-		editorConfig.MENU_CONF["uploadImage"] = {
-			// 自定义上传
-			async customUpload(file, insertFn) {
-				const formData = new FormData();
-				formData.append("file", file);
-				fileUp(formData).then((res) => {
-					if (res.data.code === 200) {
-						// 最后插入图片  url alt href
-						insertFn(res.data.data, file.name, res.data.data);
-					}
-				});
-			},
-		};
-		const handleCreated = (editor) => {
-			editorRef.value = editor; // 记录 editor 实例，重要！
-		};
-		// const handleDestory = () => {
-		//   const editor = editorRef.value;
-		//   if (editor == null) return;
-		//   editor.destroy();
-		// };
-		// 组件销毁时，也及时销毁编辑器
-		onUnmounted(() => {
-			console.log("组件销毁时，也及时销毁编辑器");
-			// handleDestory();
-		});
-		//  富文本 eeeeeeeeeeeeee
+    //  富文本 sssssssssssssss
+    // 编辑器实例，必须用 shallowRef
+    const editorRef = shallowRef();
+    // 内容 HTML
+    const valueHtml = ref("");
+    // // 模拟 ajax 异步获取内容
+    // onMounted(() => {
+    //   setTimeout(() => {
+    //     //     valueHtml.value = "<p>模拟 Ajax 异步设置内容</p>";
+    //     console.log(editorRef.value);
+    //     // const toolbar = DomEditor.getToolbar(editorRef.value);
+    //     // const menu = editorRef.value.getAllMenuKeys();
+    //     // const bar = toolbar.getConfig().toolbarKeys;
+    //     // console.log(menu);
+    //     // console.log(bar);
+    //   }, 3500);
+    // });
+    const toolbarConfig = {
+      excludeKeys: ["insertVideo", "insertImage"],
+    };
+    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
+    editorConfig.MENU_CONF["uploadImage"] = {
+      // 自定义上传
+      async customUpload(file, insertFn) {
+        const formData = new FormData();
+        formData.append("file", file);
+        fileUp(formData).then((res) => {
+          if (res.data.code === 200) {
+            // 最后插入图片  url alt href
+            insertFn(res.data.data, file.name, res.data.data);
+          }
+        });
+      },
+    };
+    const handleCreated = (editor) => {
+      editorRef.value = editor; // 记录 editor 实例，重要！
+    };
+    // const handleDestory = () => {
+    //   const editor = editorRef.value;
+    //   if (editor == null) return;
+    //   editor.destroy();
+    // };
+    // 组件销毁时，也及时销毁编辑器
+    onUnmounted(() => {
+      console.log("组件销毁时，也及时销毁编辑器");
+      // handleDestory();
+    });
+    //  富文本 eeeeeeeeeeeeee
 
-		// 点击图片选择图片
-		const choicePic = (value) => {
-			console.log(111111112);
-			state.feng_mian_1 = value;
-		}
+    // 点击图片选择图片
+    const chooseImg = (item) => {
+      console.log(item);
+      state.pathBgId = item.id;
+      state.feng_mian_1 = item.value;
+    };
 
-		//获取分类、场景、封面图、-----------字典配置-------------------------------
-		const options2 = ref([]);
-		const options3 = ref([]);
-		const options4 = ref([]);
+    //获取分类、场景、封面图、-----------字典配置-------------------------------
+    const options2 = ref([]);
+    const options3 = ref([]);
+    const options4 = ref([]);
 
-		//获取分类、场景、封面图、----------------字典配置---------------------------
+    //获取分类、场景、封面图、----------------字典配置---------------------------
 
-		const hideShow = () => {
-			if (state.hideshow == true) {
-				state.hideshow = false;
-			} else {
-				state.hideshow = true;
-			}
-		};
-		const checkVal = (checkList) => {
-			let count = 0;
-			for (const keyName of checkList) {
-				if (!keyName) {
-					count++;
-					console.log("keyname", keyName);
-				}
-			}
+    const hideShow = () => {
+      if (state.hideshow == true) {
+        state.hideshow = false;
+      } else {
+        state.hideshow = true;
+      }
+    };
+    const checkVal = (checkList) => {
+      let count = 0;
+      for (const keyName of checkList) {
+        if (!keyName) {
+          count++;
+          console.log("keyname", keyName);
+        }
+      }
 
-			return !count;
-		};
+      return !count;
+    };
 
-		//保存面授课
-		const handlePush = async (param) => {
-			let files = "";
-			if (state.imgList.length) {
-				state.imgList.forEach((item) => {
-					files += item.img + ",";
-				});
-			}
-			files = files.slice(0, files.length - 1);
-			console.log("filesfiles", files);
-			const offName = await validateName({ name: state.qdms_inputV1, type: 2, id: state.offcourseId }).then(res => {
-					
-					return res.data.data === 1;
-			});
-			console.log('校验重复',offName)
-			if (offName) {
-				message.destroy();
-				return message.warning("课程名称重复，请重新填写");
-			}
+    //保存面授课
+    const handlePush = async (param) => {
+      console.log(
+        "组织、岗位、Band、资源归属选择",
+        state.orgSelect,
+        state.selectJobId,
+        state.selectBandId,
+        state.sourceBelongId
+      );
+      let files = "";
+      if (state.imgList.length) {
+        state.imgList.forEach((item) => {
+          files += item.img + ",";
+        });
+      }
+      files = files.slice(0, files.length - 1);
 
-			const postData = {
-				id: state.offcourseId, //不传代表新增
-				name: state.qdms_inputV1,
-				picUrl: state.feng_mian_1,
-				targetUser: state.qdms_inputV2,
-				meaning: state.qdms_inputV3,
-				// categoryId: state.fen_lei,
-				sysTypeId: state.fen_lei,
-				sceneContent: state.chang_jin,
-				tips: state.tags_val ? state.tags_val.join(",") : null,
-				// teacherId: state.member.value,
-				// teacher: state.member.name,
-				intro: state.qdms_inputV6,
-				attach: state.attach,
-				outline: valueHtml.value,
-			};
-			console.log("postData");
-			console.log(postData);
-			const checkList = [
-				postData.name,
-				postData.targetUser,
-				// postData.categoryId,
-				postData.sysTypeId,
-				// postData.teacherId,
-				postData.picUrl,
-				postData.intro,
-			];
-			console.log("checkList", checkList);
-			if (!checkVal(checkList)) {
-				message.destroy();
-				return message.error("请输入必填项");
-			} else {
-				state.addLoading = true;
-			}
+      let orgSelect = [];
+      if (state.orgSelect && state.orgSelect.length) {
+        state.orgSelect.forEach((item) => {
+          orgSelect.push({
+            label: item.label,
+            value: item.value,
+          });
+        });
+      }
 
-			edit(postData).then((res) => {
-				state.addLoading = false;
-				if (res.data.code === 200) {
-					state.statusTingQi = 1;
-					if (param === "review") {
-						//新建时点击审核按钮
-						submitReview(res.data.data.id);
-					} else {
-						message.destroy();
-						message.success("保存成功");
-						visibleClose();
-					}
-				} else if (res.data.code === -1) {
-					message.destroy();
-					message.success("无此操作权限");
-					visibleClose();
-				}
-			});
-		};
+      let selectJobId = "";
+      if (state.selectJobId.length) {
+        state.selectJobId.forEach((item) => {
+          selectJobId += item + ",";
+        });
+      }
+      selectJobId = selectJobId.slice(0, selectJobId.length - 1);
 
-		//编辑面授课渲染绑定
-		const handleEditInfo = async (offcourseId) => {
-			console.log("jjjaj");
-			state.validate = true;
-			state.qdms_inputV1 = "";
-			const item = await detail({
-				offcourseId: Number(offcourseId),
-			}).then((res) => {
-				if (res.data.code === 200) return res.data.data;
-			});
+      let selectBandId = "";
+      if (state.selectBandId.length) {
+        state.selectBandId.forEach((item) => {
+          selectBandId += item + ",";
+        });
+      }
+      selectBandId = selectBandId.slice(0, selectBandId.length - 1);
 
-			state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
+      console.log("filesfiles", files);
+      const offName = await validateName({
+        name: state.qdms_inputV1,
+        type: 2,
+        id: state.offcourseId,
+      }).then((res) => {
+        return res.data.data === 1;
+      });
+      console.log("校验重复", offName);
+      if (offName) {
+        message.destroy();
+        return message.warning("课程名称重复，请重新填写");
+      }
 
-			if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
-				state.statusTingQi = 1;
-			}
-			if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
-				state.statusTingQi = 0;
-			}
-			if (Number(item.auditStatus) === -1) {
-				let obj = {
-					offcourseId: offcourseId,
-					type: 2,
-					pageNo: 1,
-					pageSize: 1,
-				};
-				const res = await api2.auditList(obj).then((res) => {
-					if (res.data.code === 200) return res.data.data;
-				});
-				if (res.rows && res.rows.length > 0) {
-					let i = res.rows.length;
-					state.auditDescription = res.rows[i - 1].description ? res.rows[i - 1].description : "-";
-				}
-			}
+      const postData = {
+        id: state.offcourseId, //不传代表新增
+        name: state.qdms_inputV1,
+        picUrl: state.feng_mian_1,
+        targetUser: state.qdms_inputV2,
+        meaning: state.qdms_inputV3,
+        // categoryId: state.fen_lei,
+        sysTypeId: state.fen_lei,
+        sceneContent: state.chang_jin,
+        tips: state.tags_val ? state.tags_val.join(",") : null,
+        // teacherId: state.member.value,
+        // teacher: state.member.name,
+        intro: state.qdms_inputV6,
+        attach: state.attach,
+        outline: valueHtml.value,
+        organizationIds: orgSelect,
+        jobTypeIds: selectJobId,
+        bandIds: selectBandId,
+        sourceBelongId: state.sourceBelongId,
+        sourceBelongFullName: state.sourceBelongName,
+      };
+      console.log("postData", postData);
+      const checkList = [
+        postData.name,
+        // postData.targetUser,
+        // postData.categoryId,
+        postData.sysTypeId,
+        // postData.teacherId,
+        postData.picUrl,
+        postData.intro,
+        postData.sourceBelongId,
+      ];
+      console.log("checkList", checkList);
+      if (
+        !postData.organizationIds &&
+        !postData.jobTypeIds &&
+        !postData.bandIds
+      ) {
+        message.destroy();
+        return message.error("请输入必填项");
+      } else {
+        state.addLoading = true;
+      }
+      if (!checkVal(checkList)) {
+        message.destroy();
+        return message.error("请输入必填项");
+      } else {
+        state.addLoading = true;
+      }
 
-			state.qdms_inputV1 = item.name;
-			state.feng_mian_1 = item.picUrl;
-			state.qdms_inputV2 = item.targetUser;
-			state.qdms_inputV3 = item.meaning;
-			// state.fen_lei = item.categoryId;
-			state.fen_lei = item.sysTypeId;
-			state.chang_jin = String(item.sceneContent ? item.sceneContent : '');
-			state.tags_val = item.tips ? item.tips.split(",") : [];
-			state.qdms_inputV6 = item.intro;
-			state.member = { value: item.teacherId, name: item.teacher };
-			valueHtml.value = item.outline;
-			let arrss = item.attach.split(',')
-			let str = ''
-			for (let i = 0; i < arrss.length; i++) {
-				i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
-			}
-			console.log(str)
-			state.attach = str;
-		};
+      edit(postData).then((res) => {
+        state.addLoading = false;
+        if (res.data.code === 200) {
+          state.statusTingQi = 1;
+          if (param === "review") {
+            //新建时点击审核按钮
+            submitReview(res.data.data.id);
+          } else {
+            message.destroy();
+            message.success("保存成功");
+            visibleClose();
+          }
+        } else if (res.data.code === -1) {
+          message.destroy();
+          message.success("无此操作权限");
+          visibleClose();
+        }
+      });
+    };
 
-		const handleTagChange = () => {
-			if (state.tags_val_single) {
-				state.tags_val.push(state.tags_val_single);
-			}
-			state.tags_val_single = "";
-		};
-		const handleTagClose = (item) => {
-			const arr = state.tags_val.filter((itm) => itm !== item);
-			state.tags_val = arr;
-		};
+    //编辑面授课渲染绑定
+    const handleEditInfo = async (offcourseId) => {
+      console.log("jjjaj");
+      state.validate = true;
+      state.qdms_inputV1 = "";
+      const item = await detail({
+        offcourseId: Number(offcourseId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
 
-		//提交审核
-		const reviewClick = () => {
-			if(state.offcourseId){
-				submitReview(state.offcourseId)
-			}else{
-				handlePush("review");
-			}
-		};
-		const submitReview = (id) => {
-			state.addLoading = true;
+      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
 
-			if (id === "") {
-				return message.error("请先完成保存");
-			}
-			let obj = {
-				offcourseId: id ? id : state.offcourseId,
-				type: 1,
-			};
-			console.log("提交审核参数", obj);
-			handle(obj).then((res) => {
-				console.log("提交审核成功", res.data);
-				if (res.data.code === 200) {
-					message.destroy();
-					message.success("已提交审核");
-					state.addLoading = false;
-					visibleClose();
-				} else if (res.data.code === -1) {
-					message.destroy();
-					message.success("无此操作权限");
-				}
-			});
-		};
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
+        state.statusTingQi = 1;
+      }
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
+        state.statusTingQi = 0;
+      }
+      if (Number(item.auditStatus) === -1) {
+        let obj = {
+          offcourseId: offcourseId,
+          type: 2,
+          pageNo: 1,
+          pageSize: 1,
+        };
+        const res = await api2.auditList(obj).then((res) => {
+          if (res.data.code === 200) return res.data.data;
+        });
+        if (res.rows && res.rows.length > 0) {
+          let i = res.rows.length;
+          state.auditDescription = res.rows[i - 1].description
+            ? res.rows[i - 1].description
+            : "-";
+        }
+      }
 
-		return {
-			...toRefs(state),
+      state.qdms_inputV1 = item.name;
+      state.feng_mian_1 = item.picUrl;
+      state.qdms_inputV2 = item.targetUser;
+      state.qdms_inputV3 = item.meaning;
+      // state.fen_lei = item.categoryId;
+      state.fen_lei = item.sysTypeId;
+      state.chang_jin = String(item.sceneContent ? item.sceneContent : "");
+      state.tags_val = item.tips ? item.tips.split(",") : [];
+      state.qdms_inputV6 = item.intro;
+      state.member = { value: item.teacherId, name: item.teacher };
+      valueHtml.value = item.outline;
+      let arrss = item.attach.split(",");
+      let str = "";
+      for (let i = 0; i < arrss.length; i++) {
+        i == arrss.length - 1
+          ? (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1))
+          : (str += arrss[i].slice(arrss[i].lastIndexOf("/") + 1) + ",");
+      }
+      console.log(str);
+      state.attach = str;
+    };
+
+    const handleTagChange = () => {
+      if (state.tags_val_single) {
+        state.tags_val.push(state.tags_val_single);
+      }
+      state.tags_val_single = "";
+    };
+    const handleTagClose = (item) => {
+      const arr = state.tags_val.filter((itm) => itm !== item);
+      state.tags_val = arr;
+    };
+
+    //提交审核
+    const reviewClick = () => {
+      if (state.offcourseId) {
+        submitReview(state.offcourseId);
+      } else {
+        handlePush("review");
+      }
+    };
+    const submitReview = (id) => {
+      state.addLoading = true;
+
+      if (id === "") {
+        return message.error("请先完成保存");
+      }
+      let obj = {
+        offcourseId: id ? id : state.offcourseId,
+        type: 1,
+      };
+      console.log("提交审核参数", obj);
+      handle(obj).then((res) => {
+        console.log("提交审核成功", res.data);
+        if (res.data.code === 200) {
+          message.destroy();
+          message.success("已提交审核");
+          state.addLoading = false;
+          visibleClose();
+        } else if (res.data.code === -1) {
+          message.destroy();
+          message.success("无此操作权限");
+        }
+      });
+    };
+    //目标人群
+    const handleChangeJob = (e, k) => {
+      console.log("eeee", e, k);
+      state.selectJobId = e;
+    };
+    const handleChangeBand = (e, k) => {
+      console.log("eeeeeeeeeee", e, k);
+      state.selectBandId = e;
+    };
+    //封面图
+    const showLearnBgMore = () => {
+      state.learnBgMore = true;
+    };
+    //关闭更多路径背景弹窗
+    const closeLearnBgMore = () => {
+      state.learnBgMore = false;
+    };
+
+    return {
+      ...toRefs(state),
       sysTypeOptions,
-			moment,
-			options2,
-			options3,
-			options4,
-			optionsUrl,
-			hideShow,
-			visibleOpen,
-			visibleClose,
-			handleTagChange,
-			handleTagClose,
-			handlePush,
-			reviewClick,
-			noEditClose,
-			editorRef,
-			valueHtml,
-			mode: "simple", // 或 'simple'
-			toolbarConfig,
-			editorConfig,
-			handleCreated,
-			choicePic,
-			changevalue,
-		};
-	},
+      moment,
+      options2,
+      options3,
+      options4,
+      optionsUrl,
+      jobType,
+      bandList,
+      hideShow,
+      visibleOpen,
+      visibleClose,
+      handleTagChange,
+      handleTagClose,
+      handlePush,
+      reviewClick,
+      noEditClose,
+      editorRef,
+      valueHtml,
+      mode: "simple", // 或 'simple'
+      toolbarConfig,
+      editorConfig,
+      handleCreated,
+      chooseImg,
+      changevalue,
+      showLearnBgMore,
+      closeLearnBgMore,
+      handleChangeJob,
+      handleChangeBand,
+    };
+  },
 });
 </script>
 <style lang="scss">
 .facteachModal {
-	.ant-modal {
-		.ant-modal-content {
-			.ant-modal-body {
-				.modalHeader {
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
+  .ant-modal {
+    .ant-modal-content {
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
 
-					.headerLeft {
-						margin-left: 27px;
-						display: flex;
-						align-items: center;
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
 
-						.headerLeftText {
-							font-size: 16px;
-							font-weight: 400;
-							color: #000000;
-							line-height: 36px;
-						}
-					}
-				}
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
 
-				.modalMain {
-					.m_title {
-						margin-bottom: 20px;
-					}
+        .modalMain {
+          .m_title {
+            margin-bottom: 20px;
+          }
 
-					.m_body {
-						display: flex;
-						flex-wrap: wrap;
+          .m_body {
+            display: flex;
+            flex-wrap: wrap;
 
-						.mb_left {
-							width: 50%;
+            .mb_left {
+              width: 50%;
 
-							.mbl_items {
-								display: flex;
-								align-items: center;
-								justify-content: flex-end;
-								margin-bottom: 10px;
+              .mbl_items {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                margin-bottom: 10px;
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-right: 5px;
-										margin-top: -15px;
-									}
-								}
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
 
-								.item_inp {
-									flex: 1;
-									position: relative;
+                .item_inp {
+                  flex: 1;
+                  position: relative;
 
-									.inp_num {
-										position: absolute;
-										left: 398px;
-										top: 10px;
-									}
-								}
-							}
-							
-							.mbl_items2 {
-								display: flex;
-								align-items: start;
-								margin-top: 10px;
-								margin-bottom: 10px;
+                  .inp_num {
+                    position: absolute;
+                    left: 398px;
+                    top: 10px;
+                  }
+                }
+              }
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-top: 10px;
+                margin-bottom: 10px;
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-right: 5px;
-										margin-top: -15px;
-									}
-								}
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_inp {
-									flex: 1;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
 
-									.i_upload_img {
-										margin-top: 10px;
-										width: 100px;
-										height: 100px;
-										border-radius: 8px;
-									}
+                .item_inp {
+                  flex: 1;
 
-									.i_upload {
-										width: 100px;
-										height: 100px;
-										border: 1px solid #4ea6ff;
-										border-radius: 8px;
-										text-align: center;
-										align-items: center;
-										cursor: pointer;
+                  .i_upload_img {
+                    margin-top: 10px;
+                    width: 100px;
+                    height: 100px;
+                    border-radius: 8px;
+                  }
 
-										.addimg {
-											position: relative;
+                  .i_upload {
+                    width: 100px;
+                    height: 100px;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    text-align: center;
+                    align-items: center;
+                    cursor: pointer;
 
-											.heng {
-												position: absolute;
-												top: 50px;
-												left: 25px;
-												width: 50px;
-												border: 1px solid #4ea6ff;
-											}
+                    .addimg {
+                      position: relative;
 
-											.shu {
-												position: absolute;
-												top: 25px;
-												left: 50px;
-												height: 50px;
-												border: 1px solid #4ea6ff;
-											}
-										}
-									}
-								}
-							}
+                      .heng {
+                        position: absolute;
+                        top: 50px;
+                        left: 25px;
+                        width: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
 
-							.i2_cz {
-								width: 440px;
-								margin-left: 100px;
+                      .shu {
+                        position: absolute;
+                        top: 25px;
+                        left: 50px;
+                        height: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
+                    }
+                  }
+                }
+              }
 
-								.i2_top {
-									display: flex;
-									justify-content: space-between;
-								}
-							}
+              .i2_cz {
+                width: 440px;
+                margin-left: 100px;
 
-							.i8_bottom {
-								display: flex;
-								width: 440px;
-								margin-left: 100px;
-							}
-						}
+                .i2_top {
+                  display: flex;
+                  justify-content: space-between;
+                }
+              }
 
-						.mb_right {
-							width: 50%;
+              .i8_bottom {
+                display: flex;
+                width: 440px;
+                margin-left: 100px;
+              }
+            }
 
-							.mbl_items {
-								display: flex;
-								align-items: flex-start;
-								justify-content: flex-end;
-								margin-bottom: 10px;
+            .mb_right {
+              width: 50%;
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+              .mbl_items {
+                display: flex;
+                align-items: flex-start;
+                justify-content: flex-end;
+                margin-bottom: 10px;
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-top: -15px;
-										margin-right: 5px;
-									}
-								}
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_inp {
-									flex: 1;
-								}
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-top: -15px;
+                    margin-right: 5px;
+                  }
+                }
 
-								.accessory {
-									display: flex;
-									align-items: center;
+                .item_inp {
+                  flex: 1;
+                }
 
-									.accessory_icon {
-										width: 16px;
-										height: 16px;
-										margin-top: -8px;
-										margin-right: 5px;
-									}
-								}
-							}
+                .accessory {
+                  display: flex;
+                  align-items: center;
 
-							.mbl_items2 {
-								display: flex;
-								align-items: start;
-								margin-bottom: 10px;
+                  .accessory_icon {
+                    width: 16px;
+                    height: 16px;
+                    margin-top: -8px;
+                    margin-right: 5px;
+                  }
+                }
+              }
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-bottom: 10px;
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-right: 5px;
-										margin-top: -15px;
-									}
-								}
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_inp {
-									flex: 1;
-									position: relative;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
 
-									.inp_num {
-										position: absolute;
-										left: 395px;
-										bottom: 10px;
-									}
-								}
-							}
-							.fujian{
-								display: none;
-							}
-							.mbl_items12 {
-								width: 440px;
-								margin-right:56px;
+                .item_inp {
+                  flex: 1;
+                  position: relative;
 
-								.i12_box1 {
-									display: flex;
-									align-items: center;
-									padding: 17px 0px 17px 21px;
-									border: 1px solid #eff4fc;
-									border-radius: 8px;
-									margin-bottom: 10px;
+                  .inp_num {
+                    position: absolute;
+                    left: 395px;
+                    bottom: 10px;
+                  }
+                }
+              }
+              .fujian {
+                display: none;
+              }
+              .mbl_items12 {
+                width: 440px;
+                margin-right: 56px;
 
-									.file_img {
-										width: 27px;
-										height: 32px;
-										background-image: url(@/assets/images/coursewareManage/imgs.png);
-										margin-right: 22px;
+                .i12_box1 {
+                  display: flex;
+                  align-items: center;
+                  padding: 17px 0px 17px 21px;
+                  border: 1px solid #eff4fc;
+                  border-radius: 8px;
+                  margin-bottom: 10px;
 
-										img {
-											width: 100%;
-											height: 100%;
-										}
-									}
+                  .file_img {
+                    width: 27px;
+                    height: 32px;
+                    background-image: url(@/assets/images/coursewareManage/imgs.png);
+                    margin-right: 22px;
 
-									.file_detail {
-										width: 250px;
-										margin-right: 21px;
+                    img {
+                      width: 100%;
+                      height: 100%;
+                    }
+                  }
 
-										.file_updata {
-											display: flex;
-											align-items: center;
+                  .file_detail {
+                    width: 250px;
+                    margin-right: 21px;
 
-											.updatabox {
-												position: relative;
-												width: 230px;
-												height: 5px;
-												background-color: rgba(192, 192, 192, 0.25);
-												border-radius: 3px;
+                    .file_updata {
+                      display: flex;
+                      align-items: center;
 
-												.updatacolor {
-													position: absolute;
-													left: 0;
-													width: 100%;
-													height: 5px;
-													background-color: #57c887;
-													border-radius: 3px;
-												}
+                      .updatabox {
+                        position: relative;
+                        width: 230px;
+                        height: 5px;
+                        background-color: rgba(192, 192, 192, 0.25);
+                        border-radius: 3px;
 
-												.updatacolor2 {
-													position: absolute;
-													left: 0;
-													width: 80%;
-													height: 5px;
-													background-color: #ff7474;
-													border-radius: 3px;
-												}
+                        .updatacolor {
+                          position: absolute;
+                          left: 0;
+                          width: 100%;
+                          height: 5px;
+                          background-color: #57c887;
+                          border-radius: 3px;
+                        }
 
-												.updatacolor3 {
-													position: absolute;
-													left: 0;
-													width: 60%;
-													height: 5px;
-													background-color: #4ea6ff;
-													border-radius: 3px;
-												}
+                        .updatacolor2 {
+                          position: absolute;
+                          left: 0;
+                          width: 80%;
+                          height: 5px;
+                          background-color: #ff7474;
+                          border-radius: 3px;
+                        }
 
-												.updataxq {
-													position: absolute;
-													right: 2px;
-													top: -30px;
-													color: #57c887;
-												}
+                        .updatacolor3 {
+                          position: absolute;
+                          left: 0;
+                          width: 60%;
+                          height: 5px;
+                          background-color: #4ea6ff;
+                          border-radius: 3px;
+                        }
 
-												.updataxq2 {
-													position: absolute;
-													right: 2px;
-													top: -30px;
-													color: #ff7474;
-												}
+                        .updataxq {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #57c887;
+                        }
 
-												.updataxq3 {
-													position: absolute;
-													right: 2px;
-													top: -30px;
-													color: #4ea6ff;
-												}
-											}
-										}
-									}
+                        .updataxq2 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #ff7474;
+                        }
 
-									.file_operation {
-										display: flex;
+                        .updataxq3 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #4ea6ff;
+                        }
+                      }
+                    }
+                  }
 
-										.fobox {
-											margin-right: 5px;
-											cursor: pointer;
-										}
-									}
-								}
-							}
-						}
-					}
+                  .file_operation {
+                    display: flex;
 
-					.m_footer {
-						display: flex;
-						margin: 20px 0;
+                    .fobox {
+                      margin-right: 5px;
+                      cursor: pointer;
+                    }
+                  }
+                }
+              }
+            }
+          }
 
-						.fotnam {
-							width: 100px;
-							display: flex;
-							justify-content: end;
-							padding-right: 15px;
-						}
+          .m_footer {
+            display: flex;
+            margin: 20px 0;
 
-						.fotarea {
-							width: calc(100% - 150px);
-							position: relative;
+            .fotnam {
+              width: 100px;
+              display: flex;
+              justify-content: end;
+              padding-right: 15px;
+            }
 
-							.fuwenben {
-								width: 90%;
-								height: 20px;
-								background-color: rgb(95, 95, 95);
-								position: absolute;
-								left: 50%;
-								transform: translate(-50%, 0);
-								top: 3px;
-								z-index: 9999;
-							}
-						}
-					}
+            .fotarea {
+              width: calc(100% - 150px);
+              position: relative;
 
-					.m_btn {
-						width: 100%;
-						margin-top: 25px;
-						margin-bottom: 20px;
-						display: flex;
-						justify-content: center;
-						align-content: center;
+              .fuwenben {
+                width: 90%;
+                height: 20px;
+                background-color: rgb(95, 95, 95);
+                position: absolute;
+                left: 50%;
+                transform: translate(-50%, 0);
+                top: 3px;
+                z-index: 9999;
+              }
+            }
+          }
 
-						.btn {
-							width: 100px;
-							height: 40px;
-							background: rgba(64, 158, 255, 0);
-							border-radius: 8px;
-							display: flex;
-							align-items: center;
-							justify-content: center;
-							margin-right: 14px;
-							flex-shrink: 0;
-							cursor: pointer;
+          .m_btn {
+            width: 100%;
+            margin-top: 25px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: center;
+            align-content: center;
 
-							.btnText {
-								font-size: 14px;
-								font-weight: 400;
-								line-height: 40px;
-							}
-						}
+            .btn {
+              width: 100px;
+              height: 40px;
+              background: rgba(64, 158, 255, 0);
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              cursor: pointer;
 
-						.btn5 {
-							border: 1px solid rgba(64, 158, 255, 1);
-							color: #4ea6ff;
-						}
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
+              }
+            }
 
-						.btn6 {
-							background-color: #4ea6ff;
-							color: #ffffff;
-						}
-					}
-				}
-			}
-		}
-	}
+            .btn5 {
+              border: 1px solid rgba(64, 158, 255, 1);
+              color: #4ea6ff;
+            }
 
-	.statusJuJue {
-		margin-bottom: 20px;
-	}
+            .btn6 {
+              background-color: #4ea6ff;
+              color: #ffffff;
+            }
+          }
+        }
+      }
+    }
+  }
 
-	.choiceoptionurl {
-		width: 60px;
-		height: 60px;
-		margin-right: 10px;
-		border-radius: 8px;
-	}
+  .statusJuJue {
+    margin-bottom: 20px;
+  }
 
-	.aeLoading {
-		z-index: 10000;
-	}
+  .choiceoptionurl {
+    width: 100px;
+    height: 100px;
+    margin-right: 10px;
+    border-radius: 8px;
+  }
+  .learnBgItem {
+    border-radius: 8px;
+    width: 100px;
+    height: 100px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    // margin-bottom: 20px;
+    margin-right: 6px;
+  }
+
+  .learnBgMore {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #c7cbd2;
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
+    line-height: 36px;
+    cursor: pointer;
+  }
+
+  .aeLoading {
+    z-index: 10000;
+  }
+}
+.coursemodal {
+  .i1_input {
+    .ant-select-selector {
+      min-height: 40px !important;
+      border-radius: 8px !important;
+      border: 1px solid #c7cbd2 !important;
+    }
+  }
+}
+.courseBgMoreModal {
+  .ant-modal {
+    width: 680px !important;
+    height: 528px !important;
+
+    .ant-modal-content {
+      width: 680px !important;
+      height: 528px !important;
+
+      .ant-modal-body {
+        width: 680px !important;
+        height: 528px !important;
+        padding: 0 !important;
+
+        .main {
+          display: flex;
+          flex-direction: column;
+
+          .top {
+            padding-left: 51px;
+            padding-right: 51px;
+            padding-top: 28px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            cursor: pointer;
+
+            .topc {
+              font-size: 16px;
+              font-weight: bold;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+
+          .imagesBox {
+            display: flex;
+            //  justify-content: space-between;
+            flex-wrap: wrap;
+            padding-left: 51px;
+            padding-right: 39px;
+            margin-top: 20px;
+            height: 350px;
+            overflow-y: auto;
+
+            .learnBgItem {
+              border-radius: 8px;
+              width: 136px;
+              height: 106px;
+              background-size: 100%;
+              background-repeat: no-repeat;
+              margin-bottom: 20px;
+              margin-right: 10px;
+            }
+          }
+
+          .btn {
+            width: 100%;
+            position: absolute;
+            bottom: 30px;
+            margin-top: 30px;
+            display: flex;
+            justify-content: center;
+
+            .samtn {
+              width: 100px;
+              height: 40px;
+              font-size: 14px;
+              border: 1px solid #4ea6ff;
+              border-radius: 8px;
+              cursor: pointer;
+            }
+
+            .btn1 {
+              background-color: #fff;
+              color: #4ea6ff;
+            }
+
+            .btn2 {
+              background-color: #4ea6ff;
+              color: #fff;
+              margin-left: 16px;
+            }
+          }
+        }
+      }
+    }
+    .ant-modal-close-x {
+      display: none;
+    }
+  }
 }
 </style>
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 88dc4fc5..958b336f 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -87,39 +87,77 @@
     </div>
     <!-- 无数据 -->
     <!-- 表格 -->
-    <div v-if="tableDataTotal" style="padding:10px 35px">
+    <div v-if="tableDataTotal" style="padding: 10px 35px">
       <a-table
-        :header-cell-style="{'text-align':'center'}"
-        style="border: 1px solid #f2f6fe;"
+        :header-cell-style="{ 'text-align': 'center' }"
+        style="border: 1px solid #f2f6fe"
         :columns="tableDataFunc()"
         :data-source="tableData"
         :loading="tableLoading"
         @expand="expandTable"
-        :scroll="{x:'max-content'}"
+        :scroll="{ x: 'max-content' }"
         :pagination="false"
       >
-      <template #bodyCell="{ record, column }">
-        <template v-if="column.key === 'operation'">
-          <a-space>
-            <a-button v-if="record.state==='草稿' && checkPer(record.permissions)" @click="showPub(record)" type="link">发布</a-button>
-            <a-button v-if="record.state==='草稿' && checkPer(record.permissions)" @click="getLearnPathInfo(record.id)" type="link">编辑</a-button>
-            <a-button v-if="record.state==='已发布' && checkPer(record.permissions)" @click="getLearnPathInfo(record.id)" type="link">编辑</a-button>
-            <a-button @click="manage(record.id)" type="link">管理</a-button>
-            <DropDown  v-if="checkPer(record.permissions)" value="授权">
-              <OwnerTableModelStudent :types="[7,8,9]" :id="record.id" :type="9">权限名单</OwnerTableModelStudent>
-              <CommonStudent :type="7" :id="record.id" title="查看权">查看权</CommonStudent>
-              <CommonStudent :type="8" :id="record.id" title="管理权">管理权</CommonStudent>
-            </DropDown>
-            <DropDown  v-if="checkPer(record.permissions)" value="更多">
-              <a-button @click="showCopyModal(record.id)" type="link">复制</a-button>
-              <a-button @click="showDeleteModal(record.id)" type="link" danger>删除</a-button>
-              <a-button v-if="record.state==='已发布'" @click="showBackModal(record.id)" type="link">撤回</a-button>
-              <a-button v-if="record.state==='已发布'" @click="showStopModal(record.id)" type="link">结束</a-button>
-            </DropDown>
-            <!-- <a-button v-if="record.state==='已结束'" @click="showStartModal(record.id)" type="link">启用</a-button> -->
-          </a-space>
+        <template #bodyCell="{ record, column }">
+          <template v-if="column.key === 'operation'">
+            <a-space>
+              <a-button
+                v-if="record.state === '草稿' && checkPer(record.permissions)"
+                @click="showPub(record)"
+                type="link"
+                >发布</a-button
+              >
+              <a-button
+                v-if="record.state === '草稿' && checkPer(record.permissions)"
+                @click="getLearnPathInfo(record.id)"
+                type="link"
+                >编辑</a-button
+              >
+              <a-button
+                v-if="record.state === '已发布' && checkPer(record.permissions)"
+                @click="getLearnPathInfo(record.id)"
+                type="link"
+                >编辑</a-button
+              >
+              <a-button @click="manage(record.id)" type="link">管理</a-button>
+              <DropDown v-if="checkPer(record.permissions)" value="授权">
+                <OwnerTableModelStudent
+                  :types="[7, 8, 9]"
+                  :id="record.id"
+                  :type="9"
+                  >权限名单</OwnerTableModelStudent
+                >
+                <CommonStudent :type="7" :id="record.id" title="查看权"
+                  >查看权</CommonStudent
+                >
+                <CommonStudent :type="8" :id="record.id" title="管理权"
+                  >管理权</CommonStudent
+                >
+              </DropDown>
+              <DropDown v-if="checkPer(record.permissions)" value="更多">
+                <a-button @click="showCopyModal(record.id)" type="link"
+                  >复制</a-button
+                >
+                <a-button @click="showDeleteModal(record.id)" type="link" danger
+                  >删除</a-button
+                >
+                <a-button
+                  v-if="record.state === '已发布'"
+                  @click="showBackModal(record.id)"
+                  type="link"
+                  >撤回</a-button
+                >
+                <a-button
+                  v-if="record.state === '已发布'"
+                  @click="showStopModal(record.id)"
+                  type="link"
+                  >结束</a-button
+                >
+              </DropDown>
+              <!-- <a-button v-if="record.state==='已结束'" @click="showStartModal(record.id)" type="link">启用</a-button> -->
+            </a-space>
+          </template>
         </template>
-      </template>
       </a-table>
     </div>
     <div class="tableBox">
@@ -244,7 +282,12 @@
           </div>
           <div class="btn">
             <button class="samtn btn1" @click="handleOut">取消</button>
-            <a-button class="samtn btn2" @click="createLearnPath" :loading="confirmLoading">确定</a-button>
+            <a-button
+              class="samtn btn2"
+              @click="createLearnPath"
+              :loading="confirmLoading"
+              >确定</a-button
+            >
           </div>
 
           <div
@@ -344,7 +387,7 @@
                       ? '2px solid rgba(78, 166, 255, 1)'
                       : '1px solid #ccc',
                   'background-image': 'url(' + item.value.split(',')[0] + ')',
-                  display: index >= 5 ? 'none' : 'flex',
+                  display: index >= 3 ? 'none' : 'flex',
                 }"
                 style="background-size: 100% 100%"
               >
@@ -368,7 +411,12 @@
           </div>
           <div class="btn">
             <button class="samtn btn1" @click="handleOut1">取消</button>
-            <a-button class="samtn btn2" @click="editLearnPath" :loading="confirmLoading">确定</a-button>
+            <a-button
+              class="samtn btn2"
+              @click="editLearnPath"
+              :loading="confirmLoading"
+              >确定</a-button
+            >
           </div>
         </div>
       </div>
@@ -390,7 +438,9 @@
           height: 68px;
           display: flex;
           align-items: center;
-          justify-content: space-between;">
+          justify-content: space-between;
+        "
+      >
         <div class="headerLeft" style="margin-left: 32px">
           <span style="width: 15px; height: 15px"
             ><img src="../../assets/images/taskpage/pub.png"
@@ -702,7 +752,7 @@ import OrgClass from "@/components/project/OrgClass";
 import NameInput from "@/components/project/NameInput";
 import { validateName } from "@/api/index1";
 import DropDown from "@/components/common/DropDown";
-import {checkPer} from "@/utils/utils";
+import { checkPer } from "@/utils/utils";
 
 export default {
   name: "learningPath",
@@ -720,9 +770,9 @@ export default {
   setup() {
     const store = useStore();
     const router = useRouter();
-    const userInfo = computed(()=>store.state.userInfo)
+    const userInfo = computed(() => store.state.userInfo);
     const state = reactive({
-      confirmLoading:false,
+      confirmLoading: false,
       tableLoading: false,
       out: false,
       out1: false,
@@ -857,7 +907,7 @@ export default {
       state.pathIntro = "";
       state.out = !state.out;
       if (userInfo.value.departId && userInfo.value.departName) {
-        state.organizationSelectName =userInfo.value.departName;
+        state.organizationSelectName = userInfo.value.departName;
         state.organizationSelectId = userInfo.value.departId;
       }
     };
@@ -874,14 +924,14 @@ export default {
     const chooseImg = (item) => {
       console.log(item);
       state.pathBgId = item.code;
-      state.pathBg = item.value.split(',')[0];
-      state.mobilePicUrl = item.value.split(',')[1];
+      state.pathBg = item.value.split(",")[0];
+      state.mobilePicUrl = item.value.split(",")[1];
     };
     const chooseImg2 = (item) => {
       // console.log(item);
       state.pathBgId = item.code;
-      state.pathBg = item.value.split(',')[0];
-      state.mobilePicUrl = item.value.split(',')[1];
+      state.pathBg = item.value.split(",")[0];
+      state.mobilePicUrl = item.value.split(",")[1];
     };
     //发布弹窗
     const showPub = (router) => {
@@ -961,10 +1011,14 @@ export default {
     const copyLearnPath = () => {
       state.copyModal = false;
       state.tableLoading = true;
-      api.handleLearnPath({
-        routerId: state.copyPathId,
-        type: 2,
-      }).then(() => {getLearnPath();})
+      api
+        .handleLearnPath({
+          routerId: state.copyPathId,
+          type: 2,
+        })
+        .then(() => {
+          getLearnPath();
+        });
       message.success("复制成功");
     };
 
@@ -1158,30 +1212,30 @@ export default {
     };
     //创建学习路径图
     const createLearnPath = async () => {
-      state.confirmLoading = true
+      state.confirmLoading = true;
       if (!state.pathName) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("请输入路径图名称");
       }
       if (!state.organizationSelectName) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("请选择归属组织");
       }
       if (!state.pathBg) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("请选择背景图");
       }
       if (!state.mobilePicUrl) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("未配置H5背景图，请联系管理员！");
       }
       if (!state.validate) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         message.warning("路径图名称重复");
         return;
       }
@@ -1194,23 +1248,25 @@ export default {
       });
       if (offName) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("项目名称重复，请重新填写");
       }
-      api.createLearnPath({
-        name: state.pathName,
-        remark: state.pathIntro,
-        status: 0,
-        organizationId: state.organizationSelectId,
-        organizationName: state.organizationSelectName,
-        picUrl: state.pathBg,
-        mobilePicUrl: state.mobilePicUrl,
-      }).then(id => {
-          message.destroy();
-          state.confirmLoading = false
-          message.success("创建成功");
-          router.push( {path: "/leveladd",query:{routerId: id.data.data }})
+      api
+        .createLearnPath({
+          name: state.pathName,
+          remark: state.pathIntro,
+          status: 0,
+          organizationId: state.organizationSelectId,
+          organizationName: state.organizationSelectName,
+          picUrl: state.pathBg,
+          mobilePicUrl: state.mobilePicUrl,
         })
+        .then((id) => {
+          message.destroy();
+          state.confirmLoading = false;
+          message.success("创建成功");
+          router.push({ path: "/leveladd", query: { routerId: id.data.data } });
+        });
     };
 
     //获取学习路径列表
@@ -1260,35 +1316,39 @@ export default {
       state.deleteModal = false;
       state.tableLoading = true;
       message.success("删除成功");
-      api.handleLearnPath({routerId: state.deletePathId, type: -2}).then(() => {getLearnPath()})
+      api
+        .handleLearnPath({ routerId: state.deletePathId, type: -2 })
+        .then(() => {
+          getLearnPath();
+        });
     };
 
     //编辑学习路径图
     const editLearnPath = async () => {
-      state.confirmLoading = true
+      state.confirmLoading = true;
       if (!state.pathName) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("请输入路径图名称");
       }
       if (!state.organizationSelectName) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("请选择归属组织");
       }
       if (!state.pathBgId) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("请选择背景图");
       }
       if (!state.mobilePicUrl) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("未配置H5背景图，请联系管理员！");
       }
       if (!state.validate) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("路径图名称重复");
       }
       // state.pathName = detail.name;
@@ -1308,11 +1368,11 @@ export default {
       });
       if (offName) {
         message.destroy();
-        state.confirmLoading = false
+        state.confirmLoading = false;
         return message.warning("项目名称重复，请重新填写");
       }
       state.out1 = false;
-      state.confirmLoading = false
+      state.confirmLoading = false;
       message.success("修改成功");
       state.tableLoading = true;
       let obj = {
@@ -1325,7 +1385,9 @@ export default {
         organizationId: state.organizationSelectId,
         status: 0,
       };
-      api.createLearnPath(obj).then(() => {getLearnPath()})
+      api.createLearnPath(obj).then(() => {
+        getLearnPath();
+      });
     };
     //选择状态
     const selectStatusClassify = (e, v) => {
@@ -1452,10 +1514,10 @@ export default {
     );
     function manage(id) {
       // TODO 为了点击顶部面包屑导航返回而存储
-      localStorage.setItem('routerId',id)
+      localStorage.setItem("routerId", id);
       router.push({
         path: "/leveladd",
-        query:{routerId:id}
+        query: { routerId: id },
       });
     }
 
@@ -1463,38 +1525,40 @@ export default {
       // console.log("编辑学习路径图id", id);
       //获取学习路径详情
       api
-          .getRouterDetail(id,"draft")
-          .then((res) => {
-            if (res.data.code === 200) {
-              console.log("获取学习路径详情成功", res.data.data);
-              let detail = res.data.data.routerInfo;
-              state.pathName = detail.name;
-              state.pathBg = detail.picUrl;
-              state.mobilePicUrl = detail.mobilePicUrl;
-              state.pathBgId = "";
-              state.organizationSelectName = detail.organizationName;
-              state.organizationSelectId = detail.organizationId;
-              state.pathIntro = detail.remark;
-              state.editPathId = id;
-              const imgDict = imgData.value.find((img)=>img.value.split(',')[0] === state.pathBg)
-              if(imgDict){
-                state.pathBgId = imgDict.code;
-                state.pathBg = imgDict.value.split(',')[0];
-                state.mobilePicUrl = imgDict.value.split(',')[1];
-              }
-
-              //for (let i = 0; i < arr.length; i++) {
-              //  console.log("arr[i].dictValue", arr[i].dictValue, state.pathBg);
-              //  if (arr[i].dictValue === state.pathBg) {
-              //   state.pathBgId = arr[i].dictCode;
-
-              //   }
-              //  }
+        .getRouterDetail(id, "draft")
+        .then((res) => {
+          if (res.data.code === 200) {
+            console.log("获取学习路径详情成功", res.data.data);
+            let detail = res.data.data.routerInfo;
+            state.pathName = detail.name;
+            state.pathBg = detail.picUrl;
+            state.mobilePicUrl = detail.mobilePicUrl;
+            state.pathBgId = "";
+            state.organizationSelectName = detail.organizationName;
+            state.organizationSelectId = detail.organizationId;
+            state.pathIntro = detail.remark;
+            state.editPathId = id;
+            const imgDict = imgData.value.find(
+              (img) => img.value.split(",")[0] === state.pathBg
+            );
+            if (imgDict) {
+              state.pathBgId = imgDict.code;
+              state.pathBg = imgDict.value.split(",")[0];
+              state.mobilePicUrl = imgDict.value.split(",")[1];
             }
-          })
-          .catch((err) => {
-            console.log("获取详情失败", err);
-          });
+
+            //for (let i = 0; i < arr.length; i++) {
+            //  console.log("arr[i].dictValue", arr[i].dictValue, state.pathBg);
+            //  if (arr[i].dictValue === state.pathBg) {
+            //   state.pathBgId = arr[i].dictCode;
+
+            //   }
+            //  }
+          }
+        })
+        .catch((err) => {
+          console.log("获取详情失败", err);
+        });
       state.out1 = true;
     };
 
@@ -1541,7 +1605,7 @@ export default {
       showLearnBgMore,
       closeLearnBgMore,
       checkPer,
-      getLearnPathInfo
+      getLearnPathInfo,
     };
   },
 };