From ab725d60d1ce6d543afc0384ad9b9270e06c6acd Mon Sep 17 00:00:00 2001
From: zhangyc <zhangyc@dongwu-inc.com>
Date: Tue, 20 Dec 2022 01:44:26 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E8=AF=84=E4=BC=B0=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 12 ++++------
 src/views/research/ResearchManage.vue        | 25 +++++++++++++-------
 2 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index f3c402a1..631f72f6 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -143,7 +143,7 @@
                   placeholder="请输入课程名称"
                   v-model:value="xzinputV1"
                   v-model:validate="validate"
-                  v-model:finished="finished"
+               
                   :maxlength="20"
                   show-count
                   :type="2"
@@ -364,7 +364,7 @@
                         placeholder="请输入课程名称"
                         v-model:value="qdms_inputV1"
                         v-model:validate="validate"
-                        v-model:finished="finished"
+                     
                         :maxlength="20"
                         show-count
                         :type="2"
@@ -3732,7 +3732,7 @@ export default defineComponent({
       codevisible: false, //二维码弹窗
       codeInfo: null, //二维码内容
       codeUrl: codeUrl,
-      finished: false,
+     
       // 课程三级分类
       options2222: [
         {
@@ -4658,11 +4658,9 @@ export default defineComponent({
       }
 
       console.log("state.validate", state.validate);
-      if (!state.finished) {
-        return;
-      }
+    
 
-      if (!state.validate && state.finished) {
+      if (!state.validate) {
         message.destroy();
         return message.warning("该课程名称已存在");
       }
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index af0758d0..00cbb91d 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -110,7 +110,7 @@
                 placeholder="请输入评估名称"
                 v-model:value="assessmentName"
                 v-model:validate="validate"
-                v-model:finished="finished"
+               
                 :maxlength="15"
                 show-count
                 :type="4"
@@ -199,6 +199,7 @@ import { toDate } from "../../api/method.js";
 import store from "@/store";
 import { message } from "ant-design-vue";
 import NameInput from "@/components/project/NameInput";
+import {validateName} from "@/api/index1";
 export default {
   name: "learningPath",
   components: {
@@ -312,7 +313,7 @@ export default {
       copy_hs: false,
       back_hs: false,
       pub_hs: false,
-      finished:false,
+     
       validate: true,
     });
     const tableDataFunc = () => {
@@ -590,20 +591,26 @@ export default {
       state.assessmentName = item.assessmentName;
       state.newNext = true;
     };
-    const handleNext = () => {
+    const handleNext = async() => {
       if (!state.assessmentId) {
         if (!state.assessmentName) {
           message.error("请输入评估名称");
           return false;
         }
-        if (!state.finished) {
-        return;
-      }
-
-      if (!state.validate && state.finished) {
+        if (!state.validate ) {
         message.destroy();
         return message.warning("该评估名称已存在");
-      }
+        }
+        const offName = await validateName({name: state.assessmentName, type:4, id:state.assessmentId}).then(res => {
+          return res.data.data == 1;
+         });
+         if(offName){
+            message.destroy();
+            return message.warning("课程名称重复，请重新填写");
+         }
+      
+
+     
         store.commit("SET_assessmentName", state.assessmentName);
         router.push("/researchadd");
         handleCancel();

From a98af9134e22b7c8d038436c30dade5c307a9673 Mon Sep 17 00:00:00 2001
From: zhangyc <zhangyc@dongwu-inc.com>
Date: Tue, 20 Dec 2022 08:36:07 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=AD=A6=E5=91=98?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/student/CommonStudent.vue | 327 ++++++++++++++++++++++-
 src/components/student/TableStudent.vue  |  10 +-
 2 files changed, 318 insertions(+), 19 deletions(-)

diff --git a/src/components/student/CommonStudent.vue b/src/components/student/CommonStudent.vue
index 57aca2bc..8f0bf7c6 100644
--- a/src/components/student/CommonStudent.vue
+++ b/src/components/student/CommonStudent.vue
@@ -1,10 +1,12 @@
+<!-- eslint-disable vue/no-parsing-error -->
+<!-- eslint-disable vue/require-v-for-key -->
 <template>
   <div>
     <a-drawer
         :visible="visiable"
         class="drawerStyle ProjCheckship"
         placement="right"
-        width="55%"
+        width="60%"
     >
       <div class="drawerMain" id="ProjCheckship">
         <div class="header">
@@ -18,7 +20,7 @@
           />
         </div>
         <div style="width:100%;display: grid;grid-template-columns: 750px auto;">
-          <div class="tabs">
+          <div class="tabs" style="min-height:800px;" >
             <a-tabs v-model:activeKey="activeKey">
               <a-tab-pane :key="1" tab="快速选人">
                 <div :style="{ height: screenHeight - 235 + 'px' }">
@@ -39,7 +41,8 @@
                     </a-form-item>
                   </div>
                   <div class="chooseLeft" style="display: grid;grid-template-columns: 250px auto">
-                    <div :style="{ height: screenHeight - 235 + 'px' ,overflowY:'auto'}">
+                    <div :style="{ height: screenHeight - 180 + 'px' ,overflowY:'auto'}" style="border: 1px solid #f0f0f0; ;">
+                    <div class="tree" style="margin: 10px 4px 220px 10px;">
                       <a-tree
                           allow-clear
                           tree-default-expand-all
@@ -53,8 +56,9 @@
                           @select="stuStuOrgSelect"
                       >
                       </a-tree>
+                      </div>
                     </div>
-                    <div class="tableBox tabb">
+                    <div class="tableBox tabb"  style="margin: 0px 4px 120px 10px; border: 1px solid #f0f0f0;">
                       <a-table
                           :columns="stuColumns"
                           :data-source="stuData"
@@ -140,13 +144,108 @@
               </a-tab-pane>
             </a-tabs>
           </div>
-          <div style="padding:100px 0 0 20px;display: grid;grid-template-rows: auto auto auto;">
+          <div class="right1">
+          <div class="onerow">
+            <div class="onleft">
+              <div class="already">已选</div>
+            
+            </div>
+          
+          </div>
+          <div
+            class="selecteds"
+            :style="{ 'max-height': screenHeight - 235 + 'px' }"
+            style="overflow-y: auto"
+          >
+          <div  class="person">快速选人</div>
+          <div v-for="(item,i) in selectsData.studentList" >
+            <div v-if="i<11">
+            <div class="chose">
+              {{ item.realName }}
+              <div class="ch" @click="stuDel(i)"></div>
+            </div>
+            </div>
+            <div v-else> 
+              <div v-if ="person">
+                    <div class="chose">
+                    {{ item.realName }}
+                    <div class="ch" @click="stuDel(i)"></div>
+                    </div>
+                </div>
+               
+             </div>
+           
+          </div>
+          <div v-if="!person && selectsData.studentList.length >10" class="ifsw"><div @click="person = !person" class=“sw”>查看更多></div></div>
+          <div v-if="person && selectsData.studentList.length >10" class="ifsw" ><div @click="person = !person" class="sw"> 收起&lt;  </div></div>
+
+          <!--组织-->
+          <div  class="dept">添加组织</div>
+          <div v-for="(item,i) in selectsData.deptList"  >
+            <div v-if="i<11">
+            <div class="chose1">
+              <div class="span"> {{ item.name }}</div>
+              <div class="ch1" @click="orgDel(i)"></div>
+            </div>
+            </div>
+            <div v-else> 
+              <div v-if ="dept">
+                    <div class="chose1">
+                      <div class="span"> {{ item.name }}</div>
+                    <div class="ch1" @click="orgDel(i)"></div>
+                    </div>
+                </div>
+               
+             </div>
+           
+          </div>
+          <div v-if="!dept && selectsData.deptList.length >10" class="ifsw"><div @click="dept = !dept" class=“sw”>查看更多></div></div>
+          <div v-if="dept && selectsData.deptList.length >10" class="ifsw" ><div @click="dept = !dept" class="sw"> 收起&lt;  </div></div>
+
+
+<!--受众-->
+          <div  class="group">受众关联</div>
+          <div v-for="(item,i) in selectsData.groupList" >
+            <div v-if="i<11">
+            <div class="chose2">
+              <div class="span"> {{ item.audienceName }}</div>
+              <div class="ch2" @click="AuditDel(i)"></div>
+            </div>
+            </div>
+            <div v-else> 
+              <div v-if ="group">
+                    <div class="chose2">
+                      <div class="span"> {{ item.audienceName }}</div>
+                    <div class="ch2" @click="AuditDel(i)"></div>
+                    </div>
+                </div>
+               
+             </div>
+           
+          </div>
+          <div v-if="!group && selectsData.groupList.length >10" class="ifsw"><div @click="group = !group" class=“sw”>查看更多></div></div>
+          <div v-if="group && selectsData.groupList >10" class="ifsw" ><div @click="group = !group" class="sw"> 收起&lt;  </div></div>
+
+        
+          </div>
+        </div>
+         <!-- <div style="padding:100px 0 0 20px;display: grid;grid-template-rows: auto auto auto;">
             <div>
               <div style="margin-top: 20px">快速选人</div>
-              <a-tag :closable="true" color="#4ea6ff" @close="stuDel(i)" v-for="(item,i) in selectsData.studentList"
+              // eslint-disable-next-line vue/require-v-for-key
+              <div v-for="(item,i) in selectsData.studentList" >
+              
+              <a-tag v-if="i < 10" :closable="true" color="#4ea6ff" @close="stuDel(i)" 
                      :key="i" style="margin-top:20px">
                 {{ item.realName }}
               </a-tag>
+              <a-tag v-else :closable="true" color="#4ea6ff" @close="stuDel(i)" 
+                      style="margin-top:20px">
+                {{ item.realName }}
+              </a-tag>
+
+              <div></div>
+            </div>
             </div>
             <div>
               <div style="margin-top: 20px">组织添加</div>
@@ -163,7 +262,7 @@
                 {{ item.audienceName }}
               </a-tag>
             </div>
-          </div>
+          </div>-->
         </div>
         <div class="btnn">
           <button class="btn1" @click="closeDrawer">取消</button>
@@ -205,6 +304,9 @@ const props = defineProps({
     default: () => []
   }
 })
+const person =ref(false)
+const dept =ref(false)
+const group =ref(false)
 const visiable = ref(false)
 const activeKey = ref(1)
 const stageVisible = ref(false)
@@ -404,18 +506,23 @@ function stuDel(i) {
   selectsData.value.studentList.splice(i, 1)
 }
 
+function orgDel(i) {
+  orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id)
+  selectsData.value.deptList.splice(i, 1)
+}
+
 function AuditDel(i) {
   auditSelectKeys.value = auditSelectKeys.value.filter(e => e !== selectsData.value.groupList[i].id)
   selectsData.value.groupList.splice(i, 1)
 }
 
-//
+
 // function orgSelect(key, obj) {
-//   console.log(obj)
-//   request(ORG_CHILD_LIST, {orgId: null}).then(res => {
-//     console.log(res.result)
-//   })
-// }
+  // console.log(obj)
+   //request(ORG_CHILD_LIST, {orgId: null}).then(res => {
+     //console.log(res.result)
+   //})
+ //}
 
 function onStuSelectChange(e, l) {
   stuSelectKeys.value = e
@@ -515,7 +622,7 @@ watch(visiable, () => {
 })
 
 </script>
-<style>
+<style lang="scss">
 .ant-btn-primary {
   background-color: #4ea6ff !important;
 }
@@ -524,4 +631,196 @@ watch(visiable, () => {
   height: 40px;
   border-radius: 8px;
 }
+.tableBox .ant-table-row .ant-table-cell {
+    height: 48px;
+    font-size: 12px;
+    font-weight: 400;
+    color: #4F5156;
+    line-height: 29px;
+    padding: 0px;
+}
+.tableBox .ant-table-thead  tr  th {
+    font-size: 12px;
+}
+.ant-tabs-tabpane{
+  height: 100%;
+}
+.ant-tabs{
+  overflow:visible;
+}
+.right1 {
+  border-left: 1px solid #f2f6fe;
+    width: 100%;
+    margin-left: 20px;
+
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+         
+          width: 100%;
+          .onleft {
+            display: flex;
+            text-align: center;
+            .already {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+              margin-left: 32px;
+              white-space: nowrap;
+              // margin-bottom: 20px;
+            }
+            .count {
+              color: #4ea6ff;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
+          }
+          .clbox {
+            margin-right: 50px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            width: 104px;
+            height: 32px;
+            border-radius: 4px;
+            background: #4ea6ff;
+            .colose {
+              width: 16px;
+              height: 16px;
+              // border-radius: 8px;
+              // background: #ffffff;
+              // position: relative;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              background-size: 100%;
+              margin-right: 4px;
+            }
+            .allclear {
+              color: rgba(255, 255, 255, 1);
+              font-size: 14px;
+            }
+          }
+        }
+        .selecteds {
+          display: flex;
+          flex-wrap: wrap;
+          margin-left: 32px;
+          .person{
+            width:100%;
+            margin-top: 20px;
+            border-top: 1px solid #f2f6fe;
+          }
+          .chose {
+            width: 64px;
+            height: 24px;
+            margin-top: 25px;
+            margin-right: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 2px;
+            border: 1px solid rgba(56, 139, 225, 1);
+            color: rgba(56, 139, 225, 1);
+            font-size: 12px;
+            position: relative;
+            .ch {
+              position: absolute;
+              width: 18px;
+              height: 18px;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              right: -8px;
+              top: -8px;
+            }
+          }
+          .ifsw{
+            display:flex;
+            align-items:end;
+            justify-content: center;
+            color:#4ea6ff;
+          }
+          .sw{
+            display:flex;
+            align-items:center;
+            justify-content: center;
+            text-align: justify;
+            color:#4ea6ff;
+            margin-top: 23px;
+            margin-left:10px;
+          }
+          .dept{
+            width:100%;
+            margin-top: 30px;
+            border-top: 1px solid #f2f6fe;
+          }
+            .chose1 {
+            //width: 90px;
+            height: 24px;
+            margin-top: 25px;
+            margin-right: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 2px;
+            border: 1px solid rgba(56, 139, 225, 1);
+            color: rgba(56, 139, 225, 1);
+            font-size: 12px;
+            position: relative;
+            .span{
+              white-space:nowrap;
+            overflow:hidden;
+            text-overflow:ellipsis;
+            }
+            .ch1 {
+              position: absolute;
+              width: 18px;
+              height: 18px;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              right: -8px;
+              top: -8px;
+            }
+         
+          }
+          .group{
+            width:100%;
+            margin-top: 30px;
+            border-top: 1px solid #f2f6fe;
+          }
+            .chose2 {
+            //width: 120px;
+            height: 24px;
+            margin-top: 25px;
+            margin-right: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 2px;
+            border: 1px solid rgba(56, 139, 225, 1);
+            color: rgba(56, 139, 225, 1);
+            font-size: 12px;
+            position: relative;
+           .span{
+            white-space:nowrap;
+            overflow:hidden;
+            text-overflow:ellipsis;
+           }
+            .ch2 {
+              position: absolute;
+              width: 18px;
+              height: 18px;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              right: -8px;
+              top: -8px;
+            }
+         
+          }
+        }
+      }
 </style>
\ No newline at end of file
diff --git a/src/components/student/TableStudent.vue b/src/components/student/TableStudent.vue
index 9b87b4f0..5a7932fd 100644
--- a/src/components/student/TableStudent.vue
+++ b/src/components/student/TableStudent.vue
@@ -118,7 +118,7 @@ const tablecolumns = ref([
     title: "姓名",
     dataIndex: "studentName",
     key: "studentName",
-    width: "20%",
+    width: "10%",
     align: "left",
     className: "h",
   },
@@ -126,7 +126,7 @@ const tablecolumns = ref([
     title: "工号",
     dataIndex: "studentUserNo",
     key: "studentUserNo",
-    width: "10%",
+    width: "20%",
     align: "center",
     className: "h",
     ellipsis: true,
@@ -135,7 +135,7 @@ const tablecolumns = ref([
     title: "部门",
     dataIndex: "studentDepartName",
     key: "studentDepartName",
-    width: "10%",
+    width: "20%",
     align: "center",
     className: "h",
     ellipsis: true,
@@ -144,7 +144,7 @@ const tablecolumns = ref([
     title: "加入方式",
     dataIndex: "source",
     key: "source",
-    width: "10%",
+    width: "20%",
     align: "center",
     customRender: ({record: {source}}) =>
         ({1: "快速添加", 2: "组织", 3: "受众"}[source]),
@@ -174,7 +174,7 @@ const tableData = ref({
 });
 
 const stuRowSelection = computed(() => ({
-  columnWidth: 20,
+  columnWidth: 10,
   selectedRowKeys: stuSelectKeys.value,
   onChange: onStuSelectChange,
   preserveSelectedRowKeys: true,

From b9bfcd6a8cefbdb86f7088cd139ca07ca80f9b96 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Tue, 20 Dec 2022 10:51:59 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=80=83=E8=AF=95=E8=AF=95=E5=8D=B7=E9=80=89=E6=8B=A9=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E5=90=8E=E6=9C=AA=E6=B8=85=E7=A9=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddOnline.vue | 1607 +++++++++++++-------------
 src/components/drawers/AddTest.vue   | 1527 ++++++++++++------------
 2 files changed, 1531 insertions(+), 1603 deletions(-)

diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 25549958..fc8eadc6 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -1,48 +1,34 @@
 <template>
-  <a-drawer
-    :visible="addonlineVisible"
-    class="drawerStyle addonlineDrawer"
-    width="80%"
-    title="添加在线"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div v-if="edit" class="headerTitle">编辑在线</div>
-        <div v-else class="headerTitle">添加在线</div>
-        <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
-      </div>
-      <div class="contentMain">
-        <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="inputV1"
-                  style="
+	<a-drawer :visible="addonlineVisible" class="drawerStyle addonlineDrawer" width="80%" title="添加在线" placement="right"
+		@after-visible-change="afterVisibleChange">
+		<div class="drawerMain">
+			<div class="header">
+				<div v-if="edit" class="headerTitle">编辑在线</div>
+				<div v-else class="headerTitle">添加在线</div>
+				<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+					@click="closeDrawer" />
+			</div>
+			<div class="contentMain">
+				<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="inputV1" style="
                     width: 280px;
                     height: 40px;
                     border-radius: 8px;
                     padding-right: 49px;
-                  "
-                  placeholder="请输入课程名称"
-                  maxlength="20"
-                />
-                <div class="inp_num" style="position: absolute; right: 7px">
-                  <span style="color: #c7cbd2">
-                  
-                  </span>
-                </div>
-              </div>
-            </div>
-            <!-- 2022-12-10注释 后面放开 李晓鸽 -->
-            <!-- <div class="mii_ipt">
+                  " placeholder="请输入课程名称" maxlength="20" />
+								<div class="inp_num" style="position: absolute; right: 7px">
+									<span style="color: #c7cbd2">
+
+									</span>
+								</div>
+							</div>
+						</div>
+						<!-- 2022-12-10注释 后面放开 李晓鸽 -->
+						<!-- <div class="mii_ipt">
               <div class="ipt_name">课程分类：</div>
               <div class="select">
                 <a-select
@@ -56,19 +42,19 @@
                 />
               </div>
             </div> -->
-          </div>
-          <div class="mi_btns">
-            <div class="btn btn1" @click="searchList()">
-              <div class="search"></div>
-              <div class="btnText">搜索</div>
-            </div>
-            <div class="btn btn2" @click="resetOnline()">
-              <div class="search"></div>
-              <div class="btnText">重置</div>
-            </div>
-          </div>
-        </div>
-    <!--
+					</div>
+					<div class="mi_btns">
+						<div class="btn btn1" @click="searchList()">
+							<div class="search"></div>
+							<div class="btnText">搜索</div>
+						</div>
+						<div class="btn btn2" @click="resetOnline()">
+							<div class="search"></div>
+							<div class="btnText">重置</div>
+						</div>
+					</div>
+				</div>
+				<!--
         <div class="main_notice">
           <div class="mntc_left">
             <div class="notice_icon"></div>
@@ -89,42 +75,28 @@
           </div>
         </div>
 -->
-        <div class="main_table">
-          <!-- 编辑的表格 -->
-          <div>
-            <div>
-              <a-table
-                class="ant-table-striped"
-                :row-class-name="
-                  (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
-                "
-                :row-selection="{
-                  type: 'radio',
-                  selectedRowKeys: selectedRowKeys,
-                  onChange: onSelectChange,
-                }"
-                :columns="tableDataFunc()"
-                :data-source="tableData"
-                :loading="tableDataTotal === -1 ? true : false"
-                :pagination="false"
-              />
-              <div class="tableBox" style="margin-top:85px;">
-              <div class="pa">
-                <a-pagination
-                  v-if="tableDataTotal > 10"
-                  :showSizeChanger="false"
-                  showQuickJumper="true"
-                  hideOnSinglePage="true"
-                  :pageSize="pageSize"
-                  :current="currentPage"
-                  :total="tableDataTotal"
-                  class="pagination"
-                  @change="handelChangePage"
-                />
-              </div>
-            </div>
-          </div></div>
-        <!--  <div v-else>
+				<div class="main_table">
+					<!-- 编辑的表格 -->
+					<div>
+						<div>
+							<a-table class="ant-table-striped" :row-class-name="
+								(_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+							" :row-selection="{
+	type: 'radio',
+	selectedRowKeys: selectedRowKeys,
+	onChange: onSelectChange,
+}" :columns="tableDataFunc()" :data-source="tableData" :loading="tableDataTotal === -1 ? true : false"
+								:pagination="false" />
+							<div class="tableBox" style="margin-top:85px;">
+								<div class="pa">
+									<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="false" showQuickJumper="true"
+										hideOnSinglePage="true" :pageSize="pageSize" :current="currentPage" :total="tableDataTotal"
+										class="pagination" @change="handelChangePage" />
+								</div>
+							</div>
+						</div>
+					</div>
+					<!--  <div v-else>
             <a-table
               class="ant-table-striped"
               :row-class-name="
@@ -159,17 +131,17 @@
 
 
           -->
-        </div>
-      </div>
-      <div class="main_btns">
-        <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="updateTask">确定</button>
-      </div>
-    </div>
-    <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-      <a-spin :spinning="addLoading" tip="" />
-    </div>
-  </a-drawer>
+				</div>
+			</div>
+			<div class="main_btns">
+				<button class="btn1" @click="closeDrawer">取消</button>
+				<button class="btn2" @click="updateTask">确定</button>
+			</div>
+		</div>
+		<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+			<a-spin :spinning="addLoading" tip="" />
+		</div>
+	</a-drawer>
 </template>
 <script>
 import { onMounted, reactive, toRefs } from "vue";
@@ -178,716 +150,751 @@ import * as apiTask from "../../api/indexTaskadd";
 // import { setCookie } from "../../api/method"
 import { message } from "ant-design-vue";
 import {
-  RouterEditTask,
-  IsExistence,
-  IsExistenceProject,
-  IsExistenceProjectTemplate,
+	RouterEditTask,
+	IsExistence,
+	IsExistenceProject,
+	IsExistenceProjectTemplate,
 } from "@/api/indexTask";
 import { addTempTask } from "../../api/indexTaskadd";
 export default {
-  name: "AddOnline",
-  props: {
-    addonlineVisible: {
-      type: Boolean,
-      default: false,
-    },
-    EditOnlineId: {
-      type: Number,
-      default: null,
-    },
-    edit: {
-      //  是否为编辑
-      type: Boolean,
-      default: null,
-    },
-    projectId: {
-      type: Number,
-      default: null,
-    },
-    chooseStageId: {
-      type: Number,
-      default: null,
-    },
-    routerTaskId: {
-      type: Number,
-      default: 0,
-    },
-    isLevel: {
-      // 是否是关卡页面触发
-      type: Number,
-      default: null,
-    },
-    projectTaskId: {
-      // 要编辑的projectId
-      type: Number,
-      default: null,
-    },
-    routerId: {
-      type: Number,
-      default: null,
-    },
-    isactive: {
-      type: Number,
-      default: null,
-    },
-    projectTemplateId: {
-      type: Number,
-      default: null,
-    },
-  },
-  setup(props, ctx) {
-    const state = reactive({
-      inputV1: null,
-      options1: [
-        {
-          value: "微课",
-          label: "微课",
-        },
-        {
-          value: "录播课",
-          label: "录播课",
-        },
-      ],
-      time: undefined,
-      onlineClassesId: null,
-      onlineName: "",
-      selectV: null,
-      selectedRowKeys: [],
-      tableData: [],
-      addOnlineList: [],
-      currentPage: 1,
-      tableDataTotal: 0,
-      pageSize: 10,
-      choicecourse: true,
-      ddLoading:false,
-    });
-    const ChoiceCourse = () => {
-      state.choicecourse = false;
-    };
-    const closeDrawer = () => {
-      state.choicecourse = true;
-      ctx.emit("update:addonlineVisible", false);
-      ctx.emit("update:edit", false);
-      state.inputV1 = null;
-      state.selectV = null;
-      state.selectedRowKeys = [];
-      state.addOnlineList = [];
-      state.currentPage = 1;
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-    };
-    const afterVisibleChange = (bol) => {
-      if (bol == true) {
-        getAllOnlineText();
-        getOnlineById();
-      }
-    };
-    //TODO 根据id 获取在线课信息
-    const getOnlineById=()=>{
+	name: "AddOnline",
+	props: {
+		addonlineVisible: {
+			type: Boolean,
+			default: false,
+		},
+		EditOnlineId: {
+			type: Number,
+			default: null,
+		},
+		edit: {
+			//  是否为编辑
+			type: Boolean,
+			default: null,
+		},
+		projectId: {
+			type: Number,
+			default: null,
+		},
+		chooseStageId: {
+			type: Number,
+			default: null,
+		},
+		routerTaskId: {
+			type: Number,
+			default: 0,
+		},
+		isLevel: {
+			// 是否是关卡页面触发
+			type: Number,
+			default: null,
+		},
+		projectTaskId: {
+			// 要编辑的projectId
+			type: Number,
+			default: null,
+		},
+		routerId: {
+			type: Number,
+			default: null,
+		},
+		isactive: {
+			type: Number,
+			default: null,
+		},
+		projectTemplateId: {
+			type: Number,
+			default: null,
+		},
+	},
+	setup(props, ctx) {
+		const state = reactive({
+			inputV1: null,
+			options1: [
+				{
+					value: "微课",
+					label: "微课",
+				},
+				{
+					value: "录播课",
+					label: "录播课",
+				},
+			],
+			time: undefined,
+			onlineClassesId: null,
+			onlineName: "",
+			selectV: null,
+			selectedRowKeys: [],
+			tableData: [],
+			addOnlineList: [],
+			currentPage: 1,
+			tableDataTotal: 0,
+			pageSize: 10,
+			choicecourse: true,
+			ddLoading: false,
+		});
+		const ChoiceCourse = () => {
+			state.choicecourse = false;
+		};
+		const closeDrawer = () => {
+			state.choicecourse = true;
+			ctx.emit("update:addonlineVisible", false);
+			ctx.emit("update:edit", false);
+			state.inputV1 = null;
+			state.selectV = null;
+			state.selectedRowKeys = [];
+			state.addOnlineList = [];
+			state.currentPage = 1;
+			localStorage.setItem("stageId", props.chooseStageId);
+			localStorage.setItem("chapterId", props.isactive);
+		};
+		const afterVisibleChange = (bol) => {
+			if (bol == true) {
+				getAllOnlineText();
+				getOnlineById();
+			}
+		};
+		//TODO 根据id 获取在线课信息
+		const getOnlineById = () => {
 
-    }
-    const tableDataFunc = () => {
-      const columns = [
-       // {
-       //   title: "课程编号",
-        //  dataIndex: "num",
-       //   key: "num",
-        //  width: "80px",
-        //  align: "center",
-      //  },
-        {
-          title: "名称",
-          dataIndex: "name",
-          key: "name",
-          width: "30%",
-          ellipsis: true,
-        },
-        {
-          title: "课程分类",
-          dataIndex: "contenttype",
-          key: "contenttype",
-          width: "15%",
-          align: "center",
-          ellipsis: true,
-        },
-       //   {
-        //    title: "授课教师",
-        //    dataIndex: "teacher",
-        //    key: "teacher",
-         //   width: "15%",
-         //   align: "center",
-        //  },
-        {
-          title: "创建人",
-          dataIndex: "sysCreateBy",
-          key: "sysCreateBy",
-          width: "15%x",
-          align: "center",
-          ellipsis: true,
-        },
-     //   {
-      //    title: "创建时间",
-       //   dataIndex: "createTime",
-      //    key: "createTime",
-       //   width: "15%",
-       //   align: "center",
-       // },
-        {
-          title: "发布时间",
-          dataIndex: "publishTime",
-          key: "publishTime",
-          width: "25%",
-          align: "center",
-          ellipsis: true,
-        },
-      ];
-      return columns;
-    };
-    const onSelectChange = (selectedRowKeys, selectedRows) => {
-      state.selectedRowKeys = selectedRowKeys;
-      state.addOnlineList = selectedRows;
-      console.log(selectedRowKeys, selectedRows);
-      if (props.edit && selectedRows.length > 0) {
-        selectedRows.map((value) => {
-          console.log(props, value);
-          if (value.courseId == props.EditOnlineId) {
-            message.destroy();
-            message.error("选项相同，请重新选择");
-            state.selectedRowKeys = [];
-            state.addOnlineList = [];
-          }
-        });
-      }
-    };
-    //清空所选
-    const clearLine = () => {
-      state.selectedRowKeys = [];
-      state.addOnlineList = [];
-    };
-    const handelChangePage = (page) => {
-      state.currentPage = page;
-      state.selectedRowKeys = [];
-      getAllOnlineText();
-    };
-    const getTableDate = (tableData) => {
-      let data = tableData;
-      let array = [];
-      data.map((value, index) => {
-        {
-          let obj = {
-            key: index + 1,
-            num: value.onlineClassesId,
-            name: value.name,
-            contenttype: value.contentType == 10 ? "微课" : "录播课",
-            teacher: value.teacher,
-            sysCreateBy: value.sysCreateBy,
-            createTime: value.sysCreateTime,
-            publishTime: value.publishTime,
-            courseId: Number(value.onlineClassesId),
-          };
-          array.push(obj);
-        }
-      });
-      state.tableData = array;
-    };
-    //获取全部在线信息接口
-    const getAllOnlineText = () => {
-      api
-        .queryOnlinelList({
-          createUser: "",
-          keyword: state.inputV1,
-          orderAsc: true,
-          orderField: "",
-          pageIndex: state.currentPage,
-          pageSize: state.pageSize,
-          publish: true,
-          status: 0,
-          sysType1: "",
-          sysType2: "",
-          sysType3: "",
-        })
-        .then((res) => {
-          let arr = res.data.data.list;
-          state.tableDataTotal = res.data.data.count;
-          if (res.status === 200) {
-            console.log("获取在线课列表数据", res);
-            for (let i = 0; i < res.data.data.list.length; i++) {
-              if (
-                Number(res.data.data.list[i].onlineClassesId) ==
-                props.EditOnlineId
-              ) {
-                state.selectedRowKeys = [i + 1];
-              }
-            }
-            getTableDate(arr);
-          }
-        })
-        .catch((err) => {
-          console.log(err, "请求失败在线");
-        });
-    };
-    // 校验当前在线课是否已经添加进来了
-    const isExistence = (id) => {
-      console.log({
-        chapterId: Number(props.isactive),
-        courseTaskId: Number(id),
-        routerId: props.routerId,
-        type: 1,
-      });
-      IsExistence({
-        chapterId: Number(props.isactive),
-        courseTaskId: Number(id),
-        routerId: props.routerId,
-        type: 1,
-      })
-        .then((res) => {
-          console.log("我是不是已经添加了", res);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    };
-    // 判断项目中是否添加当前在线课
-    const IsExistenceProjects = (id) => {
-      console.log("参数传递", {
-        courseTaskId: id,
-        projectId: props.projectId,
-        stageId: props.chooseStageId || 0,
-        type: 1,
-      });
-      IsExistenceProject({
-        courseTaskId: id,
-        projectId: Number(props.projectId),
-        stageId: props.chooseStageId || 0,
-        type: 1,
-      })
-        .then((res) => {
-          console.log("项目中是否包含此在线课了", res);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    };
-    const updateTask = () => {
-      state.addLoading =true;
-      if (props.isLevel == 1) {
-        if(!props.isactive){
-          state.addLoading =false;
-          message.destroy();
-          return message.warning("请先选中关卡");
-        }
-        console.log("我是要便利的数据2", state.addOnlineList);
-        let l_data = state.addOnlineList;
-        let l_data_id = [];
-        l_data.map((item) => {
-          l_data_id.push(item["courseId"]);
-        });
-        console.log("需要查询的在线课ID", l_data_id);
-        IsExistence({
-          chapterId: Number(props.isactive),
-          courseTaskId: l_data_id,
-          routerId: props.routerId,
-          type: 1,
-        })
-          .then((res) => {
-            console.log("路径图中是否包含此在线课了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("在线课（" + tipStr + "）重复添加");
-              state.addLoading =false;
-              return;
-            } else {
-              state.addOnlineList.map((value) => {
-                console.log(value);
-                RouterEditTask({
-                  chapterId: Number(props.isactive),
-                  courseId: value.num,
-                  name: value.name,
-                  routerId: props.routerId,
-                  routerTaskId: props.routerTaskId || 0,
-                  type: 1,
-                })
-                  .then((res) => {
-                    if(res.data.code == 200){
-                      message.destroy();
-                      message.success(
-                      `${props.edit ? "编辑" : "新增"}关卡任务成功`
-                    );
-                    }
-                    ctx.emit("changeData", false);
-                    closeDrawer();
-                    state.addLoading = false;
-                  })
-                  .catch(() => {
-                    state.addLoading =false;
-                    message.destroy();
-                    message.error(
-                      `${props.edit ? "编辑" : "新增"}关卡任务失败`
-                    );
-                  });
-              });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 2) {
-        console.log("我是要便利的数据2", state.addOnlineList);
-        let p_data = state.addOnlineList;
-        let p_data_id = [];
-        p_data.map((item) => {
-          p_data_id.push(item["courseId"]);
-        });
-        console.log("需要查询的在线课ID", p_data_id);
-        IsExistenceProject({
-          courseTaskId: p_data_id,
-          projectId: Number(props.projectId),
-          stageId: props.chooseStageId || 0,
-          type: 1,
-        })
-          .then((res) => {
-            console.log("项目中是否包含此在线课了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("在线课（" + tipStr + "）重复添加");
-              return;
-            } else {
-              state.addOnlineList.map((value) => {
-                apiTask
-                  .addTask({
-                    courseId: value.num,
-                    name: value.name,
-                    projectId: props.projectId,
-                    projectTaskId: props.projectTaskId || 0,
-                    stageId: props.chooseStageId || 0,
-                    type: 1,
-                  })
-                  .then(() => {
-                    message.destroy();
-                    message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-                    ctx.emit("changeData", false);
-                    closeDrawer();
-                  })
-                  .catch(() => {
-                    message.destroy();
-                    message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
-                  });
-              });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 3) {
+		}
+		const tableDataFunc = () => {
+			const columns = [
+				// {
+				//   title: "课程编号",
+				//  dataIndex: "num",
+				//   key: "num",
+				//  width: "80px",
+				//  align: "center",
+				//  },
+				{
+					title: "名称",
+					dataIndex: "name",
+					key: "name",
+					width: "30%",
+					ellipsis: true,
+				},
+				{
+					title: "课程分类",
+					dataIndex: "contenttype",
+					key: "contenttype",
+					width: "15%",
+					align: "center",
+					ellipsis: true,
+				},
+				//   {
+				//    title: "授课教师",
+				//    dataIndex: "teacher",
+				//    key: "teacher",
+				//   width: "15%",
+				//   align: "center",
+				//  },
+				{
+					title: "创建人",
+					dataIndex: "sysCreateBy",
+					key: "sysCreateBy",
+					width: "15%x",
+					align: "center",
+					ellipsis: true,
+				},
+				//   {
+				//    title: "创建时间",
+				//   dataIndex: "createTime",
+				//    key: "createTime",
+				//   width: "15%",
+				//   align: "center",
+				// },
+				{
+					title: "发布时间",
+					dataIndex: "publishTime",
+					key: "publishTime",
+					width: "25%",
+					align: "center",
+					ellipsis: true,
+				},
+			];
+			return columns;
+		};
+		const onSelectChange = (selectedRowKeys, selectedRows) => {
+			state.selectedRowKeys = selectedRowKeys;
+			state.addOnlineList = selectedRows;
+			console.log(selectedRowKeys, selectedRows);
+			if (props.edit && selectedRows.length > 0) {
+				selectedRows.map((value) => {
+					console.log(props, value);
+					if (value.courseId == props.EditOnlineId) {
+						message.destroy();
+						message.error("选项相同，请重新选择");
+						state.selectedRowKeys = [];
+						state.addOnlineList = [];
+					}
+				});
+			}
+		};
+		//清空所选
+		const clearLine = () => {
+			state.selectedRowKeys = [];
+			state.addOnlineList = [];
+		};
+		const handelChangePage = (page) => {
+			state.currentPage = page;
+			state.selectedRowKeys = [];
+			getAllOnlineText();
+		};
+		const getTableDate = (tableData) => {
+			let data = tableData;
+			let array = [];
+			data.map((value, index) => {
+				{
+					let obj = {
+						key: index + 1,
+						num: value.onlineClassesId,
+						name: value.name,
+						contenttype: value.contentType == 10 ? "微课" : "录播课",
+						teacher: value.teacher,
+						sysCreateBy: value.sysCreateBy,
+						createTime: value.sysCreateTime,
+						publishTime: value.publishTime,
+						courseId: Number(value.onlineClassesId),
+					};
+					array.push(obj);
+				}
+			});
+			state.tableData = array;
+		};
+		//获取全部在线信息接口
+		const getAllOnlineText = () => {
+			api
+				.queryOnlinelList({
+					createUser: "",
+					keyword: state.inputV1,
+					orderAsc: true,
+					orderField: "",
+					pageIndex: state.currentPage,
+					pageSize: state.pageSize,
+					publish: true,
+					status: 0,
+					sysType1: "",
+					sysType2: "",
+					sysType3: "",
+				})
+				.then((res) => {
+					let arr = res.data.data.list;
+					state.tableDataTotal = res.data.data.count;
+					if (res.status === 200) {
+						console.log("获取在线课列表数据", res);
+						for (let i = 0; i < res.data.data.list.length; i++) {
+							if (
+								Number(res.data.data.list[i].onlineClassesId) ==
+								props.EditOnlineId
+							) {
+								state.selectedRowKeys = [i + 1];
+							}
+						}
+						getTableDate(arr);
+					}
+				})
+				.catch((err) => {
+					console.log(err, "请求失败在线");
+				});
+		};
+		// 校验当前在线课是否已经添加进来了
+		const isExistence = (id) => {
+			console.log({
+				chapterId: Number(props.isactive),
+				courseTaskId: Number(id),
+				routerId: props.routerId,
+				type: 1,
+			});
+			IsExistence({
+				chapterId: Number(props.isactive),
+				courseTaskId: Number(id),
+				routerId: props.routerId,
+				type: 1,
+			})
+				.then((res) => {
+					console.log("我是不是已经添加了", res);
+				})
+				.catch((err) => {
+					console.log(err);
+				});
+		};
+		// 判断项目中是否添加当前在线课
+		const IsExistenceProjects = (id) => {
+			console.log("参数传递", {
+				courseTaskId: id,
+				projectId: props.projectId,
+				stageId: props.chooseStageId || 0,
+				type: 1,
+			});
+			IsExistenceProject({
+				courseTaskId: id,
+				projectId: Number(props.projectId),
+				stageId: props.chooseStageId || 0,
+				type: 1,
+			})
+				.then((res) => {
+					console.log("项目中是否包含此在线课了", res);
+				})
+				.catch((err) => {
+					console.log(err);
+				});
+		};
+		const updateTask = () => {
+			state.addLoading = true;
+			if (props.isLevel == 1) {
+				if (!props.isactive) {
+					state.addLoading = false;
+					message.destroy();
+					return message.warning("请先选中关卡");
+				}
+				console.log("我是要便利的数据2", state.addOnlineList);
+				let l_data = state.addOnlineList;
+				let l_data_id = [];
+				l_data.map((item) => {
+					l_data_id.push(item["courseId"]);
+				});
+				console.log("需要查询的在线课ID", l_data_id);
+				IsExistence({
+					chapterId: Number(props.isactive),
+					courseTaskId: l_data_id,
+					routerId: props.routerId,
+					type: 1,
+				})
+					.then((res) => {
+						console.log("路径图中是否包含此在线课了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("在线课（" + tipStr + "）重复添加");
+							state.addLoading = false;
+							return;
+						} else {
+							state.addOnlineList.map((value) => {
+								console.log(value);
+								RouterEditTask({
+									chapterId: Number(props.isactive),
+									courseId: value.num,
+									name: value.name,
+									routerId: props.routerId,
+									routerTaskId: props.routerTaskId || 0,
+									type: 1,
+								})
+									.then((res) => {
+										if (res.data.code == 200) {
+											message.destroy();
+											message.success(
+												`${props.edit ? "编辑" : "新增"}关卡任务成功`
+											);
+										}
+										ctx.emit("changeData", false);
+										closeDrawer();
+										state.addLoading = false;
+									})
+									.catch(() => {
+										state.addLoading = false;
+										message.destroy();
+										message.error(
+											`${props.edit ? "编辑" : "新增"}关卡任务失败`
+										);
+									});
+							});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			} else if (props.isLevel == 2) {
+				console.log("我是要便利的数据2", state.addOnlineList);
+				let p_data = state.addOnlineList;
+				let p_data_id = [];
+				p_data.map((item) => {
+					p_data_id.push(item["courseId"]);
+				});
+				console.log("需要查询的在线课ID", p_data_id);
+				IsExistenceProject({
+					courseTaskId: p_data_id,
+					projectId: Number(props.projectId),
+					stageId: props.chooseStageId || 0,
+					type: 1,
+				})
+					.then((res) => {
+						console.log("项目中是否包含此在线课了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("在线课（" + tipStr + "）重复添加");
+							return;
+						} else {
+							state.addOnlineList.map((value) => {
+								apiTask
+									.addTask({
+										courseId: value.num,
+										name: value.name,
+										projectId: props.projectId,
+										projectTaskId: props.projectTaskId || 0,
+										stageId: props.chooseStageId || 0,
+										type: 1,
+									})
+									.then(() => {
+										message.destroy();
+										message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+										ctx.emit("changeData", false);
+										closeDrawer();
+									})
+									.catch(() => {
+										message.destroy();
+										message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+									});
+							});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			} else if (props.isLevel == 3) {
 
-        let p_data = state.addOnlineList;
-        let p_data_id = [];
-        p_data.map((item) => {
-          p_data_id.push(item["courseId"]);
-        });
-        console.log("需要查询的在线课ID", p_data_id);
-        IsExistenceProjectTemplate({
-          courseTaskId: p_data_id,
-          projectTemplateId:props.projectTemplateId,
-          stageId: props.chooseStageId || 0,
-          type: 1,
-        }).then((res)=>{
-          console.log("项目中是否包含此在线课了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("在线课（" + tipStr + "）重复添加");
-              return;
-            }else{
-              state.addOnlineList.map((value) => {
-              
-              console.log( props, props.projectTemplateId,props.projectTaskId)
-              addTempTask({
-                courseId: value.num,
-                name: value.name,
-                projectTemplateId: localStorage.getItem("projectTemplateId"),
-                projectTaskId: props.projectTaskId || 0,
-                stageId: props.chooseStageId || 0,
-                type: 1,
-              })
-                .then((res) => {
-                  console.log('新增或者编辑在线课',res)
-                  message.destroy();
-                  message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
-                  ctx.emit("changeData", false);
-                  closeDrawer();
-                })
-                .catch(() => {
-                  message.destroy();
-                  message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
-                });
-            })
-                }
-            });
-    
-      }
-      //if(state.addOnlineList.Target==undefined){
-      // closeDrawer();
-      //}
-    };
-    //搜索在线列表
-    const searchList = () => {
-      if (state.inputV1 || state.selectV) {
-        getAllOnlineText();
-      } else {
-        resetOnline();
-      }
-    };
-    //重置在线信息
-    const resetOnline = () => {
-      state.inputV1 = null;
-      state.selectV = null;
-      state.selectedRowKeys = [];
-      state.addOnlineList = [];
-      state.currentPage = 1;
-      getAllOnlineText();
-    };
-    onMounted(() => {
-     
-    });
-    return {
-      ...toRefs(state),
-      afterVisibleChange,
-      closeDrawer,
-      tableDataFunc,
-      onSelectChange,
-      clearLine,
-      handelChangePage,
-      getAllOnlineText,
-      getTableDate,
-      updateTask,
-      searchList,
-      resetOnline,
-      isExistence,
-      IsExistenceProjects,
-      ChoiceCourse,
-    };
-  },
+				let p_data = state.addOnlineList;
+				let p_data_id = [];
+				p_data.map((item) => {
+					p_data_id.push(item["courseId"]);
+				});
+				console.log("需要查询的在线课ID", p_data_id);
+				IsExistenceProjectTemplate({
+					courseTaskId: p_data_id,
+					projectTemplateId: props.projectTemplateId,
+					templateStageId: props.chooseStageId || 0,
+					type: 1,
+				}).then((res) => {
+					console.log("项目中是否包含此在线课了", res);
+					if (res.data.data.length) {
+						let strdata = res.data.data;
+						let tipStr = "";
+						for (let i = 0; i < strdata.length; i++) {
+							if (i == strdata.length - 1) {
+								tipStr += strdata[i].courseName;
+							} else {
+								tipStr += strdata[i].courseName + "/";
+							}
+						}
+						message.destroy();
+						message.warning("在线课（" + tipStr + "）重复添加");
+						return;
+					} else {
+						state.addOnlineList.map((value) => {
+
+							console.log(props, props.projectTemplateId, props.projectTaskId)
+							addTempTask({
+								courseId: value.num,
+								name: value.name,
+								projectTemplateId: localStorage.getItem("projectTemplateId"),
+								projectTaskId: props.projectTaskId || 0,
+								stageId: props.chooseStageId || 0,
+								type: 1,
+							})
+								.then((res) => {
+									console.log('新增或者编辑在线课', res)
+									message.destroy();
+									message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
+									ctx.emit("changeData", false);
+									closeDrawer();
+								})
+								.catch(() => {
+									message.destroy();
+									message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
+								});
+						})
+					}
+				});
+
+			}
+			//if(state.addOnlineList.Target==undefined){
+			// closeDrawer();
+			//}
+		};
+		//搜索在线列表
+		const searchList = () => {
+			if (state.inputV1 || state.selectV) {
+				getAllOnlineText();
+			} else {
+				resetOnline();
+			}
+		};
+		//重置在线信息
+		const resetOnline = () => {
+			state.inputV1 = null;
+			state.selectV = null;
+			state.selectedRowKeys = [];
+			state.addOnlineList = [];
+			state.currentPage = 1;
+			getAllOnlineText();
+		};
+		onMounted(() => {
+
+		});
+		return {
+			...toRefs(state),
+			afterVisibleChange,
+			closeDrawer,
+			tableDataFunc,
+			onSelectChange,
+			clearLine,
+			handelChangePage,
+			getAllOnlineText,
+			getTableDate,
+			updateTask,
+			searchList,
+			resetOnline,
+			isExistence,
+			IsExistenceProjects,
+			ChoiceCourse,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
+	background-color: #fafafa !important;
 }
+
 .addonlineDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-shrink: 0;
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-    .contentMain {
-      padding-right: 12px;
-      .main_items {
-        display: flex;
-    
-        margin-top: 32px;
-        margin-bottom: 12px;
-        flex-wrap: wrap;
-        .mi_ipts {
-          display: flex;
-          margin-bottom: 20px;
-          .mii_ipt {
-            display: flex;
-            align-items: center;
-            margin-right: 24px;
-            .ipt_name {
-              white-space: nowrap;
-            }
-          }
-        }
-        .mi_btns {
-          display: flex;
-          margin-left: 38px;
-          margin-bottom: 20px;
-          cursor: pointer;
-          .btn {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            border-radius: 8px;
-            border: 1px solid rgba(64, 158, 255, 1);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-left: 14px;
-            flex-shrink: 0;
-            .search {
-              background-size: 100%;
-            }
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-          .btn1 {
-            background: rgb(64, 158, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-            .btnText {
-              color: rgb(255, 255, 255);
-            }
-          }
-          .btn2 {
-            background: rgb(255, 255, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/reset1.png");
-            }
-            .btnText {
-              color: rgb(64, 158, 255);
-            }
-          }
-          .btn1:hover {
-            background: rgb(255, 255, 255);
-            .search {
-              background-image: url("@/assets/images/courseManage/search1.png");
-            }
-            .btnText {
-              color: #4ea6ff;
-            }
-          }
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("@/assets/images/courseManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-      }
-      .main_notice {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 3px;
-        height: 40px;
-        background-color: #e9f6fe;
-        .mntc_left {
-          display: flex;
-          align-items: center;
-          .notice_icon {
-            width: 14px;
-            height: 14px;
-            margin-right: 9px;
-            margin-left: 9px;
-            background-image: url(@/assets/images/coursewareManage/gan.png);
-            background-size: 100% 100%;
-          }
-        }
-        .mntc_right {
-          cursor: pointer;
-        }
-      }
-      .main_table {
-        position: relative;
-        padding-bottom: 80px;
-        .ant-checkbox-wrapper {
-          align-items: center;
-          margin-top: -2px;
-        }
-        .ant-table-selection-column {
-          padding: 0px !important;
-          padding-left: 5px !important;
-        }
-        .ant-table-thead > tr > th {
-          background-color: rgba(239, 244, 252, 1);
-        }
-        th.h {
-          background-color: #eff4fc !important;
-        }
-        .ant-table-tbody
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
-          background: #f6f9fd;
-        }
-        .pa {
-          left: 0;
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          position: absolute;
-          bottom: 20px;
-        }
-      }
-    }
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
+	.drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			flex-shrink: 0;
+
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
+
+		.contentMain {
+			padding-right: 12px;
+
+			.main_items {
+				display: flex;
+
+				margin-top: 32px;
+				margin-bottom: 12px;
+				flex-wrap: wrap;
+
+				.mi_ipts {
+					display: flex;
+					margin-bottom: 20px;
+
+					.mii_ipt {
+						display: flex;
+						align-items: center;
+						margin-right: 24px;
+
+						.ipt_name {
+							white-space: nowrap;
+						}
+					}
+				}
+
+				.mi_btns {
+					display: flex;
+					margin-left: 38px;
+					margin-bottom: 20px;
+					cursor: pointer;
+
+					.btn {
+						padding: 0px 26px 0px 26px;
+						height: 38px;
+						border-radius: 8px;
+						border: 1px solid rgba(64, 158, 255, 1);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						margin-left: 14px;
+						flex-shrink: 0;
+
+						.search {
+							background-size: 100%;
+						}
+
+						.btnText {
+							font-size: 14px;
+							font-weight: 400;
+							line-height: 36px;
+							margin-left: 5px;
+						}
+					}
+
+					.btn1 {
+						background: rgb(64, 158, 255);
+
+						.search {
+							width: 15px;
+							height: 17px;
+							background-image: url("@/assets/images/coursewareManage/search0.png");
+						}
+
+						.btnText {
+							color: rgb(255, 255, 255);
+						}
+					}
+
+					.btn2 {
+						background: rgb(255, 255, 255);
+
+						.search {
+							width: 15px;
+							height: 17px;
+							background-image: url("@/assets/images/coursewareManage/reset1.png");
+						}
+
+						.btnText {
+							color: rgb(64, 158, 255);
+						}
+					}
+
+					.btn1:hover {
+						background: rgb(255, 255, 255);
+
+						.search {
+							background-image: url("@/assets/images/courseManage/search1.png");
+						}
+
+						.btnText {
+							color: #4ea6ff;
+						}
+					}
+
+					.btn2:hover {
+						background: rgba(64, 158, 255, 1);
+
+						.search {
+							background-image: url("@/assets/images/courseManage/reset0.png");
+						}
+
+						.btnText {
+							color: #ffffff;
+						}
+					}
+				}
+			}
+
+			.main_notice {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 3px;
+				height: 40px;
+				background-color: #e9f6fe;
+
+				.mntc_left {
+					display: flex;
+					align-items: center;
+
+					.notice_icon {
+						width: 14px;
+						height: 14px;
+						margin-right: 9px;
+						margin-left: 9px;
+						background-image: url(@/assets/images/coursewareManage/gan.png);
+						background-size: 100% 100%;
+					}
+				}
+
+				.mntc_right {
+					cursor: pointer;
+				}
+			}
+
+			.main_table {
+				position: relative;
+				padding-bottom: 80px;
+
+				.ant-checkbox-wrapper {
+					align-items: center;
+					margin-top: -2px;
+				}
+
+				.ant-table-selection-column {
+					padding: 0px !important;
+					padding-left: 5px !important;
+				}
+
+				.ant-table-thead>tr>th {
+					background-color: rgba(239, 244, 252, 1);
+				}
+
+				th.h {
+					background-color: #eff4fc !important;
+				}
+
+				.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+					background: #f6f9fd;
+				}
+
+				.pa {
+					left: 0;
+					width: 100%;
+					display: flex;
+					justify-content: center;
+					position: absolute;
+					bottom: 20px;
+				}
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index 38ac3dd1..3315950c 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -1,23 +1,15 @@
 <template>
-  <a-drawer
-    :visible="addtestVisible"
-    class="drawerStyle addtestDrawer"
-    width="80%"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div class="headerTitle">{{ edit ? "编辑" : "添加" }}考试</div>
-        <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer2"
-        />
-      </div>
-      <!-- 2022-11-30注释 后面放开 修改div的padding-topL:32 -->
-      <div style="display: flex; flex-direction: row; padding-top: 0px">
-        <!-- <button
+	<a-drawer :visible="addtestVisible" class="drawerStyle addtestDrawer" width="80%" placement="right"
+		@after-visible-change="afterVisibleChange">
+		<div class="drawerMain">
+			<div class="header">
+				<div class="headerTitle">{{ edit ? "编辑" : "添加" }}考试</div>
+				<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+					@click="closeDrawer2" />
+			</div>
+			<!-- 2022-11-30注释 后面放开 修改div的padding-topL:32 -->
+			<div style="display: flex; flex-direction: row; padding-top: 0px">
+				<!-- <button
           style="width: 100px"
           @click="changeOuter(1)"
           :class="[isOuter == 1 ? 'outer' : 'notOuter']"
@@ -25,283 +17,203 @@
           系统考试
         </button> -->
 
-        <!-- <button
+				<!-- <button
           style="width: 100px"
           @click="changeOuter(2)"
           :class="[isOuter == 2 ? 'outer' : 'notOuter']"
         >
           外部考试
         </button> -->
-      </div>
+			</div>
 
-      <div class="contentMain">
-        <div class="main_left">
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试名称：</span>
-            </div>
-            <div class="btnbox">
-              <a-input
-                v-model:value="test.examinationName"
-                style="width: 400px; height: 40px; border-radius: 8px"
-                placeholder="请输入考试名称"
-                :maxlength="20"
-              />
-            </div>
-          </div>
+			<div class="contentMain">
+				<div class="main_left">
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">考试名称：</span>
+						</div>
+						<div class="btnbox">
+							<a-input v-model:value="test.examinationName" style="width: 400px; height: 40px; border-radius: 8px"
+								placeholder="请输入考试名称" :maxlength="20" />
+						</div>
+					</div>
 
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">选择试卷：</span>
-            </div>
-            <div class="btnbox">
-              <button class="xkbtn" @click="selectTest">
-                {{ chooseCourse ? "重选" : "选择" }}试卷
-              </button>
-              <div v-if="paperName != ''">
-                <a-tag closable color="processing" @close="delTag">
-                  <span style="font-size: 14px; line-height: 33px">{{
-                    paperName
-                  }}</span>
-                </a-tag>
-              </div>
-            </div>
-            <!-- 选择面授侧弹窗 -->
-            <div>
-              <sel-facet
-                v-model:selfacetVisible="selfacetvisible"
-                v-model:chooseCourse="chooseCourse"
-                v-model:chooseCourseName="chooseCourseName"
-              />
-            </div>
-            <!-- 选择面授侧弹窗 -->
-          </div>
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">选择试卷：</span>
+						</div>
+						<div class="btnbox">
+							<button class="xkbtn" @click="selectTest">
+								{{ chooseCourse ? "重选" : "选择" }}试卷
+							</button>
+							<div v-if="paperName != ''">
+								<a-tag closable color="processing" @close="delTag">
+									<span style="font-size: 14px; line-height: 33px">{{
+											paperName
+									}}</span>
+								</a-tag>
+							</div>
+						</div>
+						<!-- 选择面授侧弹窗 -->
+						<div>
+							<sel-facet v-model:selfacetVisible="selfacetvisible" v-model:chooseCourse="chooseCourse"
+								v-model:chooseCourseName="chooseCourseName" />
+						</div>
+						<!-- 选择面授侧弹窗 -->
+					</div>
 
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  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="YYYY/MM/DD HH:mm"
-                v-model:value="test.chooseTime"
-                :placeholder="['      开始时间', '        结束时间']"
-              />
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试时长：</span>
-            </div>
-            <div class="select">
-              <a-input-number
-                :min="0"
-                :max="300"
-                :precision="0"
-                style="width: 400px; height: 40px; border-radius: 8px"
-                v-model:value="test.examinationDuration"
-              ></a-input-number>
-              <span style="color: #999999; margin-left: 8px">分钟</span>
-            </div>
-          </div>
-          <div class="main_item2">
-            <div class="signbox">
-              <span style="margin-right: 3px">考试说明：</span>
-            </div>
-            <div class="textarea">
-              <a-textarea
-                v-model:value="test.examinationExplain"
-                placeholder="请输入考试说明"
-                allow-clear
-                show-count
-                :maxlength="200"
-                :rows="6"
-              />
-            </div>
-          </div>
-          <div class="main_item2">
-            <div class="signbox">
-              <span style="margin-right: 3px">考试限制：</span>
-            </div>
-            <div class="kqszbox">
-              <div class="setbox">
-                <div class="timerbox">
-                  <span>允许重复考试：</span>
-                  <a-input-number
-                    :min="-1"
-                    :max="300"
-                    :precision="0"
-                    style="
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img 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="YYYY/MM/DD HH:mm"
+								v-model:value="test.chooseTime" :placeholder="['      开始时间', '        结束时间']" />
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<div class="sign">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<span style="margin-right: 3px">考试时长：</span>
+						</div>
+						<div class="select">
+							<a-input-number :min="0" :max="300" :precision="0" style="width: 400px; height: 40px; border-radius: 8px"
+								v-model:value="test.examinationDuration"></a-input-number>
+							<span style="color: #999999; margin-left: 8px">分钟</span>
+						</div>
+					</div>
+					<div class="main_item2">
+						<div class="signbox">
+							<span style="margin-right: 3px">考试说明：</span>
+						</div>
+						<div class="textarea">
+							<a-textarea v-model:value="test.examinationExplain" placeholder="请输入考试说明" allow-clear show-count
+								:maxlength="200" :rows="6" />
+						</div>
+					</div>
+					<div class="main_item2">
+						<div class="signbox">
+							<span style="margin-right: 3px">考试限制：</span>
+						</div>
+						<div class="kqszbox">
+							<div class="setbox">
+								<div class="timerbox">
+									<span>允许重复考试：</span>
+									<a-input-number :min="-1" :max="300" :precision="0" style="
                       width: 100px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
-                    "
-                    v-model:value="test.examinationLimit"
-                  ></a-input-number>
-                  <span style="color: #999999; margin-left: 8px"
-                    >次,-1表示无限制</span
-                  >
-                </div>
-              </div>
-            </div>
-          </div>
+                    " v-model:value="test.examinationLimit"></a-input-number>
+									<span style="color: #999999; margin-left: 8px">次,-1表示无限制</span>
+								</div>
+							</div>
+						</div>
+					</div>
 
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">显示答案：</span>
-            </div>
-            <div class="btnbox">
-              <a-radio-group
-                style="margin-right: 12px"
-                v-model:value="test.showAnswers"
-              >
-                <a-radio v-model:checked="checked" :value="1" @click="cloradio1"
-                  >允许查看
-                </a-radio>
-                <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
-                  >不允许查看
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">显示解析：</span>
-            </div>
-            <div class="btnbox">
-              <a-radio-group
-                style="margin-right: 12px"
-                v-model:value="test.showAnalysis"
-              >
-                <a-radio v-model:checked="checked" :value="1" @click="cloradio2"
-                  >允许查看
-                </a-radio>
-                <a-radio v-model:checked="checked" :value="2" @click="cloradio2"
-                  >不允许查看
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">评分模式：</span>
-            </div>
-            <div class="btnbox">
-              <a-radio-group
-                style="margin-right: 12px"
-                v-model:value="test.scoringModel"
-              >
-                <a-radio v-model:checked="checked" :value="1" @click="cloradio3"
-                  >最高一次
-                </a-radio>
-                <a-radio v-model:checked="checked" :value="2" @click="cloradio3"
-                  >最后一次
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">及格线：</span>
-            </div>
-            <div class="btnbox">
-              <a-input
-                v-model:value="test.passLine"
-                type="number"
-                style="width: 400px; height: 40px; border-radius: 8px"
-              />
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">显示答案：</span>
+						</div>
+						<div class="btnbox">
+							<a-radio-group style="margin-right: 12px" v-model:value="test.showAnswers">
+								<a-radio v-model:checked="checked" :value="1" @click="cloradio1">允许查看
+								</a-radio>
+								<a-radio v-model:checked="checked" :value="2" @click="cloradio1">不允许查看
+								</a-radio>
+							</a-radio-group>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">显示解析：</span>
+						</div>
+						<div class="btnbox">
+							<a-radio-group style="margin-right: 12px" v-model:value="test.showAnalysis">
+								<a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许查看
+								</a-radio>
+								<a-radio v-model:checked="checked" :value="2" @click="cloradio2">不允许查看
+								</a-radio>
+							</a-radio-group>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">评分模式：</span>
+						</div>
+						<div class="btnbox">
+							<a-radio-group style="margin-right: 12px" v-model:value="test.scoringModel">
+								<a-radio v-model:checked="checked" :value="1" @click="cloradio3">最高一次
+								</a-radio>
+								<a-radio v-model:checked="checked" :value="2" @click="cloradio3">最后一次
+								</a-radio>
+							</a-radio-group>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="signbox">
+							<span style="margin-right: 3px">及格线：</span>
+						</div>
+						<div class="btnbox">
+							<a-input v-model:value="test.passLine" type="number"
+								style="width: 400px; height: 40px; border-radius: 8px" />
 
-              <span style="color: #999999; margin-left: 8px">分</span>
-            </div>
-          </div>
-          <div class="main_item">
-            <div class="main_item">
-              <div class="signbox">
-                <span style="margin-right: 3px">试题排列：</span>
-              </div>
-              <div class="btnbox">
-                <a-radio-group
-                  style="margin-right: 12px"
-                  v-model:value="test.questionArrangement"
-                >
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="1"
-                    @click="cloradio4"
-                    >试题乱序
-                  </a-radio>
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="2"
-                    @click="cloradio4"
-                    >选项乱序
-                  </a-radio>
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="3"
-                    @click="cloradio4"
-                    >全部乱序
-                  </a-radio>
-                  <a-radio
-                    v-model:checked="checked"
-                    :value="4"
-                    @click="cloradio4"
-                    >不乱序
-                  </a-radio>
-                </a-radio-group>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="main_btns">
-        <a-button class="btn1" @click="closeDrawer2">取消</a-button>
-        <a-button class="btn2" @click="updateTest">确定</a-button>
-      </div>
-      <!--  加载动画 -->
-      <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-        <a-spin :spinning="addLoading" tip="" />
-      </div>
+							<span style="color: #999999; margin-left: 8px">分</span>
+						</div>
+					</div>
+					<div class="main_item">
+						<div class="main_item">
+							<div class="signbox">
+								<span style="margin-right: 3px">试题排列：</span>
+							</div>
+							<div class="btnbox">
+								<a-radio-group style="margin-right: 12px" v-model:value="test.questionArrangement">
+									<a-radio v-model:checked="checked" :value="1" @click="cloradio4">试题乱序
+									</a-radio>
+									<a-radio v-model:checked="checked" :value="2" @click="cloradio4">选项乱序
+									</a-radio>
+									<a-radio v-model:checked="checked" :value="3" @click="cloradio4">全部乱序
+									</a-radio>
+									<a-radio v-model:checked="checked" :value="4" @click="cloradio4">不乱序
+									</a-radio>
+								</a-radio-group>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="main_btns">
+				<a-button class="btn1" @click="closeDrawer2">取消</a-button>
+				<a-button class="btn2" @click="updateTest">确定</a-button>
+			</div>
+			<!--  加载动画 -->
+			<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+				<a-spin :spinning="addLoading" tip="" />
+			</div>
 
-      <!-- 选择考试抽屉 -->
-      <s-test v-model:STvisible="STvisible" @getSTData="getData" />
-    </div>
-  </a-drawer>
+			<!-- 选择考试抽屉 -->
+			<s-test v-model:STvisible="STvisible" @getSTData="getData" />
+		</div>
+	</a-drawer>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
 import { message } from "ant-design-vue";
 import {
-  createExamination,
-  queryExaminationDetailById,
-  updateExamination,
+	createExamination,
+	queryExaminationDetailById,
+	updateExamination,
 } from "@/api/indexExam";
 import STest from "./SelectTest.vue";
 import { ProjectEditTask, RouterEditTask } from "@/api/indexTask";
@@ -310,585 +222,594 @@ import dayjs from "dayjs";
 //import { toDate } from "@/api/method";
 
 export default {
-  name: "AddTest",
-  components: {
-    STest,
-  },
-  props: {
-    addtestVisible: {
-      type: Boolean,
-      default: false,
-    },
-    EditTestId: {
-      // 要编辑的考试id
-      type: Number,
-      default: null,
-    },
-    isactive: {
-      type: Number,
-      default: null,
-    },
-    routerId: {
-      type: Number,
-      default: null,
-    },
-    projectId: {
-      type: Number,
-      default: null,
-    },
-    routerTaskId: {
-      type: Number,
-      default: null,
-    },
-    chooseStageId: {
-      type: Number,
-      default: null,
-    },
-    isLevel: {
-      // 是否是关卡页面触发
-      type: Number,
-      default: null,
-    },
-    projectTaskId: {
-      // 要编辑的projectId
-      type: Number,
-      default: null,
-    },
-    edit: {
-      //
-      type: Boolean,
-      default: null,
-    },
-    faceLevel: {
-      type: Boolean,
-      default: false,
-    },
-    projectTemplateId: {
-      type: Number,
-      default: null,
-    },
-    testName: {
-      type: String,
-      default: null,
-    },
-  },
-  setup(props, ctx) {
-    const state = reactive({
-      test: {},
+	name: "AddTest",
+	components: {
+		STest,
+	},
+	props: {
+		addtestVisible: {
+			type: Boolean,
+			default: false,
+		},
+		EditTestId: {
+			// 要编辑的考试id
+			type: Number,
+			default: null,
+		},
+		isactive: {
+			type: Number,
+			default: null,
+		},
+		routerId: {
+			type: Number,
+			default: null,
+		},
+		projectId: {
+			type: Number,
+			default: null,
+		},
+		routerTaskId: {
+			type: Number,
+			default: null,
+		},
+		chooseStageId: {
+			type: Number,
+			default: null,
+		},
+		isLevel: {
+			// 是否是关卡页面触发
+			type: Number,
+			default: null,
+		},
+		projectTaskId: {
+			// 要编辑的projectId
+			type: Number,
+			default: null,
+		},
+		edit: {
+			//
+			type: Boolean,
+			default: null,
+		},
+		faceLevel: {
+			type: Boolean,
+			default: false,
+		},
+		projectTemplateId: {
+			type: Number,
+			default: null,
+		},
+		testName: {
+			type: String,
+			default: null,
+		},
+	},
+	setup(props, ctx) {
+		const state = reactive({
+			test: {},
 
-      addLoading: false,
-      isOuter: 1, // 是否为外部考试
-      STvisible: false, //选择试卷抽屉
-      paperId: null, //试卷id 子组件传过来给考试抽屉创建考试信息需要
-      paperName: "", //试卷名称 子组件传过来给考试抽屉选择试卷后框框用
-      id: "",
-      testName: "",
-      TestName: "",
-      testObj: {
-        name: "",
-        paperId: "",
-        choosedTime: "",
-        duration: "",
-      },
-      choosedTestList: [
-        {
-          value: "提高核心竞争力",
-          key: 1,
-        },
-      ],
-    });
+			addLoading: false,
+			isOuter: 1, // 是否为外部考试
+			STvisible: false, //选择试卷抽屉
+			paperId: null, //试卷id 子组件传过来给考试抽屉创建考试信息需要
+			paperName: "", //试卷名称 子组件传过来给考试抽屉选择试卷后框框用
+			id: "",
+			testName: "",
+			TestName: "",
+			testObj: {
+				name: "",
+				paperId: "",
+				choosedTime: "",
+				duration: "",
+			},
+			choosedTestList: [
+				{
+					value: "提高核心竞争力",
+					key: 1,
+				},
+			],
+		});
 
-    const clearAll = () => {
-      state.test = {};
-    };
+		const clearAll = () => {
+			state.test = {};
+		};
 
-    const closeDrawer = () => {
-      state.statechoosedTime = "";
-      ctx.emit("update:addtestVisible", false);
-      ctx.emit("update:edit", false);
-      ctx.emit("update:EditTestId", state.EditTestId);
-      ctx.emit("update:testName", state.testName);
-      console.log("statetestName", state.testName);
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-      state.addLoading = false;
-      clearAll();
-    };
-    const closeDrawer2 = () => {
-      state.statechoosedTime = "";
-      ctx.emit("update:edit", false);
-      ctx.emit("update:addtestVisible", false);
-      clearAll();
-      state.addLoading = false;
-    };
-    const afterVisibleChange = () => {
-      console.log("props", props);
-      if (props.addtestVisible && props.edit) {
-        // 该页面显示同时 edit为true 时，发送查询请求,
-        queryTest();
-      }
-    };
-    const selectTest = () => {
-      state.STvisible = true;
-    };
-    const delTag = () => {
-      state.paperId = 0;
-      state.paperName = "";
-    };
-    const queryTest = () => {
-      queryExaminationDetailById({ examinationId: props.EditTestId })
-        .then((res) => {
-          state.test = res.data.data;
-          state.test.showAnswers = Number(state.test.showAnswers);
-          state.test.showAnalysis = Number(state.test.showAnalysis);
-          state.test.scoringModel = Number(state.test.scoringModel);
-          state.test.questionArrangement = Number(
-            state.test.questionArrangement
-          );
-          state.test.chooseTime = [
-            dayjs(res.data.data.examinationStartTime, "YYYY-MM-DD HH:mm"),
-            dayjs(res.data.data.examinationEndTime, "YYYY-MM-DD HH:mm"),
-          ];
-          state.paperName = state.test.examinationTestName;
-          // state.paperId=dayjs
-          state.paperId = state.test.examinationTestId;
+		const closeDrawer = () => {
+			state.statechoosedTime = "";
+			ctx.emit("update:addtestVisible", false);
+			ctx.emit("update:edit", false);
+			ctx.emit("update:EditTestId", state.EditTestId);
+			ctx.emit("update:testName", state.testName);
+			console.log("statetestName", state.testName);
+			localStorage.setItem("stageId", props.chooseStageId);
+			localStorage.setItem("chapterId", props.isactive);
+			state.addLoading = false;
+			clearAll();
+		};
+		const closeDrawer2 = () => {
+			state.paperName = "";
+			state.statechoosedTime = "";
+			ctx.emit("update:edit", false);
+			ctx.emit("update:addtestVisible", false);
+			clearAll();
+			state.addLoading = false;
+		};
+		const afterVisibleChange = () => {
+			console.log("props", props);
+			if (props.addtestVisible && props.edit) {
+				// 该页面显示同时 edit为true 时，发送查询请求,
+				queryTest();
+			}
+		};
+		const selectTest = () => {
+			state.STvisible = true;
+		};
+		const delTag = () => {
+			state.paperId = 0;
+			state.paperName = "";
+		};
+		const queryTest = () => {
+			queryExaminationDetailById({ examinationId: props.EditTestId })
+				.then((res) => {
+					state.test = res.data.data;
+					state.test.showAnswers = Number(state.test.showAnswers);
+					state.test.showAnalysis = Number(state.test.showAnalysis);
+					state.test.scoringModel = Number(state.test.scoringModel);
+					state.test.questionArrangement = Number(
+						state.test.questionArrangement
+					);
+					state.test.chooseTime = [
+						dayjs(res.data.data.examinationStartTime, "YYYY-MM-DD HH:mm"),
+						dayjs(res.data.data.examinationEndTime, "YYYY-MM-DD HH:mm"),
+					];
+					state.paperName = state.test.examinationTestName;
+					// state.paperId=dayjs
+					state.paperId = state.test.examinationTestId;
 
-          console.log("querytest", state.test);
-        })
-        .catch(() => {
-          //message.error(`查询失败`);
-        });
-    };
-    const updateTest = () => {
-      if (!state.test.examinationName) {
-        message.destroy();
-        return message.warning("请输入考试名称");
-      }
-      if (!state.paperId) {
-        message.destroy();
-        return message.warning("请输入选择试卷");
-      }
-      if (!state.test.chooseTime) {
-        message.destroy();
-        return message.warning("请输入开始结束时间");
-      }
-      if (!state.test.examinationDuration) {
-        message.destroy();
-        return message.warning("请输入考试时长");
-      }
+					console.log("querytest", state.test);
+				})
+				.catch(() => {
+					//message.error(`查询失败`);
+				});
+		};
+		const updateTest = () => {
+			if (!state.test.examinationName) {
+				message.destroy();
+				return message.warning("请输入考试名称");
+			}
+			if (!state.paperId) {
+				message.destroy();
+				return message.warning("请输入选择试卷");
+			}
+			if (!state.test.chooseTime) {
+				message.destroy();
+				return message.warning("请输入开始结束时间");
+			}
+			if (!state.test.examinationDuration) {
+				message.destroy();
+				return message.warning("请输入考试时长");
+			}
 
-      state.addLoading = true;
-      console.log("test", state.test);
-      // state.test.examinationStartTime = toDate(
-      //  new Date(state.test.chooseTime[0].$d).getTime() / 1000,
-      // "Y-M-D h:m"
-      // );
-      // state.test.examinationEndTime =toDate(
-      //   new Date(state.test.$slotschooseTime[1].$d).getTime() / 1000,
-      //   "Y-M-D h:m"
-      // );
-      state.test.examinationStartTime = dayjs(state.test.chooseTime[0]).format("YYYY-MM-DD HH:mm"),
-   
-      state.test.examinationEndTime = dayjs(state.test.chooseTime[1]).format("YYYY-MM-DD HH:mm"),
-      state.test.examinationPaperId = state.paperId;
-      //TODO缺少paperName字段
-      state.test.examinationTestName = state.paperName;
+			state.addLoading = true;
+			console.log("test", state.test);
+			// state.test.examinationStartTime = toDate(
+			//  new Date(state.test.chooseTime[0].$d).getTime() / 1000,
+			// "Y-M-D h:m"
+			// );
+			// state.test.examinationEndTime =toDate(
+			//   new Date(state.test.$slotschooseTime[1].$d).getTime() / 1000,
+			//   "Y-M-D h:m"
+			// );
+			state.test.examinationStartTime = dayjs(state.test.chooseTime[0]).format("YYYY-MM-DD HH:mm"),
 
-      if (props.EditTestId > 0) {
-        // 编辑任务
-        updateExamination(state.test)
-          .then(async (res) => {
-            await updateTask(res);
-            // closeDrawer();
-          })
-          .catch(() => {
-            message.destroy();
-            message.error(`编辑失败`);
-          });
-      } else {
-        // 创建任务
-        createExamination(state.test)
-          .then(async (res) => {
-            await updateTask(res);
-            // closeDrawer();
-          })
-          .catch(() => {
-            message.destroy();
-            message.error(`创建失败`);
-          });
-      }
-    };
-    const updateTask = (res) => {
-      state.EditTestId = res.data.data.examinationId;
-      if (props.faceLevel) {
-        state.EditTestId = res.data.data.examinationId;
+				state.test.examinationEndTime = dayjs(state.test.chooseTime[1]).format("YYYY-MM-DD HH:mm"),
+				state.test.examinationPaperId = state.paperId;
+			//TODO缺少paperName字段
+			state.test.examinationTestName = state.paperName;
 
-        closeDrawer();
-      } else {
-        if (props.isLevel == 1) {
-          if (!props.isactive) {
-            message.destroy();
-            return message.warning("请先选中关卡");
-          }
-          let editObj1 = {
-            chapterId: props.isactive,
-            duration: res.data.data.examinationDuration,
-            courseId: res.data.data.examinationId,
-            name: res.data.data.examinationName,
-            routerId: props.routerId,
-            routerTaskId: props.routerTaskId || 0,
-            type: 5,
-          };
-          RouterEditTask(editObj1)
-            .then(() => {
-              console.log("props.edit", props.edit);
-              message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-              ctx.emit("changeData", false);
+			if (props.EditTestId > 0) {
+				// 编辑任务
+				updateExamination(state.test)
+					.then(async (res) => {
+						await updateTask(res);
+						// closeDrawer();
+					})
+					.catch(() => {
+						message.destroy();
+						message.error(`编辑失败`);
+					});
+			} else {
+				// 创建任务
+				createExamination(state.test)
+					.then(async (res) => {
+						await updateTask(res);
+						// closeDrawer();
+					})
+					.catch(() => {
+						message.destroy();
+						message.error(`创建失败`);
+					});
+			}
+		};
+		const updateTask = (res) => {
+			state.EditTestId = res.data.data.examinationId;
+			if (props.faceLevel) {
+				state.EditTestId = res.data.data.examinationId;
+				state.paperName = "";
+				closeDrawer();
+			} else {
+				if (props.isLevel == 1) {
+					if (!props.isactive) {
+						message.destroy();
+						return message.warning("请先选中关卡");
+					}
+					let editObj1 = {
+						chapterId: props.isactive,
+						duration: res.data.data.examinationDuration,
+						courseId: res.data.data.examinationId,
+						name: res.data.data.examinationName,
+						routerId: props.routerId,
+						routerTaskId: props.routerTaskId || 0,
+						type: 5,
+					};
+					RouterEditTask(editObj1)
+						.then(() => {
+							console.log("props.edit", props.edit);
+							message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+							ctx.emit("changeData", false);
+							state.paperName = "";
+							closeDrawer();
+						})
+						.catch(() => {
+							//message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+						});
+				} else if (props.isLevel == 2) {
+					let editObj = {
+						courseId: res.data.data.examinationId,
+						duration: res.data.data.examinationDuration,
+						name: res.data.data.examinationName,
+						projectId: props.projectId,
+						projectTaskId: props.projectTaskId || 0,
+						stageId: props.chooseStageId || 0,
+						type: 5,
+					};
+					// 新增编辑或新增项目
+					ProjectEditTask(editObj)
+						.then(() => {
+							message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+							ctx.emit("changeData", false);
+							state.paperName = "";
+							closeDrawer();
+						})
+						.catch(() => {
+							//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
+						});
+				} else if (props.isLevel == 3) {
+					addTempTask({
+						courseId: res.data.data.examinationId,
+						duration: res.data.data.examinationDuration,
+						name: res.data.data.examinationName,
+						projectTemplateId: props.projectTemplateId,
+						projectTaskId: props.projectTaskId || 0,
+						stageId: props.chooseStageId || 0,
+						type: 5,
+					})
+						.then(() => {
+							message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+							ctx.emit("changeData", false);
+							state.paperName = "";
+							closeDrawer();
+						})
+						.catch(() => {
+							//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
+						});
+				}
+			}
+		};
+		const cloradio1 = (value) => {
+			if (value != "") {
+				state.showAnswers = "";
+			}
+		};
+		const cloradio2 = (value) => {
+			if (value != "") {
+				state.showAnalysis = "";
+			}
+		};
+		const cloradio3 = (value) => {
+			if (value != "") {
+				state.scoringModel = "";
+			}
+		};
+		const cloradio4 = (value) => {
+			if (value != "") {
+				state.questionArrangement = "";
+			}
+		};
+		const changeOuter = (value) => {
+			state.isOuter = value;
+		};
+		const chooseTest = () => { };
+		const closeTag = (removedTag) => {
+			const tags = state.choosedTestList.filter(
+				(item) => item.key != removedTag
+			);
+			state.choosedTestList = tags;
+		};
+		const getData = (value) => {
+			state.paperId = value.paperId;
+			state.paperName = value.testName;
+			state.id = value.id;
+			state.testName = value.testName;
+		};
 
-              closeDrawer();
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-            });
-        } else if (props.isLevel == 2) {
-          let editObj = {
-            courseId: res.data.data.examinationId,
-            duration: res.data.data.examinationDuration,
-            name: res.data.data.examinationName,
-            projectId: props.projectId,
-            projectTaskId: props.projectTaskId || 0,
-            stageId: props.chooseStageId || 0,
-            type: 5,
-          };
-          // 新增编辑或新增项目
-          ProjectEditTask(editObj)
-            .then(() => {
-              message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-              ctx.emit("changeData", false);
-              closeDrawer();
-            })
-            .catch(() => {
-              //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
-            });
-        } else if (props.isLevel == 3) {
-          addTempTask({
-            courseId: res.data.data.examinationId,
-            duration: res.data.data.examinationDuration,
-            name: res.data.data.examinationName,
-            projectTemplateId: props.projectTemplateId,
-            projectTaskId: props.projectTaskId || 0,
-            stageId: props.chooseStageId || 0,
-            type: 5,
-          })
-            .then(() => {
-              message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-              ctx.emit("changeData", false);
-              closeDrawer();
-            })
-            .catch(() => {
-              //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
-            });
-        }
-      }
-    };
-    const cloradio1 = (value) => {
-      if (value != "") {
-        state.showAnswers = "";
-      }
-    };
-    const cloradio2 = (value) => {
-      if (value != "") {
-        state.showAnalysis = "";
-      }
-    };
-    const cloradio3 = (value) => {
-      if (value != "") {
-        state.scoringModel = "";
-      }
-    };
-    const cloradio4 = (value) => {
-      if (value != "") {
-        state.questionArrangement = "";
-      }
-    };
-    const changeOuter = (value) => {
-      state.isOuter = value;
-    };
-    const chooseTest = () => {};
-    const closeTag = (removedTag) => {
-      const tags = state.choosedTestList.filter(
-        (item) => item.key != removedTag
-      );
-      state.choosedTestList = tags;
-    };
-    const getData = (value) => {
-      state.paperId = value.paperId;
-      state.paperName = value.testName;
-      state.id = value.id;
-      state.testName = value.testName;
-    };
+		return {
+			afterVisibleChange,
+			closeDrawer,
+			closeDrawer2,
+			selectTest,
+			cloradio1,
+			cloradio2,
+			cloradio3,
+			cloradio4,
 
-    return {
-      afterVisibleChange,
-      closeDrawer,
-      closeDrawer2,
-      selectTest,
-      cloradio1,
-      cloradio2,
-      cloradio3,
-      cloradio4,
+			clearAll,
 
-      clearAll,
+			delTag,
+			// layout,
 
-      delTag,
-      // layout,
+			updateTest,
+			queryTest,
+			changeOuter,
+			chooseTest,
+			closeTag,
+			getData,
 
-      updateTest,
-      queryTest,
-      changeOuter,
-      chooseTest,
-      closeTag,
-      getData,
-
-      ...toRefs(state),
-    };
-  },
+			...toRefs(state),
+		};
+	},
 };
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
+	background-color: #fafafa !important;
 }
 
 .outer {
-  background-color: #4ea6ff;
-  color: #fff;
-  border-radius: 5px;
-  border: 1px solid #a09292;
-  height: 36px;
-  margin-right: 10px;
+	background-color: #4ea6ff;
+	color: #fff;
+	border-radius: 5px;
+	border: 1px solid #a09292;
+	height: 36px;
+	margin-right: 10px;
 }
 
 .notOuter {
-  color: #000;
-  border-radius: 5px;
-  border: 1px solid #a09292;
-  background: #fff;
-  margin-right: 10px;
-  padding: 3px;
+	color: #000;
+	border-radius: 5px;
+	border: 1px solid #a09292;
+	background: #fff;
+	margin-right: 10px;
+	padding: 3px;
 }
 
 .tag-style {
-  color: rgb(113, 113, 237);
-  background-color: #d7d1f7;
+	color: rgb(113, 113, 237);
+	background-color: #d7d1f7;
 }
 
 .addtestDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-shrink: 0;
+	.drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			flex-shrink: 0;
 
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
 
-    .contentMain {
-      display: flex;
-      justify-content: space-between;
+		.contentMain {
+			display: flex;
+			justify-content: space-between;
 
-      .main_left {
-        padding-right: 30px;
-        flex: 1;
-        border-right: 1px solid #e8e8e8;
+			.main_left {
+				padding-right: 30px;
+				flex: 1;
+				border-right: 1px solid #e8e8e8;
 
-        .main_item {
-          display: flex;
-          align-items: center;
-          margin-top: 32px;
-          margin-bottom: 32px;
+				.main_item {
+					display: flex;
+					align-items: center;
+					margin-top: 32px;
+					margin-bottom: 32px;
 
-          .signbox {
-            width: 120px;
-            display: flex;
-            justify-content: end;
-            align-items: center;
+					.signbox {
+						width: 120px;
+						display: flex;
+						justify-content: end;
+						align-items: center;
 
-            .sign {
-              margin-right: 5px;
-            }
-          }
+						.sign {
+							margin-right: 5px;
+						}
+					}
 
-          .btnbox {
-            display: flex;
-            flex: 1;
-            align-items: center;
+					.btnbox {
+						display: flex;
+						flex: 1;
+						align-items: center;
 
-            .xkbtn {
-              cursor: pointer;
-              width: 130px;
-              height: 40px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              border: 0;
-              margin-right: 8px;
-              color: #fff;
-            }
-          }
-        }
+						.xkbtn {
+							cursor: pointer;
+							width: 130px;
+							height: 40px;
+							background: #4ea6ff;
+							border-radius: 8px;
+							border: 0;
+							margin-right: 8px;
+							color: #fff;
+						}
+					}
+				}
 
-        .main_item2 {
-          display: flex;
-          align-items: flex-start;
-          margin-bottom: 32px;
+				.main_item2 {
+					display: flex;
+					align-items: flex-start;
+					margin-bottom: 32px;
 
-          .textarea {
-            width: 400px;
+					.textarea {
+						width: 400px;
 
-            .ant-input {
-              width: 100%;
-            }
+						.ant-input {
+							width: 100%;
+						}
 
-            .ant-input-textarea-show-count {
-              position: relative;
-            }
+						.ant-input-textarea-show-count {
+							position: relative;
+						}
 
-            .ant-input-textarea-show-count::after {
-              position: absolute;
-              right: 10px;
-              bottom: 0px;
-            }
+						.ant-input-textarea-show-count::after {
+							position: absolute;
+							right: 10px;
+							bottom: 0px;
+						}
 
-            .ant-input {
-              border-radius: 8px;
-            }
-          }
+						.ant-input {
+							border-radius: 8px;
+						}
+					}
 
-          .signbox {
-            width: 120px;
-            display: flex;
-            justify-content: end;
-            align-items: center;
+					.signbox {
+						width: 120px;
+						display: flex;
+						justify-content: end;
+						align-items: center;
 
-            .sign {
-              margin-right: 5px;
-            }
-          }
+						.sign {
+							margin-right: 5px;
+						}
+					}
 
-          .kqszbox {
-            .qdqtbox {
-              margin-left: 56px;
-            }
+					.kqszbox {
+						.qdqtbox {
+							margin-left: 56px;
+						}
 
-            .setbox {
-              display: flex;
-              flex-wrap: wrap;
-              margin-top: 10px;
-              margin-bottom: 24px;
+						.setbox {
+							display: flex;
+							flex-wrap: wrap;
+							margin-top: 10px;
+							margin-bottom: 24px;
 
-              .timerbox {
-                margin-top: 6px;
-                margin-right: 32px;
-                display: flex;
-                align-items: center;
-                flex-wrap: nowrap;
-              }
-            }
-          }
+							.timerbox {
+								margin-top: 6px;
+								margin-right: 32px;
+								display: flex;
+								align-items: center;
+								flex-wrap: nowrap;
+							}
+						}
+					}
 
-          .btnbox2 {
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-start;
+					.btnbox2 {
+						display: flex;
+						flex-direction: column;
+						justify-content: flex-start;
 
-            .xkbtn {
-              cursor: pointer;
-              width: 130px;
-              height: 40px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              border: 0;
-              margin-right: 16px 8px 32px 0;
-              color: #fff;
-              margin-top: 16px;
-              margin-bottom: 60px;
-            }
-          }
-        }
-      }
-    }
-    .main_table {
-      position: relative;
-      padding-bottom: 80px;
-      .ant-checkbox-wrapper {
-        align-items: center;
-        margin-top: -2px;
-      }
-      .ant-table-selection-column {
-        padding: 0px !important;
-        padding-left: 5px !important;
-      }
-      .ant-table-thead > tr > th {
-        background-color: rgba(239, 244, 252, 1);
-      }
-      th.h {
-        background-color: #eff4fc !important;
-      }
-      .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
-        background: #f6f9fd;
-      }
-      .pa {
-        left: 0;
-        width: 100%;
-        display: flex;
-        justify-content: center;
-        position: absolute;
-        bottom: 20px;
-      }
-    }
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+						.xkbtn {
+							cursor: pointer;
+							width: 130px;
+							height: 40px;
+							background: #4ea6ff;
+							border-radius: 8px;
+							border: 0;
+							margin-right: 16px 8px 32px 0;
+							color: #fff;
+							margin-top: 16px;
+							margin-bottom: 60px;
+						}
+					}
+				}
+			}
+		}
 
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
+		.main_table {
+			position: relative;
+			padding-bottom: 80px;
 
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
+			.ant-checkbox-wrapper {
+				align-items: center;
+				margin-top: -2px;
+			}
+
+			.ant-table-selection-column {
+				padding: 0px !important;
+				padding-left: 5px !important;
+			}
+
+			.ant-table-thead>tr>th {
+				background-color: rgba(239, 244, 252, 1);
+			}
+
+			th.h {
+				background-color: #eff4fc !important;
+			}
+
+			.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+				background: #f6f9fd;
+			}
+
+			.pa {
+				left: 0;
+				width: 100%;
+				display: flex;
+				justify-content: center;
+				position: absolute;
+				bottom: 20px;
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 </style>
   
\ No newline at end of file

From a2dce95b4fcc449ecb7c1c5a5ccb69418287363f Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Tue, 20 Dec 2022 10:58:53 +0800
Subject: [PATCH 4/5] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E6=A8=A1=E7=89=88?=
 =?UTF-8?q?=E5=BA=93=E4=B8=8D=E5=90=8C=E9=98=B6=E6=AE=B5=E4=B8=8D=E5=8F=AF?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=90=8C=E4=B8=80=E5=9C=A8=E7=BA=BF=E5=92=8C?=
 =?UTF-8?q?=E8=AF=84=E4=BC=B0=E4=BB=BB=E5=8A=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddInvist.vue | 897 ++++++++++++++-------------
 1 file changed, 452 insertions(+), 445 deletions(-)

diff --git a/src/components/drawers/AddInvist.vue b/src/components/drawers/AddInvist.vue
index ddb7666f..3bb6dc62 100644
--- a/src/components/drawers/AddInvist.vue
+++ b/src/components/drawers/AddInvist.vue
@@ -1,472 +1,479 @@
 <template>
-  <a-drawer
-    :visible="addinvistVisible"
-    class="drawerStyle addinvistDrawer"
-    width="70%"
-    title="添加评估"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
-  >
-    <div class="drawerMain">
-      <div class="header">
-        <div v-if="edit" class="headerTitle">编辑评估</div>
-        <div v-else class="headerTitle">添加评估</div>
-        <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
-      </div>
-      <div class="contentMain">
-        <div class="main">
-          <div class="main_left">
-            <AssessmentAll
-              v-model:assessmentVisible="assessmentVisible"
-              v-model:assessmentId="assessmentId"
-              v-model:assessmentName="assessmentName"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="main_btns">
-        <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="updateTask">确定</button>
-      </div>
-    </div>
-  </a-drawer>
+	<a-drawer :visible="addinvistVisible" class="drawerStyle addinvistDrawer" width="70%" title="添加评估" placement="right"
+		@after-visible-change="afterVisibleChange">
+		<div class="drawerMain">
+			<div class="header">
+				<div v-if="edit" class="headerTitle">编辑评估</div>
+				<div v-else class="headerTitle">添加评估</div>
+				<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+					@click="closeDrawer" />
+			</div>
+			<div class="contentMain">
+				<div class="main">
+					<div class="main_left">
+						<AssessmentAll v-model:assessmentVisible="assessmentVisible" v-model:assessmentId="assessmentId"
+							v-model:assessmentName="assessmentName" />
+					</div>
+				</div>
+			</div>
+			<div class="main_btns">
+				<button class="btn1" @click="closeDrawer">取消</button>
+				<button class="btn2" @click="updateTask">确定</button>
+			</div>
+		</div>
+	</a-drawer>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
 import * as apiTask from "../../api/indexTaskadd";
 import { message } from "ant-design-vue";
 import {
-  RouterEditTask,
-  IsExistence,
-  IsExistenceProject,
-  IsExistenceProjectTemplate,
+	RouterEditTask,
+	IsExistence,
+	IsExistenceProject,
+	IsExistenceProjectTemplate,
 } from "@/api/indexTask";
 
 import { addTempTask } from "../../api/indexTaskadd";
 import AssessmentAll from "@/components/drawers/AssessmentAll.vue";
 export default {
-  name: "AddInvist",
-  components: {
-    AssessmentAll,
-  },
-  props: {
-    addinvistVisible: {
-      type: Boolean,
-      default: false,
-    },
-    EditInvistId: {
-      type: Number,
-      default: null,
-    },
-    edit: {
-      //  是否为编辑
-      type: Boolean,
-      default: null,
-    },
-    projectId: {
-      type: Number,
-      default: null,
-    },
-    chooseStageId: {
-      type: Number,
-      default: null,
-    },
-    routerTaskId: {
-      type: Number,
-      default: 0,
-    },
-    isLevel: {
-      // 是否是关卡页面触发
-      type: Number,
-      default: null,
-    },
+	name: "AddInvist",
+	components: {
+		AssessmentAll,
+	},
+	props: {
+		addinvistVisible: {
+			type: Boolean,
+			default: false,
+		},
+		EditInvistId: {
+			type: Number,
+			default: null,
+		},
+		edit: {
+			//  是否为编辑
+			type: Boolean,
+			default: null,
+		},
+		projectId: {
+			type: Number,
+			default: null,
+		},
+		chooseStageId: {
+			type: Number,
+			default: null,
+		},
+		routerTaskId: {
+			type: Number,
+			default: 0,
+		},
+		isLevel: {
+			// 是否是关卡页面触发
+			type: Number,
+			default: null,
+		},
 
-    projectTaskId: {
-      // 要编辑的projectId
-      type: Number,
-      default: null,
-    },
-    routerId: {
-      type: Number,
-      default: null,
-    },
-    isactive: {
-      type: Number,
-      default: null,
-    },
-    projectTemplateId: {
-      type: Number,
-      default: null,
-    },
-  },
-  setup(props, ctx) {
-    const state = reactive({
-      inputV1: "",
-      time: undefined,
-      currentPage: 1,
-      pageSize: 10,
-      tableDataTotal: 0,
-      tableData: [],
-      assessmentId: null,
-      assessmentName: "",
-      assessment: null,
-      assessment1: null,
-      assessmentVisible: false,
-      titleTag: false,
-    });
-    // const getCheckedAss = (ass) => {
-    // state.assessmentId = ass.assessmentId;
-    // state.assessment = ass;
-    // console.log("state.assessment1",state.assessment);
-    //
-    // };
+		projectTaskId: {
+			// 要编辑的projectId
+			type: Number,
+			default: null,
+		},
+		routerId: {
+			type: Number,
+			default: null,
+		},
+		isactive: {
+			type: Number,
+			default: null,
+		},
+		projectTemplateId: {
+			type: Number,
+			default: null,
+		},
+	},
+	setup(props, ctx) {
+		const state = reactive({
+			inputV1: "",
+			time: undefined,
+			currentPage: 1,
+			pageSize: 10,
+			tableDataTotal: 0,
+			tableData: [],
+			assessmentId: null,
+			assessmentName: "",
+			assessment: null,
+			assessment1: null,
+			assessmentVisible: false,
+			titleTag: false,
+		});
+		// const getCheckedAss = (ass) => {
+		// state.assessmentId = ass.assessmentId;
+		// state.assessment = ass;
+		// console.log("state.assessment1",state.assessment);
+		//
+		// };
 
-    const closeDrawer = () => {
-      ctx.emit("update:addinvistVisible", false);
-      ctx.emit("update:edit", false);
-      state.assessmentId = null;
-      state.assessmentName = null;
-      state.inputV1 = "";
-      // ctx.emit("changeData", false);
-      localStorage.setItem("stageId", props.chooseStageId);
-      localStorage.setItem("chapterId", props.isactive);
-    };
-    const checkAssDrawer = () => {
-      state.assessmentVisible = true;
-    };
-    const afterVisibleChange = (bool) => {
-      if (bool && props.EditInvistId > 0) {
-        state.assessmentVisible = true;
-        state.assessmentId = props.EditInvistId;
-      } else {
-        state.assessmentId = null;
-        state.assessmentName = null;
-      }
-    };
+		const closeDrawer = () => {
+			ctx.emit("update:addinvistVisible", false);
+			ctx.emit("update:edit", false);
+			state.assessmentId = null;
+			state.assessmentName = null;
+			state.inputV1 = "";
+			// ctx.emit("changeData", false);
+			localStorage.setItem("stageId", props.chooseStageId);
+			localStorage.setItem("chapterId", props.isactive);
+		};
+		const checkAssDrawer = () => {
+			state.assessmentVisible = true;
+		};
+		const afterVisibleChange = (bool) => {
+			if (bool && props.EditInvistId > 0) {
+				state.assessmentVisible = true;
+				state.assessmentId = props.EditInvistId;
+			} else {
+				state.assessmentId = null;
+				state.assessmentName = null;
+			}
+		};
 
-    const updateTask = () => {
-      console.log(
-        "state.assessmentId ",
-        state.assessmentId,
-        state.assessmentName
-      );
-      if (!state.assessmentId) {
-        return message.warning("请选择评估");
-      }
-      let l_data_id = [];
-      l_data_id.push(Number(state.assessmentId));
-      console.log("state.assessment", state.assessment, state.assessmentId);
-      if (props.isLevel == 1) {
-        if (!props.isactive) {
-          message.destroy();
-          return message.warning("请先选中关卡");
-        }
-        IsExistence({
-          chapterId: Number(props.isactive),
-          courseTaskId: l_data_id,
-          routerId: props.routerId,
-          type: 11,
-        })
-          .then((res) => {
-            console.log("shifouchongfu", res);
-            console.log("路径图中是否包含此评估了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("评估（" + tipStr + "）重复添加");
-              return;
-            } else {
-              RouterEditTask({
-                chapterId: props.isactive,
-                courseId: state.assessmentId,
-                name: state.assessmentName,
-                routerId: props.routerId,
-                routerTaskId: props.routerTaskId || 0,
-                type: 11,
-              })
-                .then(() => {
-                  message.destroy();
-                  message.success(
-                    `${props.edit ? "编辑" : "新增"}关卡任务成功`
-                  );
-                  ctx.emit("changeData", false);
-                  closeDrawer();
-                  state.addLoading = false;
-                })
-                .catch(() => {
-                  message.destroy();
-                  message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-                });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 2) {
-        IsExistenceProject({
-          courseTaskId: l_data_id,
-          projectId: props.projectId,
-          stageId: props.chooseStageId || 0,
-          type: 11,
-        })
-          .then((res) => {
-            console.log(res);
-            console.log("项目中是否包含此评估了", res);
-            if (res.data.data.length) {
-              let strdata = res.data.data;
-              let tipStr = "";
-              for (let i = 0; i < strdata.length; i++) {
-                if (i == strdata.length - 1) {
-                  tipStr += strdata[i].courseName;
-                } else {
-                  tipStr += strdata[i].courseName + "/";
-                }
-              }
-              message.destroy();
-              message.warning("评估（" + tipStr + "）重复添加");
-              return;
-            } else {
-              apiTask
-                .addTask({
-                  courseId: state.assessmentId,
-                  name: state.assessmentName,
-                  projectId: props.projectId,
-                  projectTaskId: props.projectTaskId || 0,
-                  stageId: props.chooseStageId || 0,
-                  type: 11,
-                })
-                .then(() => {
-                  message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-                  ctx.emit("changeData", false);
-                  closeDrawer();
-                })
-                .catch(() => {
-                  message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
-                });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (props.isLevel == 3) {
-        IsExistenceProjectTemplate({
-          courseTaskId: l_data_id,
-          projectTemplateId: props.projectTemplateId,
-          stageId: props.chooseStageId || 0,
-          type: 11,
-        }).then((res) => {
-          console.log(res);
-          console.log("项目中是否包含此评估了", res);
-          if (res.data.data.length) {
-            let strdata = res.data.data;
-            let tipStr = "";
-            for (let i = 0; i < strdata.length; i++) {
-              if (i == strdata.length - 1) {
-                tipStr += strdata[i].courseName;
-              } else {
-                tipStr += strdata[i].courseName + "/";
-              }
-            }
-            message.destroy();
-            message.warning("评估（" + tipStr + "）重复添加");
-            return;
-          } else {
-            addTempTask({
-              courseId: state.assessmentId,
-              name: state.assessmentName,
-              projectTemplateId: props.projectTemplateId,
-              projectTaskId: props.projectTaskId || 0,
-              stageId: props.chooseStageId || 0,
-              type: 11,
-            })
-              .then(() => {
-                message.destroy();
-                message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
-                ctx.emit("changeData", false);
-                closeDrawer();
-              })
-              .catch(() => {
-                message.destroy();
-                message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
-              });
-          }
-        });
-      }
-    };
+		const updateTask = () => {
+			console.log(
+				"state.assessmentId ",
+				state.assessmentId,
+				state.assessmentName
+			);
+			if (!state.assessmentId) {
+				return message.warning("请选择评估");
+			}
+			let l_data_id = [];
+			l_data_id.push(Number(state.assessmentId));
+			console.log("state.assessment", state.assessment, state.assessmentId);
+			if (props.isLevel == 1) {
+				if (!props.isactive) {
+					message.destroy();
+					return message.warning("请先选中关卡");
+				}
+				IsExistence({
+					chapterId: Number(props.isactive),
+					courseTaskId: l_data_id,
+					routerId: props.routerId,
+					type: 11,
+				})
+					.then((res) => {
+						console.log("shifouchongfu", res);
+						console.log("路径图中是否包含此评估了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("评估（" + tipStr + "）重复添加");
+							return;
+						} else {
+							RouterEditTask({
+								chapterId: props.isactive,
+								courseId: state.assessmentId,
+								name: state.assessmentName,
+								routerId: props.routerId,
+								routerTaskId: props.routerTaskId || 0,
+								type: 11,
+							})
+								.then(() => {
+									message.destroy();
+									message.success(
+										`${props.edit ? "编辑" : "新增"}关卡任务成功`
+									);
+									ctx.emit("changeData", false);
+									closeDrawer();
+									state.addLoading = false;
+								})
+								.catch(() => {
+									message.destroy();
+									message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+								});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			} else if (props.isLevel == 2) {
+				IsExistenceProject({
+					courseTaskId: l_data_id,
+					projectId: props.projectId,
+					stageId: props.chooseStageId || 0,
+					type: 11,
+				})
+					.then((res) => {
+						console.log(res);
+						console.log("项目中是否包含此评估了", res);
+						if (res.data.data.length) {
+							let strdata = res.data.data;
+							let tipStr = "";
+							for (let i = 0; i < strdata.length; i++) {
+								if (i == strdata.length - 1) {
+									tipStr += strdata[i].courseName;
+								} else {
+									tipStr += strdata[i].courseName + "/";
+								}
+							}
+							message.destroy();
+							message.warning("评估（" + tipStr + "）重复添加");
+							return;
+						} else {
+							apiTask
+								.addTask({
+									courseId: state.assessmentId,
+									name: state.assessmentName,
+									projectId: props.projectId,
+									projectTaskId: props.projectTaskId || 0,
+									stageId: props.chooseStageId || 0,
+									type: 11,
+								})
+								.then(() => {
+									message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+									ctx.emit("changeData", false);
+									closeDrawer();
+								})
+								.catch(() => {
+									message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+								});
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			} else if (props.isLevel == 3) {
+				IsExistenceProjectTemplate({
+					courseTaskId: l_data_id,
+					projectTemplateId: props.projectTemplateId,
+					templateStageId: props.chooseStageId || 0,
+					type: 11,
+				}).then((res) => {
+					console.log(res);
+					console.log("项目中是否包含此评估了", res);
+					if (res.data.data.length) {
+						let strdata = res.data.data;
+						let tipStr = "";
+						for (let i = 0; i < strdata.length; i++) {
+							if (i == strdata.length - 1) {
+								tipStr += strdata[i].courseName;
+							} else {
+								tipStr += strdata[i].courseName + "/";
+							}
+						}
+						message.destroy();
+						message.warning("评估（" + tipStr + "）重复添加");
+						return;
+					} else {
+						addTempTask({
+							courseId: state.assessmentId,
+							name: state.assessmentName,
+							projectTemplateId: props.projectTemplateId,
+							projectTaskId: props.projectTaskId || 0,
+							stageId: props.chooseStageId || 0,
+							type: 11,
+						})
+							.then(() => {
+								message.destroy();
+								message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
+								ctx.emit("changeData", false);
+								closeDrawer();
+							})
+							.catch(() => {
+								message.destroy();
+								message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
+							});
+					}
+				});
+			}
+		};
 
-    return {
-      ...toRefs(state),
-      afterVisibleChange,
-      closeDrawer,
-      updateTask,
-      checkAssDrawer,
-    };
-  },
+		return {
+			...toRefs(state),
+			afterVisibleChange,
+			closeDrawer,
+			updateTask,
+			checkAssDrawer,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
-  background-color: #fafafa !important;
+	background-color: #fafafa !important;
 }
+
 .addinvistDrawer {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-    .contentMain {
-      .main {
-        width: 100%;
-        .main_left {
-          padding-right: 30px;
-          margin-top: 32px;
-          .main_item {
-            display: flex;
-            align-items: center;
+	.drawerMain {
+		.header {
+			height: 73px;
+			border-bottom: 1px solid #e8e8e8;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-            .fi_input {
-              margin-right: 20px;
-            }
-            .btns {
-              margin-right: 20px;
-              padding: 0px 26px 0px 26px;
-              height: 38px;
-              background: #4ea6ff;
-              border-radius: 8px;
-              //border: 1px solid rgba(64, 158, 255, 1);
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
-              .search {
-                width: 15px;
-                height: 17px;
-                background-image: url("../../assets/images/courseManage/search0.png");
-                background-size: 100% 100%;
-              }
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: #ffffff;
-                line-height: 36px;
-                margin-left: 5px;
-              }
-            }
-            .btnsn {
-              padding: 0px 26px 0px 26px;
-              height: 38px;
-              background: #ffffff;
-              border-radius: 8px;
-              border: 1px solid rgba(64, 158, 255, 1);
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
-              .search {
-                width: 16px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/reset1.png");
-                background-size: 100% 100%;
-              }
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: #4ea6ff;
-                line-height: 36px;
-                margin-left: 5px;
-              }
-            }
-          }
-          .main_notice {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 3px;
-            height: 40px;
-            background-color: #e9f6fe;
-            .mntc_left {
-              display: flex;
-              align-items: center;
-              .title {
-                color: rgba(0, 0, 0, 0.65);
-                margin-right: 17px;
-              }
-              .data {
-                color: #4ea6ff;
-              }
-              .notice_icon {
-                width: 14px;
-                height: 14px;
-                margin-right: 9px;
-                margin-left: 9px;
-                background-image: url(@/assets/images/coursewareManage/gan.png);
-                background-size: 100% 100%;
-              }
-            }
-            .mntc_right {
-              cursor: pointer;
-            }
-          }
-        }
-      }
-    }
+			.headerTitle {
+				font-size: 18px;
+				font-weight: 600;
+				color: #333333;
+				line-height: 25px;
+				margin-left: 24px;
+			}
+		}
 
-    .main_btns {
-      height: 72px;
-      width: 100%;
+		.contentMain {
+			.main {
+				width: 100%;
 
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-      .btn1 {
-        width: 100px;
-        height: 40px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        color: #4ea6ff;
-        background-color: #fff;
-        cursor: pointer;
-      }
-      .btn2 {
-        cursor: pointer;
-        width: 100px;
-        height: 40px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 0;
-        margin-left: 15px;
-        color: #fff;
-      }
-    }
-  }
+				.main_left {
+					padding-right: 30px;
+					margin-top: 32px;
+
+					.main_item {
+						display: flex;
+						align-items: center;
+
+						.fi_input {
+							margin-right: 20px;
+						}
+
+						.btns {
+							margin-right: 20px;
+							padding: 0px 26px 0px 26px;
+							height: 38px;
+							background: #4ea6ff;
+							border-radius: 8px;
+							//border: 1px solid rgba(64, 158, 255, 1);
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							margin-right: 14px;
+							flex-shrink: 0;
+							cursor: pointer;
+
+							.search {
+								width: 15px;
+								height: 17px;
+								background-image: url("../../assets/images/courseManage/search0.png");
+								background-size: 100% 100%;
+							}
+
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								color: #ffffff;
+								line-height: 36px;
+								margin-left: 5px;
+							}
+						}
+
+						.btnsn {
+							padding: 0px 26px 0px 26px;
+							height: 38px;
+							background: #ffffff;
+							border-radius: 8px;
+							border: 1px solid rgba(64, 158, 255, 1);
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							margin-right: 14px;
+							flex-shrink: 0;
+							cursor: pointer;
+
+							.search {
+								width: 16px;
+								height: 18px;
+								background-image: url("../../assets/images/courseManage/reset1.png");
+								background-size: 100% 100%;
+							}
+
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								color: #4ea6ff;
+								line-height: 36px;
+								margin-left: 5px;
+							}
+						}
+					}
+
+					.main_notice {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						margin-bottom: 3px;
+						height: 40px;
+						background-color: #e9f6fe;
+
+						.mntc_left {
+							display: flex;
+							align-items: center;
+
+							.title {
+								color: rgba(0, 0, 0, 0.65);
+								margin-right: 17px;
+							}
+
+							.data {
+								color: #4ea6ff;
+							}
+
+							.notice_icon {
+								width: 14px;
+								height: 14px;
+								margin-right: 9px;
+								margin-left: 9px;
+								background-image: url(@/assets/images/coursewareManage/gan.png);
+								background-size: 100% 100%;
+							}
+						}
+
+						.mntc_right {
+							cursor: pointer;
+						}
+					}
+				}
+			}
+		}
+
+		.main_btns {
+			height: 72px;
+			width: 100%;
+
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+			.btn1 {
+				width: 100px;
+				height: 40px;
+				border: 1px solid #4ea6ff;
+				border-radius: 8px;
+				color: #4ea6ff;
+				background-color: #fff;
+				cursor: pointer;
+			}
+
+			.btn2 {
+				cursor: pointer;
+				width: 100px;
+				height: 40px;
+				background: #4ea6ff;
+				border-radius: 8px;
+				border: 0;
+				margin-left: 15px;
+				color: #fff;
+			}
+		}
+	}
 }
 </style>

From dd3a40320cb82ef787bfdf545ddb81a5a2837218 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Tue, 20 Dec 2022 12:27:32 +0800
Subject: [PATCH 5/5] =?UTF-8?q?fix:=E9=99=84=E4=BB=B6=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E7=99=BD=E5=B1=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courselibrary/components/seeModal.vue     | 1593 ++++++++---------
 1 file changed, 768 insertions(+), 825 deletions(-)

diff --git a/src/views/courselibrary/components/seeModal.vue b/src/views/courselibrary/components/seeModal.vue
index 1d9971d6..877cb44f 100644
--- a/src/views/courselibrary/components/seeModal.vue
+++ b/src/views/courselibrary/components/seeModal.vue
@@ -1,214 +1,154 @@
 <!-- 课件管理页面 -->
 <template>
-  <!-- 预览弹窗 -->
-  <a-modal
-    :visible="visible"
-    title="查看"
-    :footer="null"
-    :closable="false"
-    wrapClassName="modalStyle lookCourseModal"
-    width="80%"
-    @cancel="handleCancel"
-    @ok="handleCancel"
-  >
-    <div class="modalHeader">
-      <div class="headerLeft">
-        <img
-          style="width: 17px; height: 18px; margin-right: 8px"
-          src="@/assets/images/basicinfo/add.png"
-        />
-        <span class="headerLeftText">预览</span>
-      </div>
-      <div style="margin-right: 57px; cursor: pointer">
-        <img
-          @click="handleCancel"
-          style="width: 22px; height: 22px"
-          src="@/assets/images/basicinfo/close22.png"
-        />
-      </div>
-    </div>
-    <div class="modalMain">
-      <div class="faceteach">
-        <div class="ft_main">
-          <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="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">课程名称：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.name) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items2">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">封面图：</span>
-                </div>
-                <img
-                  :src="detail.picUrl"
-                  alt="img"
-                  style="width: 100px; height: 100px"
-                />
-              </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="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">目标人群：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.targetUser) }}
-                  </div>
-                </div>
-              </div>
-              <div v-if="detail.meaning" class="mbl_items2">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">课程价值：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    {{ filterTxt(detail.meaning) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items">
-                <div class="item_nam">
-                  <div class="asterisk_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt="img"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">内容分类：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="select i6_input">
-                    {{ filterClassTxt(detail.categoryId) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items" v-if="detail.sceneId">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">场景：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="select i7_input">
-                    {{ filterSenceTxt(detail.sceneId) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items" v-if="detail.tips">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">内容标签：</span>
-                </div>
-                <div class="item_inp">
-                  {{ filterTxt(detail.tips) }}
-                </div>
-              </div>
-            </div>
-            <div class="mb_right">
-              <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">
-                    {{ filterTxt(detail.teacher) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items2" v-if="detail.intro">
-                <div class="item_nam">
-                  <span style="margin-right: 14px">课程简介：</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i10_textarea">
-                    {{ filterTxt(detail.intro) }}
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items12">
-                <div
-                  class="i12_box1"
-                  style="position: relative"
-                  v-for="(item, index) in detail.attach"
-                  :key="index"
-                >
-                  <div class="file_img">
-                    <img
-                      v-if="
-                        item.indexOf('jpg') !== -1 ||
-                        item.indexOf('jpeg') !== -1 ||
-                        item.indexOf('png') !== -1
-                      "
-                      src="@/assets/images/coursewareManage/pngpic.png"
-                    />
-                    <div v-else>
-                      <img
-                        v-if="item.indexOf('doc') !== -1"
-                        src="@/assets/images/coursewareManage/docpic.png"
-                      />
-                      <div v-else>
-                        <img
-                          v-if="item.indexOf('xls') !== -1"
-                          src="@/assets/images/coursewareManage/xlspic.png"
-                        />
-                        <div v-else>
-                          <img
-                            v-if="item.indexOf('ppt') !== -1"
-                            src="@/assets/images/coursewareManage/pptpic.png"
-                          />
-                          <div v-else>
-                            <img
-                              v-if="item.indexOf('pdf') !== -1"
-                              src="@/assets/images/coursewareManage/pdfpic.png"
-                            />
-                            <div v-else>
-                              <img
-                                v-if="item.indexOf('zip') !== -1"
-                                src="@/assets/images/coursewareManage/zippic.png"
-                              />
-                              <img
-                                v-else
-                                src="@/assets/images/coursewareManage/docpic.png"
-                              />
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="file_detail">
-                    <div class="file_name">
-                      <!-- http://111.231.196.214:12016/7.231.196.214:12016/7-1670486854017.jpg -->
-                      <span
-                        style="
+	<!-- 预览弹窗 -->
+	<a-modal :visible="visible" title="查看" :footer="null" :closable="false" wrapClassName="modalStyle lookCourseModal"
+		width="80%" @cancel="handleCancel" @ok="handleCancel">
+		<div class="modalHeader">
+			<div class="headerLeft">
+				<img style="width: 17px; height: 18px; margin-right: 8px" src="@/assets/images/basicinfo/add.png" />
+				<span class="headerLeftText">预览</span>
+			</div>
+			<div style="margin-right: 57px; cursor: pointer">
+				<img @click="handleCancel" style="width: 22px; height: 22px" src="@/assets/images/basicinfo/close22.png" />
+			</div>
+		</div>
+		<div class="modalMain">
+			<div class="faceteach">
+				<div class="ft_main">
+					<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="img" />
+									</div>
+									<span style="margin-right: 14px">课程名称：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.name) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items2">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="img" />
+									</div>
+									<span style="margin-right: 14px">封面图：</span>
+								</div>
+								<img :src="detail.picUrl" alt="img" style="width: 100px; height: 100px" />
+							</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="img" />
+									</div>
+									<span style="margin-right: 14px">目标人群：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.targetUser) }}
+									</div>
+								</div>
+							</div>
+							<div v-if="detail.meaning" class="mbl_items2">
+								<div class="item_nam">
+									<span style="margin-right: 14px">课程价值：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										{{ filterTxt(detail.meaning) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="img" />
+									</div>
+									<span style="margin-right: 14px">内容分类：</span>
+								</div>
+								<div class="item_inp">
+									<div class="select i6_input">
+										{{ filterClassTxt(detail.categoryId) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items" v-if="detail.sceneId">
+								<div class="item_nam">
+									<span style="margin-right: 14px">场景：</span>
+								</div>
+								<div class="item_inp">
+									<div class="select i7_input">
+										{{ filterSenceTxt(detail.sceneId) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items" v-if="detail.tips">
+								<div class="item_nam">
+									<span style="margin-right: 14px">内容标签：</span>
+								</div>
+								<div class="item_inp">
+									{{ filterTxt(detail.tips) }}
+								</div>
+							</div>
+						</div>
+						<div class="mb_right">
+							<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">
+										{{ filterTxt(detail.teacher) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items2" v-if="detail.intro">
+								<div class="item_nam">
+									<span style="margin-right: 14px">课程简介：</span>
+								</div>
+								<div class="item_inp">
+									<div class="i10_textarea">
+										{{ filterTxt(detail.intro) }}
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items12">
+								<div class="i12_box1" style="position: relative" v-for="(item, index) in detail.attach" :key="index">
+									<div class="file_img">
+										<img v-if="
+											item.indexOf('jpg') !== -1 ||
+											item.indexOf('jpeg') !== -1 ||
+											item.indexOf('png') !== -1
+										" src="@/assets/images/coursewareManage/pngpic.png" />
+										<div v-else>
+											<img v-if="item.indexOf('doc') !== -1" src="@/assets/images/coursewareManage/docpic.png" />
+											<div v-else>
+												<img v-if="item.indexOf('xls') !== -1" src="@/assets/images/coursewareManage/xlspic.png" />
+												<div v-else>
+													<img v-if="item.indexOf('ppt') !== -1" src="@/assets/images/coursewareManage/pptpic.png" />
+													<div v-else>
+														<img v-if="item.indexOf('pdf') !== -1" src="@/assets/images/coursewareManage/pdfpic.png" />
+														<div v-else>
+															<img v-if="item.indexOf('zip') !== -1"
+																src="@/assets/images/coursewareManage/zippic.png" />
+															<img v-else src="@/assets/images/coursewareManage/docpic.png" />
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="file_detail">
+										<div class="file_name">
+											<!-- http://111.231.196.214:12016/7.231.196.214:12016/7-1670486854017.jpg -->
+											<span style="
                           color: #6f6f6f;
                           width: 200px;
                           display: block;
@@ -218,692 +158,695 @@
                           position: absolute;
                           top: 4px;
                           left: 72px;
-                        "
-                      >
-                        {{
-                          item.indexOf("-") !== -1
-                            ? item.slice(
-                                item.lastIndexOf("/") + 1,
-                                item.lastIndexOf("-")
-                              ) + item.slice(item.lastIndexOf("."))
-                            : item
-                        }}
-                      </span>
-                    </div>
+                        ">
+												{{
+														item.indexOf("-") !== -1
+															? item.slice(
+																item.lastIndexOf("/") + 1,
+																item.lastIndexOf("-")
+															) + item.slice(item.lastIndexOf("."))
+															: item
+												}}
+											</span>
+										</div>
 
-                    <div class="file_updata">
-                      <div class="updatabox">
-                        <div class="updatacolor"></div>
-                        <div class="updataxq" style="right: -62px">
-                          上传完成
-                        </div>
-                      </div>
-                      <div class="upjd">
-                        <span style="margin: auto 5px">100%</span>
-                      </div>
-                    </div>
-                  </div>
-                  <a :href="item" style="margin-left: 5px">下载</a>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="m_footer" v-if="detail.outline !== '<p><br></p>'">
-            <div class="fotnam">
-              <span>课程大纲</span>
-            </div>
-            <div class="fotarea">
-              <div style="border: 1px solid #ccc">
-                <div v-html="detail.outline" />
-              </div>
-            </div>
-          </div>
-          <div class="m_btn">
-            <div class="btn btn6" @click="handleCancel">
-              <div class="btnText">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </a-modal>
+										<div class="file_updata">
+											<div class="updatabox">
+												<div class="updatacolor"></div>
+												<div class="updataxq" style="right: -62px">
+													上传完成
+												</div>
+											</div>
+											<div class="upjd">
+												<span style="margin: auto 5px">100%</span>
+											</div>
+										</div>
+									</div>
+									<a :href="item.indexOf('http') !== -1 ? item : locationHref + item" style="margin-left: 5px">下载</a>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="m_footer" v-if="detail.outline !== '<p><br></p>'">
+						<div class="fotnam">
+							<span>课程大纲</span>
+						</div>
+						<div class="fotarea">
+							<div style="border: 1px solid #ccc">
+								<div v-html="detail.outline" />
+							</div>
+						</div>
+					</div>
+					<div class="m_btn">
+						<div class="btn btn6" @click="handleCancel">
+							<div class="btnText">确定</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</a-modal>
 </template>
 <script>
 import { reactive, toRefs, defineComponent, ref } from "vue";
 import * as api1 from "../../../api/index1";
 
 export default defineComponent({
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    detail: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  setup(props, { emit }) {
-    console.log("props", props);
-    const state = reactive({
-      imgList: [],
-      options2222: [
-        {
-          title: "领导力",
-          value: "100",
-          selectable: false,
-          children: [
-            {
-              title: "领导业务",
-              value: "1001",
-            },
-            {
-              title: "领导团队",
-              value: "1002",
-            },
-            {
-              title: "领导自我",
-              value: "1003",
-            },
-          ],
-        },
-        {
-          title: "专业力",
-          value: "200",
-          selectable: false,
-          children: [
-            {
-              title: "研发",
-              value: "2001",
-            },
-            {
-              title: "产品和解决方案",
-              value: "2002",
-            },
-            {
-              title: "生产技术与制造",
-              value: "2003",
-            },
-            {
-              title: "供应链",
-              value: "2004",
-            },
-            {
-              title: "营销",
-              value: "2005",
-            },
-            {
-              title: "品质",
-              value: "2006",
-            },
-            {
-              title: "战略与企划",
-              value: "2007",
-            },
-            {
-              title: "流程管理",
-              value: "2008",
-            },
-            {
-              title: "业绩管理",
-              value: "2009",
-            },
-            {
-              title: "项目管理",
-              value: "20010",
-            },
-            {
-              title: "信息技术",
-              value: "20011",
-            },
-            {
-              title: "环境与安全",
-              value: "20012",
-            },
-            {
-              title: "人力资源",
-              value: "20013",
-            },
-            {
-              title: "企业文化",
-              value: "20014",
-            },
-            {
-              title: "品牌",
-              value: "20015",
-            },
-            {
-              title: "财务",
-              value: "20016",
-            },
-            {
-              title: "法务",
-              value: "20017",
-            },
-            {
-              title: "行政",
-              value: "20018",
-            },
-            {
-              title: "医工",
-              value: "20019",
-            },
-          ],
-        },
-        {
-          title: "通用力",
-          value: "300",
-          selectable: false,
-          children: [
-            {
-              title: "职业操守与道德",
-              value: "3001",
-            },
-            {
-              title: "职业素养与技能",
-              value: "3002",
-            },
-            {
-              title: "规章制度",
-              value: "3003",
-            },
-          ],
-        },
-      ],
-      ceshi: "https://u-pre.boe.com/upload/测试下载ppt2-1671002026755.pptx",
-      ceshi2: "http://111.231.196.214:12016/测试下载ppt3-1671001683026.pptx",
-    });
+	props: {
+		visible: {
+			type: Boolean,
+			default: false,
+		},
+		detail: {
+			type: Object,
+			default: () => { },
+		},
+	},
+	setup(props, { emit }) {
+		console.log("props", props);
+		const state = reactive({
+			imgList: [],
+			options2222: [
+				{
+					title: "领导力",
+					value: "100",
+					selectable: false,
+					children: [
+						{
+							title: "领导业务",
+							value: "1001",
+						},
+						{
+							title: "领导团队",
+							value: "1002",
+						},
+						{
+							title: "领导自我",
+							value: "1003",
+						},
+					],
+				},
+				{
+					title: "专业力",
+					value: "200",
+					selectable: false,
+					children: [
+						{
+							title: "研发",
+							value: "2001",
+						},
+						{
+							title: "产品和解决方案",
+							value: "2002",
+						},
+						{
+							title: "生产技术与制造",
+							value: "2003",
+						},
+						{
+							title: "供应链",
+							value: "2004",
+						},
+						{
+							title: "营销",
+							value: "2005",
+						},
+						{
+							title: "品质",
+							value: "2006",
+						},
+						{
+							title: "战略与企划",
+							value: "2007",
+						},
+						{
+							title: "流程管理",
+							value: "2008",
+						},
+						{
+							title: "业绩管理",
+							value: "2009",
+						},
+						{
+							title: "项目管理",
+							value: "20010",
+						},
+						{
+							title: "信息技术",
+							value: "20011",
+						},
+						{
+							title: "环境与安全",
+							value: "20012",
+						},
+						{
+							title: "人力资源",
+							value: "20013",
+						},
+						{
+							title: "企业文化",
+							value: "20014",
+						},
+						{
+							title: "品牌",
+							value: "20015",
+						},
+						{
+							title: "财务",
+							value: "20016",
+						},
+						{
+							title: "法务",
+							value: "20017",
+						},
+						{
+							title: "行政",
+							value: "20018",
+						},
+						{
+							title: "医工",
+							value: "20019",
+						},
+					],
+				},
+				{
+					title: "通用力",
+					value: "300",
+					selectable: false,
+					children: [
+						{
+							title: "职业操守与道德",
+							value: "3001",
+						},
+						{
+							title: "职业素养与技能",
+							value: "3002",
+						},
+						{
+							title: "规章制度",
+							value: "3003",
+						},
+					],
+				},
+			],
+			ceshi: "https://u-pre.boe.com/upload/测试下载ppt2-1671002026755.pptx",
+			ceshi2: "http://111.231.196.214:12016/测试下载ppt3-1671001683026.pptx",
+			locationHref: location.href.indexOf('http://') !== -1 ? 'http://111.231.196.214:12016/' : location.href.slice(0, location.href.indexOf('/m')) + '/upload/'
+		});
 
-    // item.slice(
-    //                             item.lastIndexOf("/") + 1,
-    //                             item.indexOf("-")
-    //                           ) + item.slice(item.lastIndexOf("."))
-    const filterTxt = (txt) => {
-      if (txt) {
-        return txt;
-      } else {
-        return "-";
-      }
-    };
-    const filterClassTxt = (txt) => {
-      let str = "-";
-      if (txt) {
-        for (let i = 0; i < options2.value.length; i++) {
-          for (let j = 0; j < options2.value[i].children.length; j++) {
-            if (String(options2.value[i].children[j].value) === String(txt)) {
-              str = options2.value[i].children[j].title;
-            }
-          }
-        }
-      }
-      return str;
-    };
-    const filterSenceTxt = (txt) => {
-      let str = "-";
-      if (txt) {
-        options3.value.forEach((item) => {
-          if (item.value === String(txt)) {
-            str = item.label;
-          }
-        });
-      }
-      return str;
-    };
-    const handleCancel = () => {
-      emit("cancel");
-    };
+		// item.slice(
+		//                             item.lastIndexOf("/") + 1,
+		//                             item.indexOf("-")
+		//                           ) + item.slice(item.lastIndexOf("."))
+		const filterTxt = (txt) => {
+			if (txt) {
+				return txt;
+			} else {
+				return "-";
+			}
+		};
+		const filterClassTxt = (txt) => {
+			let str = "-";
+			if (txt) {
+				for (let i = 0; i < options2.value.length; i++) {
+					for (let j = 0; j < options2.value[i].children.length; j++) {
+						if (String(options2.value[i].children[j].value) === String(txt)) {
+							str = options2.value[i].children[j].title;
+						}
+					}
+				}
+			}
+			return str;
+		};
+		const filterSenceTxt = (txt) => {
+			let str = "-";
+			if (txt) {
+				options3.value.forEach((item) => {
+					if (item.value === String(txt)) {
+						str = item.label;
+					}
+				});
+			}
+			return str;
+		};
+		const handleCancel = () => {
+			emit("cancel");
+		};
 
-    //获取分类、场景-----------字典配置-------------------------------
-    const options2 = ref([]);
-    const options3 = ref([]);
-    const getDictList = (param) => {
-      let obj = {
-        pageNo: 1,
-        pageSize: 20,
-        setCode: param,
-      };
-      api1
-        .getDict(obj)
-        .then((res) => {
-          console.log("获取字典成功", res);
-          if (res.data.code === 200) {
-            if (param === "faceclassClass") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
-                });
-              });
-              options2.value = state.options2222;
-            }
-            if (param === "faceclassScene") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
-                });
-              });
-              options3.value = newArr;
-            }
-          }
-        })
-        .catch((err) => {
-          console.log("获取字典失败", err);
-        });
-    };
-    getDictList("faceclassClass");
-    getDictList("faceclassScene");
-    //获取分类、场景----------------字典配置---------------------------
+		//获取分类、场景-----------字典配置-------------------------------
+		const options2 = ref([]);
+		const options3 = ref([]);
+		const getDictList = (param) => {
+			let obj = {
+				pageNo: 1,
+				pageSize: 20,
+				setCode: param,
+			};
+			api1
+				.getDict(obj)
+				.then((res) => {
+					console.log("获取字典成功", res);
+					if (res.data.code === 200) {
+						if (param === "faceclassClass") {
+							let arr = res.data.data.rows;
+							let newArr = [];
+							arr.forEach((item) => {
+								newArr.push({
+									value: item.dictCode,
+									label: item.dictName,
+								});
+							});
+							options2.value = state.options2222;
+						}
+						if (param === "faceclassScene") {
+							let arr = res.data.data.rows;
+							let newArr = [];
+							arr.forEach((item) => {
+								newArr.push({
+									value: item.dictCode,
+									label: item.dictName,
+								});
+							});
+							options3.value = newArr;
+						}
+					}
+				})
+				.catch((err) => {
+					console.log("获取字典失败", err);
+				});
+		};
+		getDictList("faceclassClass");
+		getDictList("faceclassScene");
+		//获取分类、场景----------------字典配置---------------------------
 
-    return {
-      ...toRefs(state),
-      filterTxt,
-      filterClassTxt,
-      filterSenceTxt,
-      handleCancel,
-    };
-  },
+		return {
+			...toRefs(state),
+			filterTxt,
+			filterClassTxt,
+			filterSenceTxt,
+			handleCancel,
+		};
+	},
 });
 </script>
 <style lang="scss">
 .lookCourseModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .modalMain {
-          .m_title {
-            margin-bottom: 20px;
-          }
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .m_body {
-            display: flex;
-            flex-wrap: wrap;
+				.modalMain {
+					.m_title {
+						margin-bottom: 20px;
+					}
 
-            .mb_left {
-              width: 50%;
+					.m_body {
+						display: flex;
+						flex-wrap: wrap;
 
-              .mbl_items {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_left {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: center;
+								justify-content: flex-end;
+								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: 398px;
-                    top: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .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 {
-                    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 {
+										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;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items12 {
-                width: 440px;
-                margin-left: 100px;
+									.inp_num {
+										position: absolute;
+										left: 395px;
+										bottom: 10px;
+									}
+								}
+							}
 
-                .i12_box1 {
-                  display: flex;
-                  align-items: center;
-                  padding: 17px 0px 17px 21px;
-                  border: 1px solid #eff4fc;
-                  border-radius: 8px;
-                  margin-bottom: 10px;
+							.mbl_items12 {
+								width: 440px;
+								margin-left: 100px;
 
-                  .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: -62px;
-                          top: -30px;
-                          color: #57c887;
-                        }
+												.updatacolor3 {
+													position: absolute;
+													left: 0;
+													width: 60%;
+													height: 5px;
+													background-color: #4ea6ff;
+													border-radius: 3px;
+												}
 
-                        .updataxq2 {
-                          position: absolute;
-                          right: -62px;
-                          top: -30px;
-                          color: #ff7474;
-                        }
+												.updataxq {
+													position: absolute;
+													right: -62px;
+													top: -30px;
+													color: #57c887;
+												}
 
-                        .updataxq3 {
-                          position: absolute;
-                          right: -62px;
-                          top: -30px;
-                          color: #4ea6ff;
-                        }
-                      }
-                    }
-                  }
+												.updataxq2 {
+													position: absolute;
+													right: -62px;
+													top: -30px;
+													color: #ff7474;
+												}
 
-                  .file_operation {
-                    display: flex;
+												.updataxq3 {
+													position: absolute;
+													right: -62px;
+													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;
-              img {
-                max-width: 100%;
-              }
-              .fuwenben {
-                width: 90%;
-                height: 20px;
-                background-color: rgb(95, 95, 95);
-                position: absolute;
-                left: 50%;
-                transform: translate(-50%, 0);
-                top: 3px;
-                z-index: 9999;
-              }
-            }
-          }
+						.fotnam {
+							width: 100px;
+							display: flex;
+							justify-content: end;
+							padding-right: 15px;
+						}
 
-          .m_btn {
-            width: 100%;
-            margin-top: 25px;
-            margin-bottom: 20px;
-            display: flex;
-            justify-content: center;
-            align-content: center;
+						.fotarea {
+							width: calc(100% - 150px);
+							position: relative;
 
-            .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;
+							img {
+								max-width: 100%;
+							}
 
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
+							.fuwenben {
+								width: 90%;
+								height: 20px;
+								background-color: rgb(95, 95, 95);
+								position: absolute;
+								left: 50%;
+								transform: translate(-50%, 0);
+								top: 3px;
+								z-index: 9999;
+							}
+						}
+					}
 
-            .btn5 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
+					.m_btn {
+						width: 100%;
+						margin-top: 25px;
+						margin-bottom: 20px;
+						display: flex;
+						justify-content: center;
+						align-content: center;
 
-            .btn6 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
+						.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;
+
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								line-height: 40px;
+							}
+						}
+
+						.btn5 {
+							border: 1px solid rgba(64, 158, 255, 1);
+							color: #4ea6ff;
+						}
+
+						.btn6 {
+							background-color: #4ea6ff;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
 }
 </style>