From a01686ffe34ff24ad62259d7c58119afc60e5fb4 Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Sun, 20 Nov 2022 18:08:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E5=AD=A6=E4=B9=A0?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84=E5=8F=8A=E9=A1=B9=E7=9B=AE=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=E7=9A=84=E7=BB=9F=E8=AE=A1,=E5=A2=9E=E5=8A=A0=E7=BB=84?=
 =?UTF-8?q?=E7=BB=87=E6=A0=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                               |   19 +-
 src/api/index.js                          |   12 +-
 src/api/index1.js                         |   11 +-
 src/api/method.js                         |  204 +--
 src/components/drawers/UnlockMode.vue     |   80 +-
 src/store/index.js                        |   25 +-
 src/views/learningpath/LearningPath.vue   |  200 +--
 src/views/learningpath/LevelAddDetail.vue | 1528 +++++++++++----------
 src/views/projectcenter/ProjectAdd.vue    |   80 +-
 src/views/projectcenter/ProjectManage.vue |   79 +-
 src/views/projectcenter/TaskAdd.vue       |   68 +-
 src/views/system/SystemManage.vue         |  268 ++--
 12 files changed, 1312 insertions(+), 1262 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7ab55e6d..f3620e3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,11 +18,13 @@
 <script>
 import { computed, defineComponent } from "vue";
 import { useRouter, useRoute } from "vue-router";
+import { useStore } from "vuex";
 import NavLeft from "@/components/NavLeft";
 import NavTop from "@/components/NavTop";
 import OpenPages from "@/components/OpenPages";
 import BreadCrumb from "@/components/BreadCrumb";
 import zhCN from "ant-design-vue/es/locale/zh_CN";
