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 d7517673..0b26f574 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-17 15:41:45
+ * @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,13 +53,15 @@ 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 });
 
 //新建或编辑关卡
 export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
-
+// 编辑路径图设置
+export const setConfig = (obj) => http.post('/admin/router/setConfig', obj);
 //获取学员列表
 export const getStudent = (obj) => http.post('/admin/router/studentList', obj);
 //获取路径图详情-包含关卡及任务列表
@@ -83,6 +85,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 => {
@@ -90,3 +98,6 @@ export const billboard = (obj) => http.post('/admin/project/billboard', obj);
 // }).catch(err => {
 // 	console.log(err)
 // })
+
+
+// export const choiceEvaluation = (obj) => http.post('/evaluation/choiceEvaluation', obj);
\ No newline at end of file
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/assets/images/doc.png b/src/assets/images/doc.png
new file mode 100644
index 00000000..90f2632f
Binary files /dev/null and b/src/assets/images/doc.png differ
diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
index ddb3c96d..c87e5671 100644
--- a/src/components/drawers/FaceManage.vue
+++ b/src/components/drawers/FaceManage.vue
@@ -447,9 +447,10 @@ export default {
       state.name = "";
       state.projectName = "";
       state.tabledata = [];
-      getManageList();
+      //getManageList();
     };
 
+
     return {
       ...toRefs(state),
       selectProjectName,
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
index a172bd43..6d753120 100644
--- a/src/components/drawers/TestManage.vue
+++ b/src/components/drawers/TestManage.vue
@@ -490,8 +490,9 @@ export default {
       state.name = "";
       state.projectName = "";
       state.tabledata = [];
-      getManageList();
+     // getManageList();
     };
+
     return {
       ...toRefs(state),
       selectProjectName,
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 68da73b2..4dfb6a1c 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -418,8 +418,9 @@ export default {
       state.name = "";
       state.projectName = "";
       state.tabledata = [];
-      getManageList();
+      //getManageList();
     };
+
     return {
       ...toRefs(state),
       selectProjectName,
diff --git a/src/components/drawers/UnlockMode.vue b/src/components/drawers/UnlockMode.vue
new file mode 100644
index 00000000..22e5c839
--- /dev/null
+++ b/src/components/drawers/UnlockMode.vue
@@ -0,0 +1,225 @@
+<template>
+  <a-drawer
+    :visible="unlockModeVisible"
+    class="drawerStyle unlockmode"
+    placement="right"
+    width="70%"
+    @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="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="classify">
+          <div
+            v-for="(item, index) in classify"
+            :key="index"
+            class="classifyItem"
+            @click="selectClassify(item)"
+            :style="{
+              color: item.type === selectClassifyType ? '#FFFFFF' : '#999999',
+              'background-color':
+                item.type === selectClassifyType ? '#409EFF' : '#FFFFFF',
+              border:
+                item.type === selectClassifyType
+                  ? '1px solid #409EFF'
+                  : '1px solid #999999',
+            }"
+          >
+            {{ 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>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "UnlockMode",
+  props: {
+    unlockModeVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      classify: [
+        {
+          type: 1,
+          text: "自由学习模式",
+        },
+        {
+          type: 2,
+          text: "按学习时间解锁",
+        },
+        {
+          type: 3,
+          text: "闯关模式",
+        },
+      ],
+      selectClassifyType: 1,
+      checked: true,
+      radioSelect: 1,
+    });
+    const closeDrawer = () => {
+      state.selectClassifyType = 1;
+      state.checked = true;
+      state.radioSelect = 1;
+      ctx.emit("update:unlockModeVisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    const selectClassify = (e) => {
+      state.selectClassifyType = e.type;
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+      selectClassify,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.unlockmode {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      display: flex;
+      flex-direction: column;
+      .classify {
+        display: flex;
+        .classifyItem {
+          width: 160px;
+          height: 38px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          border-radius: 4px;
+          border: 1px solid #999999;
+          font-size: 16px;
+          font-weight: 500;
+          color: #999999;
+          line-height: 22px;
+          margin-right: 16px;
+          cursor: pointer;
+        }
+      }
+      .type1 {
+        margin-top: 50px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #333333;
+        line-height: 20px;
+      }
+      .radio {
+        margin-top: 24px;
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/drawers/WorkManage.vue b/src/components/drawers/WorkManage.vue
index 21afcbe8..cf404496 100644
--- a/src/components/drawers/WorkManage.vue
+++ b/src/components/drawers/WorkManage.vue
@@ -378,7 +378,7 @@ export default {
       state.name = "";
       state.projectName = "";
       state.tabledata = [];
-      getManageList();
+     // getManageList();
     };
 
     return {
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 abbc4b6e..7e7a1fed 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -114,7 +114,7 @@
 
     <!-- 表格 -->
 
-    <!-- 创建路径弹窗 -->
+    <!-- 创建路径弹窗 v-model:visible="out" -->
     <a-modal
       :closable="sh"
       centered="true"
@@ -194,18 +194,24 @@
             <img class="im" src="../../assets/px.jpg" /> -->
               <div
                 @click="chooseImg(item)"
-                v-for="item in imgData"
+                v-for="(item, index) in imgData"
                 :key="item.key"
                 class="learnBgItem"
                 :style="{
                   border:
                     learnPathBg === item.id
                       ? '2px solid rgba(78, 166, 255, 1)'
-                      : '1px solid #ccc',
+                      : '1px solid #C7CBD2',
                   'background-image': 'url(' + item.source + ')',
+                  display: index >= 5 ? 'none' : 'flex',
                 }"
+              ></div>
+              <div
+                @click="showLearnBgMore"
+                v-if="imgData.length > 5"
+                class="learnBgItem learnBgMore"
               >
-                <!-- <img class="im" :src="item.source" /> -->
+                查看更多 <img src="../../assets/images/projectadd/go.png" />
               </div>
             </div>
           </div>
@@ -220,12 +226,13 @@
             <button class="samtn btn1" @click="handleOut">取消</button>
             <button class="samtn btn2" @click="createLearnPath">确定</button>
           </div>
-        </div>
-        <div
-          class="aeLoading"
-          :style="{ display: lpLoading ? 'flex' : 'none' }"
-        >
-          <a-spin :spinning="lpLoading" tip="添加中..." />
+
+          <div
+            class="aeLoading"
+            :style="{ display: lpLoading ? 'flex' : 'none' }"
+          >
+            <a-spin :spinning="lpLoading" tip="添加中..." />
+          </div>
         </div>
       </div>
     </a-modal>
@@ -310,7 +317,7 @@
             <img class="im" src="../../assets/px.jpg" /> -->
               <div
                 @click="chooseImg2(item)"
-                v-for="item in imgData"
+                v-for="(item, index) in imgData"
                 :key="item.key"
                 class="learnBgItem"
                 :style="{
@@ -319,16 +326,17 @@
                       ? '2px solid rgba(78, 166, 255, 1)'
                       : '1px solid #ccc',
                   'background-image': 'url(' + item.source + ')',
+                  display: index >= 5 ? 'none' : 'flex',
                 }"
               >
                 <!-- <img class="im" :src="item.source" /> -->
               </div>
               <div
-                @click="showImgMore"
-                v-if="imgData.length >= 5"
-                class="learnBgItem"
+                @click="showLearnBgMore"
+                v-if="imgData.length > 5"
+                class="learnBgItem learnBgMore"
               >
-                <!-- <img class="im" :src="item.source" /> -->
+                查看更多 <img src="../../assets/images/projectadd/go.png" />
               </div>
             </div>
           </div>
@@ -344,8 +352,8 @@
             <button class="samtn btn2" @click="editLearnPath">确定</button>
           </div>
         </div>
-      </div></a-modal
-    >
+      </div>
+    </a-modal>
     <!-- 发布弹窗 -->
     <a-modal
       v-model:visible="pub"
@@ -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>
@@ -582,6 +592,49 @@
     <power-list v-model:PLvisible="PLvisible" />
 
     <!-- 创建路径loading -->
+
+    <!-- 更多背景图 v-model:visible="learnBgMore"  -->
+    <a-modal
+      :closable="sh"
+      centered="true"
+      v-model:visible="learnBgMore"
+      :footer="null"
+      wrapClassName="learnBgMoreModal"
+      :z-index="9999"
+    >
+      <div class="main">
+        <div class="top">
+          <div class="topc">路径图背景</div>
+          <div @click="closeLearnBgMore">
+            <img
+              style="width: 20px; height: 20px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="imagesBox">
+          <div
+            @click="chooseImg2(item)"
+            v-for="item in imgData"
+            :key="item.key"
+            class="learnBgItem"
+            :style="{
+              border:
+                learnPathBg2 === item.id
+                  ? '2px solid rgba(78, 166, 255, 1)'
+                  : '1px solid #ccc',
+              'background-image': 'url(' + item.source + ')',
+            }"
+          >
+            <!-- <img class="im" :src="item.source" /> -->
+          </div>
+        </div>
+        <div class="btn">
+          <button class="samtn btn1" @click="closeLearnBgMore">取消</button>
+          <button class="samtn btn2" @click="closeLearnBgMore">确定</button>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 <script>
@@ -643,6 +696,74 @@ export default {
           id: 5,
           source: require("../../assets/images/leveladd/3.png"),
         },
+        {
+          id: 6,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 7,
+          source: require("../../assets/images/leveladd/2.png"),
+        },
+        {
+          id: 5,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 6,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 7,
+          source: require("../../assets/images/leveladd/2.png"),
+        },
+        {
+          id: 5,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 6,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 7,
+          source: require("../../assets/images/leveladd/2.png"),
+        },
+        {
+          id: 5,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 6,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 7,
+          source: require("../../assets/images/leveladd/2.png"),
+        },
+        {
+          id: 5,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 6,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 7,
+          source: require("../../assets/images/leveladd/2.png"),
+        },
+        {
+          id: 5,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 6,
+          source: require("../../assets/images/leveladd/3.png"),
+        },
+        {
+          id: 7,
+          source: require("../../assets/images/leveladd/2.png"),
+        },
       ],
       learnPathBg: null, //创建路径选择的路径图背景
       learnPathBg2: null, //编辑路径选择的路径图背景
@@ -728,14 +849,16 @@ export default {
       endTime: null, //结束时间
       //发布---------------
       releasePathId: null, //发布路径id
-      routeStudentsNum: 0,
+      routeStudentsNum: 0, //学员总数
+      routeChapters: 0, //关卡总数
+      routeTasks: 0, //任务总数
       recallPathId: null, //撤回路径id
       stopPathId: null, //停用路径id
       copyPathId: null, //复制路径iid
 
       lpLoading: false,
+      learnBgMore: false, //是否显示更多学习路径背景
     });
-
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
     };
@@ -773,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 = () => {
@@ -1507,10 +1617,33 @@ export default {
       state.endTime = null;
       getLearnPath();
     };
+
+    //     const choiceEvaluation=()=>{
+    //       let obj={
+    //         keyword: "",
+    // 	user_id: 1
+    //       }
+    //       api.choiceEvaluation(obj).then(res=>{
+    // console.log('获取测评列表',res)
+    //       }).catch(err=>{
+    // console.log('获取测评列表失败',err)
+    //       })
+    //     }
+    //     choiceEvaluation()
+
+    //显示更多路径背景弹窗
+    const showLearnBgMore = () => {
+      state.learnBgMore = true;
+    };
+    //关闭更多路径背景弹窗
+    const closeLearnBgMore = () => {
+      state.learnBgMore = false;
+    };
     onMounted(() => {
       // console.log("执行");
       getLearnPath();
     });
+
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1549,6 +1682,8 @@ export default {
       searchTimeChange,
       searchLearnPath,
       resetLearnPath,
+      showLearnBgMore,
+      closeLearnBgMore,
     };
   },
 };
@@ -1683,6 +1818,7 @@ export default {
                 display: flex;
                 flex-wrap: wrap;
                 min-height: 110px;
+                height: 300px;
                 .learnBgItem {
                   border-radius: 8px;
                   width: 136px;
@@ -1692,6 +1828,17 @@ export default {
                   margin-bottom: 20px;
                   margin-right: 6px;
                 }
+                .learnBgMore {
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  border: 1px solid #c7cbd2;
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #4ea6ff;
+                  line-height: 36px;
+                  cursor: pointer;
+                }
               }
             }
             .info {
@@ -1757,6 +1904,84 @@ export default {
     }
   }
 }
+.learnBgMoreModal {
+  .ant-modal {
+    width: 680px !important;
+    height: 528px !important;
+    .ant-modal-content {
+      width: 680px !important;
+      height: 528px !important;
+      .ant-modal-body {
+        width: 680px !important;
+        height: 528px !important;
+        padding: 0 !important;
+        .main {
+          display: flex;
+          flex-direction: column;
+          .top {
+            padding-left: 51px;
+            padding-right: 51px;
+            padding-top: 28px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            cursor: pointer;
+            .topc {
+              font-size: 16px;
+              font-weight: bold;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+          .imagesBox {
+            display: flex;
+            //  justify-content: space-between;
+            flex-wrap: wrap;
+            padding-left: 51px;
+            padding-right: 39px;
+            margin-top: 20px;
+            height: 350px;
+            overflow-y: auto;
+            .learnBgItem {
+              border-radius: 8px;
+              width: 136px;
+              height: 106px;
+              background-size: 100%;
+              background-repeat: no-repeat;
+              margin-bottom: 20px;
+              margin-right: 10px;
+            }
+          }
+          .btn {
+            width: 100%;
+            position: absolute;
+            bottom: 30px;
+            margin-top: 30px;
+            display: flex;
+            justify-content: center;
+            .samtn {
+              width: 100px;
+              height: 40px;
+              font-size: 14px;
+              border: 1px solid #4ea6ff;
+              border-radius: 8px;
+              cursor: pointer;
+            }
+            .btn1 {
+              background-color: #fff;
+              color: #4ea6ff;
+            }
+            .btn2 {
+              background-color: #4ea6ff;
+              color: #fff;
+              margin-left: 16px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .pub {
   .ant-modal {
     .ant-modal-body {
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 88914b7a..ed6b2467 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -625,8 +625,9 @@
                     :pageSize="pageSize"
                     :current="currentPage"
                     :total="tableDataTotal"
+                    @change="pageChange"
                     class="pagination"
-                    style="display: none"
+                    style="display: block"
                   />
                 </div>
               </div>
@@ -762,19 +763,20 @@
                       <div
                         v-for="item in docList"
                         :key="item.src"
+                        style="margin-top: 20px;"
                         class="docListStyle"
                       >
                         <img
-                          src="@/assets/images/basicinfo/download.png"
+                          src="@/assets/images/doc.png"
                           style="
                             cursor: pointer;
-                            width: 40px;
-                            height: 40px;
-                            margin-right: 40px;
+                            width: 30px;
+                            height: 25px;
+                            margin-right: 10px;
                           "
                           alt=""
                         />
-                        <span style="font: oblique 16px Sans-serif">{{
+                        <span style="font: oblique bolder 16px 宋体">{{
                           item.name
                         }}</span>
                         <span style="color: #4ea6ff; float: right">删除</span>
@@ -1155,7 +1157,7 @@ import FaceStu from "../../components/drawers/FaceStu";
 import ActiveAttendance from "../../components/drawers/ActiveAttendance";
 import TimeManage from "../../components/drawers/TimeManage";
 import TestManage from "../../components/drawers/TestManage";
-import FaceManage from "../../components/drawers/FaceManage";
+import FaceManage from "../../components/drawers/FaceManage"; 
 import WorkManage from "../../components/drawers/WorkManage";
 import SeeStu from "../../components/drawers/SeeStu";
 // import { useRoute } from "vue-router";
@@ -1580,7 +1582,7 @@ export default {
     const getStudent = () => {
       let obj = {
         name: "",
-        pageNo: 1,
+        pageNo: state.currentPage,
         pageSize: 10,
         routerId: 100,
       };
@@ -1589,7 +1591,7 @@ export default {
         .then((res) => {
           console.log("获取学员列表", res);
           let data = res.data.data.rows || null;
-          // state.tableData = [];
+          state.tableData = [];
           if (data.length) {
             for (let i in data) {
               let _time = new Date(data[i].beginStudyTime * 1000);
@@ -1882,6 +1884,7 @@ export default {
             .delStudent({ routerId: 100, studentIds: [id] })
             .then((res) => {
               message.success("删除成功");
+              getStudent()
               console.log(res);
             })
             .catch((err) => {
@@ -1914,12 +1917,39 @@ export default {
       }
       api.delStudent(obj).then((res) => {
         console.log(res);
+        getStudent();
         message.success("批量删除成功")
       }).catch(err => {
         message.error("批量删除失败"+err);
         console.log(err)
       })
     };
+    const pageChange = (value) => {
+      state.currentPage = value;
+      getStudent();
+    }
+    const setconfig = () => {
+      let obj = {
+        "autoJoinFlag": 0,
+          "deptBoList": [
+            {
+              "deptId": 0,
+              "deptName": ""
+            }
+          ],
+          "preLearnFlag": 0,
+          "previewFlag": 0,
+          "routerId": 0,
+          "showFlag": 0
+      }
+      api.setConfig(obj).then((res) => {
+        message.success("编辑成功")
+        console.log(res);
+      }).catch(err => {
+        console.log(err);
+        message.error("编辑失败")
+      })
+    }
     return {
       ...toRefs(state),
       ...toRefs(levelList),
@@ -1967,6 +1997,8 @@ export default {
       showStop,
       reget,
       stageChange,
+      pageChange,
+      setconfig,
     };
   },
 };
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 381f5d86..6780fa61 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -1,86 +1,87 @@
 <template>
   <div class="leveladddetail">
-    <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)"
@@ -102,673 +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 class="smallleft"></div>
+                <div class="smallright"></div>
+              </div>
+            </div>
+            <!-- 无数据样式 -->
           </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="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" @click="showModeVisible">
+                    <div class="btnText">切换模式</div>
+                  </div>
                 </div>
-                <div class="boxtitle2">
-                  <span style="color: #878b92">请点击上方，创建任务</span>
+                <!-- 切换模式抽屉 -->
+                <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>
-              </div>
-              <div class="smallleft"></div>
-              <div class="smallright"></div>
+              </router-link>
             </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" @click="gqxy_hShow">
-            <div class="btnText">下一步</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>
-            </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">
+        <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>
@@ -781,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"
@@ -807,42 +821,59 @@
                     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>
+        </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 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>
+    </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>
@@ -961,11 +992,11 @@
             </div>
           </div>
         </div>
-      </div></a-modal
-    >
+      </div>
+    </a-modal>
 
-     <!-- 是否删除关卡弹窗 -->
-        <a-modal
+    <!-- 是否删除关卡弹窗 -->
+    <a-modal
       v-model:visible="deleteChapterModal"
       :footer="null"
       :closable="cC"
@@ -985,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>
@@ -1022,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: {
@@ -1039,6 +1071,7 @@ export default {
     AddLive,
     AddRef,
     draggable,
+    UnlockMode,
   },
   setup() {
     const state = reactive({
@@ -1300,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) {
@@ -1325,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) => {
@@ -1343,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) => {
@@ -1371,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 = {
@@ -1391,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;
     };
@@ -1528,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;
@@ -1544,8 +1579,7 @@ const closeDeleteChapter=()=>{
     const closeDrawer = () => {
       state.visible = false;
     };
-   
-  
+
     const afterVisibleChange = (bool) => {
       console.log("visible", bool);
     };
@@ -1922,7 +1956,7 @@ const closeDeleteChapter=()=>{
         showDrawerAddCase(id, eleId);
       }
     };
- 
+
     const changeCourseType = (ele) => {
       console.log("任务id", ele.id);
       console.log("flag", ele.checked1);
@@ -1999,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;
@@ -2017,7 +2051,7 @@ const closeDeleteChapter=()=>{
         })
         .catch((err) => {
           console.log("获取全部项目信息接口失败", err);
-          console.log('+++++++++++++++++++++++++++++++++++++++++++++++');
+          console.log("+++++++++++++++++++++++++++++++++++++++++++++++");
           // state.createLoading = false;
         });
     };
@@ -2041,6 +2075,11 @@ const closeDeleteChapter=()=>{
           console.log(err, 1111);
         });
     };
+
+    //显示切换模式抽屉
+    const showModeVisible = () => {
+      state.unlockModeVisible = true;
+    };
     onMounted(() => {
       // createCase();
       getAllProjText();
@@ -2098,10 +2137,11 @@ const closeDeleteChapter=()=>{
       getAllProjText,
       updateTask,
 
-
       showDeleteChapter,
       closeDeleteChapter,
       deleteChapter,
+
+      showModeVisible,
     };
   },
 };
@@ -2514,6 +2554,7 @@ const closeDeleteChapter=()=>{
 .leveladddetail {
   width: 100%;
   display: flex;
+  flex-direction: column;
   min-width: 933px;
   background-color: rgba(245, 247, 250, 1);
   .left {
@@ -3219,49 +3260,49 @@ const closeDeleteChapter=()=>{
         }
       }
     }
-    .footbtn {
-      width: 100%;
-      flex: 1;
-      background-color: #fff;
-      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
-      display: flex;
-      justify-content: end;
-      .btnbox {
-        display: flex;
-        margin-right: 36px;
-        .btn {
-          padding: 0px 26px 0px 26px;
-          height: 38px;
-          border-radius: 8px;
-          border: 1px solid rgba(64, 158, 255, 1);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-shrink: 0;
-          margin: 21px 0px 19px 14px;
-          cursor: pointer;
-          white-space: nowrap;
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 36px;
-            margin-left: 5px;
-          }
-        }
-        .btn1 {
-          background-color: #409eff;
-          .btnText {
-            color: #ffffff;
-          }
-        }
-        .btn2 {
-          background-color: #ffffff;
-          .btnText {
-            color: #409eff;
-          }
-        }
-      }
-    }
+    // .footbtn {
+    //   width: 100%;
+    //   flex: 1;
+    //   background-color: #fff;
+    //   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+    //   display: flex;
+    //   justify-content: end;
+    //   .btnbox {
+    //     display: flex;
+    //     margin-right: 36px;
+    //     .btn {
+    //       padding: 0px 26px 0px 26px;
+    //       height: 38px;
+    //       border-radius: 8px;
+    //       border: 1px solid rgba(64, 158, 255, 1);
+    //       display: flex;
+    //       align-items: center;
+    //       justify-content: center;
+    //       flex-shrink: 0;
+    //       margin: 21px 0px 19px 14px;
+    //       cursor: pointer;
+    //       white-space: nowrap;
+    //       .btnText {
+    //         font-size: 14px;
+    //         font-weight: 400;
+    //         line-height: 36px;
+    //         margin-left: 5px;
+    //       }
+    //     }
+    //     .btn1 {
+    //       background-color: #409eff;
+    //       .btnText {
+    //         color: #ffffff;
+    //       }
+    //     }
+    //     .btn2 {
+    //       background-color: #ffffff;
+    //       .btnText {
+    //         color: #409eff;
+    //       }
+    //     }
+    //   }
+    // }
   }
   .opat {
     .opacationt {
@@ -3321,6 +3362,52 @@ const closeDeleteChapter=()=>{
       margin-left: 10px;
     }
   }
+  .footbtn {
+    width: 100%;
+    height: 80px;
+    margin-top: 16px;
+    // flex: 1;
+    background-color: #fff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+    display: flex;
+    justify-content: end;
+    .btnbox {
+      display: flex;
+      margin-right: 36px;
+      height: 80px;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        margin: 21px 0px 19px 14px;
+        cursor: pointer;
+        white-space: nowrap;
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+      .btn1 {
+        background-color: #409eff;
+        .btnText {
+          color: #ffffff;
+        }
+      }
+      .btn2 {
+        background-color: #ffffff;
+        .btnText {
+          color: #409eff;
+        }
+      }
+    }
+  }
 }
 .CopyModal {
   .ant-modal {
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 f7d78270..b1172c7f 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -137,9 +137,12 @@
                 <span>学习模式：</span>
                 <div class="inputbox">
                   <input type="text" placeholder="按学习时间解锁" />
-                  <div class="bottonbox">
+                  <!-- v-model:unlockModeVisible="unlockModeVisible" -->
+                  <div class="bottonbox" @click="showModeVisible">
                     <div class="btnText">切换模式</div>
                   </div>
+                  <!-- 切换模式抽屉 -->
+                  <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
                 </div>
               </div>
               <div class="line"></div>
@@ -989,9 +992,8 @@
       </div></a-modal
     >
 
-
-      <!-- 是否删除阶段弹窗 -->
-        <a-modal
+    <!-- 是否删除阶段弹窗 -->
+    <a-modal
       v-model:visible="deleteStageModal"
       :footer="null"
       :closable="cC"
@@ -1011,10 +1013,10 @@
           </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>
@@ -1044,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";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -1100,6 +1102,7 @@ export default {
     AddEval,
     AddInvist,
     AddVote,
+    UnlockMode,
   },
   setup() {
     const state = reactive({
@@ -1289,8 +1292,10 @@ export default {
       selectAll: 0, //0：未选择，1：全选，2：部分选择
 
       updateStageID: null, //编辑阶段id
-      deleteStageId:null,//删除阶段的id
-      deleteStageModal:false,//删除阶段弹窗
+      deleteStageId: null, //删除阶段的id
+      deleteStageModal: false, //删除阶段弹窗
+
+      unlockModeVisible: false, //切换模式抽屉
     });
     console.log("projectId", state.projectId);
     const selectProjectName = (value, index) => {
@@ -1719,7 +1724,7 @@ export default {
             console.log("修改阶段成功", res);
             state.valuesname = "";
             state.valuesnotice = "";
-           closeModal()
+            closeModal();
             state.updateStageID = null;
             message.destroy();
             message.success("修改阶段成功");
@@ -1738,9 +1743,9 @@ export default {
           .editStage(obj)
           .then((res) => {
             console.log("添加阶段成功", res);
-            state.valuesname = ""
-              state.valuesnotice = ""
-             closeModal()
+            state.valuesname = "";
+            state.valuesnotice = "";
+            closeModal();
             message.destroy();
             message.success("添加阶段成功");
             getTask();
@@ -1751,19 +1756,17 @@ export default {
       }
     };
 
-
-//打开删除阶段弹窗
-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 = {
@@ -1773,8 +1776,8 @@ const closeDeleteStage=()=>{
         .deleteStage(obj)
         .then((res) => {
           console.log("删除阶段成功", res);
-          message.success('删除阶段成功')
-          closeDeleteStage()
+          message.success("删除阶段成功");
+          closeDeleteStage();
           getTask();
         })
         .catch((err) => {
@@ -2021,6 +2024,11 @@ const closeDeleteStage=()=>{
       console.log("阶段改变", value, option);
       state.removeStageId = option.id;
     };
+
+    //显示切换模式抽屉
+    const showModeVisible = () => {
+      state.unlockModeVisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -2075,6 +2083,8 @@ const closeDeleteStage=()=>{
       showDeleteStage,
       closeDeleteStage,
       deleteStage,
+
+      showModeVisible,
     };
   },
 };
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;
   }