+import * as api from "./api/index1";
 export default defineComponent({
   components: {
     NavLeft,
@@ -33,13 +35,28 @@ export default defineComponent({
   setup() {
     const router = useRouter();
     const route = useRoute();
+    const store = useStore();
     // console.log("router", router.getRoutes(), route);
     const routes = computed(() => {
       return router.getRoutes().filter((e) => e.meta?.isLink);
     });
 
     const currentRouteName = computed(() => route.name);
-
+    //获取组织树
+    const orgTree = () => {
+      api
+        .orgtree()
+        .then((res) => {
+          console.log("获取集团组织成功", res);
+          if (res.status === 200) {
+            store.commit("getOrgtreeList", res.data.data);
+          }
+        })
+        .catch((err) => {
+          console.log("获取集团组织失败", err);
+        });
+    };
+    orgTree();
     return {
       routes,
       name: currentRouteName,
diff --git a/src/api/index.js b/src/api/index.js
index 1bfecc7f..919f540b 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-07 17:06:45
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-15 16:43:26
+ * @LastEditTime: 2022-11-20 17:45:37
  * @FilePath: /fe-manage/src/api/index.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -54,9 +54,9 @@ export const getProjectList = (obj) => http.post('/admin/project/list', obj)
 // 获取项目详情信息（包含阶段及任务列表）
 export const getProjectDetail = (obj) => http.get('/admin/project/detail', { params: obj })
 //发布项目
-export const releaseProject=(obj)=>http.post('/admin/project/publish',obj)
+export const releaseProject = (obj) => http.post('/admin/project/publish', obj)
 //获取项目学员
-export const projectStudent=(obj)=>http.post('/admin/project/studentList',obj)
+export const projectStudent = (obj) => http.post('/admin/project/studentList', obj)
 //撤回发布、结束
 export const handleProject = (obj) => http.post('/admin/project/handle', obj)
 
@@ -65,7 +65,9 @@ export const taskStudentList = (obj) => http.post('/admin/project/taskStudentLis
 
 
 //获取讨论信息
-export const getDiscussDetail=(obj)=>http.post('/discuss/getDiscussDetail',obj)
+export const getDiscussDetail = (obj) => http.post('/discuss/getDiscussDetail', obj)
 
 //获取模版列表
-export const getTemplate=(obj)=>http.post('/admin/project/template/list',obj)
+export const getTemplate = (obj) => http.post('/admin/project/template/list', obj)
+//获取项目统计
+export const getProjectCount = (projectId) => http.get('/admin/project/projectCount', { params: { projectId: projectId } })
\ No newline at end of file
diff --git a/src/api/index1.js b/src/api/index1.js
index e803b202..2efd8ca7 100644
--- a/src/api/index1.js
+++ b/src/api/index1.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-04 22:45:31
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-18 14:24:33
+ * @LastEditTime: 2022-11-20 15:39:38
  * @FilePath: /fe-manage/src/api/index1.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -53,7 +53,8 @@ export const createLearnPath = (obj) => http.post('/admin/router/edit', obj);
 export const getLearnPath = (obj) => http.post('/admin/router/list', obj);
 //学习路径图的发布、停用、删除
 export const handleLearnPath = (obj) => http.post('/admin/router/handle', obj);
-
+//获取路径图统计数据
+export const getLearnCount = (routerId) => http.get('/admin/router/getCount', { params: { routerId: routerId } })
 //获取关卡
 export const getChapter = (obj) => http.post('/admin/router/detail', { params: obj });
 
@@ -83,6 +84,12 @@ export const scoreRank = (obj) => http.post('/admin/project/scoreRank', obj);
 export const billboard = (obj) => http.post('/admin/project/billboard', obj);
 //项目基础信息-----------------------------------
 
+
+// 获取组织结构树
+export const orgtree = () => http.get('/org/tree');
+
+
+
 // 测试方法
 // import * as api from '../../api/index'
 // api.getLearnPath({}).then(res => {
diff --git a/src/api/method.js b/src/api/method.js
index 4fb3d4ff..e9d7a28d 100644
--- a/src/api/method.js
+++ b/src/api/method.js
@@ -162,211 +162,13 @@ function autoComma(number) {
 		return 0;
 	}
 }
-const commonData={
-	timeout:50
+const commonData = {
+	timeout: 50
 }
 
 
 //组织树
-const  organizationalTree= [
-	{
-		title: "京东方",
-		value: "京东方",
-		children: [
-			{
-				title: "产研部",
-				value: "产研部",
-				children: [
-					{
-						title: "产品部",
-						value: "产品部",
-					},
-					{
-						title: "研究部",
-						value: "研究部",
-					},
-					{
-						title: "研究部2",
-						value: "研究部2",
-					},
-					{
-						title: "研究3",
-						value: "研究3",
-					},
-					{
-						title: "研究4",
-						value: "研究4",
-					},
-					{
-						title: "研究部5",
-						value: "研究部5",
-					},
-					{
-						title: "研究部6",
-						value: "研究部6",
-					},
-					{
-						title: "研究部7",
-						value: "研究部7",
-					},
-					{
-						title: "研究部8",
-						value: "研究部8",
-					},
-					{
-						title: "研究部9",
-						value: "研究部9",
-					},
-				],
-			},
-			{
-				title: "二级标题",
-				value: "二级标题",
-				children: [
-					{
-						title: "三级标题",
-						value: "三级标题",
-						children: [
-							{
-								title: "四级标题",
-								value: "四级标题",
-								children: [
-									{
-										title: "五级标题",
-										value: "五级标题",
-										children: [
-											{
-												title: "六级标题",
-												value: "六级标题",
-												children: [
-													{
-														title: "七级标题",
-														value: "七级标题",
-														children: [
-															{
-																title: "八级标题",
-																value: "八级标题",
-																children: [
-																	{
-																		title: "九级标题",
-																		value: "九级标题",
-																		children: [
-																			{
-																				title: "十级标题",
-																				value: "十级标题",
-																				children: [
-																					{
-																						title: "十一级标题",
-																						value: "十一级标题",
-																						children: [
-																							{
-																								title: "十二级标题",
-																								value: "十二级标题",
-																								children: [
-																									{
-																										title:
-																											"十三级标题十三级标题十三级标题十三级标题",
-																										value: "十三级标题",
-																										children: [
-																											{
-																												title:
-																													"十四级标题",
-																												value:
-																													"十四级标题",
-																												children: [
-																													{
-																														title:
-																															"十五级标题",
-																														value:
-																															"十五级标题",
-																														children: [
-																															{
-																																title:
-																																	"十六级标题",
-																																value:
-																																	"十六级标题",
-																																children:
-																																	[
-																																		{
-																																			title:
-																																				"十七级标题",
-																																			value:
-																																				"十七级标题",
-																																			children:
-																																				[
-																																					{
-																																						title:
-																																							"十八级标题",
-																																						value:
-																																							"十八级标题",
-																																						children:
-																																							[
-																																								{
-																																									title:
-																																										"十九级标题",
-																																									value:
-																																										"十九级标题",
-																																									children:
-																																										[
-																																											{
-																																												title:
-																																													"二十级标题二十级标题",
-																																												value:
-																																													"二十级标题二十级标题",
-																																											},
-																																										],
-																																								},
-																																							],
-																																					},
-																																				],
-																																		},
-																																	],
-																															},
-																														],
-																													},
-																												],
-																											},
-																										],
-																									},
-																								],
-																							},
-																						],
-																					},
-																				],
-																			},
-																		],
-																	},
-																],
-															},
-														],
-													},
-												],
-											},
-										],
-									},
-								],
-							},
-						],
-					},
-				],
-			},
-			{
-				title: "人力资源部",
-				value: "人力资源部",
-				children: [
-					{
-						title: "人事部",
-						value: "人事部",
-					},
-					{
-						title: "行政部",
-						value: "行政部",
-					},
-				],
-			},
-		],
-	},
-]
+const organizationalTree = []
 export {
 	toDate,
 	getWeek,
diff --git a/src/components/drawers/UnlockMode.vue b/src/components/drawers/UnlockMode.vue
index d254d75f..22e5c839 100644
--- a/src/components/drawers/UnlockMode.vue
+++ b/src/components/drawers/UnlockMode.vue
@@ -18,7 +18,7 @@
       <div class="main">
         <div class="classify">
           <div
-            v-for="item, index in classify"
+            v-for="(item, index) in classify"
             :key="index"
             class="classifyItem"
             @click="selectClassify(item)"
@@ -35,28 +35,41 @@
             {{ item.text }}
           </div>
         </div>
-<div v-if="selectClassifyType===1" class="type1">
-  <span style="font-weight: 500">描述：</span><span>不设学习限制，学员可以在任何时间学习</span>
-</div>
-   <div v-if="selectClassifyType===2" class="type1 type2">
-  <div><span style="font-weight: 500">描述：</span><span>辩论、活动、测评、调研、投票按照设置时间</span></div>
-<div class="radio">
-  <span>解锁单元：</span>
-  <a-radio v-model:checked="checked">逐个任务解锁</a-radio>
-</div>
-</div>    
-   <div v-if="selectClassifyType===3" class="type1 type3">
-  <div><span style="font-weight: 500">描述：</span><span>前一个阶段达成目标后解锁下一个阶段</span></div>
-<div class="radio" style="display:flex">
- <div style="margin-top:1px">解锁条件：</div>
-   <a-radio-group v-model:value="radioSelect">
-   <div><a-radio :value="1">逐个任务解锁，完成一个任务后解锁下一个</a-radio></div>
-  <div style="margin-top:24px"> <a-radio :value="2">完成当前阶段所有必修任务解锁下一阶段</a-radio></div>
- 
-  </a-radio-group>
-  
-</div>
-</div>  
+        <div v-if="selectClassifyType === 1" class="type1">
+          <span style="font-weight: 500">描述：</span
+          ><span>不设学习限制，学员可以在任何时间学习</span>
+        </div>
+        <div v-if="selectClassifyType === 2" class="type1 type2">
+          <div>
+            <span style="font-weight: 500">描述：</span
+            ><span>辩论、活动、测评、调研、投票按照设置时间</span>
+          </div>
+          <div class="radio">
+            <span>解锁单元：</span>
+            <a-radio v-model:checked="checked">逐个任务解锁</a-radio>
+          </div>
+        </div>
+        <div v-if="selectClassifyType === 3" class="type1 type3">
+          <div>
+            <span style="font-weight: 500">描述：</span
+            ><span>前一个阶段达成目标后解锁下一个阶段</span>
+          </div>
+          <div class="radio" style="display: flex">
+            <div style="margin-top: 1px">解锁条件：</div>
+            <a-radio-group v-model:value="radioSelect">
+              <div>
+                <a-radio :value="1"
+                  >逐个任务解锁，完成一个任务后解锁下一个</a-radio
+                >
+              </div>
+              <div style="margin-top: 24px">
+                <a-radio :value="2"
+                  >完成当前阶段所有必修任务解锁下一阶段</a-radio
+                >
+              </div>
+            </a-radio-group>
+          </div>
+        </div>
       </div>
       <div class="btnn">
         <button class="btn1">取消</button>
@@ -92,11 +105,14 @@ export default {
           text: "闯关模式",
         },
       ],
-      selectClassifyType: 3,
-      checked:true,
-      radioSelect:1,
+      selectClassifyType: 1,
+      checked: true,
+      radioSelect: 1,
     });
     const closeDrawer = () => {
+      state.selectClassifyType = 1;
+      state.checked = true;
+      state.radioSelect = 1;
       ctx.emit("update:unlockModeVisible", false);
     };
 
@@ -163,14 +179,14 @@ export default {
           cursor: pointer;
         }
       }
-      .type1{
+      .type1 {
         margin-top: 50px;
-font-size: 14px;
-font-weight: 400;
-color: #333333;
-line-height: 20px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #333333;
+        line-height: 20px;
       }
-      .radio{
+      .radio {
         margin-top: 24px;
       }
     }
diff --git a/src/store/index.js b/src/store/index.js
index e58b00ac..fbdb9ea0 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,3 +1,11 @@
+/*
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-09 09:26:26
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2022-11-20 16:06:52
+ * @FilePath: /fe-manage/src/store/index.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import { createStore } from "vuex";
 
 export default createStore({
@@ -5,15 +13,17 @@ export default createStore({
     openpages: localStorage.getItem("openpages")
       ? JSON.parse(localStorage.getItem("openpages"))
       : [
-          {
-            pagename: "学习路径",
-            href: "/learningpath",
-            active: true,
-          },
-        ],
+        {
+          pagename: "学习路径",
+          href: "/learningpath",
+          active: true,
+        },
+      ],
 
     assessmentName: "",
     routerId: null,
+
+    orgtreeList: [],
   },
   getters: {},
   mutations: {
@@ -31,6 +41,9 @@ export default createStore({
       console.log("state.assessmentName");
       console.log(state.assessmentName);
     },
+    getOrgtreeList(state, orgtreeList) {
+      state.orgtreeList = orgtreeList;
+    }
   },
   actions: {},
   modules: {},
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index d59acb71..7e7a1fed 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -118,7 +118,7 @@
     <a-modal
       :closable="sh"
       centered="true"
-    v-model:visible="out"
+      v-model:visible="out"
       :footer="null"
       wrapClassName="CreatePath"
     >
@@ -194,7 +194,7 @@
             <img class="im" src="../../assets/px.jpg" /> -->
               <div
                 @click="chooseImg(item)"
-                v-for="item,index in imgData"
+                v-for="(item, index) in imgData"
                 :key="item.key"
                 class="learnBgItem"
                 :style="{
@@ -203,10 +203,14 @@
                       ? '2px solid rgba(78, 166, 255, 1)'
                       : '1px solid #C7CBD2',
                   'background-image': 'url(' + item.source + ')',
-                   display:index>=5?'none':'flex'
+                  display: index >= 5 ? 'none' : 'flex',
                 }"
               ></div>
-              <div @click="showLearnBgMore" v-if="imgData.length > 5" class="learnBgItem learnBgMore">
+              <div
+                @click="showLearnBgMore"
+                v-if="imgData.length > 5"
+                class="learnBgItem learnBgMore"
+              >
                 查看更多 <img src="../../assets/images/projectadd/go.png" />
               </div>
             </div>
@@ -313,7 +317,7 @@
             <img class="im" src="../../assets/px.jpg" /> -->
               <div
                 @click="chooseImg2(item)"
-                v-for="(item,index) in imgData"
+                v-for="(item, index) in imgData"
                 :key="item.key"
                 class="learnBgItem"
                 :style="{
@@ -322,12 +326,16 @@
                       ? '2px solid rgba(78, 166, 255, 1)'
                       : '1px solid #ccc',
                   'background-image': 'url(' + item.source + ')',
-                  display:index>=5?'none':'flex'
+                  display: index >= 5 ? 'none' : 'flex',
                 }"
               >
                 <!-- <img class="im" :src="item.source" /> -->
               </div>
-               <div @click="showLearnBgMore" v-if="imgData.length > 5" class="learnBgItem learnBgMore">
+              <div
+                @click="showLearnBgMore"
+                v-if="imgData.length > 5"
+                class="learnBgItem learnBgMore"
+              >
                 查看更多 <img src="../../assets/images/projectadd/go.png" />
               </div>
             </div>
@@ -392,7 +400,9 @@
         <div class="projectbox">
           <div class="promessage">
             <div class="messageme">路径信息</div>
-            <div class="messagege">当前路径共0个关卡，0个任务</div>
+            <div class="messagege">
+              当前路径共{{ routeChapters }}个关卡，{{ routeTasks }}个任务
+            </div>
           </div>
           <div class="stumessage">
             <div class="messageme1">学员信息</div>
@@ -618,13 +628,11 @@
           >
             <!-- <img class="im" :src="item.source" /> -->
           </div>
-
-          
         </div>
         <div class="btn">
-            <button class="samtn btn1" @click="closeLearnBgMore">取消</button>
-            <button class="samtn btn2" @click="closeLearnBgMore">确定</button>
-          </div>
+          <button class="samtn btn1" @click="closeLearnBgMore">取消</button>
+          <button class="samtn btn2" @click="closeLearnBgMore">确定</button>
+        </div>
       </div>
     </a-modal>
   </div>
@@ -695,7 +703,8 @@ export default {
         {
           id: 7,
           source: require("../../assets/images/leveladd/2.png"),
-        }, {
+        },
+        {
           id: 5,
           source: require("../../assets/images/leveladd/3.png"),
         },
@@ -706,7 +715,8 @@ export default {
         {
           id: 7,
           source: require("../../assets/images/leveladd/2.png"),
-        }, {
+        },
+        {
           id: 5,
           source: require("../../assets/images/leveladd/3.png"),
         },
@@ -717,7 +727,8 @@ export default {
         {
           id: 7,
           source: require("../../assets/images/leveladd/2.png"),
-        }, {
+        },
+        {
           id: 5,
           source: require("../../assets/images/leveladd/3.png"),
         },
@@ -728,7 +739,8 @@ export default {
         {
           id: 7,
           source: require("../../assets/images/leveladd/2.png"),
-        }, {
+        },
+        {
           id: 5,
           source: require("../../assets/images/leveladd/3.png"),
         },
@@ -739,7 +751,8 @@ export default {
         {
           id: 7,
           source: require("../../assets/images/leveladd/2.png"),
-        }, {
+        },
+        {
           id: 5,
           source: require("../../assets/images/leveladd/3.png"),
         },
@@ -836,7 +849,9 @@ export default {
       endTime: null, //结束时间
       //发布---------------
       releasePathId: null, //发布路径id
-      routeStudentsNum: 0,
+      routeStudentsNum: 0, //学员总数
+      routeChapters: 0, //关卡总数
+      routeTasks: 0, //任务总数
       recallPathId: null, //撤回路径id
       stopPathId: null, //停用路径id
       copyPathId: null, //复制路径iid
@@ -881,32 +896,19 @@ export default {
     const showPub = (routerId) => {
       state.pub = true;
       state.releasePathId = routerId;
-      //获取学员总数
-      let obj = {
-        pageNo: 0,
-        pageSize: 0,
-        routerId: routerId,
-      };
       api
-        .getStudent(obj)
+        .getLearnCount(routerId)
         .then((res) => {
           if (res.status === 200) {
-            // console.log("res", res.data.data);
-            state.routeStudentsNum = res.data.data.total;
+            // console.log("获取关卡、任务、学员统计数据", res.data);
+            state.routeStudentsNum = res.data.students;
+            state.routeChapters = res.data.chapters;
+            state.routeTasks = res.data.tasks;
           }
         })
         .catch((err) => {
           console.log("err", err);
         });
-      //获取学习路径详细信息
-      api
-        .getRouterDetail(routerId)
-        .then((res) => {
-          console.log("学习路径详情", res);
-        })
-        .catch((err) => {
-          console.log("学习路径详情获取错误", err);
-        });
     };
     //确定发布
     const releaseLearnPath = () => {
@@ -1641,6 +1643,7 @@ export default {
       // console.log("执行");
       getLearnPath();
     });
+
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1912,70 +1915,69 @@ export default {
         width: 680px !important;
         height: 528px !important;
         padding: 0 !important;
-       .main{
-        display: flex;
-        flex-direction: column;
-         .top {
-          padding-left: 51px;
-          padding-right: 51px;
-          padding-top: 28px;
+        .main {
           display: flex;
-          align-items: center;
-          justify-content: space-between;
-          cursor: pointer;
-          .topc {
-            font-size: 16px;
-            font-weight: bold;
-            color: #000000;
-            line-height: 36px;
-          }
-        }
-        .imagesBox{
-          display: flex;
-        //  justify-content: space-between;
-        flex-wrap: wrap;
-           padding-left: 51px;
-          padding-right: 39px;
-          margin-top: 20px;
-          height: 350px;
-          overflow-y: auto;
-          .learnBgItem{
-              border-radius: 8px;
-                  width: 136px;
-                  height: 106px;
-                  background-size: 100%;
-                  background-repeat: no-repeat;
-                  margin-bottom: 20px;
-                  margin-right: 10px;
-          }
-
-        }
-         .btn {
-          width: 100%;
-             position: absolute;
-             bottom:30px ;
-              margin-top: 30px;
-              display: flex;
-             justify-content: center;
-              .samtn {
-                width: 100px;
-                height: 40px;
-                font-size: 14px;
-                border: 1px solid #4ea6ff;
-                border-radius: 8px;
-                cursor: pointer;
-              }
-              .btn1 {
-                background-color: #fff;
-                color: #4ea6ff;
-              }
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #fff;
-                margin-left: 16px;
-              }
+          flex-direction: column;
+          .top {
+            padding-left: 51px;
+            padding-right: 51px;
+            padding-top: 28px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            cursor: pointer;
+            .topc {
+              font-size: 16px;
+              font-weight: bold;
+              color: #000000;
+              line-height: 36px;
             }
-       }
+          }
+          .imagesBox {
+            display: flex;
+            //  justify-content: space-between;
+            flex-wrap: wrap;
+            padding-left: 51px;
+            padding-right: 39px;
+            margin-top: 20px;
+            height: 350px;
+            overflow-y: auto;
+            .learnBgItem {
+              border-radius: 8px;
+              width: 136px;
+              height: 106px;
+              background-size: 100%;
+              background-repeat: no-repeat;
+              margin-bottom: 20px;
+              margin-right: 10px;
+            }
+          }
+          .btn {
+            width: 100%;
+            position: absolute;
+            bottom: 30px;
+            margin-top: 30px;
+            display: flex;
+            justify-content: center;
+            .samtn {
+              width: 100px;
+              height: 40px;
+              font-size: 14px;
+              border: 1px solid #4ea6ff;
+              border-radius: 8px;
+              cursor: pointer;
+            }
+            .btn1 {
+              background-color: #fff;
+              color: #4ea6ff;
+            }
+            .btn2 {
+              background-color: #4ea6ff;
+              color: #fff;
+              margin-left: 16px;
+            }
+          }
+        }
       }
     }
   }
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index e785af5b..6780fa61 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -1,87 +1,87 @@
 <template>
   <div class="leveladddetail">
- <div style="display: flex">
-     <div class="left clearfix">
-      <div class="leftmain">
-        <div class="tit" style="margin-left: 18px">关卡</div>
-        <div class="btn btn3" style="margin-left: 19px">
-          <div class="search"></div>
-          <div class="btnText" @click="showModal()">添加关卡</div>
-        </div>
-        <div class="maincon" style="background-color: #fff">
-          <!-- <div
+    <div style="display: flex">
+      <div class="left clearfix">
+        <div class="leftmain">
+          <div class="tit" style="margin-left: 18px">关卡</div>
+          <div class="btn btn3" style="margin-left: 19px">
+            <div class="search"></div>
+            <div class="btnText" @click="showModal()">添加关卡</div>
+          </div>
+          <div class="maincon" style="background-color: #fff">
+            <!-- <div
             class="items"
             :class="{ active: isActive == true }"
             @click="changebgc"
             v-for="item in level"
             :key="item.id"
           > -->
-          <draggable
-            v-model="level"
-            chosenClass="chosen"
-            ghostClass="ghost"
-            forceFallback="true"
-            group="stage"
-            animation="500"
-          >
-            <template #item="{ element }">
-              <div
-                class="items"
-                :class="isactive == element.chapterId ? 'active' : ''"
-                @click="changebgc(element.chapterId)"
-              >
-                <div class="items1">
-                  <div class="boxs_left">
-                    <a-popover placement="topLeft" trigger="click">
+            <draggable
+              v-model="level"
+              chosenClass="chosen"
+              ghostClass="ghost"
+              forceFallback="true"
+              group="stage"
+              animation="500"
+            >
+              <template #item="{ element }">
+                <div
+                  class="items"
+                  :class="isactive == element.chapterId ? 'active' : ''"
+                  @click="changebgc(element.chapterId)"
+                >
+                  <div class="items1">
+                    <div class="boxs_left">
+                      <a-popover placement="topLeft" trigger="click">
+                        <template #content>
+                          <div style="width: 130px">
+                            {{ element.remark ? element.remark : "暂无说明" }}
+                          </div>
+                        </template>
+                        <template #title>
+                          <span>关卡说明</span>
+                        </template>
+                        <div class="script">
+                          <span style="font-size: 12px; color: #ffffff"
+                            >说明</span
+                          >
+                        </div>
+                      </a-popover>
+                      <div class="imgIcon" @click="showModal(element)"></div>
+                    </div>
+                    <div class="boxs_right">
+                      <div
+                        class="imgIcon"
+                        @click="showDeleteChapter(element.chapterId)"
+                      ></div>
+                    </div>
+                  </div>
+                  <div class="items2">
+                    <a-popover
+                      placement="topLeft"
+                      v-if="element.name.length > 10"
+                    >
                       <template #content>
                         <div style="width: 130px">
-                          {{ element.remark ? element.remark : "暂无说明" }}
+                          {{ element.name }}
                         </div>
                       </template>
-                      <template #title>
-                        <span>关卡说明</span>
-                      </template>
-                      <div class="script">
-                        <span style="font-size: 12px; color: #ffffff"
-                          >说明</span
-                        >
-                      </div>
-                    </a-popover>
-                    <div class="imgIcon" @click="showModal(element)"></div>
-                  </div>
-                  <div class="boxs_right">
-                    <div
-                      class="imgIcon"
-                      @click="showDeleteChapter(element.chapterId)"
-                    ></div>
-                  </div>
-                </div>
-                <div class="items2">
-                  <a-popover
-                    placement="topLeft"
-                    v-if="element.name.length > 10"
-                  >
-                    <template #content>
-                      <div style="width: 130px">
+                      <div class="nname">
                         {{ element.name }}
                       </div>
-                    </template>
-                    <div class="nname">
+                    </a-popover>
+                    <div class="nname" v-if="element.name.length <= 10">
                       {{ element.name }}
                     </div>
-                  </a-popover>
-                  <div class="nname" v-if="element.name.length <= 10">
-                    {{ element.name }}
                   </div>
-                </div>
-                <!-- <div class="itemle">
+                  <!-- <div class="itemle">
               <div class="tit">{{ item.remark }}</div>
               <div class="name">{{ item.name }}</div>
             </div> -->
-              </div>
-            </template>
-          </draggable>
-          <!-- <div
+                </div>
+              </template>
+            </draggable>
+            <!-- <div
             class="items"
             :class="isactive == index ? 'active' : ''"
             @click="changebgc(index)"
@@ -103,661 +103,686 @@
               <div class="nname">{{ item.name }}</div>
             </div>
           </div> -->
-        </div>
-      </div>
-    </div>
-    <a-modal
-      v-model:visible="modal"
-      centered="true"
-      :footer="null"
-      :closable="clos"
-      wrapClassName="AddLevell"
-       @cancel="closeModal"
-    >
-      <div class="header">
-        <div class="headmain">
-          <div class="add">编辑/添加关卡</div>
-          <div class="img" style="cursor: pointer" @click="closeModal"></div>
-        </div>
-      </div>
-      <div class="main">
-        <div class="inma">
-          <div class="name">
-            <div class="d" style="margin-top: 2px; margin-right: 2px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="fir">关卡名称：</div>
-            <div class="input">
-              <a-input
-                style="width: 100%"
-                v-model:value="value1"
-                :maxlength="20"
-                placeholder="请输入关卡名称"
-              />
-            </div>
-            <div class="co">{{ value1.length }}/20</div>
-          </div>
-          <div class="name">
-            <div
-              class="d"
-              style="
-                width: 10px;
-                height: 10px;
-                margin-top: 2px;
-                margin-right: 2px;
-              "
-            ></div>
-            <div class="fir">关卡说明：</div>
-            <div class="input">
-              <a-textarea
-                style="width: 100%"
-                v-model:value="value2"
-                :maxlength="100"
-                placeholder="请输入关卡说明"
-                :rows="5"
-              />
-            </div>
-            <div class="co1">{{ value2.length }}/100</div>
-          </div>
-          <div class="btn">
-            <button class="btn1" @click="closeModal">取消</button>
-            <button class="btn2" @click="editChapter">确定</button>
           </div>
         </div>
       </div>
-    </a-modal>
-    <div class="right" :style="{ display: gqxy_hs ? 'block' : 'none' }">
-      <div class="addhead">
-        <div class="filt">
-          <div class="le">
-            <div class="leftimg">
-              <img class="img" :src="picUrl" />
+      <a-modal
+        v-model:visible="modal"
+        centered="true"
+        :footer="null"
+        :closable="clos"
+        wrapClassName="AddLevell"
+        @cancel="closeModal"
+      >
+        <div class="header">
+          <div class="headmain">
+            <div class="add">编辑/添加关卡</div>
+            <div class="img" style="cursor: pointer" @click="closeModal"></div>
+          </div>
+        </div>
+        <div class="main">
+          <div class="inma">
+            <div class="name">
+              <div class="d" style="margin-top: 2px; margin-right: 2px">
+                <img
+                  style="width: 10px; height: 10px"
+                  src="../../assets/images/basicinfo/asterisk.png"
+                />
+              </div>
+              <div class="fir">关卡名称：</div>
+              <div class="input">
+                <a-input
+                  style="width: 100%"
+                  v-model:value="value1"
+                  :maxlength="20"
+                  placeholder="请输入关卡名称"
+                />
+              </div>
+              <div class="co">{{ value1.length }}/20</div>
             </div>
-            <div class="imgfor">
-              <div class="forz">{{ styTitle }}</div>
-              <div class="fort">创建时间：{{ creTime }}</div>
+            <div class="name">
+              <div
+                class="d"
+                style="
+                  width: 10px;
+                  height: 10px;
+                  margin-top: 2px;
+                  margin-right: 2px;
+                "
+              ></div>
+              <div class="fir">关卡说明：</div>
+              <div class="input">
+                <a-textarea
+                  style="width: 100%"
+                  v-model:value="value2"
+                  :maxlength="100"
+                  placeholder="请输入关卡说明"
+                  :rows="5"
+                />
+              </div>
+              <div class="co1">{{ value2.length }}/100</div>
+            </div>
+            <div class="btn">
+              <button class="btn1" @click="closeModal">取消</button>
+              <button class="btn2" @click="editChapter">确定</button>
             </div>
           </div>
-          <div class="rightt">
-            <div class="select">
-              <span>学习模式：</span>
-              <div class="inputbox">
-                <input type="text" placeholder="按学习时间解锁" />
-                <div class="bottonbox"><div class="btnText">切换模式</div></div>
+        </div>
+      </a-modal>
+      <div class="right" :style="{ display: gqxy_hs ? 'block' : 'none' }">
+        <div class="addhead">
+          <div class="filt">
+            <div class="le">
+              <div class="leftimg">
+                <img class="img" :src="picUrl" />
+              </div>
+              <div class="imgfor">
+                <div class="forz">{{ styTitle }}</div>
+                <div class="fort">创建时间：{{ creTime }}</div>
               </div>
             </div>
-            <div class="line"></div>
-            <router-link to="/leveladd">
-              <div style="display: flex">
-                <img class="img2" src="../../assets/images/leveladd/back.png" />
-                <div class="return">返回</div>
+            <div class="rightt">
+              <div class="select">
+                <span>学习模式：</span>
+                <div class="inputbox">
+                  <input type="text" placeholder="按学习时间解锁" />
+                  <div class="bottonbox" @click="showModeVisible">
+                    <div class="btnText">切换模式</div>
+                  </div>
+                </div>
+                <!-- 切换模式抽屉 -->
+                <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
               </div>
-            </router-link>
+              <div class="line"></div>
+              <router-link to="/leveladd">
+                <div style="display: flex">
+                  <img
+                    class="img2"
+                    src="../../assets/images/leveladd/back.png"
+                  />
+                  <div class="return">返回</div>
+                </div>
+              </router-link>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="mid">
-        <div class="item">
-          <div class="itcon" @click="showDrawerAddOnline()">
-            <div class="img">
-              <img src="../../assets/images/leveladd/zai.png" />
+        <div class="mid">
+          <div class="item">
+            <div class="itcon" @click="showDrawerAddOnline()">
+              <div class="img">
+                <img src="../../assets/images/leveladd/zai.png" />
+              </div>
+              <div class="text">在线</div>
             </div>
-            <div class="text">在线</div>
-          </div>
-          <!-- 添加在线侧弹窗 -->
-          <div>
-            <add-online
-              v-model:addonlineVisible="addonlinevisible"
-              @changeData="updateTableData"
-              v-model:edit="edit"
-              v-model:projectId="projectId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:projectTaskId="projectTaskId"
-              v-model:EditOnlineId="EditOnlineId"
-            />
-          </div>
-          <!-- 添加在线侧弹窗 -->
-          <div class="lin"></div>
-        </div>
-        <div class="item">
-          <div class="itcon">
-            <div class="img">
-              <img src="../../assets/images/leveladd/mian.png" />
-            </div>
-            <div class="text">面授</div>
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item">
-          <div class="itcon" @click="showDrawerAddCase()">
-            <div class="img">
-              <img src="../../assets/images/leveladd/an.png" />
-            </div>
-            <div class="text">案例</div>
-          </div>
-          <!-- 添加案例侧弹窗 -->
-          <div>
-            <add-case
-              v-model:addcaseVisible="addcasevisible"
-              @changeData="updateTableData"
-              v-model:edit="edit"
-              v-model:projectId="projectId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:projectTaskId="projectTaskId"
-              v-model:EditCaseId="EditCaseId"
-            />
-          </div>
-          <!-- 添加案例侧弹窗 -->
-          <div class="lin"></div>
-        </div>
-        <div class="item">
-          <div class="itcon">
-            <div class="img" @click="showDrawerAddHomework">
-              <img src="../../assets/images/leveladd/zuo.png" />
-            </div>
-            <div class="text">作业</div>
-          </div>
-          <!-- 添加作业侧弹窗 -->
-          <div>
-            <add-homework
-              v-model:addhomeworkVisible="addhomeworkvisible"
-              :isLevel="isLevel"
-              @changeData="updateTableData"
-              v-model:isactive="isactive"
-              v-model:edit="edit"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:EditWorkId="EditWorkId"
-              v-model:routerTaskId="routerTaskId"
-            />
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item">
-          <div class="itcon">
-            <div class="img" @click="showDrawerAddTest">
-              <img src="../../assets/images/leveladd/kao.png" />
-            </div>
-            <div class="text">考试</div>
-          </div>
-          <!-- 添加考试侧弹窗 -->
-          <div>
-            <add-test
-              v-model:addtestVisible="addtestvisible"
-              :isLevel="isLevel"
-              @changeData="updateTableData"
-              v-model:isactive="isactive"
-              v-model:edit="edit"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:EditTestId="EditTestId"
-              v-model:routerTaskId="routerTaskId"
-            />
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item">
-          <div class="itcon" @click="showDrawerAddLive">
-            <div class="img">
-              <img src="../../assets/images/leveladd/zhi.png" />
-            </div>
-            <div class="text">直播</div>
-          </div>
-          <div>
-            <add-live
-              v-model:addliveVisible="addlivevisible"
-              :isLevel="isLevel"
-              @changeData="updateTableData"
-              v-model:isactive="isactive"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:routerTaskId="routerTaskId"
-              v-model:edit="edit"
-              v-model:EditLiveId="EditLiveId"
-            />
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item">
-          <div class="itcon" @click="showDrawerAddRef">
-            <div class="img">
-              <img src="../../assets/images/leveladd/wai.png" />
-            </div>
-            <div class="text">外链</div>
-          </div>
-          <div>
-            <add-ref
-              v-model:addrefVisible="addrefvisible"
-              :isLevel="isLevel"
-              @changeData="updateTableData"
-              v-model:isactive="isactive"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:routerTaskId="routerTaskId"
-              v-model:edit="edit"
-              v-model:EditRefId="EditRefId"
-            />
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item" @click="showDrawerAddDiscuss">
-          <div class="itcon">
-            <div class="img">
-              <img src="../../assets/images/leveladd/tao.png" />
-            </div>
-            <div class="text">讨论</div>
-          </div>
-          <div>
-            <add-discuss
-              v-model:adddiscussVisible="adddiscussvisible"
-              @changeData="updateTableData"
-              :isLevel="isLevel"
-              v-model:isactive="isactive"
-              v-model:edit="edit"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:routerTaskId="routerTaskId"
-              v-model:EditDiscussId="EditDiscussId"
-            />
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item" @click="showDrawerAddActive">
-          <div class="itcon">
-            <div class="img">
-              <img src="../../assets/images/leveladd/huo.png" />
-            </div>
-            <div class="text">活动</div>
-          </div>
-          <div>
-            <add-active
-              v-model:addactiveVisible="addactivevisible"
-              :isLevel="isLevel"
-              v-model:edit="edit"
-              v-model:isactive="isactive"
-              @changeData="updateTableData"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:routerTaskId="routerTaskId"
-              v-model:EditActiveId="EditActiveId"
-            />
-          </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item" @click="showDrawerAddEval">
-          <div class="itcon">
-            <div class="img">
-              <img src="../../assets/images/leveladd/ce.png" />
-            </div>
-            <div class="text">测评</div>
-            <!-- 添加测评侧弹窗 -->
+            <!-- 添加在线侧弹窗 -->
             <div>
-              <add-eval
-                v-model:addevalVisible="addevalvisible"
-                :isLevel="isLevel"
+              <add-online
+                v-model:addonlineVisible="addonlinevisible"
                 @changeData="updateTableData"
-                v-model:isactive="isactive"
                 v-model:edit="edit"
-                v-model:routerId="routerId"
-                v-model:EditEvalId="EditEvalId"
-                v-model:routerTaskId="routerTaskId"
+                v-model:projectId="projectId"
+                v-model:chooseStageId="chooseStageId"
+                v-model:projectTaskId="projectTaskId"
+                v-model:EditOnlineId="EditOnlineId"
               />
             </div>
-            <!-- 添加测评侧弹窗 -->
+            <!-- 添加在线侧弹窗 -->
+            <div class="lin"></div>
           </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item" @click="showDrawerAddInvist">
-          <div class="itcon">
-            <div class="img">
-              <img src="../../assets/images/leveladd/diao.png" />
+          <div class="item">
+            <div class="itcon">
+              <div class="img">
+                <img src="../../assets/images/leveladd/mian.png" />
+              </div>
+              <div class="text">面授</div>
             </div>
-            <div class="text">评估</div>
-            <!-- 添加评估侧弹窗 -->
+            <div class="lin"></div>
+          </div>
+          <div class="item">
+            <div class="itcon" @click="showDrawerAddCase()">
+              <div class="img">
+                <img src="../../assets/images/leveladd/an.png" />
+              </div>
+              <div class="text">案例</div>
+            </div>
+            <!-- 添加案例侧弹窗 -->
             <div>
-              <add-invist
-                v-model:addinvistVisible="addinvistvisible"
+              <add-case
+                v-model:addcaseVisible="addcasevisible"
+                @changeData="updateTableData"
+                v-model:edit="edit"
+                v-model:projectId="projectId"
+                v-model:chooseStageId="chooseStageId"
+                v-model:projectTaskId="projectTaskId"
+                v-model:EditCaseId="EditCaseId"
+              />
+            </div>
+            <!-- 添加案例侧弹窗 -->
+            <div class="lin"></div>
+          </div>
+          <div class="item">
+            <div class="itcon">
+              <div class="img" @click="showDrawerAddHomework">
+                <img src="../../assets/images/leveladd/zuo.png" />
+              </div>
+              <div class="text">作业</div>
+            </div>
+            <!-- 添加作业侧弹窗 -->
+            <div>
+              <add-homework
+                v-model:addhomeworkVisible="addhomeworkvisible"
                 :isLevel="isLevel"
                 @changeData="updateTableData"
                 v-model:isactive="isactive"
                 v-model:edit="edit"
                 v-model:routerId="routerId"
                 v-model:chooseStageId="chooseStageId"
-                v-model:EditInvistId="EditInvistId"
+                v-model:EditWorkId="EditWorkId"
                 v-model:routerTaskId="routerTaskId"
               />
             </div>
-            <!-- 添加评估侧弹窗 -->
+            <div class="lin"></div>
           </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item" @click="showDrawerAddVote">
-          <div class="itcon">
-            <div class="img">
-              <img src="../../assets/images/leveladd/tou.png" />
+          <div class="item">
+            <div class="itcon">
+              <div class="img" @click="showDrawerAddTest">
+                <img src="../../assets/images/leveladd/kao.png" />
+              </div>
+              <div class="text">考试</div>
             </div>
-            <div class="text">投票</div>
-            <!-- 添加投票侧弹窗 -->
+            <!-- 添加考试侧弹窗 -->
             <div>
-              <add-vote
-                v-model:addvoteVisible="addvotevisible"
+              <add-test
+                v-model:addtestVisible="addtestvisible"
                 :isLevel="isLevel"
                 @changeData="updateTableData"
                 v-model:isactive="isactive"
                 v-model:edit="edit"
                 v-model:routerId="routerId"
                 v-model:chooseStageId="chooseStageId"
-                v-model:EditVoteId="EditVoteId"
+                v-model:EditTestId="EditTestId"
                 v-model:routerTaskId="routerTaskId"
               />
             </div>
-            <!-- 添加投票侧弹窗 -->
+            <div class="lin"></div>
           </div>
-          <div class="lin"></div>
-        </div>
-        <div class="item" @click="showDrawerAddProj">
-          <div class="itcon">
-            <div class="img">
-              <img
-                src="../../assets/images/leveladd/xiang.png"
-                @click="showDrawer"
+          <div class="item">
+            <div class="itcon" @click="showDrawerAddLive">
+              <div class="img">
+                <img src="../../assets/images/leveladd/zhi.png" />
+              </div>
+              <div class="text">直播</div>
+            </div>
+            <div>
+              <add-live
+                v-model:addliveVisible="addlivevisible"
+                :isLevel="isLevel"
+                @changeData="updateTableData"
+                v-model:isactive="isactive"
+                v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId"
+                v-model:routerTaskId="routerTaskId"
+                v-model:edit="edit"
+                v-model:EditLiveId="EditLiveId"
               />
             </div>
-            <div class="text">项目</div>
+            <div class="lin"></div>
+          </div>
+          <div class="item">
+            <div class="itcon" @click="showDrawerAddRef">
+              <div class="img">
+                <img src="../../assets/images/leveladd/wai.png" />
+              </div>
+              <div class="text">外链</div>
+            </div>
+            <div>
+              <add-ref
+                v-model:addrefVisible="addrefvisible"
+                :isLevel="isLevel"
+                @changeData="updateTableData"
+                v-model:isactive="isactive"
+                v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId"
+                v-model:routerTaskId="routerTaskId"
+                v-model:edit="edit"
+                v-model:EditRefId="EditRefId"
+              />
+            </div>
+            <div class="lin"></div>
+          </div>
+          <div class="item" @click="showDrawerAddDiscuss">
+            <div class="itcon">
+              <div class="img">
+                <img src="../../assets/images/leveladd/tao.png" />
+              </div>
+              <div class="text">讨论</div>
+            </div>
+            <div>
+              <add-discuss
+                v-model:adddiscussVisible="adddiscussvisible"
+                @changeData="updateTableData"
+                :isLevel="isLevel"
+                v-model:isactive="isactive"
+                v-model:edit="edit"
+                v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId"
+                v-model:routerTaskId="routerTaskId"
+                v-model:EditDiscussId="EditDiscussId"
+              />
+            </div>
+            <div class="lin"></div>
+          </div>
+          <div class="item" @click="showDrawerAddActive">
+            <div class="itcon">
+              <div class="img">
+                <img src="../../assets/images/leveladd/huo.png" />
+              </div>
+              <div class="text">活动</div>
+            </div>
+            <div>
+              <add-active
+                v-model:addactiveVisible="addactivevisible"
+                :isLevel="isLevel"
+                v-model:edit="edit"
+                v-model:isactive="isactive"
+                @changeData="updateTableData"
+                v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId"
+                v-model:routerTaskId="routerTaskId"
+                v-model:EditActiveId="EditActiveId"
+              />
+            </div>
+            <div class="lin"></div>
+          </div>
+          <div class="item" @click="showDrawerAddEval">
+            <div class="itcon">
+              <div class="img">
+                <img src="../../assets/images/leveladd/ce.png" />
+              </div>
+              <div class="text">测评</div>
+              <!-- 添加测评侧弹窗 -->
+              <div>
+                <add-eval
+                  v-model:addevalVisible="addevalvisible"
+                  :isLevel="isLevel"
+                  @changeData="updateTableData"
+                  v-model:isactive="isactive"
+                  v-model:edit="edit"
+                  v-model:routerId="routerId"
+                  v-model:EditEvalId="EditEvalId"
+                  v-model:routerTaskId="routerTaskId"
+                />
+              </div>
+              <!-- 添加测评侧弹窗 -->
+            </div>
+            <div class="lin"></div>
+          </div>
+          <div class="item" @click="showDrawerAddInvist">
+            <div class="itcon">
+              <div class="img">
+                <img src="../../assets/images/leveladd/diao.png" />
+              </div>
+              <div class="text">评估</div>
+              <!-- 添加评估侧弹窗 -->
+              <div>
+                <add-invist
+                  v-model:addinvistVisible="addinvistvisible"
+                  :isLevel="isLevel"
+                  @changeData="updateTableData"
+                  v-model:isactive="isactive"
+                  v-model:edit="edit"
+                  v-model:routerId="routerId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditInvistId="EditInvistId"
+                  v-model:routerTaskId="routerTaskId"
+                />
+              </div>
+              <!-- 添加评估侧弹窗 -->
+            </div>
+            <div class="lin"></div>
+          </div>
+          <div class="item" @click="showDrawerAddVote">
+            <div class="itcon">
+              <div class="img">
+                <img src="../../assets/images/leveladd/tou.png" />
+              </div>
+              <div class="text">投票</div>
+              <!-- 添加投票侧弹窗 -->
+              <div>
+                <add-vote
+                  v-model:addvoteVisible="addvotevisible"
+                  :isLevel="isLevel"
+                  @changeData="updateTableData"
+                  v-model:isactive="isactive"
+                  v-model:edit="edit"
+                  v-model:routerId="routerId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditVoteId="EditVoteId"
+                  v-model:routerTaskId="routerTaskId"
+                />
+              </div>
+              <!-- 添加投票侧弹窗 -->
+            </div>
+            <div class="lin"></div>
+          </div>
+          <div class="item" @click="showDrawerAddProj">
+            <div class="itcon">
+              <div class="img">
+                <img
+                  src="../../assets/images/leveladd/xiang.png"
+                  @click="showDrawer"
+                />
+              </div>
+              <div class="text">项目</div>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="boom">
-        <div class="boomcen">
-          <div class="title">
-            <div class="tit_left">
-              <span>任务列表</span>
-            </div>
-            <div class="tit_right">
-              <div class="btn btn1" @click="showChangeModal">
-                <div class="btnText">移动到任务阶段</div>
+        <div class="boom">
+          <div class="boomcen">
+            <div class="title">
+              <div class="tit_left">
+                <span>任务列表</span>
               </div>
-              <div class="btn btn2">
-                <div class="imgIcon"></div>
-                <div class="btnText" @click="showDeleteALLModal">批量删除</div>
+              <div class="tit_right">
+                <div class="btn btn1" @click="showChangeModal">
+                  <div class="btnText">移动到任务阶段</div>
+                </div>
+                <div class="btn btn2">
+                  <div class="imgIcon"></div>
+                  <div class="btnText" @click="showDeleteALLModal">
+                    批量删除
+                  </div>
+                </div>
               </div>
             </div>
-          </div>
-          <div class="tableBox">
-            <div
-              style="
-                height: 50px;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                background-color: #eff4fc;
-                font-size: 14px;
-                font-weight: 400;
-                color: #999ba3;
-                line-height: 36px;
-                border-bottom: 1px solid #f2f6fc;
-              "
-            >
+            <div class="tableBox">
               <div
                 style="
-                  width: 87px;
-                  text-align: center;
+                  height: 50px;
                   display: flex;
-                  margin-left: 46px;
+                  justify-content: space-between;
+                  align-items: center;
+                  background-color: #eff4fc;
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #999ba3;
+                  line-height: 36px;
+                  border-bottom: 1px solid #f2f6fc;
                 "
               >
-                <img
+                <div
                   style="
-                    width: 16px;
-                    height: 16px;
-                    cursor: pointer;
-                    margin-top: 12px;
+                    width: 87px;
+                    text-align: center;
+                    display: flex;
+                    margin-left: 46px;
                   "
-                  :src="
-                    selectAll === 0
-                      ? require('../../assets/images/notSelect.png')
-                      : selectAll === 1
-                      ? require('../../assets/images/selectAll.png')
-                      : require('../../assets/images/select.png')
-                  "
-                  @click="selectRowAll"
-                />
-                <!-- <a-checkbox
+                >
+                  <img
+                    style="
+                      width: 16px;
+                      height: 16px;
+                      cursor: pointer;
+                      margin-top: 12px;
+                    "
+                    :src="
+                      selectAll === 0
+                        ? require('../../assets/images/notSelect.png')
+                        : selectAll === 1
+                        ? require('../../assets/images/selectAll.png')
+                        : require('../../assets/images/select.png')
+                    "
+                    @click="selectRowAll"
+                  />
+                  <!-- <a-checkbox
                     v-model:checked="selectAll"
                     @change="selectRowAll"
                   >
                   </a-checkbox> -->
-                <div style="margin-top: 2px; margin-left: 8px">类型</div>
-              </div>
-              <div style="width: 120px; text-align: center">任务名称</div>
-              <div style="width: 120px; text-align: center">必修/选修</div>
-              <div style="width: 87px; text-align: center">时长</div>
-              <div style="width: 120px; text-align: center; margin-right: 20px">
-                操作
-              </div>
-            </div>
-            <draggable
-              v-model="tableData"
-              chosenClass="chosen"
-              ghostClass="ghost"
-              forceFallback="true"
-              group="task"
-              animation="500"
-              @start="onStart"
-              @end="onEnd"
-            >
-              <template #item="{ element }">
+                  <div style="margin-top: 2px; margin-left: 8px">类型</div>
+                </div>
+                <div style="width: 120px; text-align: center">任务名称</div>
+                <div style="width: 120px; text-align: center">必修/选修</div>
+                <div style="width: 87px; text-align: center">时长</div>
                 <div
-                  style="
-                    height: 50px;
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-                    border-bottom: 1px solid #f2f6fc;
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: #4f5156;
-                    line-height: 36px;
-                  "
-                  class="tableRow"
+                  style="width: 120px; text-align: center; margin-right: 20px"
                 >
+                  操作
+                </div>
+              </div>
+              <draggable
+                v-model="tableData"
+                chosenClass="chosen"
+                ghostClass="ghost"
+                forceFallback="true"
+                group="task"
+                animation="500"
+                @start="onStart"
+                @end="onEnd"
+              >
+                <template #item="{ element }">
                   <div
                     style="
-                      width: 87px;
-                      text-align: center;
-                      margin-left: 46px;
-                      position: relative;
+                      height: 50px;
+                      display: flex;
+                      justify-content: space-between;
+                      align-items: center;
+                      border-bottom: 1px solid #f2f6fc;
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #4f5156;
+                      line-height: 36px;
                     "
+                    class="tableRow"
                   >
-                    <div class="racona">
-                      <div
-                        class="img"
-                        style="
-                          cursor: pointer;
-                          margin-top: 2px;
-                          margin-right: 9px;
-                          position: absolute;
-                          left: -25px;
-                        "
-                      ></div>
-                      <a-checkbox
-                        :id="element.id"
-                        v-model:checked="element.checked"
-                        @change="changeRow"
-                      >
-                      </a-checkbox>
-                      <div style="margin-top: 2px; margin-left: 8px">
-                        {{ element.lei }}
+                    <div
+                      style="
+                        width: 87px;
+                        text-align: center;
+                        margin-left: 46px;
+                        position: relative;
+                      "
+                    >
+                      <div class="racona">
+                        <div
+                          class="img"
+                          style="
+                            cursor: pointer;
+                            margin-top: 2px;
+                            margin-right: 9px;
+                            position: absolute;
+                            left: -25px;
+                          "
+                        ></div>
+                        <a-checkbox
+                          :id="element.id"
+                          v-model:checked="element.checked"
+                          @change="changeRow"
+                        >
+                        </a-checkbox>
+                        <div style="margin-top: 2px; margin-left: 8px">
+                          {{ element.lei }}
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div style="width: 120px; text-align: center">
-                    {{ element.creater }}
-                  </div>
-                  <div style="width: 120px; text-align: center">
-                    <div class="opat">
-                      <div class="opacationt clearfix">
-                        <a-switch
-                          style="margin-left: -50px; margin-top: 3px"
-                          v-model:checked="element.checked1"
-                          size="small"
-                          active-color="red"
-                          @click="changeCourseType(element)"
-                        />
-                        <div class="showt clearfix">
-                          <div
-                            class="bi"
-                            :style="{
-                              'z-index': element.checked1 ? 999 : 998,
-                            }"
-                          >
-                            必修
+                    <div style="width: 120px; text-align: center">
+                      {{ element.creater }}
+                    </div>
+                    <div style="width: 120px; text-align: center">
+                      <div class="opat">
+                        <div class="opacationt clearfix">
+                          <a-switch
+                            style="margin-left: -50px; margin-top: 3px"
+                            v-model:checked="element.checked1"
+                            size="small"
+                            active-color="red"
+                            @click="changeCourseType(element)"
+                          />
+                          <div class="showt clearfix">
+                            <div
+                              class="bi"
+                              :style="{
+                                'z-index': element.checked1 ? 999 : 998,
+                              }"
+                            >
+                              必修
+                            </div>
+                            <div class="xuan">选修</div>
                           </div>
-                          <div class="xuan">选修</div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="width: 87px; text-align: center">
+                      {{ element.cretime }}分钟
+                    </div>
+                    <div
+                      style="
+                        width: 120px;
+                        text-align: center;
+                        margin-right: 20px;
+                      "
+                    >
+                      <div class="opa">
+                        <div class="opacation">
+                          <span
+                            style="
+                              color: #4ea6ff;
+                              margin-right: 25px;
+                              cursor: pointer;
+                            "
+                            @click="
+                              decideType(
+                                element.lei,
+                                element.courseId,
+                                element.id
+                              )
+                            "
+                          >
+                            编辑
+                          </span>
+                          <span
+                            style="color: #4ea6ff; cursor: pointer"
+                            @click="showDeleteModal(element.id)"
+                          >
+                            删除
+                          </span>
                         </div>
                       </div>
                     </div>
                   </div>
-                  <div style="width: 87px; text-align: center">
-                    {{ element.cretime }}分钟
+                </template>
+              </draggable>
+            </div>
+            <!-- 无数据样式 -->
+            <div
+              class="notable"
+              :style="{ display: stm_hs ? 'block' : 'none' }"
+            >
+              <div class="notablebox">
+                <div class="boxbody">
+                  <div class="boximg"></div>
+                  <div class="boxtitle">
+                    <span style="color: #ffb64e; font-size: 20px">无任务</span>
                   </div>
-                  <div
-                    style="width: 120px; text-align: center; margin-right: 20px"
-                  >
-                    <div class="opa">
-                      <div class="opacation">
-                        <span
-                          style="
-                            color: #4ea6ff;
-                            margin-right: 25px;
-                            cursor: pointer;
-                          "
-                          @click="
-                            decideType(
-                              element.lei,
-                              element.courseId,
-                              element.id
-                            )
-                          "
-                        >
-                          编辑
-                        </span>
-                        <span
-                          style="color: #4ea6ff; cursor: pointer"
-                          @click="showDeleteModal(element.id)"
-                        >
-                          删除
-                        </span>
-                      </div>
-                    </div>
+                  <div class="boxtitle2">
+                    <span style="color: #878b92">请点击上方，创建任务</span>
                   </div>
                 </div>
-              </template>
-            </draggable>
-          </div>
-          <!-- 无数据样式 -->
-          <div class="notable" :style="{ display: stm_hs ? 'block' : 'none' }">
-            <div class="notablebox">
-              <div class="boxbody">
-                <div class="boximg"></div>
-                <div class="boxtitle">
-                  <span style="color: #ffb64e; font-size: 20px">无任务</span>
-                </div>
-                <div class="boxtitle2">
-                  <span style="color: #878b92">请点击上方，创建任务</span>
-                </div>
-              </div>
-              <div class="smallleft"></div>
-              <div class="smallright"></div>
-            </div>
-          </div>
-          <!-- 无数据样式 -->
-        </div>
-      </div>
-    
-      <div class="draw" style="position: relative">
-        <a-drawer
-          v-model:visible="addprojvisible"
-          class="drawerStyle ProjectDrawer"
-          title="关联项目"
-          placement="right"
-          width="80%"
-          @after-visible-change="afterVisibleChange"
-        >
-          <div class="drawerMain">
-            <div class="header">
-              <div class="headerTitle">关联项目</div>
-              <img
-                style="width: 29px; height: 29px; cursor: pointer"
-                src="../../assets/images/basicinfo/close.png"
-                @click="leaveProjDrawer"
-              />
-            </div>
-            <div class="drawerbox">
-              <a-table
-                :columns="drawertableColumns()"
-                :data-source="drawertableData"
-                :loading="tableDataTotal === -1 ? true : false"
-                :scroll="{ x: 700 }"
-                @expand="expandTable"
-                :pagination="false"
-              >
-              </a-table>
-            </div>
-            <div class="btnn">
-              <button @click="leaveProjDrawer" class="btn1">取消</button>
-              <button @click="updateTask" class="btn2">确定</button>
-            </div>
-          </div>
-        </a-drawer>
-      </div>
-    </div>
-    <div class="right" :style="{ display: gqxy_hs ? 'none' : 'block' }">
-      <div class="addhead">
-        <div class="filt">
-          <div class="le">
-            <div class="leftimg">
-              <img class="img" src="../../assets/px.jpg" />
-            </div>
-            <div class="imgfor">
-              <div class="forz">产品经理进阶路径</div>
-              <div class="fort">创建时间：2022-07-21 00:00</div>
-            </div>
-          </div>
-          <div class="rightt">
-            <div class="select">
-              <span>学习模式：</span>
-              <div class="inputbox">
-                <input type="text" placeholder="按学习时间解锁" />
-                <div class="bottonbox"><div class="btnText">切换模式</div></div>
+                <div class="smallleft"></div>
+                <div class="smallright"></div>
               </div>
             </div>
-            <div class="line"></div>
-            <router-link to="/leveladd">
-              <div style="display: flex">
-                <img class="img2" src="../../assets/images/leveladd/back.png" />
-                <div class="return">返回</div>
-              </div>
-            </router-link>
+            <!-- 无数据样式 -->
           </div>
         </div>
-      </div>
-      <div class="boom">
-        <div class="boomcen">
-          <div class="xwid">
-            <div class="xin">
-              <div class="xheadb">
-                <button class="addx" @click="showAddStu">添加学员</button>
-                <!-- 点击抽屉组件在LevelAdd，此处没添加showAddStu、showImpStu -->
-                <button class="addd" @click="showImpStu">导入学员</button>
-                <button class="addd" @click="showDeleteALLModal">
-                  批量删除
-                </button>
+
+        <div class="draw" style="position: relative">
+          <a-drawer
+            v-model:visible="addprojvisible"
+            class="drawerStyle ProjectDrawer"
+            title="关联项目"
+            placement="right"
+            width="80%"
+            @after-visible-change="afterVisibleChange"
+          >
+            <div class="drawerMain">
+              <div class="header">
+                <div class="headerTitle">关联项目</div>
+                <img
+                  style="width: 29px; height: 29px; cursor: pointer"
+                  src="../../assets/images/basicinfo/close.png"
+                  @click="leaveProjDrawer"
+                />
               </div>
-              <!-- <div class="talk">
+              <div class="drawerbox">
+                <a-table
+                  :columns="drawertableColumns()"
+                  :data-source="drawertableData"
+                  :loading="tableDataTotal === -1 ? true : false"
+                  :scroll="{ x: 700 }"
+                  @expand="expandTable"
+                  :pagination="false"
+                >
+                </a-table>
+              </div>
+              <div class="btnn">
+                <button @click="leaveProjDrawer" class="btn1">取消</button>
+                <button @click="updateTask" class="btn2">确定</button>
+              </div>
+            </div>
+          </a-drawer>
+        </div>
+      </div>
+      <div class="right" :style="{ display: gqxy_hs ? 'none' : 'block' }">
+        <div class="addhead">
+          <div class="filt">
+            <div class="le">
+              <div class="leftimg">
+                <img class="img" src="../../assets/px.jpg" />
+              </div>
+              <div class="imgfor">
+                <div class="forz">产品经理进阶路径</div>
+                <div class="fort">创建时间：2022-07-21 00:00</div>
+              </div>
+            </div>
+            <div class="rightt">
+              <div class="select">
+                <span>学习模式：</span>
+                <div class="inputbox">
+                  <input type="text" placeholder="按学习时间解锁" />
+                  <div class="bottonbox" @click="showModeVisible">
+                    <div class="btnText">切换模式</div>
+                  </div>
+                </div>
+                <!-- 切换模式抽屉 -->
+                <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
+              </div>
+              <div class="line"></div>
+              <router-link to="/leveladd">
+                <div style="display: flex">
+                  <img
+                    class="img2"
+                    src="../../assets/images/leveladd/back.png"
+                  />
+                  <div class="return">返回</div>
+                </div>
+              </router-link>
+            </div>
+          </div>
+        </div>
+        <div class="boom">
+          <div class="boomcen">
+            <div class="xwid">
+              <div class="xin">
+                <div class="xheadb">
+                  <button class="addx" @click="showAddStu">添加学员</button>
+                  <!-- 点击抽屉组件在LevelAdd，此处没添加showAddStu、showImpStu -->
+                  <button class="addd" @click="showImpStu">导入学员</button>
+                  <button class="addd" @click="showDeleteALLModal">
+                    批量删除
+                  </button>
+                </div>
+                <!-- <div class="talk">
                 <img class="im" src="../../assets/images/leveladd/gan.png" />
                 <div class="xu">
                   <span class="yi">已选择</span>
@@ -770,22 +795,22 @@
                   <span class="yi">条</span>
                 </div>
               </div> -->
-              <div class="tablebox1" style="margin-top: 20px">
-                <a-table
-                  style="border: 1px solid #f2f6fe"
-                  :columns="tableDataFunc2()"
-                  :data-source="tableData2"
-                  :loading="tableDataTotal === -1 ? true : false"
-                  expandRowByClick="true"
-                  @expand="expandTable"
-                  :pagination="false"
-                  :row-selection="{
-                    columnWidth: 30,
-                    selectedRowKeys: selectedRowKeys,
-                    onChange: onSelectChange,
-                  }"
-                />
-                <!-- <div class="pa">
+                <div class="tablebox1" style="margin-top: 20px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tableDataFunc2()"
+                    :data-source="tableData2"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <!-- <div class="pa">
                   <a-pagination
                     showSizeChanger="true"
                     showQuickJumper="true"
@@ -796,64 +821,62 @@
                     class="pagination"
                   />
                 </div> -->
-                <!-- 无数据样式 -->
-                <div
-                  class="notable"
-                  :style="{ display: stm_hs ? 'block' : 'none' }"
-                >
-                  <div class="notablebox">
-                    <div class="boxbody">
-                      <div class="boximg"></div>
-                      <div class="boxtitle">
-                        <span style="color: #ffb64e; font-size: 20px"
-                          >无学员</span
-                        >
-                      </div>
-                      <div class="boxtitle2">
-                        <span style="color: #878b92">请添加学员或导入学员</span>
+                  <!-- 无数据样式 -->
+                  <div
+                    class="notable"
+                    :style="{ display: stm_hs ? 'block' : 'none' }"
+                  >
+                    <div class="notablebox">
+                      <div class="boxbody">
+                        <div class="boximg"></div>
+                        <div class="boxtitle">
+                          <span style="color: #ffb64e; font-size: 20px"
+                            >无学员</span
+                          >
+                        </div>
+                        <div class="boxtitle2">
+                          <span style="color: #878b92"
+                            >请添加学员或导入学员</span
+                          >
+                        </div>
                       </div>
+                      <div class="smallleft"></div>
+                      <div class="smallright"></div>
                     </div>
-                    <div class="smallleft"></div>
-                    <div class="smallright"></div>
                   </div>
+                  <!-- 无数据样式 -->
                 </div>
-                <!-- 无数据样式 -->
               </div>
+              <div class="pad"></div>
             </div>
-            <div class="pad"></div>
           </div>
         </div>
-      </div>
-      <div class="footbtn">
-        <div class="btnbox">
-          <div class="btn btn1" @click="gqxy_hShow">
-            <div class="btnText">上一步</div>
-          </div>
-          <div class="btn btn2">
-            <div class="btnText">保存</div>
+        <div class="footbtn">
+          <div class="btnbox">
+            <div class="btn btn1" @click="gqxy_hShow">
+              <div class="btnText">上一步</div>
+            </div>
+            <div class="btn btn2">
+              <div class="btnText">保存</div>
+            </div>
           </div>
         </div>
       </div>
     </div>
- </div>
 
-
-
-
-
-      <div class="footbtn">
-        <div class="btnbox">
-          <div class="btn btn2">
-            <div class="btnText">暂存</div>
-          </div>
-          <div class="btn btn2">
-            <div class="btnText">确定</div>
-          </div>
-          <div class="btn btn1">
-            <div class="btnText">取消</div>
-          </div>
+    <div class="footbtn">
+      <div class="btnbox">
+        <div class="btn btn2">
+          <div class="btnText">暂存</div>
+        </div>
+        <div class="btn btn2">
+          <div class="btnText">确定</div>
+        </div>
+        <div class="btn btn1">
+          <div class="btnText">取消</div>
         </div>
       </div>
+    </div>
     <!-- 添加学员抽屉 -->
     <add-stu v-model:AddSvisible="AddSvisible" />
     <!-- 导入学员抽屉 -->
@@ -969,11 +992,11 @@
             </div>
           </div>
         </div>
-      </div></a-modal
-    >
+      </div>
+    </a-modal>
 
-     <!-- 是否删除关卡弹窗 -->
-        <a-modal
+    <!-- 是否删除关卡弹窗 -->
+    <a-modal
       v-model:visible="deleteChapterModal"
       :footer="null"
       :closable="cC"
@@ -993,10 +1016,10 @@
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1" @click="closeDeleteChapter">
-              <div class="btnText" >取消</div>
+              <div class="btnText">取消</div>
             </div>
             <div class="del_btn btn2" @click="deleteChapter">
-              <div class="btnText" >确定</div>
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
@@ -1030,6 +1053,7 @@ import * as apiProj from "../../api/index.js";
 import { RouterEditTask } from "@/api/indexTask";
 import dayjs from "dayjs";
 import { toDate } from "../../api/method";
+import UnlockMode from "../../components/drawers/UnlockMode.vue";
 export default {
   name: "LevelAddDetail",
   components: {
@@ -1047,6 +1071,7 @@ export default {
     AddLive,
     AddRef,
     draggable,
+    UnlockMode,
   },
   setup() {
     const state = reactive({
@@ -1308,12 +1333,14 @@ export default {
       chooseStageId: null,
       chooseChapterId: null,
 
-       updateChapterID: null, //编辑关卡id
-      deleteChapterModal:false,//删除关卡弹窗
-      deleteChapterId:null,//删除关卡id
+      updateChapterID: null, //编辑关卡id
+      deleteChapterModal: false, //删除关卡弹窗
+      deleteChapterId: null, //删除关卡id
+
+      unlockModeVisible: false, //切换模式抽屉
     });
 
-     const showModal = (element) => {
+    const showModal = (element) => {
       state.modal = true;
       console.log("element", element);
       if (element) {
@@ -1333,12 +1360,12 @@ export default {
     const editChapter = () => {
       if (!state.value1) return message.warning("请输入关卡名称");
       if (state.updateChapterID) {
-         let obj = {
-        name: state.value1,
-        remark: state.value2,
-        routerId: state.routerId,
-        chapterId:state.updateChapterID
-      };
+        let obj = {
+          name: state.value1,
+          remark: state.value2,
+          routerId: state.routerId,
+          chapterId: state.updateChapterID,
+        };
         api
           .updateChapter(obj)
           .then((res) => {
@@ -1351,11 +1378,11 @@ export default {
             console.log("修改失败", err);
           });
       } else {
-         let obj = {
-        name: state.value1,
-        remark: state.value2,
-        routerId: state.routerId,
-      };
+        let obj = {
+          name: state.value1,
+          remark: state.value2,
+          routerId: state.routerId,
+        };
         api
           .editChapter(obj)
           .then((res) => {
@@ -1379,17 +1406,17 @@ export default {
           });
       }
     };
-//打开删除关卡弹窗
-const showDeleteChapter=(id)=>{
-state.deleteChapterId=id
- state.deleteChapterModal=true
-}
-//关闭删除关卡弹窗
-const closeDeleteChapter=()=>{
-  state.deleteChapterId=null
-  state.deleteChapterModal=false
-}
- //删除关卡
+    //打开删除关卡弹窗
+    const showDeleteChapter = (id) => {
+      state.deleteChapterId = id;
+      state.deleteChapterModal = true;
+    };
+    //关闭删除关卡弹窗
+    const closeDeleteChapter = () => {
+      state.deleteChapterId = null;
+      state.deleteChapterModal = false;
+    };
+    //删除关卡
     const deleteChapter = () => {
       console.log("chapterId", state.deleteChapterId);
       let obj = {
@@ -1399,15 +1426,15 @@ const closeDeleteChapter=()=>{
         .deleteChapter(obj)
         .then((res) => {
           console.log("删除关卡成功", res);
-          message.success('删除关卡成功')
-          closeDeleteChapter()
+          message.success("删除关卡成功");
+          closeDeleteChapter();
           getDetail();
         })
         .catch((err) => {
           console.log("删除关卡失败", err);
         });
     };
-   
+
     const showDrawer = () => {
       state.visible = true;
     };
@@ -1536,8 +1563,8 @@ const closeDeleteChapter=()=>{
           if (state.level.length > 0) {
             let chapter = localStorage.getItem("chapterId");
             if (chapter !== null) {
-              dataAssignment(chapter);//用哪个的任务表
-              state.isactive = chapter;//哪个亮
+              dataAssignment(chapter); //用哪个的任务表
+              state.isactive = chapter; //哪个亮
             } else {
               dataAssignment(state.level[0].chapterId);
               state.isactive = state.level[0].chapterId;
@@ -1552,8 +1579,7 @@ const closeDeleteChapter=()=>{
     const closeDrawer = () => {
       state.visible = false;
     };
-   
-  
+
     const afterVisibleChange = (bool) => {
       console.log("visible", bool);
     };
@@ -1930,7 +1956,7 @@ const closeDeleteChapter=()=>{
         showDrawerAddCase(id, eleId);
       }
     };
- 
+
     const changeCourseType = (ele) => {
       console.log("任务id", ele.id);
       console.log("flag", ele.checked1);
@@ -2007,14 +2033,14 @@ const closeDeleteChapter=()=>{
     const getAllProjText = () => {
       apiProj
         .getProjectList({
-          "beginTime": 0,
-          "createName": "",
-          "endTime": 0,
-          "manager": "",
-          "name": "",
-          "pageNo": 0,
-          "pageSize": 0,
-          "status": 0
+          beginTime: 0,
+          createName: "",
+          endTime: 0,
+          manager: "",
+          name: "",
+          pageNo: 0,
+          pageSize: 0,
+          status: 0,
         })
         .then((res) => {
           let arr = res.data.data.rows;
@@ -2025,7 +2051,7 @@ const closeDeleteChapter=()=>{
         })
         .catch((err) => {
           console.log("获取全部项目信息接口失败", err);
-          console.log('+++++++++++++++++++++++++++++++++++++++++++++++');
+          console.log("+++++++++++++++++++++++++++++++++++++++++++++++");
           // state.createLoading = false;
         });
     };
@@ -2049,6 +2075,11 @@ const closeDeleteChapter=()=>{
           console.log(err, 1111);
         });
     };
+
+    //显示切换模式抽屉
+    const showModeVisible = () => {
+      state.unlockModeVisible = true;
+    };
     onMounted(() => {
       // createCase();
       getAllProjText();
@@ -2106,10 +2137,11 @@ const closeDeleteChapter=()=>{
       getAllProjText,
       updateTask,
 
-
       showDeleteChapter,
       closeDeleteChapter,
       deleteChapter,
+
+      showModeVisible,
     };
   },
 };
@@ -3330,7 +3362,7 @@ const closeDeleteChapter=()=>{
       margin-left: 10px;
     }
   }
-    .footbtn {
+  .footbtn {
     width: 100%;
     height: 80px;
     margin-top: 16px;
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index a3d759ad..ec3bd787 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -169,7 +169,34 @@
           </div>
 
           <div class="in select">
-            <a-select
+            <a-tree-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              style="width: 100%"
+              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+              placeholder="自动带出 可修改"
+              allow-clear
+              tree-default-expand-all
+              :tree-data="classifyList2"
+              :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'id',
+              }"
+              :disabled="viewDetail ? true : false"
+              @change="classificationChange2"
+              dropdownClassName="treeDropdown"
+            >
+              <!-- <template #title="{ value: val, title }">
+      <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
+      <template v-else>{{ title }}</template>
+    </template> -->
+            </a-tree-select>
+            <!-- <a-select
               :getPopupContainer="
                 (triggerNode) => {
                   return triggerNode.parentNode || document.body;
@@ -179,8 +206,9 @@
               placeholder="自动带出 可修改"
               :options="classifyList2"
               @change="classificationChange2"
+              :field-names="{ label: 'name', value: 'id', options: 'children' }"
               :disabled="viewDetail ? true : false"
-            />
+            /> -->
           </div>
         </div>
         <div class="name name2">
@@ -359,22 +387,24 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, ref, onUnmounted } from "vue";
+import { reactive, toRefs, ref, onUnmounted, computed } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
 import dayjs from "dayjs";
 import * as api from "../../api/index";
+// import * as api1 from "../../api/index1";
 import { storage } from "../../api/storage";
 import { toDate } from "../../api/method";
-
+import { useStore } from "vuex";
 export default {
   name: "projectAdd",
   setup() {
+    const store = useStore();
     // 编辑页面跳转过来时候，自动填充表格
     const routers = useRoute();
     const isEdit = ref(false);
     let peojectID = "";
-
+    console.log("store.state.orgtreeList", store.state.orgtreeList);
     if (routers.query.projectId) {
       storage.set("projectAddId", routers.query.projectId);
       isEdit.value = true;
@@ -515,7 +545,7 @@ export default {
       valueE1: null,
       valueE2: null,
       classifySelect1: [],
-      classifySelect2: [],
+      classifySelect2: null,
       classifySelect3: [],
       classifySelect4: [],
       rangevalue: [],
@@ -690,11 +720,25 @@ export default {
     };
 
     // 资源归属 sourceBelongId 后续给接口
-    const classifyList2 = ref([
-      { value: 1, label: "项目一" },
-      { value: 2, label: "项目二" },
-      { value: 3, label: "项目三" },
-    ]);
+    const classifyList2 = computed(() => {
+      return store.state.orgtreeList ? store.state.orgtreeList : ref(null);
+    });
+
+    // //获取资源归属
+    // const orgTree = () => {
+    //   api1
+    //     .orgtree()
+    //     .then((res) => {
+    //       console.log("获取集团组织成功", res);
+    //       if (res.status === 200) {
+    //         classifyList2.value = res.data.data;
+    //       }
+    //     })
+    //     .catch((err) => {
+    //       console.log("获取集团组织失败", err);
+    //     });
+    // };
+    // orgTree();
 
     let sourceBelongIdC = "";
     const classificationChange2 = (key) => {
@@ -1357,4 +1401,18 @@ export default {
     }
   }
 }
+.treeDropdown {
+  // width: 240px !important;
+  // border-radius: 5px;
+  // min-height: 600px !important;
+  .ant-select-tree-list-scrollbar {
+    width: 5px !important;
+    .ant-select-tree-list-scrollbar-thumb {
+      background-color: #4ea6ff !important;
+    }
+  }
+  .ant-select-tree-indent-unit {
+    width: 7px !important;
+  }
+}
 </style>
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 69386b2f..950929d5 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -968,7 +968,9 @@
         <div class="projectbox">
           <div class="promessage">
             <div class="messageme">项目信息</div>
-            <div class="messagege">当前项目共0个阶段，0个任务</div>
+            <div class="messagege">
+              当前项目共{{ projectStages }}个阶段，{{ projectTasks }}个任务
+            </div>
           </div>
           <div class="stumessage">
             <div class="messageme1">学员信息</div>
@@ -1024,8 +1026,8 @@
         </div>
       </div>
     </a-modal>
-<!-- 创建项目提示框 -->
- <a-modal
+    <!-- 创建项目提示框 -->
+    <a-modal
       v-model:visible="reminderModal"
       :footer="null"
       :closable="closeBack"
@@ -1041,7 +1043,9 @@
             <div class="close_exit" @click="closeReminderModal"></div>
           </div>
           <div class="body">
-            <div style="margin-left:60px;margin-right:60px">请您根据自身需求选择对应项目类别，多层项目与单层项目操作不同，层级不同</div>
+            <div style="margin-left: 60px; margin-right: 60px">
+              请您根据自身需求选择对应项目类别，多层项目与单层项目操作不同，层级不同
+            </div>
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn2" @click="okReminderModal">
@@ -1052,7 +1056,6 @@
       </div>
     </a-modal>
 
-
     <!-- 归属权抽屉 -->
     <proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
     <!-- 授权名单抽屉 -->
@@ -1061,9 +1064,6 @@
     <proj-check-ship v-model:ProjCheckvisible="ProjCheckvisible" />
     <!-- 管理权抽屉 -->
     <proj-manage-ship v-model:ProjManagevisible="ProjManagevisible" />
-
-
-
   </div>
 </template>
 <script>
@@ -1101,7 +1101,7 @@ export default {
       projectPub: false, //发布弹窗
       backModal: false, //撤回弹窗
       closeBack: false, //撤回弹窗关闭图标
-      reminderModal:false,//温馨提示弹窗
+      reminderModal: false, //温馨提示弹窗
       ProjOwnervisible: false,
       ProjPvisible: false,
       ProjCheckvisible: false,
@@ -1118,7 +1118,9 @@ export default {
       tableDataTotal: -1, //学习路径列表总数
       pageSize: 10, //每页10条数据
 
-      projectStudentsNum: 0, //发布弹窗-学员人数
+      projectStudentsNum: 0, //发布弹窗-学员人
+      projectStages: 0,
+      projectTasks: 0,
       releaseProjectId: null, //发布的项目id
       releaseProjectName: null, //发布的项目名称
       releaseProjectTime: null, //发布的项目时间
@@ -1800,26 +1802,39 @@ export default {
       state.releaseProjectName = object.name;
       state.releaseProjectTime = object.time;
       console.log("object", object);
-      //获取学员总数
-      let obj = {
-        pageNo: 0,
-        pageSize: 0,
-        projectId: object.projectId,
-      };
       api
-        .projectStudent(obj)
+        .getProjectCount(object.projectId)
         .then((res) => {
           if (res.status === 200) {
-            // console.log("res", res.data);
-            state.projectStudentsNum = res.data.data.total
-              ? res.data.data.total
-              : 0;
+            console.log("获取关卡、任务、学员统计数据", res.data);
+            state.projectStudentsNum = res.data.students;
+            state.projectStages = res.data.stages;
+            state.projectTasks = res.data.tasks;
           }
         })
         .catch((err) => {
-          console.log("获取学员人数失败", err);
+          console.log("err", err);
         });
-      //获取阶段及任务总数
+      // //获取学员总数
+      // let obj = {
+      //   pageNo: 0,
+      //   pageSize: 0,
+      //   projectId: object.projectId,
+      // };
+      // api
+      //   .projectStudent(obj)
+      //   .then((res) => {
+      //     if (res.status === 200) {
+      //       // console.log("res", res.data);
+      //       state.projectStudentsNum = res.data.data.total
+      //         ? res.data.data.total
+      //         : 0;
+      //     }
+      //   })
+      //   .catch((err) => {
+      //     console.log("获取学员人数失败", err);
+      //   });
+      // //获取阶段及任务总数
     };
     //确认发布项目
     const releaseProject = () => {
@@ -3071,8 +3086,7 @@ export default {
     };
 
     const showModal1 = () => {
-     
-     state.reminderModal=true
+      state.reminderModal = true;
     };
     const closeModal1 = () => {
       state.estabish = false;
@@ -3101,14 +3115,13 @@ export default {
       state.ProjManagevisible = true;
     };
 
-const closeReminderModal=()=>{
-  state.reminderModal=false
-   
-}
-const okReminderModal=()=>{
-  state.reminderModal=false
-  state.estabish = true;
-}
+    const closeReminderModal = () => {
+      state.reminderModal = false;
+    };
+    const okReminderModal = () => {
+      state.reminderModal = false;
+      state.estabish = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index f3ca1cc7..b1172c7f 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -138,11 +138,11 @@
                 <div class="inputbox">
                   <input type="text" placeholder="按学习时间解锁" />
                   <!-- v-model:unlockModeVisible="unlockModeVisible" -->
-                  <div class="bottonbox"  @click="showModeVisible">
+                  <div class="bottonbox" @click="showModeVisible">
                     <div class="btnText">切换模式</div>
                   </div>
-                   <!-- 切换模式抽屉 -->
-    <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
+                  <!-- 切换模式抽屉 -->
+                  <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
                 </div>
               </div>
               <div class="line"></div>
@@ -992,9 +992,8 @@
       </div></a-modal
     >
 
-
-      <!-- 是否删除阶段弹窗 -->
-        <a-modal
+    <!-- 是否删除阶段弹窗 -->
+    <a-modal
       v-model:visible="deleteStageModal"
       :footer="null"
       :closable="cC"
@@ -1014,18 +1013,15 @@
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1" @click="closeDeleteStage">
-              <div class="btnText" >取消</div>
+              <div class="btnText">取消</div>
             </div>
             <div class="del_btn btn2" @click="deleteStage">
-              <div class="btnText" >确定</div>
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
       </div>
     </a-modal>
-
-
-   
   </div>
 </template>
 
@@ -1050,7 +1046,7 @@ import * as apistage from "../../api/indexStage";
 import * as apimove from "../../api/indexMovetask";
 import draggable from "vuedraggable";
 import { storage } from "../../api/storage";
-import UnlockMode from '../../components/drawers/UnlockMode.vue'
+import UnlockMode from "../../components/drawers/UnlockMode.vue";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -1296,10 +1292,10 @@ export default {
       selectAll: 0, //0：未选择，1：全选，2：部分选择
 
       updateStageID: null, //编辑阶段id
-      deleteStageId:null,//删除阶段的id
-      deleteStageModal:false,//删除阶段弹窗
+      deleteStageId: null, //删除阶段的id
+      deleteStageModal: false, //删除阶段弹窗
 
-unlockModeVisible:false,//切换模式抽屉
+      unlockModeVisible: false, //切换模式抽屉
     });
     console.log("projectId", state.projectId);
     const selectProjectName = (value, index) => {
@@ -1728,7 +1724,7 @@ unlockModeVisible:false,//切换模式抽屉
             console.log("修改阶段成功", res);
             state.valuesname = "";
             state.valuesnotice = "";
-           closeModal()
+            closeModal();
             state.updateStageID = null;
             message.destroy();
             message.success("修改阶段成功");
@@ -1747,9 +1743,9 @@ unlockModeVisible:false,//切换模式抽屉
           .editStage(obj)
           .then((res) => {
             console.log("添加阶段成功", res);
-            state.valuesname = ""
-              state.valuesnotice = ""
-             closeModal()
+            state.valuesname = "";
+            state.valuesnotice = "";
+            closeModal();
             message.destroy();
             message.success("添加阶段成功");
             getTask();
@@ -1760,19 +1756,17 @@ unlockModeVisible:false,//切换模式抽屉
       }
     };
 
-
-//打开删除阶段弹窗
-const showDeleteStage=(id)=>{
-
-state.deleteStageId=id
- state.deleteStageModal=true
-}
-//关闭删除阶段弹窗
-const closeDeleteStage=()=>{
-  state.deleteStageId=null
-  state.deleteStageModal=false
-}
- //删除阶段
+    //打开删除阶段弹窗
+    const showDeleteStage = (id) => {
+      state.deleteStageId = id;
+      state.deleteStageModal = true;
+    };
+    //关闭删除阶段弹窗
+    const closeDeleteStage = () => {
+      state.deleteStageId = null;
+      state.deleteStageModal = false;
+    };
+    //删除阶段
     const deleteStage = () => {
       console.log("chapterId", state.deleteStageId);
       let obj = {
@@ -1782,8 +1776,8 @@ const closeDeleteStage=()=>{
         .deleteStage(obj)
         .then((res) => {
           console.log("删除阶段成功", res);
-          message.success('删除阶段成功')
-          closeDeleteStage()
+          message.success("删除阶段成功");
+          closeDeleteStage();
           getTask();
         })
         .catch((err) => {
@@ -2032,9 +2026,9 @@ const closeDeleteStage=()=>{
     };
 
     //显示切换模式抽屉
-    const showModeVisible=()=>{
-state.unlockModeVisible=true
-    }
+    const showModeVisible = () => {
+      state.unlockModeVisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 8f1b3d76..347c9d8b 100644
--- a/src/views/system/SystemManage.vue
+++ b/src/views/system/SystemManage.vue
@@ -77,12 +77,12 @@
         </div>
       </template>
     </draggable>
-    <div id="qrcode" style="display:flex;flex-direction: column;">
+    <div id="qrcode" style="display: flex; flex-direction: column">
       <div>下载二维码</div>
       <qrcode-vue
         :value="qrcodeUrl"
         :size="qrcodeSize"
-        style="width: 200px;height: 200px"
+        style="width: 200px; height: 200px"
       ></qrcode-vue>
     </div>
     <div @click="downloadQr(200)">下载200</div>
@@ -90,11 +90,30 @@
     <div @click="downloadQr(800)">下载800</div>
   </div>
 
-<div @click="changeCodevisible">显示二维码弹窗</div>
-  <two-dimensional-code v-model:codevisible="codevisible" :codeInfo="codeInfo" index="0" type="课程二维码"/>
+  <div @click="changeCodevisible">显示二维码弹窗</div>
+  <two-dimensional-code
+    v-model:codevisible="codevisible"
+    :codeInfo="codeInfo"
+    index="0"
+    type="课程二维码"
+  />
 
   <div @click="changeCodevisible2">显示二维码弹窗22</div>
-  <two-dimensional-code v-model:codevisible="codevisible2" :codeInfo="codeInfo2" index="1" type="签到二维码"/>
+  <two-dimensional-code
+    v-model:codevisible="codevisible2"
+    :codeInfo="codeInfo2"
+    index="1"
+    type="签到二维码"
+  />
+
+  <a-table
+    :columns="columns"
+    :data-source="data"
+    :row-selection="{
+      selectedRowKeys: selectedRowKeys,
+      onChange: onSelectChange,
+    }"
+  />
 </template>
 <script>
 import { reactive, toRefs } from "vue";
@@ -112,7 +131,7 @@ import draggable from "vuedraggable";
 import QrcodeVue from "qrcode.vue";
 import html2canvas from "html2canvas";
 
-import TwoDimensionalCode from '../../components/TwoDimensionalCode.vue'
+import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 export default {
   name: "SystemManage",
   components: {
@@ -121,8 +140,9 @@ export default {
     // PlusOutlined,
     draggable,
     QrcodeVue,
-    TwoDimensionalCode
+    TwoDimensionalCode,
   },
+
   setup() {
     const state = reactive({
       visible: false,
@@ -157,14 +177,79 @@ export default {
           name: "拖拽六",
         },
       ],
-      
-      qrcodeUrl: "https://www.baidu.com/",
-      qrcodeSize:800,
 
-      codevisible:false,
-      codeInfo:{},
-      codevisible2:false,
-      codeInfo2:{}
+      qrcodeUrl: "https://www.baidu.com/",
+      qrcodeSize: 800,
+
+      codevisible: false,
+      codeInfo: {},
+      codevisible2: false,
+      codeInfo2: {},
+
+      columns: [
+        {
+          title: "Name",
+          dataIndex: "name",
+          key: "name",
+        },
+        {
+          title: "Age",
+          dataIndex: "age",
+          key: "age",
+          width: "12%",
+        },
+        {
+          title: "Address",
+          dataIndex: "address",
+          width: "30%",
+          key: "address",
+        },
+      ],
+      data: [
+        {
+          key: 1,
+          name: "John Brown sr.",
+          age: 60,
+          address: "New York No. 1 Lake Park",
+        },
+        {
+          key: 2,
+          name: "Joe Black",
+          age: 32,
+          address: "Sidney No. 1 Lake Park",
+        },
+        {
+          key: 3,
+          name: "Joe Black",
+          age: 32,
+          address: "Sidney No. 1 Lake Park",
+        },
+        {
+          key: 4,
+          name: "Joe Black",
+          age: 32,
+          address: "Sidney No. 1 Lake Park",
+        },
+        {
+          key: 5,
+          name: "Joe Black",
+          age: 32,
+          address: "Sidney No. 1 Lake Park",
+        },
+        {
+          key: 6,
+          name: "Joe Black",
+          age: 32,
+          address: "Sidney No. 1 Lake Park",
+        },
+        {
+          key: 7,
+          name: "Joe Black",
+          age: 32,
+          address: "Sidney No. 1 Lake Park",
+        },
+      ],
+      selectedRowKeys: [],
     });
 
     const showDrawer = () => {
@@ -248,94 +333,101 @@ export default {
     //下载二维码图片
     const downloadQr = (num) => {
       console.log("num", num);
-      state.qrcodeSize=num
- let filename = `${new Date().getTime()}.png`;
- let canvas=document.getElementsByTagName('canvas')[0]
-        let imageUrl = canvas.toDataURL("image/png")
+      state.qrcodeSize = num;
+      let filename = `${new Date().getTime()}.png`;
+      let canvas = document.getElementsByTagName("canvas")[0];
+      let imageUrl = canvas.toDataURL("image/png");
 
-let canvasBox = document.createElement('canvas');
-	let	ctx = canvasBox.getContext("2d");
-		var img = new Image();
-		// 需要添加文字的图片
-		img.src = imageUrl;
-		// 等待图片加载完成
-		img.onload = function(){
-			// 将图片添加到canvas
-		    ctx.drawImage(img, 0, 0, 1240, 2208)
-			// 设置字体
-			ctx.font = "73px 微软雅黑 bolder"
-			// 设置字体颜色
-			ctx.fillStyle = "#955f17"
-			ctx.textAlign = "center"
-			// 添加文字和位置
-			ctx.fillText("微信名", 621, 1050);
-    
-			// 导出为图片
-			let url = canvasBox.toDataURL("image/png")
-      let a = document.createElement("a");
-			 a.style.display = "none";
+      let canvasBox = document.createElement("canvas");
+      let ctx = canvasBox.getContext("2d");
+      var img = new Image();
+      // 需要添加文字的图片
+      img.src = imageUrl;
+      // 等待图片加载完成
+      img.onload = function () {
+        // 将图片添加到canvas
+        ctx.drawImage(img, 0, 0, 1240, 2208);
+        // 设置字体
+        ctx.font = "73px 微软雅黑 bolder";
+        // 设置字体颜色
+        ctx.fillStyle = "#955f17";
+        ctx.textAlign = "center";
+        // 添加文字和位置
+        ctx.fillText("微信名", 621, 1050);
+
+        // 导出为图片
+        let url = canvasBox.toDataURL("image/png");
+        let a = document.createElement("a");
+        a.style.display = "none";
         a.download = filename;
         a.href = url;
         document.body.appendChild(a);
         a.click();
-    }
-
-
-        // let a = document.createElement("a");
-        // a.style.display = "none";
-        // a.download = filename;
-        // a.href = imageUrl;
-        // document.body.appendChild(a);
-        // a.click();
+      };
 
+      // let a = document.createElement("a");
+      // a.style.display = "none";
+      // a.download = filename;
+      // a.href = imageUrl;
+      // document.body.appendChild(a);
+      // a.click();
 
       html2canvas(document.querySelector("#qrcode"), {
         useCORS: true, //支持图片跨域
       }).then((canvas) => {
-// var extra_canvas = document.createElement("canvas");
-//                 extra_canvas.setAttribute('width',num);
-//                 extra_canvas.setAttribute('height',num);
-//                 var ctx = extra_canvas.getContext('2d');
-//                 ctx.drawImage(canvas,0,0,num,num);
-//                 let filename = `${new Date().getTime()}.png`;
-//                 var imageUrl = extra_canvas.toDataURL("image/png",1.0);
+        // var extra_canvas = document.createElement("canvas");
+        //                 extra_canvas.setAttribute('width',num);
+        //                 extra_canvas.setAttribute('height',num);
+        //                 var ctx = extra_canvas.getContext('2d');
+        //                 ctx.drawImage(canvas,0,0,num,num);
+        //                 let filename = `${new Date().getTime()}.png`;
+        //                 var imageUrl = extra_canvas.toDataURL("image/png",1.0);
 
-        console.log('canvas',canvas, canvas.width,canvas.style.width)
-      
-      // //   let ctx = canvas.getContext('2d');
-      // //           ctx.drawImage(canvas,0,0,canvas.width, canvas.height);
-      // //            canvas.width=num
-      // //  canvas.height=num
-      // //  canvas.style.width=num+'px'
-      // // canvas.style.height=num+'px'
-      //   let filename = `${new Date().getTime()}.png`;
-      //   let imageUrl = canvas.toDataURL("image/png");
-      //   let a = document.createElement("a");
-      //   a.style.display = "none";
-      //   a.download = filename;
-      //   a.href = imageUrl;
-      //   document.body.appendChild(a);
-      //   a.click();
+        console.log("canvas", canvas, canvas.width, canvas.style.width);
+
+        // //   let ctx = canvas.getContext('2d');
+        // //           ctx.drawImage(canvas,0,0,canvas.width, canvas.height);
+        // //            canvas.width=num
+        // //  canvas.height=num
+        // //  canvas.style.width=num+'px'
+        // // canvas.style.height=num+'px'
+        //   let filename = `${new Date().getTime()}.png`;
+        //   let imageUrl = canvas.toDataURL("image/png");
+        //   let a = document.createElement("a");
+        //   a.style.display = "none";
+        //   a.download = filename;
+        //   a.href = imageUrl;
+        //   document.body.appendChild(a);
+        //   a.click();
       });
     };
 
     //显示二维码弹窗
-    const changeCodevisible=()=>{
-      state.codevisible=true
-      state.codeInfo={
-        title:"签到二维码",
-        name:'管理者进阶面授课程',
-        url:"https://www.baidu.com/",
+    const changeCodevisible = () => {
+      state.codevisible = true;
+      state.codeInfo = {
+        title: "签到二维码",
+        name: "管理者进阶面授课程",
+        url: "https://www.baidu.com/",
+      };
+    };
+    const changeCodevisible2 = () => {
+      state.codevisible2 = true;
+      state.codeInfo2 = {
+        title: "签到二维码2222",
+        name: "管理者进阶面授课程2222",
+        url: "https://blog.csdn.net/qq_44034384/article/details/93612152",
+      };
+    };
+
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+
+      if (selectedRowKeys.length > 2) {
+        return;
       }
-    }
-    const changeCodevisible2=()=>{
-      state.codevisible2=true
-      state.codeInfo2={
-        title:"签到二维码2222",
-        name:'管理者进阶面授课程2222',
-        url:"https://blog.csdn.net/qq_44034384/article/details/93612152",
-      }
-    }
+      state.selectedRowKeys = selectedRowKeys;
+    };
     return {
       ...toRefs(state),
       showDrawer,
@@ -346,6 +438,8 @@ let canvasBox = document.createElement('canvas');
       downloadQr,
       changeCodevisible,
       changeCodevisible2,
+
+      onSelectChange,
     };
   },
 };
@@ -353,7 +447,7 @@ let canvasBox = document.createElement('canvas');
 <style lang="scss">
 .systemManage {
   width: 100%;
-  
+
   .ant-input-textarea-show-count {
     position: relative;
   }