From f18909673de49dbb99f60a34a322f9aa0d9590ac Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Mon, 21 Nov 2022 17:48:26 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=AD=97=E5=85=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                            |   5 +-
 src/api/index1.js                           |   6 +-
 src/components/BreadCrumb.vue               | 101 ++++++++----------
 src/components/NavLeft.vue                  |  64 +++++------
 src/components/OpenPages.vue                |   4 +-
 src/components/vote/CreateVote.vue          |   2 +-
 src/router/config.js                        |   4 +-
 src/router/index.js                         |   7 +-
 src/store/index.js                          |   4 +-
 src/views/learningpath/LearningPath.vue     |   4 +-
 src/views/learningpath/LevelAdd.vue         |  10 +-
 src/views/learningpath/LevelAddDetail.vue   |   4 +-
 src/views/learningpath/LevelCheck.vue       |   2 +-
 src/views/projectcenter/ClassAdd.vue        |  10 +-
 src/views/projectcenter/LibraryAdd.vue      |   6 +-
 src/views/projectcenter/ProjectAdd.vue      | 112 ++++++++++++--------
 src/views/projectcenter/ProjectManage.vue   |  36 +++----
 src/views/projectcenter/SonProject.vue      |  10 +-
 src/views/projectcenter/TaskAdd.vue         |   2 +-
 src/views/projectcenter/TaskPage.vue        | 104 +++++++++---------
 src/views/projectcenter/TemplateLibrary.vue |   4 +-
 src/views/projectcenter/templateAdd.vue     |   8 +-
 src/views/research/ManagePage.vue           |   4 +-
 src/views/research/ResearchAdd copy.vue     |   4 +-
 src/views/research/ResearchAdd.vue          |  10 +-
 src/views/research/ResearchManage.vue       |   4 +-
 src/views/system/SystemManage.vue           |   2 +-
 27 files changed, 280 insertions(+), 253 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index 45195084..c62e1b47 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-20 18:18:11
+ * @LastEditTime: 2022-11-21 16:39:00
  * @FilePath: /fe-manage/src/api/index.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -73,4 +73,5 @@ export const getTemplate = (obj) => http.post('/admin/project/template/list', ob
 export const getTemplateDetail = (obj) => http.get('/admin/project/template/detail', { params: obj })
 
 //获取项目统计
-export const getProjectCount = (projectId) => http.get('/admin/project/projectCount', { params: { projectId: projectId } })
\ No newline at end of file
+export const getProjectCount = (projectId) => http.get('/admin/project/projectCount', { params: { projectId: projectId } })
+
diff --git a/src/api/index1.js b/src/api/index1.js
index 87fa03e2..6e5402e5 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-21 11:51:11
+ * @LastEditTime: 2022-11-21 16:39:08
  * @FilePath: /fe-manage/src/api/index1.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -85,10 +85,12 @@ export const scoreRank = (obj) => http.post('/admin/project/scoreRank', obj);
 export const billboard = (obj) => http.post('/admin/project/billboard', obj);
 //项目基础信息-----------------------------------
 
-
+//获取字典信息
+export const getDict = (obj) => http.post('/dict/getList', obj)
 // 获取组织结构树
 export const orgtree = () => http.get('/org/tree');
 
+
 //获取积分列表
 export const noticeList = (projectId) => http.post(`http://localhost:8080/api/admin/project/noticeList?projectId=` + projectId + ``)
 
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 93fa3e24..c4cb108c 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -34,8 +34,8 @@ export default {
         console.log("new:" + n + ",old:" + o);
 
         if (
-          n.indexOf("/manage/learningpath") !== -1 ||
-          n.indexOf("/manage/LearningPath") !== -1
+          n.indexOf("/learningpath") !== -1 ||
+          n.indexOf("/LearningPath") !== -1
         ) {
           state.list = [
             {
@@ -45,14 +45,11 @@ export default {
             },
           ];
         }
-        if (
-          n.indexOf("/manage/leveladd") !== -1 ||
-          n.indexOf("/manage/LevelAdd") !== -1
-        ) {
+        if (n.indexOf("/leveladd") !== -1 || n.indexOf("/LevelAdd") !== -1) {
           state.list = [
             {
               name: "学习路径",
-              href: "/manage/learningpath",
+              href: "/learningpath",
             },
             {
               name: "管理",
@@ -60,17 +57,17 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/leveladddetail") !== -1 ||
-          n.indexOf("/manage/LevelAddDetail") !== -1
+          n.indexOf("/leveladddetail") !== -1 ||
+          n.indexOf("/LevelAddDetail") !== -1
         ) {
           state.list = [
             {
               name: "学习路径",
-              href: "/manage/learningpath",
+              href: "/learningpath",
             },
             {
               name: "管理",
-              href: "/manage/leveladd",
+              href: "/leveladd",
             },
             {
               name: "创建关卡",
@@ -78,17 +75,17 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/levelcheck") !== -1 ||
-          n.indexOf("/manage/LevelCheck") !== -1
+          n.indexOf("/levelcheck") !== -1 ||
+          n.indexOf("/LevelCheck") !== -1
         ) {
           state.list = [
             {
               name: "学习路径",
-              href: "/manage/learningpath",
+              href: "/learningpath",
             },
             {
               name: "管理",
-              href: "/manage/leveladd",
+              href: "/leveladd",
             },
             {
               name: "查看",
@@ -96,8 +93,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/projectmanage") !== -1 ||
-          n.indexOf("/manage/ProjectManage") !== -1
+          n.indexOf("/projectmanage") !== -1 ||
+          n.indexOf("/ProjectManage") !== -1
         ) {
           state.list = [
             {
@@ -112,23 +109,20 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/projectadd") !== -1 ||
-          n.indexOf("/manage/ProjectAdd") !== -1
+          n.indexOf("/projectadd") !== -1 ||
+          n.indexOf("/ProjectAdd") !== -1
         ) {
           state.list = [
             {
               name: "项目",
-              href: "/manage/projectmanage",
+              href: "/projectmanage",
             },
             {
               name: "创建项目",
             },
           ];
         }
-        if (
-          n.indexOf("/manage/taskpage") !== -1 ||
-          n.indexOf("/manage/TaskPage") !== -1
-        ) {
+        if (n.indexOf("/taskpage") !== -1 || n.indexOf("/TaskPage") !== -1) {
           state.list = [
             {
               name: "项目",
@@ -139,10 +133,7 @@ export default {
             },
           ];
         }
-        if (
-          n.indexOf("/manage/taskadd") !== -1 ||
-          n.indexOf("/manage/TaskAdd") !== -1
-        ) {
+        if (n.indexOf("/taskadd") !== -1 || n.indexOf("/TaskAdd") !== -1) {
           state.list = [
             {
               name: "项目",
@@ -160,8 +151,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/templatelibrary") !== -1 ||
-          n.indexOf("/manage/TemplateLibrary") !== -1
+          n.indexOf("/templatelibrary") !== -1 ||
+          n.indexOf("/TemplateLibrary") !== -1
         ) {
           state.list = [
             {
@@ -173,8 +164,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/libraryadd") !== -1 ||
-          n.indexOf("/manage/LibraryAdd") !== -1
+          n.indexOf("/libraryadd") !== -1 ||
+          n.indexOf("/LibraryAdd") !== -1
         ) {
           state.list = [
             {
@@ -185,13 +176,13 @@ export default {
             },
             {
               name: "查看",
-              href: "/manage/libraryadd",
+              href: "/libraryadd",
             },
           ];
         }
         if (
-          n.indexOf("/manage/coursemanage") !== -1 ||
-          n.indexOf("/manage/CourseManage") !== -1
+          n.indexOf("/coursemanage") !== -1 ||
+          n.indexOf("/CourseManage") !== -1
         ) {
           state.list = [
             {
@@ -206,8 +197,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/coursewaremanage") !== -1 ||
-          n.indexOf("/manage/CoursewareManage") !== -1
+          n.indexOf("/coursewaremanage") !== -1 ||
+          n.indexOf("/CoursewareManage") !== -1
         ) {
           state.list = [
             {
@@ -219,8 +210,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/researchmanage") !== -1 ||
-          n.indexOf("/manage/ResearchManage") !== -1
+          n.indexOf("/researchmanage") !== -1 ||
+          n.indexOf("/ResearchManage") !== -1
         ) {
           state.list = [
             {
@@ -231,8 +222,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/managepage") !== -1 ||
-          n.indexOf("/manage/ManagePage") !== -1
+          n.indexOf("/managepage") !== -1 ||
+          n.indexOf("/ManagePage") !== -1
         ) {
           state.list = [
             {
@@ -247,8 +238,8 @@ export default {
         }
 
         if (
-          n.indexOf("/manage/researchadd") !== -1 ||
-          n.indexOf("/manage/ResearchAdd") !== -1
+          n.indexOf("/researchadd") !== -1 ||
+          n.indexOf("/ResearchAdd") !== -1
         ) {
           state.list = [
             {
@@ -263,8 +254,8 @@ export default {
         }
 
         if (
-          n.indexOf("/manage/certificatecenter") !== -1 ||
-          n.indexOf("/manage/CertificateCenter") !== -1
+          n.indexOf("/certificatecenter") !== -1 ||
+          n.indexOf("/CertificateCenter") !== -1
         ) {
           state.list = [
             {
@@ -273,8 +264,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/systemmanage") !== -1 ||
-          n.indexOf("/manage/SystemManage") !== -1
+          n.indexOf("/systemmanage") !== -1 ||
+          n.indexOf("/SystemManage") !== -1
         ) {
           state.list = [
             {
@@ -283,8 +274,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/coursereviewed") !== -1 ||
-          n.indexOf("/manage/CourseReiewed") !== -1
+          n.indexOf("/coursereviewed") !== -1 ||
+          n.indexOf("/CourseReiewed") !== -1
         ) {
           state.list = [
             {
@@ -296,8 +287,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/coursereviewedn") !== -1 ||
-          n.indexOf("/manage/CourseReiewedN") !== -1
+          n.indexOf("/coursereviewedn") !== -1 ||
+          n.indexOf("/CourseReiewedN") !== -1
         ) {
           state.list = [
             {
@@ -309,8 +300,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/projectreviewed") !== -1 ||
-          n.indexOf("/manage/ProjectReviewed") !== -1
+          n.indexOf("/projectreviewed") !== -1 ||
+          n.indexOf("/ProjectReviewed") !== -1
         ) {
           state.list = [
             {
@@ -322,8 +313,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/manage/projectreviewedn") !== -1 ||
-          n.indexOf("/manage/ProjectReviewedN") !== -1
+          n.indexOf("/projectreviewedn") !== -1 ||
+          n.indexOf("/ProjectReviewedN") !== -1
         ) {
           state.list = [
             {
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 87f64f4b..ce679c18 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -44,7 +44,7 @@
                 circle: selectedKeys[0] === 'sub10-1' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/coursereviewedn">待审核课程</router-link>
+            <router-link to="/coursereviewedn">待审核课程</router-link>
           </a-menu-item>
           <a-menu-item key="sub10-2">
             <span
@@ -53,7 +53,7 @@
                 circle: selectedKeys[0] === 'sub10-2' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/coursereviewed">已审核课程</router-link>
+            <router-link to="/coursereviewed">已审核课程</router-link>
           </a-menu-item>
           <a-menu-item key="sub10-3">
             <span
@@ -62,7 +62,7 @@
                 circle: selectedKeys[0] === 'sub10-3' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/projectreviewedn">待审核项目</router-link>
+            <router-link to="/projectreviewedn">待审核项目</router-link>
           </a-menu-item>
           <a-menu-item key="sub10-4">
             <span
@@ -71,7 +71,7 @@
                 circle: selectedKeys[0] === 'sub10-4' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/projectreviewed">已审核项目</router-link>
+            <router-link to="/projectreviewed">已审核项目</router-link>
           </a-menu-item>
         </a-sub-menu>
 
@@ -82,7 +82,7 @@
               src="../assets/images/navleft/studyPath.png"
             />
           </div>
-          <router-link to="/manage/learningpath">学习路径</router-link>
+          <router-link to="/learningpath">学习路径</router-link>
         </a-menu-item>
 
         <a-sub-menu key="sub2" @titleClick="titleClick">
@@ -102,7 +102,7 @@
                 circle: selectedKeys[0] === 'sub2-1' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/projectmanage">项目</router-link>
+            <router-link to="/projectmanage">项目</router-link>
           </a-menu-item>
           <a-menu-item key="sub2-2">
             <span
@@ -111,7 +111,7 @@
                 circle: selectedKeys[0] === 'sub2-2' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/templatelibrary">模板库</router-link>
+            <router-link to="/templatelibrary">模板库</router-link>
           </a-menu-item>
         </a-sub-menu>
 
@@ -132,7 +132,7 @@
                 circle: selectedKeys[0] === 'sub3-1' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/coursemanage">课件管理</router-link>
+            <router-link to="/coursemanage">课件管理</router-link>
           </a-menu-item>
           <a-menu-item key="sub3-2">
             <span
@@ -141,7 +141,7 @@
                 circle: selectedKeys[0] === 'sub3-2' ? false : true,
               }"
             ></span>
-            <router-link to="/manage/coursewaremanage">课程管理</router-link>
+            <router-link to="/coursewaremanage">课程管理</router-link>
           </a-menu-item>
         </a-sub-menu>
 
@@ -162,7 +162,7 @@
               src="../assets/images/navleft/survey.png"
             />
           </div>
-          <router-link to="/manage/researchmanage">评估管理</router-link>
+          <router-link to="/researchmanage">评估管理</router-link>
         </a-menu-item>
 
         <a-menu-item key="sub6" @titleClick="titleClick">
@@ -193,7 +193,7 @@
             />
           </div>
 
-          <router-link to="/manage/certificatecenter">证书中心</router-link>
+          <router-link to="/certificatecenter">证书中心</router-link>
         </a-menu-item>
         <a-menu-item key="sub9" @titleClick="titleClick">
           <div class="imgBox">
@@ -202,7 +202,7 @@
               src="../assets/images/navleft/system.png"
             />
           </div>
-          <router-link to="/manage/systemmanage">系统管理</router-link>
+          <router-link to="/systemmanage">系统管理</router-link>
         </a-menu-item>
       </a-menu>
     </div>
@@ -220,15 +220,15 @@
         @click="handleClick"
       >
         <a-menu-item key="sub1" @titleClick="titleClick">
-          <router-link to="/manage/learningpath">学习</router-link>
+          <router-link to="/learningpath">学习</router-link>
         </a-menu-item>
 
         <a-menu-item key="sub2" @titleClick="titleClick">
-          <router-link to="/manage/projectmanage">项目</router-link>
+          <router-link to="/projectmanage">项目</router-link>
         </a-menu-item>
 
         <a-menu-item key="sub3" @titleClick="titleClick">
-          <router-link to="/manage/coursewaremanage">课程</router-link>
+          <router-link to="/coursewaremanage">课程</router-link>
         </a-menu-item>
 
         <a-menu-item key="sub4" @titleClick="titleClick">
@@ -295,104 +295,104 @@ export default {
 
       keysList: [
         {
-          href: "/manage/coursereviewedn",
+          href: "/coursereviewedn",
           openKeys: "sub10",
           selectedKeys: "sub10-1",
           pagename: "待审核课程",
         },
         {
-          href: "/manage/coursereviewed",
+          href: "/coursereviewed",
           openKeys: "sub10",
           selectedKeys: "sub10-2",
           pagename: "已审核课程",
         },
         {
-          href: "/manage/projectreviewedn",
+          href: "/projectreviewedn",
           openKeys: "sub10",
           selectedKeys: "sub10-3",
           pagename: "待审核项目",
         },
         {
-          href: "/manage/projectrrviewed",
+          href: "/projectrrviewed",
           openKeys: "sub10",
           selectedKeys: "sub10-4",
           pagename: "已审核项目",
         },
         {
-          href: "/manage/learningpath",
+          href: "/learningpath",
           openKeys: "sub1",
           selectedKeys: "sub1",
           pagename: "学习路径",
         },
         {
-          href: "/manage/leveladd",
+          href: "/leveladd",
           openKeys: "sub1",
           selectedKeys: "sub1",
           pagename: "关卡",
         },
         {
-          href: "/manage/levelcheck",
+          href: "/levelcheck",
           openKeys: "sub1",
           selectedKeys: "sub1",
           pagename: "查看",
         },
         {
-          href: "/manage/leveladddetail",
+          href: "/leveladddetail",
           openKeys: "sub1",
           selectedKeys: "sub1",
           pagename: "创建关卡",
         },
         {
-          href: "/manage/projectmanage",
+          href: "/projectmanage",
           openKeys: "sub2",
           selectedKeys: "sub2-1",
           pagename: "项目",
         },
         {
-          href: "/manage/projectadd",
+          href: "/projectadd",
           openKeys: "sub2",
           selectedKeys: "sub2-1",
           pagename: "创建项目",
         },
         {
-          href: "/manage/templatelibrary",
+          href: "/templatelibrary",
           openKeys: "sub2",
           selectedKeys: "sub2-2",
           pagename: "模板库",
         },
         {
-          href: "/manage/libraryadd",
+          href: "/libraryadd",
           openKeys: "sub2",
           selectedKeys: "sub2-2",
           pagename: "查看",
         },
         {
-          href: "/manage/coursemanage",
+          href: "/coursemanage",
           openKeys: "sub3",
           selectedKeys: "sub3-1",
           pagename: "课件管理",
         },
         {
-          href: "/manage/coursewaremanage",
+          href: "/coursewaremanage",
           openKeys: "sub3",
           selectedKeys: "sub3-2",
           pagename: "课程管理",
         },
         {
-          href: "/manage/certificatecenter",
+          href: "/certificatecenter",
           openKeys: "sub8",
           selectedKeys: "sub8",
           pagename: "证书中心",
         },
 
         {
-          href: "/manage/systemmanage",
+          href: "/systemmanage",
           openKeys: "sub9",
           selectedKeys: "sub9",
           pagename: "系统管理",
         },
         {
-          href: "/manage/researchmanage",
+          href: "/researchmanage",
           openKeys: "sub5",
           selectedKeys: "sub5",
           pagename: "评估管理",
diff --git a/src/components/OpenPages.vue b/src/components/OpenPages.vue
index 96fd7655..721b819b 100644
--- a/src/components/OpenPages.vue
+++ b/src/components/OpenPages.vue
@@ -58,10 +58,10 @@ export default {
       state.openList.map((item, key) => {
         if (item.href === value.href) {
           if (state.openList.length === 1) {
-            if (state.openList[0].href !== "/manage/learningpath") {
+            if (state.openList[0].href !== "/learningpath") {
               state.openList.splice(key, 1);
             }
-            $router.push({ path: "/manage/learningpath" });
+            $router.push({ path: "/learningpath" });
           } else {
             if (value.active) {
               if (key === state.openList.length - 1) {
diff --git a/src/components/vote/CreateVote.vue b/src/components/vote/CreateVote.vue
index 3cf72955..bc862db1 100644
--- a/src/components/vote/CreateVote.vue
+++ b/src/components/vote/CreateVote.vue
@@ -366,7 +366,7 @@ export default {
           if (res.data.code === 200) {
             message.success("编辑成功");
             router.push({
-              path: "/manage/researchmanage",
+              path: "/researchmanage",
             });
           }
         });
diff --git a/src/router/config.js b/src/router/config.js
index 27b6f975..27b1e0cb 100644
--- a/src/router/config.js
+++ b/src/router/config.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-09 09:26:26
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-21 15:06:51
+ * @LastEditTime: 2022-11-21 17:42:50
  * @FilePath: /fe-manage/src/router/config.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -12,7 +12,7 @@ context.keys().forEach((path) => {
   // console.log('path', path)
   const componentName = path.replace(/.*\/([^\\.\\/]*)\.vue$/, "$1");
   routes.push({
-    path: `/manage/${componentName.toLowerCase()}/:id?`,
+    path: `/${componentName.toLowerCase()}/:id?`,
     name: componentName,
     component: () => context(path),
     meta: {
diff --git a/src/router/index.js b/src/router/index.js
index 06d1632f..75da5b5a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-09 09:26:26
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-21 14:55:13
+ * @LastEditTime: 2022-11-21 17:42:59
  * @FilePath: /fe-manage/src/router/index.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -12,13 +12,12 @@ const routes = [
 	{
 		path: '/',
 		name: '首页',
-		redirect: '/manage/learningpath'
+		redirect: '/learningpath'
 	},
 	...routesConfig
 ]
 const router = createRouter({
-	history: createWebHistory(),
-	base: '/manage',
+	history: createWebHistory("/manage/"),
 	routes,
 
 })
diff --git a/src/store/index.js b/src/store/index.js
index 2e92cedb..9056d61c 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-09 09:26:26
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-21 14:50:47
+ * @LastEditTime: 2022-11-21 17:43:07
  * @FilePath: /fe-manage/src/store/index.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -15,7 +15,7 @@ export default createStore({
       : [
         {
           pagename: "学习路径",
-          href: "/manage/learningpath",
+          href: "/learningpath",
           active: true,
         },
       ],
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 5cc8b378..7e7a1fed 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -49,7 +49,7 @@
         </div>
       </div>
       <div class="btns">
-        <!-- <router-link to="/manage/projectadd">
+        <!-- <router-link to="/projectadd">
           <div class="btn btn3">
             <div class="search"></div>
             <div class="btnText">创建路径</div>
@@ -1213,7 +1213,7 @@ export default {
                     class="g1"
                     onClick={() => {
                       router.push({
-                        path: "/manage/leveladd",
+                        path: "/leveladd",
                       });
                       storage.set("routerId", text.record.id);
                     }}
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index def8e4c5..4b48cbb3 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -73,7 +73,7 @@
           </div>
         </div>
         <div class="line"></div>
-        <router-link to="/manage/learningpath"
+        <router-link to="/learningpath"
           ><div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
@@ -98,7 +98,7 @@
               <div class="taskmain">快速创建项目详情</div>
             </div>
             <div class="second">
-              <router-link :to="{ path: '/manage/leveladddetail' }">
+              <router-link :to="{ path: '/leveladddetail' }">
                 <div
                   class="taskbox"
                   style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
@@ -312,7 +312,7 @@
                     <div class="search"></div>
                     <div class="btnText">重置</div>
                   </div>
-                  <router-link to="/manage/leveladddetail">
+                  <router-link to="/leveladddetail">
                     <div class="btn btn3" @click="handleOut">
                       <div class="search"></div>
                       <div class="btnText">创建关卡</div>
@@ -334,7 +334,7 @@
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
 
-              <router-link to="/manage/leveladddetail" class="editright">
+              <router-link to="/leveladddetail" class="editright">
                 <img
                   class="editimg"
                   src="../../assets/images/leveladd/edit.png"
@@ -344,7 +344,7 @@
             </div>
             <!-- 无数据显示快速创建 -->
             <div v-show="!taskSyllabus.length">
-              <router-link :to="{ path: '/manage/leveladddetail' }">
+              <router-link :to="{ path: '/leveladddetail' }">
                 <div
                   class="taskbox"
                   style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index bf7a8a35..6780fa61 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -194,7 +194,7 @@
                 <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
               </div>
               <div class="line"></div>
-              <router-link to="/manage/leveladd">
+              <router-link to="/leveladd">
                 <div style="display: flex">
                   <img
                     class="img2"
@@ -758,7 +758,7 @@
                 <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
               </div>
               <div class="line"></div>
-              <router-link to="/manage/leveladd">
+              <router-link to="/leveladd">
                 <div style="display: flex">
                   <img
                     class="img2"
diff --git a/src/views/learningpath/LevelCheck.vue b/src/views/learningpath/LevelCheck.vue
index fc143792..707acf60 100644
--- a/src/views/learningpath/LevelCheck.vue
+++ b/src/views/learningpath/LevelCheck.vue
@@ -31,7 +31,7 @@
           </div>
         </div>
         <div class="lne"></div>
-        <router-link to="/manage/leveladd">
+        <router-link to="/leveladd">
           <div class="return">
             <div class="im"></div>
             <div class="fan">返回</div>
diff --git a/src/views/projectcenter/ClassAdd.vue b/src/views/projectcenter/ClassAdd.vue
index 0b5c8b12..57526254 100644
--- a/src/views/projectcenter/ClassAdd.vue
+++ b/src/views/projectcenter/ClassAdd.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/manage/projectmanage"
+        to="/projectmanage"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -408,7 +408,7 @@ export default {
 
     if (routers.query.name == undefined) {
       router.push({
-        path: "/manage/projectmanage",
+        path: "/projectmanage",
       });
     }
 
@@ -481,7 +481,7 @@ export default {
     const backPage = () => {
       setTimeout(() => {
         router.push({
-          path: "/manage/projectmanage",
+          path: "/projectmanage",
         });
       }, 400);
     };
@@ -800,7 +800,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/projectmanage",
+                  path: "/projectmanage",
                 });
               }, 1000);
             } else {
@@ -855,7 +855,7 @@ export default {
               message.success("创建成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/taskpage",
+                  path: "/taskpage",
                   query: { id: res.data.data.projectId },
                 });
               }, 1000);
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 851e7e8e..aa9a37f3 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -33,7 +33,7 @@
           </div>
         </div>
         <div class="line"></div>
-        <router-link to="/manage/templatelibrary"
+        <router-link to="/templatelibrary"
           ><div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
@@ -55,7 +55,7 @@
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
-              <router-link to="/manage/taskadd" class="edit">
+              <router-link to="/taskadd" class="edit">
                 <img
                   class="editimg"
                   src="../../assets/images/projectadd/edit.png"
@@ -986,7 +986,7 @@ export default defineComponent({
     };
     const toEdit = () => {
       routered.push({
-        path: "/manage/templateAdd",
+        path: "/templateAdd",
         query: {
           projectId: state.projectId,
           name: state.name,
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index 900c780c..9958aeb4 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/manage/projectmanage"
+        to="/projectmanage"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -48,13 +48,17 @@
                 }
               "
               v-model:value="classifySelect"
-              placeholder="四个养成"
+              placeholder="请选择分类"
               style="width: 100%"
               :options="classifyList"
               @change="classificationChange"
               allowClear
               showSearch
               :disabled="viewDetail ? true : false"
+              :fieldNames="{
+                label: 'dictName',
+                value: 'dictCode',
+              }"
             >
             </a-select>
           </div>
@@ -79,7 +83,18 @@
               overflow: hidden;
             "
           >
-            <a-upload
+            <img
+              style="
+                width: 100px;
+                height: 100px;
+                margin-bottom: 4px;
+                margin-right: 4px;
+              "
+              v-if="imageUrl"
+              :src="imageUrl"
+              alt="avatar"
+            />
+            <!-- <a-upload
               v-model:file-list="fileList"
               name="file"
               list-type="picture-card"
@@ -102,13 +117,10 @@
                 alt="avatar"
               />
               <div v-else>
-                <!-- <loading-outlined v-if="loading"></loading-outlined> -->
-                <!-- <plus-outlined v-else></plus-outlined> -->
                 <div class="box1"></div>
                 <div class="box2"></div>
-                <!-- <div class="ant-upload-text"></div> -->
               </div>
-            </a-upload>
+            </a-upload> -->
           </div>
         </div>
         <div class="name">
@@ -263,9 +275,14 @@
               "
               v-model:value="classifySelect3"
               :options="classifyList3"
+              style="width: 100%"
               @change="classificationChange3"
-              placeholder="集团级/组织级/现地级/部门级"
+              placeholder="请选择项目级别"
               :disabled="viewDetail ? true : false"
+              :fieldNames="{
+                label: 'dictName',
+                value: 'dictCode',
+              }"
             />
           </div>
         </div>
@@ -286,8 +303,9 @@
               "
               v-model:value="classifySelect4"
               :options="classifyList4"
+              style="width: 100%"
               @change="classificationChange4"
-              placeholder="集团级/组织级/现地级/部门级"
+              placeholder="请选择培训分类"
               :disabled="viewDetail ? true : false"
             />
           </div>
@@ -392,7 +410,7 @@ 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 * as api1 from "../../api/index1";
 import { storage } from "../../api/storage";
 import { toDate } from "../../api/method";
 import { useStore } from "vuex";
@@ -530,7 +548,7 @@ export default {
       storage.remove("projectAddId");
       setTimeout(() => {
         router.push({
-          path: "/manage/projectmanage",
+          path: "/projectmanage",
         });
       }, 400);
     };
@@ -558,15 +576,41 @@ export default {
     });
 
     const projectName = ref("");
-
-    const classifyList = ref([
-      { value: 1, label: "管理者" },
-      { value: 2, label: "领军者" },
-      { value: 3, label: "产业人" },
-    ]);
+    //分类
+    const classifyList = ref([]);
+    const getDictList = (param) => {
+      let obj = {
+        pageNo: 1,
+        pageSize: 20,
+        setCode: param,
+      };
+      api1
+        .getDict(obj)
+        .then((res) => {
+          console.log("获取字典成功", res);
+          if (res.status === 200) {
+            if (param === "projectClass") {
+              classifyList.value = res.data.data.rows;
+            }
+            if (param === "projectPic") {
+              if (res.data.data.rows.length > 0) {
+                imageUrl.value = res.data.data.rows[0].dictValue;
+              }
+            }
+            if (param === "projectLevel") {
+              classifyList3.value = res.data.data.rows;
+            }
+          }
+        })
+        .catch((err) => {
+          console.log("获取字典失败", err);
+        });
+    };
+    getDictList("projectClass");
+    getDictList("projectPic");
+    getDictList("projectLevel");
 
     let projectType = "";
-
     const classificationChange = (value) => {
       console.log(`selected ${value}`);
       projectType = value;
@@ -721,25 +765,9 @@ export default {
 
     // 资源归属 sourceBelongId 后续给接口
     const classifyList2 = computed(() => {
-      return store.state.orgtreeList ? store.state.orgtreeList : ref(null);
+      return store.state.orgtreeList ? store.state.orgtreeList : ref([]);
     });
 
-    // //获取资源归属
-    // 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) => {
       console.log(`selected ${key}`, classifyList2);
@@ -748,10 +776,10 @@ export default {
 
     // 项目级别
     const classifyList3 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
+      // { value: 1, label: "集团级" },
+      // { value: 2, label: "组织级" },
+      // { value: 3, label: "现地级" },
+      // { value: 4, label: "部门级" },
     ]);
 
     let levels = "";
@@ -874,7 +902,7 @@ export default {
         });
     };
     getTemplate();
-    //模版滚动加载信息
+    //模版滚动加载模板信息
     const templateScroll = (e) => {
       // console.log("滚动", e, b);
       const { target } = e;
@@ -993,7 +1021,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/projectmanage",
+                  path: "/projectmanage",
                 });
               }, 1000);
             } else {
@@ -1048,7 +1076,7 @@ export default {
               message.success("创建成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/taskpage",
+                  path: "/taskpage",
                   query: { id: res.data.data.projectId },
                 });
               }, 1000);
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 2544ae97..950929d5 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -259,7 +259,7 @@
             </div>
           </div>
           <div class="modalMain">
-            <router-link to="/manage/projectadd">
+            <router-link to="/projectadd">
               <div
                 class="taskbox"
                 style="
@@ -1513,7 +1513,7 @@ export default {
     const createChildProject = () => {
       console.log(state.currentProjectId);
       router.push({
-        path: "/manage/sonproject",
+        path: "/sonproject",
         query: {
           projectId: state.currentProjectId,
           name: state.currentProjectName,
@@ -2182,7 +2182,7 @@ export default {
                   >
                     {/* 
 										<a-select-option value="基础信息" label="基础信息">
-											<router-link to="/manage/taskpage">基础信息</router-link>
+											<router-link to="/taskpage">基础信息</router-link>
 										</a-select-option>
 										<a-select-option value="存为模版" label="存为模版">
 											<div
@@ -2280,7 +2280,7 @@ export default {
                   >
                     {/* 
 										<a-select-option value="基础信息" label="基础信息">
-											<router-link to="/manage/taskpage">基础信息</router-link>
+											<router-link to="/taskpage">基础信息</router-link>
 										</a-select-option>
 										<a-select-option value="存为模版" label="存为模版">
 											<div
@@ -2368,7 +2368,7 @@ export default {
                   >
                     {/* 
 										<a-select-option value="基础信息" label="基础信息">
-											<router-link to="/manage/taskpage">基础信息</router-link>
+											<router-link to="/taskpage">基础信息</router-link>
 										</a-select-option>
 										<a-select-option value="存为模版" label="存为模版">
 											<div
@@ -2474,7 +2474,7 @@ export default {
                 <div
                   onClick={() => {
                     router.push({
-                      path: "/manage/classadd",
+                      path: "/classadd",
                       query: {
                         projectId: value.record.projectId,
                         name: value.record.name,
@@ -2482,7 +2482,7 @@ export default {
                     });
                   }}
                   style={{ cursor: "pointer" }}
-                  to="/manage/classadd"
+                  to="/classadd"
                   class="operation3"
                 >
                   创建班级
@@ -2566,7 +2566,7 @@ export default {
                   </a-select>
                 </div>
 
-                <router-link to="/manage/classadd" class="operation3">
+                <router-link to="/classadd" class="operation3">
                   创建班级
                 </router-link>
                 <div class="tableSelect">
@@ -2683,7 +2683,7 @@ export default {
                     }
                     if (value.record.parentId == "0") {
                       router.push({
-                        path: "/manage/projectadd",
+                        path: "/projectadd",
                         query: {
                           projectId: value.record.projectId,
                           name: value.record.name,
@@ -2692,7 +2692,7 @@ export default {
                     } else {
                       if (value.record.isbj) {
                         router.push({
-                          path: "/manage/classadd",
+                          path: "/classadd",
                           query: {
                             projectId: value.record.projectId,
                             name: value.record.paraentName,
@@ -2701,7 +2701,7 @@ export default {
                         });
                       } else {
                         router.push({
-                          path: "/manage/sonproject",
+                          path: "/sonproject",
                           query: {
                             projectId: value.record.projectId,
                             name: value.record.paraentName,
@@ -2728,7 +2728,7 @@ export default {
                 //     }
                 //     if (value.record.parentId == "0") {
                 //       router.push({
-                //         path: "/manage/projectadd",
+                //         path: "/projectadd",
                 //         query: {
                 //           projectId: value.record.projectId,
                 //           name: value.record.name,
@@ -2738,7 +2738,7 @@ export default {
                 //     } else {
                 //       if (value.record.isbj) {
                 //         router.push({
-                //           path: "/manage/classadd",
+                //           path: "/classadd",
                 //           query: {
                 //             projectId: value.record.projectId,
                 //             name: value.record.paraentName,
@@ -2748,7 +2748,7 @@ export default {
                 //         });
                 //       } else {
                 //         router.push({
-                //           path: "/manage/sonproject",
+                //           path: "/sonproject",
                 //           query: {
                 //             projectId: value.record.projectId,
                 //             name: value.record.paraentName,
@@ -2878,7 +2878,7 @@ export default {
                       <div
                         onClick={() => {
                           router.push({
-                            path: "/manage/taskpage",
+                            path: "/taskpage",
                           });
                           storage.set("projectId", value.record.projectId);
                         }}
@@ -2937,7 +2937,7 @@ export default {
                       <div
                         onClick={() => {
                           router.push({
-                            path: "/manage/taskpage",
+                            path: "/taskpage",
                           });
                           storage.set("projectId", value.record.projectId);
                         }}
@@ -2984,7 +2984,7 @@ export default {
                       <div
                         onClick={() => {
                           router.push({
-                            path: "/manage/taskpage",
+                            path: "/taskpage",
                           });
                           storage.set("projectId", value.record.projectId);
                         }}
@@ -2992,7 +2992,7 @@ export default {
                         基础信息
                       </div>
                       {/**
-											<router-link to="/manage/taskpage">基础信息</router-link>
+											<router-link to="/taskpage">基础信息</router-link>
 											*/}
                     </a-select-option>
                   </a-select>
diff --git a/src/views/projectcenter/SonProject.vue b/src/views/projectcenter/SonProject.vue
index 7b1dfa20..d09e7be9 100644
--- a/src/views/projectcenter/SonProject.vue
+++ b/src/views/projectcenter/SonProject.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/manage/projectmanage"
+        to="/projectmanage"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -408,7 +408,7 @@ export default {
 
     if (routers.query.name == undefined) {
       router.push({
-        path: "/manage/projectmanage",
+        path: "/projectmanage",
       });
     }
 
@@ -481,7 +481,7 @@ export default {
     const backPage = () => {
       setTimeout(() => {
         router.push({
-          path: "/manage/projectmanage",
+          path: "/projectmanage",
         });
       }, 400);
     };
@@ -800,7 +800,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/projectmanage",
+                  path: "/projectmanage",
                 });
               }, 1000);
             } else {
@@ -855,7 +855,7 @@ export default {
               message.success("创建成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/taskpage",
+                  path: "/taskpage",
                   query: { id: res.data.data.projectId },
                 });
               }, 1000);
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 831dad0c..9ee429ee 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -149,7 +149,7 @@
               <!-- <img class="img2" src="../../assets/images/projectadd/keep.png" />
             <div class="pub">保存</div>
             <div class="line"></div> -->
-              <router-link to="/manage/taskpage">
+              <router-link to="/taskpage">
                 <div style="display: flex">
                   <img
                     class="img2"
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 10cc4022..d46173ad 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -86,7 +86,7 @@
           </div>
         </div>
         <div class="line"></div>
-        <router-link to="/manage/projectmanage">
+        <router-link to="/projectmanage">
           <div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
@@ -321,8 +321,8 @@
               <button class="btn" @click="showFaceIn" v-if="morFaceT">
                 批量面授报名
               </button>
-              <router-link to="/manage/taskadd">
-                <button to="/manage/taskadd" class="edit">
+              <router-link to="/taskadd">
+                <button to="/taskadd" class="edit">
                   <img
                     class="editimg"
                     src="../../assets/images/projectadd/edit.png"
@@ -505,7 +505,7 @@
               </a-collapse>
               <!-- 无数据创建任务  v-if="taskSyllabus.length == 0"-->
               <router-link
-                to="/manage/taskadd"
+                to="/taskadd"
                 class="taskbox"
                 style="
                   background: linear-gradient(180deg, #ddeaff, #f0f8fe);
@@ -1062,7 +1062,11 @@
                         <span style="font: oblique bold 16px Sans-serif">{{
                           item.name
                         }}</span>
-                        <span style="color: #4ea6ff; float: right;cursor: pointer;" @click="deFile(item.uid)">删除</span>
+                        <span
+                          style="color: #4ea6ff; float: right; cursor: pointer"
+                          @click="deFile(item.uid)"
+                          >删除</span
+                        >
                       </div>
                     </div>
                   </div>
@@ -3260,7 +3264,7 @@ export default {
           let luj = info.attach;
           console.log("lulj", luj);
           console.log("赚回来", JSON.parse(luj));
-          state.fileList = JSON.parse(luj)
+          state.fileList = JSON.parse(luj);
           // state.fileList = luj
         }
       });
@@ -3379,9 +3383,9 @@ export default {
         //   // list.push(JSON.stringify(item))
         //     state.fileList.push(item)
         // });
-        
-        state.fileList.push(info.file)
-        list = state.fileList
+
+        state.fileList.push(info.file);
+        list = state.fileList;
         console.log("list", list);
         // let str = list.join(",");
         let str = JSON.stringify(list);
@@ -3431,7 +3435,7 @@ export default {
     const toEdit = () => {
       if (state.parentId == "0") {
         routered.push({
-          path: "/manage/projectadd",
+          path: "/projectadd",
           query: {
             projectId: state.projectId,
             name: state.name,
@@ -3440,7 +3444,7 @@ export default {
       } else {
         if (state.isbj !== null) {
           routered.push({
-            path: "/manage/classadd",
+            path: "/classadd",
             query: {
               projectId: state.projectId,
               // name: state.paraentName,
@@ -3450,7 +3454,7 @@ export default {
           });
         } else {
           routered.push({
-            path: "/manage/sonproject",
+            path: "/sonproject",
             query: {
               projectId: state.projectId,
               name: state.name,
@@ -3608,45 +3612,47 @@ export default {
         });
     };
     //删除文件
-    const deFile=(id)=>{
-      console.log(id)
-      let index = state.fileList.findIndex(item=>{item.uid==id})
-      state.fileList.splice(index,1)
-      let str = JSON.stringify(state.fileList)
+    const deFile = (id) => {
+      console.log(id);
+      let index = state.fileList.findIndex((item) => {
+        item.uid == id;
+      });
+      state.fileList.splice(index, 1);
+      let str = JSON.stringify(state.fileList);
       editProj({
-          attach: str,
-          beginTime: state.tstartTime.slice(0, 10),
-          // beginTime:1668643200,
-          boeFlag: state.boeFlag,
-          category: state.category,
-          courseSyncFlag: state.courseSyncFlag,
-          endTime: state.tendTime.slice(0, 10),
-          // endTime: 1668816000,
-          level: state.tlevel,
-          manager: state.manager,
-          managerId: state.managerId,
-          name: state.name,
-          notice: state.notice,
-          noticeFlag: state.noticeFlag,
-          parentId: state.parentId,
-          picUrl: state.picUrl,
-          projectId: state.projectId,
-          remark: state.remark,
-          sourceBelongId: Number(state.tsourceBelong),
-          status: state.status,
-          systemId: state.tsystemId,
-          templateId: state.templateId || 0,
-          type: state.type,
+        attach: str,
+        beginTime: state.tstartTime.slice(0, 10),
+        // beginTime:1668643200,
+        boeFlag: state.boeFlag,
+        category: state.category,
+        courseSyncFlag: state.courseSyncFlag,
+        endTime: state.tendTime.slice(0, 10),
+        // endTime: 1668816000,
+        level: state.tlevel,
+        manager: state.manager,
+        managerId: state.managerId,
+        name: state.name,
+        notice: state.notice,
+        noticeFlag: state.noticeFlag,
+        parentId: state.parentId,
+        picUrl: state.picUrl,
+        projectId: state.projectId,
+        remark: state.remark,
+        sourceBelongId: Number(state.tsourceBelong),
+        status: state.status,
+        systemId: state.tsystemId,
+        templateId: state.templateId || 0,
+        type: state.type,
+      })
+        .then((res) => {
+          console.log("上传成功", res);
+          message.destroy();
+          return message.success("删除成功");
         })
-          .then((res) => {
-            console.log("上传成功", res);
-            message.destroy()
-            return message.success("删除成功")
-          })
-          .catch((err) => {
-            console.log("上传失败了", err);
-          });
-    }
+        .catch((err) => {
+          console.log("上传失败了", err);
+        });
+    };
     onMounted(() => {
       getStu();
       getTaskList();
diff --git a/src/views/projectcenter/TemplateLibrary.vue b/src/views/projectcenter/TemplateLibrary.vue
index a809d8ee..840388e6 100644
--- a/src/views/projectcenter/TemplateLibrary.vue
+++ b/src/views/projectcenter/TemplateLibrary.vue
@@ -138,7 +138,7 @@ export default defineComponent({
                 {value.status === "已发布" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <router-link to="/manage/libraryadd">
+                      <router-link to="/libraryadd">
                         <div class="jc">
                           查看{" "}
                           <span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -179,7 +179,7 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops2">
-                      <router-link to="/manage/libraryadd">
+                      <router-link to="/libraryadd">
                         <div class="jc">
                           查看
                           <span style="color:#E9E9E9;margin-left:15px;">|</span>
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
index a7201aea..60bc59ee 100644
--- a/src/views/projectcenter/templateAdd.vue
+++ b/src/views/projectcenter/templateAdd.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/manage/libraryAdd"
+        to="/libraryAdd"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -501,7 +501,7 @@ export default {
       storage.remove("projectAddId");
       setTimeout(() => {
         router.push({
-          path: "/manage/libraryAdd",
+          path: "/libraryAdd",
         });
       }, 400);
     };
@@ -950,7 +950,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/projectmanage",
+                  path: "/projectmanage",
                 });
               }, 1000);
             } else {
@@ -1005,7 +1005,7 @@ export default {
               message.success("创建成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/taskpage",
+                  path: "/taskpage",
                   query: { id: res.data.data.projectId },
                 });
               }, 1000);
diff --git a/src/views/research/ManagePage.vue b/src/views/research/ManagePage.vue
index 3008b51f..dd7aec0e 100644
--- a/src/views/research/ManagePage.vue
+++ b/src/views/research/ManagePage.vue
@@ -10,9 +10,9 @@
               导出信息
             </span>
           </div>
-          <router-link to="/manage/researchmanage" class="goback">
+          <router-link to="/researchmanage" class="goback">
             <span class="return"></span>
-            <router-link class="returntext" to="/manage/researchmanage">
+            <router-link class="returntext" to="/researchmanage">
               返回
             </router-link>
           </router-link>
diff --git a/src/views/research/ResearchAdd copy.vue b/src/views/research/ResearchAdd copy.vue
index a8593eed..a9a6c462 100644
--- a/src/views/research/ResearchAdd copy.vue	
+++ b/src/views/research/ResearchAdd copy.vue	
@@ -3,9 +3,9 @@
   <div class="researchadd">
     <div class="header">
       <span class="title">创建评估</span>
-      <router-link to="/manage/researchmanage" class="goback">
+      <router-link to="/researchmanage" class="goback">
         <span class="return"></span>
-        <router-link class="returntext" to="/manage/researchmanage">
+        <router-link class="returntext" to="/researchmanage">
           返回
         </router-link>
       </router-link>
diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue
index d7562fb0..3a97ca47 100644
--- a/src/views/research/ResearchAdd.vue
+++ b/src/views/research/ResearchAdd.vue
@@ -3,9 +3,9 @@
   <div class="researchadd">
     <div class="header">
       <span class="title">创建评估</span>
-      <router-link to="/manage/researchmanage" class="goback">
+      <router-link to="/researchmanage" class="goback">
         <span class="return"></span>
-        <router-link class="returntext" to="/manage/researchmanage">
+        <router-link class="returntext" to="/researchmanage">
           返回
         </router-link>
       </router-link>
@@ -499,7 +499,7 @@ export default {
           if (res.data.code === 200) {
             message.success("编辑成功");
             router.push({
-              path: "/manage/researchmanage",
+              path: "/researchmanage",
             });
           }
         });
@@ -517,7 +517,7 @@ export default {
           if (res.data.code === 200) {
             message.success("创建成功");
             router.push({
-              path: "/manage/researchmanage",
+              path: "/researchmanage",
             });
           }
         });
@@ -526,7 +526,7 @@ export default {
     const handleAllCancel = () => {
       state.allFormsData = [];
       router.push({
-        path: "/manage/researchmanage",
+        path: "/researchmanage",
       });
     };
     const checkVal = (filterData) => {
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 3e972ffd..6e56bc80 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -428,7 +428,7 @@ export default {
                   <div
                     class="jc"
                     onClick={() => {
-                      handleToManagepage(value, "/manage/managepage");
+                      handleToManagepage(value, "/managepage");
                     }}
                   >
                     管理
@@ -474,7 +474,7 @@ export default {
                   <div
                     class="jc"
                     onClick={() => {
-                      handleToResearchadd(value, "/manage/researchadd");
+                      handleToResearchadd(value, "/researchadd");
                     }}
                   >
                     基础信息
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 187f212b..347c9d8b 100644
--- a/src/views/system/SystemManage.vue
+++ b/src/views/system/SystemManage.vue
@@ -327,7 +327,7 @@ export default {
     };
     const router = useRouter();
     const golearningpath = () => {
-      router.push({ path: "/manage/learningpath", params: { id: 1 } });
+      router.push({ path: "/learningpath", params: { id: 1 } });
     };
 
     //下载二维码图片

From 6bc5991774ba0d1824506ec15ded9d6e8bdd698e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=86=99=E4=B8=9C?= <2195178163@qq.com>
Date: Mon, 21 Nov 2022 18:17:41 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat:=20=E6=A8=A1=E6=9D=BF=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=EF=BC=8C=E4=BB=BB=E5=8A=A1=E5=A4=A7=E7=BA=B2=EF=BC=8C?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A8=A1=E6=9D=BF=E4=BB=BB=E5=8A=A1=E9=98=B6?=
 =?UTF-8?q?=E6=AE=B5=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/indexTemplate.js                |    2 +-
 src/views/projectcenter/LibraryAdd.vue  |  776 +++---
 src/views/projectcenter/temTask.vue     | 3200 +++++++++++++++++++++++
 src/views/projectcenter/templateAdd.vue |  547 +---
 4 files changed, 3674 insertions(+), 851 deletions(-)
 create mode 100644 src/views/projectcenter/temTask.vue

diff --git a/src/api/indexTemplate.js b/src/api/indexTemplate.js
index a9837852..212aafee 100644
--- a/src/api/indexTemplate.js
+++ b/src/api/indexTemplate.js
@@ -4,7 +4,7 @@ import http from "./config";
 //编辑项目模板
 export const templateEdit = (obj) => http.post('/admin/project/template/edit',obj);
 // 模板详情
-export const templateDetail = (id) => http.get(`/admin/project/template/edit?projectTemplateId=${id}`);
+export const templateDetail = (id) => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
 // 删除阶段
 export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage`,{stageId:id});
 //删除任务
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 9b6a10ff..f44e4414 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -5,12 +5,11 @@
         <img class="img" src="../../assets/images/projectadd/picture.png" />
       </div>
       <div class="imgfor">
-        <div class="forz">{{ projectInfo.name || "-" }}</div>
+        <div class="forz">{{projectInfo.name || '-'}}</div>
         <div class="fort">
-          <div class="fort1">项目经理：{{ projectInfo.manager || "-" }}</div>
+          <div class="fort1">项目经理：{{projectInfo.manager || '-'}}</div>
           <div class="fort2">
-            起止时间：{{ projectInfo.beginTime || "-" }} 至
-            {{ projectInfo.endTime || "-" }}
+            起止时间：{{projectInfo.beginTime || '-'}} 至 {{projectInfo.endTime || '-'}}
           </div>
         </div>
       </div>
@@ -34,7 +33,7 @@
           </div>
         </div>
         <div class="line"></div>
-        <router-link to="/templatelibrary"
+        <router-link to="/manage/templatelibrary"
           ><div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
@@ -56,7 +55,7 @@
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
-              <router-link to="/taskadd" class="edit">
+              <router-link to="/manage/temTask" class="edit">
                 <img
                   class="editimg"
                   src="../../assets/images/projectadd/edit.png"
@@ -201,7 +200,7 @@
                               : 'none',
                         }"
                       >
-                        <!-- 考勤 -->
+                      <!-- 考勤 -->
                       </div>
                       <div
                         class="operation"
@@ -279,7 +278,7 @@
             <hr color="#E8E8E8" />
             <div class="ntc_body">
               <div class="ntc_switch">
-                <a-switch v-model:checked="checked" @click="changeopclo" />
+                <a-switch v-model:checked="checked" @click="changeopclo"  />
                 <div
                   class="opclo"
                   :style="{ display: hideshow ? 'block' : 'none' }"
@@ -300,7 +299,7 @@
                 <div class="ntcc_tit">公告内容</div>
                 <div class="textarea">
                   <a-textarea
-                    v-model:value="value2"
+                    v-model:value="projectInfo.notice"
                     placeholder="公告信息最多输入150个字。"
                     :maxlength="textnum"
                     allow-clear
@@ -339,6 +338,7 @@
                   </div>
                 </div>
               </div>
+
               <div v-if="edit" class="pjcb_content">
                 <div class="content content1">
                   <span>当前设计下，学员可以获得 </span
@@ -385,98 +385,67 @@
           <div class="split"></div>
           <a-tabs>
             <a-tab-pane key="1" tab="编辑">
-              <div class="setting">
-                <div class="set_tit">
-                  <span>基本信息</span>
-                  <span class="editBtn" @click="toEdit">编辑</span>
-                </div>
-                <hr color="#E8E8E8" />
+              <div class="content7">
+                <!-- <div class="set_tit">
+              <span>基本信息</span>
+            </div> -->
+
+                <!-- <div class="line"></div> -->
                 <div class="set_body">
+                  <!-- <div class="edit" @click="showEditProj">
+                <div class="img"></div>
+                <div class="ed">编辑</div>
+              </div> -->
+                  <div class="edit" @click="toEdit">
+                    <div class="img"></div>
+                    <div class="ed">编辑</div>
+                  </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>模板名称：</span></div>
+                    <div class="setc_name"><span>项目名称：</span></div>
                     <div class="setc_main">
-                      <a-input
-                        v-model:value="formData.name"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 300px"
-                      ></a-input>
+                      <span style="color: #999999">{{ projectInfo.name }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>封面图：</span></div>
                     <div class="setc_main">
-                      <a-upload
-                        v-model:file-list="fileList"
-                        name="file"
-                        action="/api/file/upload"
-                        @change="handleChange"
-                        :disabled="!isEdit"
-                      >
-                        <img
-                          src="@/assets/images/projectadd/picture.png"
-                          alt=""
-                        />
-                      </a-upload>
+                      <img
+                        style="width: 151px; height: 84px"
+                        :src="picUrl"
+                        alt=""
+                      />
                     </div>
                   </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>模板时间：</span></div>
+                    <div class="setc_name"><span>项目时间：</span></div>
                     <div class="setc_main">
-                      <a-range-picker
-                        v-model:value="formData.time"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                      />
+                      <span style="color: #999999"
+                        >{{ projectInfo.beginTime }} ～ {{ projectInfo.endTime }}</span
+                      >
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>项目经理：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.manager"
-                        mode="multiple"
-                        placeholder="请选择项目经理"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="managerOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.manager }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>资源归属：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.sourceBelongId"
-                        placeholder="请选择资源归属"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="sourceBelongOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.sourceBelong }}</span>
                     </div>
                   </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>模板说明：</span></div>
+                    <div class="setc_name"><span>项目说明：</span></div>
                     <div class="setc_main">
-                      <a-input
-                        v-model:value="formData.remark"
-                        style="width: 300px"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                      ></a-input>
+                      <span style="color: #999999">{{ projectInfo.remark }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
-                    <div class="setc_main" @click="changecheck2">
-                      <a-radio
-                        v-model:checked="formData.courseSyncFlag"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
+                    <div class="setc_main">
+                      <a-radio v-model:checked="projectInfo.courseSyncFlag"
                         ><span style="color: #333333"
                           >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
                         ></a-radio
@@ -486,116 +455,66 @@
                   <div class="set_content">
                     <div class="setc_name"><span>项目级别：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.level"
-                        placeholder="请选择项目级别"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="levelOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.level }}</span>
                     </div>
                   </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>培训分类：</span></div>
+                    <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.systemId"
-                        placeholder="请选择培训分类"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="systemOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.systemId }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>是否BOEU实施：</span></div>
-                    <div class="setc_main" @click="changecheck3">
-                      <a-radio
-                        v-model:checked="formData.boeFlag"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
+                    <div class="setc_main">
+                      <a-radio v-model:checked="projectInfo.boeFlag"
                         ><span style="color: #333333">BOEU实施</span></a-radio
                       >
                     </div>
                   </div>
-                  <div v-if="isEdit" style="transform: translateX(50%)">
-                    <a-button
-                      @click="cancelEdit"
-                      style="background-color: #f9f9f9"
-                      >取消</a-button
-                    >
-                    <a-button
-                      @click="confirmEdit"
-                      style="background-color: #f5faff"
-                      >保存</a-button
-                    >
-                  </div>
                 </div>
               </div>
             </a-tab-pane>
             <a-tab-pane key="2" tab="共享文档">
               <div class="sametab">
-                <div class="Gcon">
-                  <div class="pad"></div>
-                  <div class="Gin">
-                    <div class="headone" style="transform: translateX(30px)">
-                      <div class="box"></div>
-                      <div class="onetitle">上传共享文档</div>
-                      <div class="oneedi">
-                        <a-switch v-model:checked="docChecked"></a-switch>
-                      </div>
-                    </div>
-                    <div class="btnbox" style="margin: 20px">
-                      <a-upload
-                        v-model:file-list="fileList"
-                        name="file"
-                        action="/api/file/upload"
-                        @change="handleChange"
-                      >
-                        <span
-                          class="xkbtn"
-                          style="cursor: pointer; font-size: 17px"
-                          >上传</span
-                        >
-                        <img
-                          src="@/assets/images/basicinfo/cloud.png"
-                          style="cursor: pointer; width: 34px; height: 34px"
-                          alt=""
-                        />
-                      </a-upload>
-                      <div class="btnbox" style="margin: 20px">
-                        <span style="color: #999999">
-                          支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
-                        </span>
-                      </div>
-                      <div
-                        v-for="item in docList"
-                        :key="item.src"
-                        class="docListStyle"
-                      >
-                        <img
-                          src="@/assets/images/basicinfo/download.png"
-                          style="
-                            cursor: pointer;
-                            width: 40px;
-                            height: 40px;
-                            margin-right: 40px;
-                          "
-                          alt=""
-                        />
-                        <span style="font: oblique 16px Sans-serif">{{
-                          item.name
-                        }}</span>
-                        <span style="color: #4ea6ff; float: right">删除</span>
-                      </div>
+              <div class="Gcon">
+                <div class="pad"></div>
+                <div class="Gin">
+                  <div class="headone" style="transform: translateX(30px)">
+                    <div class="box"></div>
+                    <div class="onetitle">上传共享文档</div>
+                    <div class="oneedi">
+                      <a-switch v-model:checked="docChecked" ></a-switch>
                     </div>
                   </div>
+                  <div class="btnbox" style="margin:20px;">
+                <a-upload
+                  v-model:file-list="fileList"
+                  name="file"
+                  action="/api/file/upload"
+                  @change="handleChange"
+                >
+                  <span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
+                  <img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
+                  width:34px;height:34px;
+                  " alt="">
+                </a-upload>
+                <div class="btnbox" style="margin:20px;">
+                <span style="color: #999999">
+                  支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
+                </span>
+              </div>
+              <div v-for="item in docList" :key="item.src" class="docListStyle">
+                <img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
+                  width:40px;height:40px;margin-right:40px;
+                  " alt="">
+                <span style="font: oblique   16px Sans-serif">{{item.name}}</span> 
+                <span style="color: #4ea6ff;float:right;">删除</span>
+              </div>
+              </div>
                 </div>
               </div>
+            </div>
             </a-tab-pane>
           </a-tabs>
         </a-tab-pane>
@@ -640,10 +559,11 @@
     </div>
   </div>
 </template>
+
 <script>
-import { ref, reactive, defineComponent, toRefs, onMounted } from "vue";
+import { ref, reactive, defineComponent, toRefs, onMounted} from "vue";
 import { message } from "ant-design-vue";
-import * as api from "@/api/indexTemplate";
+import * as api from "@/api/indexTemplate"
 import { useRouter } from "vue-router";
 export default defineComponent({
   name: "LibraryAdd",
@@ -728,70 +648,29 @@ export default defineComponent({
             },
           ],
         },
-        {
-          text: "阶段2腾飞班阶段2",
-          children: [
-            {
-              course: "讨论",
-              name: "时间管理",
-              classify: "选修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 20, //完成人数
-              percent: 40,
-            },
-            {
-              course: "测评",
-              name: "管理直播间",
-              classify: "必修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 10, //完成人数
-              percent: 20,
-            },
-            {
-              course: "评估",
-              name: "管理直播间",
-              classify: "必修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 10, //完成人数
-              percent: 20,
-            },
-            {
-              course: "投票",
-              name: "管理直播间",
-              classify: "必修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 10, //完成人数
-              percent: 20,
-            },
-          ],
-        },
       ],
       // 模板编辑列表
-      managerOptions: [
-        { value: "李俊国" },
-        { value: "将小米" },
-        { value: "刘孟君" },
+      managerOptions:[
+        { value: "李俊国"},
+        { value: "将小米"},
+        { value: "刘孟君"},
       ],
-      sourceBelongOptions: [
-        { value: "项目一" },
-        { value: "项目二" },
-        { value: "项目三" },
+      sourceBelongOptions:[
+        { value: "项目一"},
+        { value: "项目二"},
+        { value: "项目三"},
       ],
-      levelOptions: [
-        { value: "集团级" },
-        { value: "组织级" },
-        { value: "现地级" },
-        { value: "部门级" },
+      levelOptions:[
+        { value: "集团级"},
+        { value: "组织级"},
+        { value: "现地级"},
+        { value: "部门级"},
       ],
-      systemOptions: [
-        { value: "集团级" },
-        { value: "组织级" },
-        { value: "现地级" },
-        { value: "部门级" },
+      systemOptions:[
+        { value: "集团级"},
+        { value: "组织级"},
+        { value: "现地级"},
+        { value: "部门级"},
       ],
       taskSyllabusActive: 0,
       //在线管理等页面传递参数
@@ -803,7 +682,7 @@ export default defineComponent({
       checked: true,
       checked2: false,
       checked3: false,
-      docChecked: true,
+      docChecked:true,
       value3: false,
       value4: false,
       hideshow: true,
@@ -811,42 +690,37 @@ export default defineComponent({
       score2: 5,
       edit: true,
       // 共享文档列表
-      docList: [
+      docList:[
         {
-          name: "测试文档1.doc",
-          src: "",
+          name:'测试文档1.doc',
+          src:"",
         },
         {
-          name: "测试文档2.doc",
-          src: "",
+          name:'测试文档2.doc',
+          src:"",
         },
         {
-          name: "测试文档3.doc",
-          src: "",
-        },
+          name:'测试文档3.doc',
+          src:"",
+        }
       ],
-      // 基本信息
-      formData: {
-        name: "123",
-        time: "",
-        manager: "建国",
+      isEdit:false, // 是否处于编辑状态
+        // 基本信息
+      projectInfo:{
+        beginTime:null,
+        endTime:null,
+        name: null,
+        manager: null,
+        notice: null,
         sourceBelongId: null,
         remark: "",
         courseSyncFlag: false,
         level: null,
         systemId: null,
         boeFlag: false,
-      },
-      isEdit: false, // 是否处于编辑状态
-      projectInfo: {
-        beginTime: null,
-        endTime: null,
-        name: null,
-        manager: null,
-      },
+      }
     });
     const value = ref("");
-    const value2 = ref("");
     const textnum = "150";
     const routered = useRouter();
     const changeopclo = () => {
@@ -864,186 +738,163 @@ export default defineComponent({
     };
     const confirmEdit = () => {
       state.isEdit = false;
-      editTemplate();
       getDetail();
     };
-    onMounted(() => {
-      getDetail();
-    });
+    const checkType = (type) => {
+      let typeRules = [
+        "",
+        "在线",
+        "面授",
+        "案例",
+        "作业",
+        "考试",
+        "直播",
+        "外链",
+        "讨论",
+        "活动",
+        "测评",
+        "评估",
+        "投票",
+      ];
+      return typeRules[type];
+    };
+    onMounted(() => {getDetail()});
     // 获取详情
     const getDetail = () => {
-      api
-        .templateDetail(1)
-        .then((res) => {
-          console.log(res);
-          state.formData.name = res.data.data.projectInfo.name;
-          state.formData.time =
-            res.data.data.projectInfo.startTime +
-            res.data.data.projectInfo.endTime;
-          state.formData.manager = res.data.data.projectInfo.manager;
-          state.formData.sourceBelongId =
-            res.data.data.projectInfo.sourceBelongId;
-          state.formData.remark = res.data.data.stageList.remark;
-          state.formData.courseSyncFlag =
-            res.data.data.projectInfo.courseSyncFlag;
-          state.formData.level = res.data.data.projectInfo.level;
-          state.formData.systemId = res.data.data.projectInfo.systemId;
-          state.formData.boeFlag = res.data.data.projectInfo.boeFlag;
-          state.value2 = res.data.data.projectInfo.notice;
-        })
-        .catch((err) => {
-          message.error("操作失败" + err);
-          console.log(err);
-        });
-    };
-    // 编辑项目模板
-    const editTemplate = () => {
-      let obj = {
-        beginTime: state.formData.time,
-        boeFlag: state.formData.boeFlag,
-        category: 0,
-        courseSyncFlag: state.formData.courseSyncFlag,
-        endTime: state.formData.time,
-        level: state.formData.level,
-        manager: state.formData.manager,
-        managerId: "",
-        name: state.formData.name,
-        notice: "",
-        noticeFlag: 0,
-        picUrl: "",
-        projectTemplateId: 0,
-        remark: state.formData.remark,
-        sourceBelongId: state.formData.sourceBelongId,
-        status: 0,
-        systemId: state.formData.systemId,
-      };
-      api
-        .templateEdit(obj)
-        .methods(obj)
-        .then((res) => {
-          message.success("编辑成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("编辑失败" + err);
-          console.log(err);
-        });
-    };
+      api.templateDetail(1).then(res => {
+        state.taskSyllabus = []
+        console.log(res);
+        state.projectInfo.name = res.data.data.projectTemplateInfo.name
+        state.projectInfo.beginTime = res.data.data.projectTemplateInfo.createTime
+        state.projectInfo.manager = res.data.data.projectTemplateInfo.manager
+        state.projectInfo.notice = res.data.data.projectTemplateInfo.notice
+        state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId
+        state.projectInfo.remark = res.data.data.stageList.remark
+        state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag
+        state.projectInfo.level = res.data.data.projectTemplateInfo.level
+        state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId
+        state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag
+        state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl
+        let data = res.data.data.stageList;
+        for(let i in data) {
+          state.taskSyllabus.push({text: data[i].name,children:[]});
+          for(let j in data[i].taskList) {
+            state.taskSyllabus[i].children.push({
+              course: checkType(data[i].taskList[j].type),
+              name: data[i].taskList[j].name,
+              classify: data[i].taskList[j].flag,
+              beginTime: "",
+              total: 0, //总人数
+              complete: 0, //完成人数
+              percent: 0,
+            })
+          }
+        }
+      }).catch(err => {
+        message.error("操作失败"+err)
+        console.log(err)
+      })
+    }
+
     // 发布公告
     const addNotice = () => {
       let obj = {
-        beginTime: 0,
-        boeFlag: 0,
-        category: 0,
-        courseSyncFlag: 0,
-        endTime: 0,
-        level: 0,
-        manager: "",
-        managerId: "",
-        name: "",
-        notice: state.value2,
-        noticeFlag: 0,
-        picUrl: "",
-        projectTemplateId: 0,
-        remark: "",
-        sourceBelongId: 0,
-        status: 0,
-        systemId: 0,
+        "beginTime": 0,
+        "boeFlag": 0,
+        "category": 0,
+        "courseSyncFlag": 0,
+        "endTime": 0,
+        "level": 0,
+        "manager": "",
+        "managerId": "",
+        "name": "",
+        "notice": state.projectInfo.notice,
+        "noticeFlag": 0,
+        "picUrl": "",
+        "projectTemplateId": 0,
+        "remark": "",
+        "sourceBelongId": 0,
+        "status": 0,
+        "systemId": 0
       };
-      api
-        .templateEdit(obj)
-        .methods(obj)
-        .then((res) => {
-          message.success("公告发布成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("公告发布失败" + err);
-          console.log(err);
-        });
-    };
+      api.templateEdit(obj).methods(obj).then(res => {
+        message.success("公告发布成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("公告发布失败"+err)
+        console.log(err)
+      })
+    }
     // 删除阶段
     const stateDel = (id) => {
-      api
-        .deleteStage(id)
-        .then((res) => {
-          message.success("删除阶段成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("删除阶段失败" + err);
-          console.log(err);
-        });
-    };
-
+      api.deleteStage(id).then(res => {
+        message.success("删除阶段成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("删除阶段失败"+err)
+        console.log(err)
+      })
+    }
+    
     // 删除任务
     const taskDel = (id) => {
-      api
-        .deleteTask(id)
-        .then((res) => {
-          message.success("删除任务成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("删除任务失败" + err);
-          console.log(err);
-        });
-    };
+      api.deleteTask(id).then(res => {
+      message.success("删除任务成功")
+      console.log(res)
+    }).catch(err => {
+      message.error("删除任务失败"+err)
+      console.log(err)
+    })
+    }
     const toEdit = () => {
       routered.push({
-        path: "/templateAdd",
-        query: {
-          projectId: state.projectId,
-          name: state.name,
-        },
-      });
-    };
-    // 新建或编辑阶段
-    const stateEdit = () => {
-      let obj = {
-        name: "",
-        projectTemplateId: 0,
-        remark: "",
-        stageId: 0,
-      };
-      api
-        .editStagek(obj)
-        .then((res) => {
-          message.success("编辑阶段成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("编辑阶段失败" + err);
-          console.log(err);
+          path: "/manage/templateAdd",
+          query: {
+            projectId: state.projectId,
+            name: state.name,
+          },
         });
-    };
+    }
+    
+    // 新建或编辑阶段 
+    const stateEdit = () => {
+      let obj={
+        "name": "",
+        "projectTemplateId": 0,
+        "remark": "",
+        "stageId": 0
+      }
+      api.editStagek(obj).then(res => {
+        message.success("编辑阶段成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑阶段失败"+err)
+        console.log(err)
+      })
+    }
     //新建或编辑阶段任务
     const taskEdit = () => {
       let obj = {
-        courseId: 0,
-        duration: 0,
-        flag: true,
-        name: "",
-        projectTaskId: 0,
-        projectTemplateId: 0,
-        stageId: 0,
-        type: 0,
-      };
-      api
-        .editTask(obj)
-        .then((res) => {
-          message.success("编辑任务成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("编辑任务失败" + err);
-          console.log(err);
-        });
-    };
+        "courseId": 0,
+        "duration": 0,
+        "flag": true,
+        "name": "",
+        "projectTaskId": 0,
+        "projectTemplateId": 0,
+        "stageId": 0,
+        "type": 0
+      }
+      api.editTask(obj).then(res => {
+        message.success("编辑任务成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑任务失败"+err)
+        console.log(err)
+      })
+    }
     return {
       ...toRefs(state),
       value,
-      value2,
       textnum,
       changeopclo,
       changecheck2,
@@ -1067,18 +918,86 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
+.content7 {
+    margin-top: 20px;
+
+    .set_tit {
+      margin-left: 34px;
+      font-size: 18px;
+      font-weight: 500;
+      color: #232425;
+    }
+
+    .line {
+      width: 100%;
+      height: 1px;
+      background-color: #e8e8e8;
+      margin-top: 10px;
+    }
+
+    .set_body {
+      margin-left: 34px;
+      margin-right: 34px;
+      position: relative;
+
+      .edit {
+        position: absolute;
+        width: 100px;
+        height: 40px;
+        background: #388be1;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        right: 0;
+        cursor: pointer;
+
+        .img {
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/edit.png);
+          background-size: 100%;
+          margin-right: 7px;
+        }
+
+        .ed {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+
+      .set_content {
+        margin: 32px auto;
+        display: flex;
+
+        // justify-content: end;
+        .setc_name {
+          width: 150px;
+          display: flex;
+          justify-content: end;
+        }
+
+        .setc_main {
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+    }
+  }
 .editBtn {
-  float: right;
-  margin-right: 150px;
-  color: #4ea6ff;
-  cursor: pointer;
-}
+      float:right; 
+      margin-right: 150px;
+      color:#4ea6ff;
+      cursor: pointer;
+    }
 .clearfix:before,
 .clearfix:after {
   content: " ";
   display: block;
   clear: both;
 }
+
 .addwrapper {
   width: 100%;
   height: 100%;
@@ -1114,7 +1033,7 @@ export default defineComponent({
         margin-top: 20px;
       }
     }
-
+    
     @media screen and (max-width: 1030px) {
       .imgfor {
         margin-left: 20px;
@@ -1239,16 +1158,17 @@ export default defineComponent({
       margin-left: 30px;
       margin-top: 10px;
     }
+
     .split {
-      width: 100%;
-      height: 20px;
-      background-color: #edf0f5;
-    }
-    .docListStyle {
-      display: flex;
-      width: 300px !important;
-      justify-content: space-around;
-    }
+        width: 100%;
+        height: 20px;
+        background-color: #edf0f5;
+      }
+      .docListStyle {
+        display: flex;
+        width: 300px !important;
+        justify-content: space-around;
+      }
     .taskBox {
       .onerow {
         //width: 100%;
@@ -1307,11 +1227,13 @@ export default defineComponent({
       .taskSyllabus {
         // flex: 1;
         overflow-x: auto;
+
         .ant-collapse {
           border: 0px;
           background-color: rgba(255, 255, 255, 0);
           min-width: 1040px;
         }
+
         .ant-collapse-content > .ant-collapse-content-box {
           padding-top: 0px;
           padding-bottom: 0px;
@@ -1343,11 +1265,13 @@ export default defineComponent({
         //width: 100%;
         flex-shrink: 0;
         margin-right: 24px;
+
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         padding: 25px 0px;
         margin-left: 22px;
+
         //margin: 0 12px;
         border: 1px solid #f2f6fc;
         border-top: 0px;
@@ -1359,6 +1283,7 @@ export default defineComponent({
           //height: 71px;
           margin-left: 12px;
           margin-right: 50px;
+
           .iconame {
             //position: absolute;
             color: #4f5156;
@@ -1470,13 +1395,16 @@ export default defineComponent({
         }
       }
     }
+
     .notice {
+      
       .ntc_tit {
-        padding-top: 22px;
+        padding-top:22px;
         margin-left: 34px;
         font-size: 18px;
         font-weight: 500;
         color: #232425;
+        
       }
       .ntc_body {
         margin-left: 34px;
@@ -1498,6 +1426,7 @@ export default defineComponent({
             .btnarea {
               display: flex;
               justify-content: flex-end;
+              
             }
             .area_btn {
               width: 100px;
@@ -1530,8 +1459,9 @@ export default defineComponent({
         }
       }
     }
+
     .projectscore {
-      padding-top: 22px;
+      padding-top:22px;
       .pjc_tit {
         margin-left: 34px;
         font-size: 18px;
@@ -1541,6 +1471,7 @@ export default defineComponent({
       .pjc_body {
         margin-left: 34px;
         margin-right: 34px;
+
         .groupright {
           display: flex;
           justify-content: space-between;
@@ -1607,8 +1538,9 @@ export default defineComponent({
         }
       }
     }
+
     .setting {
-      padding-top: 22px;
+      padding-top:22px;
       .set_tit {
         margin-left: 34px;
         font-size: 18px;
@@ -1636,4 +1568,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/projectcenter/temTask.vue b/src/views/projectcenter/temTask.vue
new file mode 100644
index 00000000..df5be070
--- /dev/null
+++ b/src/views/projectcenter/temTask.vue
@@ -0,0 +1,3200 @@
+<template>
+    <div class="taskadd">
+      <div style="display: flex">
+        <div class="left clearfix">
+          <div class="leftmain">
+            <div class="tit">
+              阶段<img
+                src="../../assets/images/projectadd/right.png"
+                style="margin-left: 10px; cursor: pointer"
+                @click="showCancel"
+              />
+            </div>
+            <!-- @click="showModal" -->
+            <div class="btn btn3" @click="showModal()" style="margin-left: 19px">
+              <div class="search"></div>
+              <div class="btnText">添加阶段</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="chooseStageId == element.id ? 'active' : ''"
+                    @click="changebgc(element.id)"
+                  >
+                    <div class="items1">
+                      <div class="boxs_left">
+                        <a-popover placement="topLeft" trigger="click">
+                          <template #content>
+                            <div style="width: 130px">
+                              {{ element.name ? 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="showDeleteStage(element.id)"
+                        ></div>
+                      </div>
+                    </div>
+                    <div class="items2">
+                      <a-popover
+                        placement="topLeft"
+                        v-if="element.tit.length > 10"
+                      >
+                        <template #content>
+                          <div style="width: 130px">
+                            {{ element.tit }}
+                          </div>
+                        </template>
+                        <!-- <template #title>
+                          <span>关卡说明</span>
+                        </template> -->
+                        <div class="nname">
+                          {{ element.tit }}
+                        </div>
+                      </a-popover>
+                      <div class="nname" v-if="element.tit.length <= 10">
+                        {{ element.tit }}
+                      </div>
+                    </div>
+                    <!-- <div class="itemle">
+                <div class="tit">{{ item.remark }}</div>
+                <div class="name">{{ item.name }}</div>
+              </div> -->
+                  </div>
+                </template>
+              </draggable>
+  
+              <!-- <div
+              class="items"
+              :class="isactive == index ? 'active' : ''"
+              @click="changebgc(index)"
+              v-for="(item, index) in level"
+              :key="item.chapterId"
+            >
+              <div class="items1">
+                <div class="boxs_left">
+                  <div class="script">
+                    <span style="font-size: 12px; color: #ffffff">说明</span>
+                  </div>
+                  <div class="imgIcon"></div>
+                </div>
+                <div class="boxs_right">
+                  <div class="imgIcon"></div>
+                </div>
+              </div>
+              <div class="items2">
+                <div class="nname">{{ item.name }}</div>
+              </div>
+            </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="addhead">
+            <div class="filt">
+              <div class="le">
+                <div class="leftimg">
+                  <img class="img" :src="picUrl" />
+                </div>
+                <div class="imgfor">
+                  <div class="forz" style="font-weight: 700">
+                    {{ projectTitle }}
+                  </div>
+                </div>
+              </div>
+              <div class="rightt">
+                <div class="select">
+                  <span>学习模式：</span>
+                  <div class="inputbox">
+                    <input type="text" placeholder="按学习时间解锁" />
+                    <!-- 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>
+                <!-- <img class="img2" src="../../assets/images/projectadd/keep.png" />
+              <div class="pub">保存</div>
+              <div class="line"></div> -->
+                <router-link to="/manage/taskpage">
+                  <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="mid">
+            <div class="item" @click="showDrawerOnline">
+              <div class="itcon">
+                <div class="img">
+                  <img src="../../assets/images/leveladd/zai.png" />
+                </div>
+                <div class="text">在线</div>
+              </div>
+              <!-- 添加在线侧弹窗 -->
+              <div>
+                <add-online
+                  v-model:addonlineVisible="addonlinevisible"
+                  @changeData="updateTableData"
+                  :isLevel="isLevel"
+                  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" @click="showDrawerFaceteach">
+              <div class="itcon">
+                <div class="img">
+                  <img src="../../assets/images/leveladd/mian.png" />
+                </div>
+                <div class="text">面授</div>
+              </div>
+              <!-- 添加面授侧弹窗 -->
+              <div>
+                <add-faceteach
+                  v-model:addfaceteachVisible="addfaceteachvisible"
+                  v-model:EditEvalId="EditEvalId"
+                />
+              </div>
+              <!-- 添加面授侧弹窗 -->
+              <div class="lin"></div>
+            </div>
+            <div class="item" @click="showDrawerAddCase">
+              <div class="itcon">
+                <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"
+                  :isLevel="isLevel"
+                  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"
+                  @changeData="updateTableData"
+                  v-model:isLevel="isLevel"
+                  v-model:edit="edit"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditWorkId="EditWorkId"
+                  v-model:projectTaskId="projectTaskId"
+                />
+              </div>
+              <!-- 添加作业侧弹窗 -->
+              <div class="lin"></div>
+            </div>
+            <div class="item" @click="showDrawerAddTest">
+              <div class="itcon">
+                <div class="img">
+                  <img src="../../assets/images/leveladd/kao.png" />
+                </div>
+                <div class="text">考试</div>
+              </div>
+              <!-- 添加考试侧弹窗 -->
+              <div>
+                <add-test
+                  v-model:addtestVisible="addtestvisible"
+                  @changeData="updateTableData"
+                  :isLevel="isLevel"
+                  v-model:edit="edit"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditTestId="EditTestId"
+                  v-model:projectTaskId="projectTaskId"
+                />
+              </div>
+              <!-- 添加考试侧弹窗 -->
+              <div class="lin"></div>
+            </div>
+            <div class="item" @click="showDrawerAddLive">
+              <div class="itcon">
+                <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:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:edit="edit"
+                  v-model:EditLiveId="EditLiveId"
+                  v-model:projectTaskId="projectTaskId"
+                />
+              </div>
+              <!-- 添加直播侧弹窗 -->
+              <div class="lin"></div>
+            </div>
+            <div class="item" @click="showDrawerAddRef">
+              <div class="itcon">
+                <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:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:edit="edit"
+                  v-model:EditRefId="EditRefId"
+                  v-model:projectTaskId="projectTaskId"
+                />
+              </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"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditDiscussId="EditDiscussId"
+                  v-model:projectTaskId="projectTaskId"
+                  @changeData="updateTableData"
+                />
+              </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"
+                  v-model:projectId="projectId"
+                  v-model:EditActiveId="EditActiveId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:chooseStageId="chooseStageId"
+                  @changeData="updateTableData"
+                />
+              </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>
+              <!-- 添加测评侧弹窗 -->
+              <div>
+                <add-eval
+                  v-model:addevalVisible="addevalvisible"
+                  @changeData="updateTableData"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:EditEvalId="EditEvalId"
+                />
+              </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>
+              <!-- 添加评估侧弹窗 -->
+              <div>
+                <add-invist
+                  v-model:addinvistVisible="addinvistvisible"
+                  @changeData="updateTableData"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:EditInvistId="EditInvistId"
+                />
+              </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"
+                    @changeData="updateTableData"
+                    @getData="changeVData"
+                    v-model:edit="edit"
+                    :isLevel="isLevel"
+                    v-model:projectId="projectId"
+                    v-model:chooseStageId="chooseStageId"
+                    v-model:projectTaskId="projectTaskId"
+                    v-model:EditVoteId="EditVoteId"
+                    v-model:voteId="voteId"
+                    v-model:ballotId="ballotId"
+                  />
+                </div>
+                <!-- 添加投票侧弹窗 -->
+              </div>
+            </div>
+          </div>
+          <div class="boom">
+            <div class="boomcen">
+              <div class="onerow">
+                <div class="taskmain">任务列表</div>
+                <button class="btn" @click="showChangeModal">
+                  移动任务到阶段
+                </button>
+                <div class="edit" @click="showdeAll">
+                  <img
+                    class="editimg"
+                    src="../../assets/images/projectadd/delete.png"
+                  />
+                  <span class="editext">批量删除</span>
+                </div>
+              </div>
+              <!-- 无数据样式 -->
+              <div class="notable" style="display: none">
+                <div class="notablebox">
+                  <div class="boxbody">
+                    <div class="boximg"></div>
+                    <div class="boxtitle">
+                      <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                    </div>
+                    <div class="boxtitle2">
+                      <span style="color: #878b92">请点击新建开课，创建课程</span>
+                    </div>
+                  </div>
+                  <div class="smallleft"></div>
+                  <div class="smallright"></div>
+                </div>
+              </div>
+              <div class="rwbox">
+                <!-- <div class="talk">
+                <img class="im" src="../../assets/images/leveladd/gan.png" />
+                <div class="xu">
+                  <span class="yi">已选择</span>
+                  <div style="width: 5px; display: inline-block"></div>
+                  <span class="th">3</span>
+                  <div style="width: 5px; display: inline-block"></div>
+                  <span class="yi">项</span>
+                  <span class="zon">任务总数：</span>
+                  <span class="yi">5</span>
+                  <span class="yi">条</span>
+                </div>
+              </div> -->
+                <div class="tableBox" style="border: 1px solid #f2f6fc">
+                  <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
+                      style="
+                        width: 87px;
+                        text-align: center;
+                        display: flex;
+                        margin-left: 46px;
+                      "
+                    >
+                      <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="
+                          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
+                          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 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>
+                          </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="showDelete(element.id)"
+                              >
+                                删除
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </template>
+                  </draggable>
+                  <!-- <a-table
+                  style="border: 1px solid #f2f6fe"
+                  :columns="tableDataFunc()"
+                  :data-source="tableData"
+                  :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"
+                    hideOnSinglePage="true"
+                    :pageSize="pageSize"
+                    :current="currentPage"
+                    :total="tableDataTotal"
+                    class="pagination"
+                  />
+                </div> -->
+                </div>
+              </div>
+  
+              <!-- 编辑在线侧弹窗 -->
+              <div>
+                <edit-online v-model:editonlineVisible="editonlinevisible" />
+              </div>
+              <!-- 编辑在线侧弹窗 -->
+            </div>
+          </div>
+        </div>
+      </div>
+  
+      <div class="footbtn">
+        <div class="btnbox">
+          <div class="btn btn2">
+            <div class="btnText">暂存</div>
+          </div>
+          <div class="btn btn2">
+            <div class="btnText">确定</div>
+          </div>
+          <div class="btn btn1">
+            <div class="btnText">取消</div>
+          </div>
+        </div>
+      </div>
+  
+      <!-- 添加阶段弹窗 -->
+      <div>
+        <a-modal
+          v-model:visible="stage"
+          :title="null"
+          @ok="closeModal"
+          :footer="null"
+          :closable="false"
+          wrapClassName="addstage"
+          width="624px"
+          height="388px"
+          centered="true"
+          @cancel="closeModal"
+        >
+          <div
+            class="modalHeader"
+            style="
+              width: 100%;
+              height: 68px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
+          >
+            <div class="headerLeft" style="margin-left: 32px">
+              <span class="headerLeftText" style="font-size: 16px"
+                >编辑/添加阶段</span
+              >
+            </div>
+            <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+              <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+              />
+            </div>
+          </div>
+          <div class="modalMain" style="width: 100%">
+            <div class="name">
+              <div class="namebox">
+                <div>
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <div class="inname">阶段名称：</div>
+              </div>
+              <div class="in">
+                <a-input
+                  v-model:value="valuesname"
+                  show-count
+                  :maxlength="20"
+                  placeholder="请输入阶段名称"
+                />
+              </div>
+            </div>
+            <div class="name" style="display: flex; align-items: flex-start">
+              <div class="namebox">
+                <div class="inname">阶段说明：</div>
+              </div>
+              <div class="intext" style="margin-left: 14px">
+                <a-textarea
+                  v-model:value="valuesnotice"
+                  style="height: 88px"
+                  show-count
+                  :maxlength="100"
+                  placeholder="请输入阶段说明"
+                />
+              </div>
+            </div>
+            <div
+              style="
+                display: flex;
+                width: 100%;
+                justify-content: center;
+                margin-top: 40px;
+              "
+            >
+              <button
+                @click="closeModal"
+                style="
+                  cursor: pointer;
+                  height: 40px;
+                  width: 100px;
+                  border: 1px solid #409eff;
+                  border-radius: 4px;
+                  color: #409eff;
+                  background-color: #ffffff;
+                "
+              >
+                取消
+              </button>
+              <button
+                @click="editStage"
+                style="
+                  cursor: pointer;
+                  margin-left: 16px;
+                  margin-bottom: 40px;
+                  height: 40px;
+                  width: 100px;
+                  border: 1px solid #409eff;
+                  border-radius: 4px;
+                  color: #ffffff;
+                  background-color: #409eff;
+                "
+              >
+                确定
+              </button>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+      <!-- 确认添加阶段弹窗 -->
+      <a-modal
+        v-model:visible="confirmModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="closeConfirm"></div>
+            </div>
+            <div class="body">
+              <span>您确定要添加阶段吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1" @click="closeConfirm">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="showModal">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+      <!-- 确认取消阶段弹窗 -->
+      <a-modal
+        v-model:visible="cancelModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="closeCancel"></div>
+            </div>
+            <div class="body">
+              <span>您确定要取消阶段吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="delete_exit">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="showModal">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+      <!-- 确认删除任务弹窗 -->
+      <a-modal
+        v-model:visible="deleteModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="closeDelete"></div>
+            </div>
+            <div class="body">
+              <span>您确定要删除此任务吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="delete_exit">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="showModal1">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+      <a-modal
+        v-model:visible="deAll"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="closeDeAll"></div>
+            </div>
+            <div class="body">
+              <span>您确定要批量删除任务吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="closeDeAll">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="deleteTaskAll">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+      <!-- 移动任务到阶段 -->
+      <a-modal
+        style="padding: 0"
+        :closable="sh"
+        v-model:visible="visiblene"
+        :footer="null"
+        centered="true"
+        wrapClassName="moveModal"
+      >
+        <div class="con">
+          <div class="header">
+            <div class="inhe">
+              <div class="mod"></div>
+              <div class="tz">选择任务移动到阶段</div>
+            </div>
+          </div>
+          <div class="mid">
+            <div class="inher">
+              <div class="cur">已选中{{ selectRow.length }}个任务</div>
+              <div class="select">
+                <a-select
+                  v-model:value="curLevel"
+                  style="width: 100%"
+                  placeholder="请选择阶段"
+                  :options="level"
+                  @change="handleChangeStage"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+              <div class="btn">
+                <button
+                  style="cursor: pointer"
+                  class="sameb btn1"
+                  @click="closeChangeModal"
+                >
+                  取消
+                </button>
+                <button
+                  style="cursor: pointer"
+                  class="sameb btn2"
+                  @click="moveTask"
+                >
+                  确定
+                </button>
+              </div>
+            </div>
+          </div>
+        </div></a-modal
+      >
+  
+      <!-- 是否删除阶段弹窗 -->
+      <a-modal
+        v-model:visible="deleteStageModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="closeDeleteStage"></div>
+            </div>
+            <div class="body">
+              <span>您确定要删除此阶段</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1" @click="closeDeleteStage">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="deleteStage">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+  </template>
+  
+  <script>
+  import { reactive, toRefs, onMounted, onUnmounted, onUpdated } from "vue";
+  import AddOnline from "../../components/drawers/AddOnline.vue";
+  import EditOnline from "../../components/drawers/EditOnline.vue";
+  import AddFaceteach from "../../components/drawers/AddFaceteach.vue";
+  import AddCase from "../../components/drawers/AddCase.vue";
+  import AddHomework from "../../components/drawers/AddHomework.vue";
+  import AddTest from "../../components/drawers/AddTest.vue";
+  import AddLive from "../../components/drawers/AddLive.vue";
+  import AddRef from "../../components/drawers/AddRef.vue";
+  import AddDiscuss from "../../components/drawers/AddDiscuss.vue";
+  import AddActive from "../../components/drawers/AddActive.vue";
+  import AddEval from "../../components/drawers/AddEval.vue";
+  import AddInvist from "../../components/drawers/AddInvist.vue";
+  import AddVote from "../../components/vote/AddVote.vue";
+  import { message } from "ant-design-vue";
+  import * as api from "../../api/indexTaskadd";
+  import * as apistage from "../../api/indexStage";
+  import * as apimove from "../../api/indexMovetask";
+  import draggable from "vuedraggable";
+  import { storage } from "../../api/storage";
+  import UnlockMode from "../../components/drawers/UnlockMode.vue";
+  // import * as api1 from "../../api/index1";
+  
+  const drawercolumns = [
+    {
+      title: "项目名称",
+      dataIndex: "projectName",
+      key: "projectName",
+      width: 200,
+      // align: "center",
+      ellipsis: true,
+      // scopedSlots: { customRender: "action" }, //引入的插槽
+      // customRender: (text, record) => {
+      //   console.log(text, record);
+      //   return <span>{text.text}</span>;
+      // },
+    },
+    {
+      title: "项目经理",
+      dataIndex: "manager",
+      key: "manager",
+      width: 100,
+      align: "center",
+    },
+  
+    {
+      title: "创建人",
+      dataIndex: "creater",
+      // width: "30%",
+      key: "creater",
+      width: 100,
+      align: "center",
+    },
+    {
+      title: "创建时间",
+      dataIndex: "time",
+      key: "time",
+      width: 180,
+      align: "center",
+    },
+  ];
+  export default {
+    name: "TaskAdd",
+    components: {
+      draggable,
+      AddOnline,
+      EditOnline,
+      AddFaceteach,
+      AddCase,
+      AddHomework,
+      AddTest,
+      AddLive,
+      AddRef,
+      AddDiscuss,
+      AddActive,
+      AddEval,
+      AddInvist,
+      AddVote,
+      UnlockMode,
+    },
+    setup() {
+      const state = reactive({
+        projectId: storage.get("projectId")
+          ? JSON.parse(storage.get("projectId"))
+          : null,
+        chooseStageId: null,
+        removeStageId: null,
+        edit: false,
+        isLevel: 2, //学习路径1项目2模板库3
+        // isRefEdit: 1, //外链编辑
+        // isLiveEdit: 1, //直播编辑
+        isRefEdit: false, //外链编辑
+        isLiveEdit: false, //直播编辑
+        EditRefId: null, //要编辑的外链的id
+        EditLiveId: null, //要编辑的直播的ids
+        deAll: false,
+        EditDiscussId: null, //要编辑的讨论的id
+        EditActiveId: null, //要编辑的活动id
+        EditWorkId: null, // 要编辑的作业id
+        EditTestId: null, // 要编辑的考试id
+        EditCaseId: null, //要编辑的案例id
+        EditOnlineId: null, //要编辑的在线id
+        EditFaceTeach: null,
+        EditEvalId: null,
+        EditInvistId: null,
+        EditVoteId: null, //编辑需要投票的id
+        ballotId: "", //编辑需要的题干id
+        projectTaskId: null, // 要编辑的具体任务id
+        projectNameList: [
+          {
+            id: 1,
+            value: "项目一",
+            label: "项目一",
+          },
+          {
+            id: 2,
+            value: "项目二",
+            label: "项目二",
+          },
+          {
+            id: 3,
+            value: "项目三",
+            label: "项目三",
+          },
+          {
+            id: 4,
+            value: "项目四",
+            label: "项目四",
+          },
+        ],
+        projectNameList2: [
+          {
+            id: 1,
+            value: "删除任务",
+            label: "删除任务",
+          },
+          {
+            id: 2,
+            value: "移动任务到关卡",
+            label: "移动任务到关卡",
+          },
+        ],
+        //阶段数据
+        level: [],
+  
+        projectTitle: null,
+        picUrl: null,
+        //任务数据
+        tableData: [],
+        drawertableData: [
+          {
+            key: 1,
+            projectName: "管理者进阶",
+            manager: "黄华  刘俊",
+            creater: "毛继禹",
+            time: "2022-07-20 14:00:03",
+            children: [
+              {
+                key: "1-1",
+                projectName: "管理者进阶-腾飞班",
+                manager: "黄华  刘俊",
+                creater: "毛继禹",
+                time: "2022-07-20 14:00:03",
+                children: [
+                  {
+                    key: "1-1-1",
+                    projectName: "管理者进阶-腾飞班K1",
+                    manager: "黄华  刘俊",
+                    creater: "毛继禹",
+                    time: "2022-07-20 14:00:03",
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            key: 2,
+            projectName: "管理者进阶",
+            manager: "黄华  刘俊",
+            creater: "毛继禹",
+            time: "2022-07-20 14:00:03",
+            children: [
+              {
+                key: "2-1",
+                projectName: "管理者进阶-腾飞班",
+                manager: "黄华  刘俊",
+                creater: "毛继禹",
+                time: "2022-07-20 14:00:03",
+                children: [
+                  {
+                    key: "2-1-1",
+                    projectName: "管理者进阶-腾飞班K1",
+                    manager: "黄华  刘俊",
+                    creater: "毛继禹",
+                    time: "2022-07-20 14:00:03",
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            key: 3,
+            projectName: "管理者进阶-腾飞班K1",
+            manager: "黄华  刘俊",
+            creater: "毛继禹",
+            time: "2022-07-20 14:00:03",
+          },
+          {
+            key: 4,
+            projectName: "管理者进阶-腾飞班K1",
+            manager: "黄华  刘俊",
+            creater: "毛继禹",
+            time: "2022-07-20 14:00:03",
+          },
+          {
+            key: 5,
+            projectName: "管理者进阶-腾飞班K1",
+            manager: "黄华  刘俊",
+            creater: "毛继禹",
+            time: "2022-07-20 14:00:03",
+          },
+          {
+            key: "1-1-1",
+            projectName: "管理者进阶-腾飞班K1",
+            manager: "黄华  刘俊",
+            creater: "毛继禹",
+            time: "2022-07-20 14:00:03",
+          },
+        ],
+        currentPage: 1,
+        tableDataTotal: 100,
+        pageSize: 10,
+        addonlinevisible: false,
+        addfaceteachvisible: false,
+        addcasevisible: false,
+        editonlinevisible: false,
+        addhomeworkvisible: false,
+        addtestvisible: false,
+        addlivevisible: false,
+        addrefvisible: false,
+        adddiscussvisible: false,
+        addactivevisible: false,
+        addevalvisible: false,
+        addinvistvisible: false,
+        addvotevisible: false,
+        stage: false,
+        selectedRowKeys: [],
+        valuesname: "",
+        valuesnotice: "",
+        visiblene: false, //移动任务弹窗
+        confirmModal: false, //确认添加阶段弹窗
+        cC: false,
+        cancelModal: false, //确认取消阶段弹窗
+        deleteModal: false, //确认删除弹窗
+        isActive: false,
+        deleteLiveID: null, //删除直播id
+        deleteExternalID: null, //删除外链id
+        deleteEvalID: null, //测评
+        deleteInvistID: 4, //评估
+        deleteDiscussID: null, //删除讨论id
+        deleteActivityID: null, //删除活动id
+        voteId: "", //删除投票id
+        deleteID: "",
+        selectRow: [], //选择行
+        curLevel: [], //阶段名称
+        selectAll: 0, //0：未选择，1：全选，2：部分选择
+  
+        updateStageID: null, //编辑阶段id
+        deleteStageId: null, //删除阶段的id
+        deleteStageModal: false, //删除阶段弹窗
+  
+        unlockModeVisible: false, //切换模式抽屉
+      });
+      console.log("projectId", state.projectId);
+      const selectProjectName = (value, index) => {
+        console.log("value", value, index);
+      };
+      const selectProjectName2 = (value, index) => {
+        console.log("value", value, index);
+      };
+      const afterVisibleChange = (bool) => {
+        console.log("visible", bool);
+      };
+  
+      // 把数据放到state里
+      const getTableData = (tableData) => {
+        let data = tableData;
+        let array = [];
+        console.log("data", data);
+        data.map((value) => {
+          let obj = {
+            id: value.projectTaskId,
+            key: value.projectTaskId,
+            lei:
+              value.type == 1
+                ? "在线"
+                : value.type == 2
+                ? "面授"
+                : value.type == 3
+                ? "案例"
+                : value.type == 4
+                ? "作业"
+                : value.type == 5
+                ? "考试"
+                : value.type == 6
+                ? "直播"
+                : value.type == 7
+                ? "外链"
+                : value.type == 8
+                ? "讨论"
+                : value.type == 9
+                ? "活动"
+                : value.type == 10
+                ? "测评"
+                : value.type == 11
+                ? "评估"
+                : value.type == 12
+                ? "投票"
+                : "-",
+            creater: value.name,
+            cretime: value.duration ? value.duration : "-",
+            checked1: value.flag ? true : false,
+            checked: false, //是否选中类型
+            courseId: value.courseId,
+            projectId: value.projectId,
+            stageId: value.stageId,
+            type: value.type,
+          };
+          array.push(obj);
+        });
+        state.tableData = array;
+        console.log("state.tableData", state.tableData);
+      };
+      //把阶段放到level里
+      const getStageData = (tableData) => {
+        let data = tableData;
+        let array = [];
+        data.map((value) => {
+          let obj = {
+            id: value.stageId,
+            tit: value.name,
+            name: value.remark,
+            taskList: value.taskList,
+            value: value.stageId,
+            label: value.name,
+          };
+          array.push(obj);
+        });
+        state.level = array;
+      };
+  
+      const tableDataFunc = () => {
+        const columns = [
+          {
+            title: "类型",
+            dataIndex: "state",
+            // width: "30%",
+            key: "state",
+            width: 60,
+            align: "left",
+            className: "classify",
+            scopedSlots: { customRender: "action" },
+            customRender: (text) => {
+              // console.log(text.record.checked1);
+              return (
+                <div class="racona">
+                  <div
+                    class="img"
+                    style={{ cursor: "pointer" }}
+                    onClick={() => {
+                      console.log("点击了");
+                    }}
+                  ></div>
+                  <span> {text.record.lei}</span>
+  
+                  {/**
+                                              <div class="img"></div>
+                              <a-checkbox class="ch" checked={text.record.checkedd}>
+                                {text.record.lei}
+                              </a-checkbox>
+              */}
+                </div>
+              );
+            },
+          },
+          {
+            title: "任务名称",
+            dataIndex: "creater",
+            // width: "30%",
+            key: "creater",
+            width: 200,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "必修/选修",
+            dataIndex: "pubtime",
+            key: "pubtime",
+            // width: 100,
+            align: "center",
+            className: "h",
+            scopedSlots: { customRender: "action" },
+            customRender: (text) => {
+              // console.log(text.record.checked1);
+              return (
+                <div class="opat">
+                  <div class="opacationt clearfix">
+                    <a-switch
+                      style="margin-left:-50px;margin-top:3px"
+                      checked={text.record.checked1}
+                      size="small"
+                      active-color="red"
+                      onClick={() => {
+                        console.log("点击了");
+                        text.record.checked1 = !text.record.checked1;
+                      }}
+                    />
+                    <div class="showt clearfix">
+                      <div
+                        class="bi"
+                        style={
+                          text.record.checked1 ? "z-index:999" : "z-index:998"
+                        }
+                      >
+                        必修
+                      </div>
+                      <div class="xuan">选修</div>
+                    </div>
+                  </div>
+                </div>
+              );
+            },
+          },
+          {
+            title: "时长",
+            dataIndex: "cretime",
+            key: "cretime",
+            // width: 100,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "操作",
+            className: "h",
+            dataIndex: "opacation",
+            key: "opacation",
+            // width: 100,
+            align: "center",
+            scopedSlots: { customRender: "action" },
+            customRender: (text) => {
+              return (
+                <div class="opa">
+                  <div class="opacation">
+                    <span
+                      onClick={() => {
+                        state.editonlinevisible = true;
+                        console.log(text, "编辑text");
+                      }}
+                      style="color:#4EA6FF;margin-right:25px;cursor:pointer"
+                    >
+                      编辑
+                    </span>
+                    <span
+                      style="color:#4EA6FF;cursor:pointer"
+                      onClick={() => {
+                        showDelete();
+                        state.deleteID = text.record.id;
+                      }}
+                    >
+                      删除
+                    </span>
+                  </div>
+                </div>
+              );
+            },
+          },
+        ];
+        return columns;
+      };
+  
+      //获取任务列表
+      const getTask = () => {
+        // console.log("state.projectId", state.projectId);
+        let obj = {
+          projectId: state.projectId,
+          // projectId: 28,
+        };
+        api
+          .getTask(obj)
+          .then((res) => {
+            if (res.status == 200) {
+              console.log("22222", res.data.data.stageList);
+              // console.log("22222", res.data.data.stageList);
+              state.projectTitle = res.data.data.projectInfo.name;
+              state.picUrl = res.data.data.projectInfo.picUrl;
+              let leng = res.data.data.stageList.length;
+              if (leng > 0) {
+                let stage = localStorage.getItem("stageId")
+                  ? localStorage.getItem("stageId")
+                  : null;
+                console.log("zhaodaole", stage);
+                // console.log("stage",Object.prototype.toString.call(stage))
+                getStageData(res.data.data.stageList);
+                if (stage !== "null") {
+                  console.log(stage);
+                  let stageList = res.data.data.stageList; //阶段数组
+                  let result = stageList.find((item) => item.stageId == stage);
+                  console.log("又找到了", result);
+                  getTableData(result.taskList);
+                } else {
+                  let arr = res.data.data.stageList[0].taskList;
+                  console.log("任务列表", arr);
+                  getTableData(arr);
+                  // state.isActive = true;
+                  changebgc(res.data.data.stageList[0].stageId);
+                }
+  
+                // 每次都获取了第一条taskList
+                // let arr = res.data.data.stageList[0].taskList;
+                // console.log("任务列表", stage, arr);
+                // getTableData(arr);
+              }
+  
+              let stagearr = res.data.data.stageList;
+              let arrlist = state.curLevel;
+              console.log(stagearr, 111111);
+              if (stagearr.length > 0) {
+                getStageData(stagearr);
+                stagearr.map((value) => {
+                  console.log(value);
+                  arrlist.push();
+                });
+              }
+              //给阶段id赋初始值
+              let stageid = localStorage.getItem("stageId")
+                ? localStorage.getItem("stageId")
+                : null;
+              if (stageid !== "null") {
+                state.chooseStageId = stageid;
+              } else {
+                state.chooseStageId = leng > 0 ? stagearr[0].stageId : null;
+              }
+            }
+          })
+          .catch((err) => {
+            console.log("获取任务列表失败", err);
+          });
+      };
+  
+      //获取修改、删除id（投票)
+      const changeVData = (data) => {
+        console.log("获取修改、删除id投票", data);
+        state.voteId = data.voteId;
+        state.ballotId = data.ballotId;
+      };
+      //数据变化
+      const updateTableData = (data) => {
+        console.log("添加数据", data);
+        getTask(data);
+      };
+  
+      //删除任务
+      const deleteTask = () => {
+        let obj = { projectTaskIds: state.deleteID };
+        api
+          .deleteTask(obj)
+          .then((res) => {
+            console.log(res, "gggggggggggggggg");
+            // deleteVoteText();
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      };
+  
+      const showChangeModal = () => {
+        if (state.selectRow.length == 0) {
+          message.destroy();
+          return message.warning("请选择要移动的任务");
+        } else {
+          state.visiblene = true;
+        }
+      };
+      const closeChangeModal = () => {
+        state.visiblene = false;
+      };
+      //移动任务到阶段
+      const moveTask = () => {
+        if (state.chooseStageId == state.removeStageId) {
+          console.log("buneng");
+          message.destroy();
+          message.warning("选择的任务已在当前阶段");
+        } else if (state.removeStageId == null) {
+          message.destroy();
+          message.warning("请选择阶段");
+        } else {
+          {
+            let obj = {
+              stageId: state.removeStageId,
+              projectTaskId: state.selectRow,
+            };
+            apimove
+              .moveTask(obj)
+              .then((res) => {
+                console.log("移动成功", res);
+                message.destroy();
+                message.success("移动成功");
+                console.log(state.removeStageId);
+                getTask();
+                localStorage.setItem("stageId", state.chooseStageId);
+              })
+              .catch((err) => {
+                console.log("移动失败", err);
+              });
+            state.visiblene = false;
+          }
+        }
+      };
+      //批量删除
+      const deleteTaskAll = () => {
+        let arr = state.selectRow;
+        console.log("选择的行信息", arr);
+        arr.map((value) => {
+          let obj = {
+            projectTaskIds: value,
+          };
+          api
+            .deleteTask(obj)
+            .then((res) => {
+              console.log(res);
+              message.destroy();
+              message.success("批量删除成功");
+              getTask();
+            })
+            .catch((err) => {
+              console.log(err);
+              message.destroy();
+              message.warning("批量删除失败");
+            });
+        });
+        state.deAll = false;
+      };
+      const onSelectChange = (selectedRowKeys) => {
+        console.log("selectedRowKeys changed: ", selectedRowKeys);
+        state.selectedRowKeys = selectedRowKeys;
+      };
+      // const getClientHeight = () => {
+      //   state.rightheight =
+      //     document.getElementsByClassName("addhead")[0].offsetHeight +
+      //     document.getElementsByClassName("mid")[0].offsetHeight +
+      //     document.getElementsByClassName("boom")[0].offsetHeight +
+      //     40 +
+      //     "px";
+      // };
+  
+      const showModal1 = () => {
+        //关闭确认框
+        state.deleteModal = false;
+        deleteTask();
+        message.success("删除成功");
+        getTask();
+      };
+      //关闭添加阶段弹窗
+      const closeModal = () => {
+        state.stage = false;
+        state.valuesname = "";
+        state.valuesnotice = "";
+        state.updateStageID = null;
+      };
+      //显示添加阶段弹窗
+      const showModal = (element) => {
+        state.stage = true;
+        //关闭确认框
+        closeConfirm();
+  
+        if (element) {
+          state.valuesname = element.tit;
+          state.valuesnotice = element.name;
+          state.updateStageID = element.id;
+        }
+      };
+      //添加阶段
+      const editStage = () => {
+        if (!state.valuesname) {
+          message.destroy();
+          return message.warning("请输入阶段名称");
+        }
+        if (state.updateStageID) {
+          let obj = {
+            name: state.valuesname,
+            projectId: state.projectId,
+            remark: state.valuesnotice,
+            stageId: state.updateStageID,
+          };
+          apistage
+            .editStage(obj)
+            .then((res) => {
+              console.log("修改阶段成功", res);
+              state.valuesname = "";
+              state.valuesnotice = "";
+              closeModal();
+              state.updateStageID = null;
+              message.destroy();
+              message.success("修改阶段成功");
+              getTask();
+            })
+            .catch((err) => {
+              console.log("添加阶段失败", err);
+            });
+        } else {
+          let obj = {
+            name: state.valuesname,
+            projectId: state.projectId,
+            remark: state.valuesnotice,
+          };
+          apistage
+            .editStage(obj)
+            .then((res) => {
+              console.log("添加阶段成功", res);
+              state.valuesname = "";
+              state.valuesnotice = "";
+              closeModal();
+              message.destroy();
+              message.success("添加阶段成功");
+              getTask();
+            })
+            .catch((err) => {
+              console.log("添加阶段失败", err);
+            });
+        }
+      };
+  
+      //打开删除阶段弹窗
+      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 = {
+          stageId: state.deleteStageId,
+        };
+        apistage
+          .deleteStage(obj)
+          .then((res) => {
+            console.log("删除阶段成功", res);
+            message.success("删除阶段成功");
+            closeDeleteStage();
+            getTask();
+          })
+          .catch((err) => {
+            console.log("删除阶段失败", err);
+          });
+      };
+      onMounted(() => {
+        document.getElementsByTagName("main")[0].style.background =
+          "rgb(245, 247, 250,1)";
+        document.getElementsByTagName("main")[0].style.boxShadow = "none";
+        getTask();
+      });
+      onUpdated(() => {
+        // getTask();
+        // setTimeout(() => {
+        //   getTask();
+        // }, 500);
+      });
+      onUnmounted(() => {
+        document.getElementsByTagName("main")[0].style.background = "#ffffff";
+        document.getElementsByTagName("main")[0].style.boxShadow =
+          "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
+      });
+      const showDrawerOnline = (id, eleId) => {
+        state.addonlinevisible = true;
+        state.EditOnlineId = id;
+        state.projectTaskId = eleId;
+      };
+      const showDrawerFaceteach = () => {
+        state.addfaceteachvisible = true;
+      };
+      const showDrawerAddCase = (id, eleId) => {
+        state.addcasevisible = true;
+        state.EditCaseId = id;
+        state.projectTaskId = eleId;
+      };
+      const showDrawerAddHomework = (id, eleId) => {
+        state.EditWorkId = id;
+        state.projectTaskId = eleId;
+        state.addhomeworkvisible = true;
+      };
+      const showDrawerAddTest = (id, eleId) => {
+        state.EditTestId = id;
+        state.projectTaskId = eleId;
+        state.addtestvisible = true;
+      };
+      const showDrawerAddLive = (id, eleId) => {
+        state.addlivevisible = true;
+        state.EditLiveId = id;
+        state.projectTaskId = eleId;
+      };
+      const showDrawerAddRef = (id, eleId) => {
+        state.EditRefId = id;
+        state.projectTaskId = eleId;
+        state.addrefvisible = true;
+      };
+      const showDrawerAddDiscuss = (id, eleId) => {
+        state.EditDiscussId = id;
+        state.projectTaskId = eleId;
+        state.adddiscussvisible = true;
+      };
+  
+      const showDrawerAddActive = (id, eleId) => {
+        state.addactivevisible = true;
+        state.EditActiveId = id;
+        state.projectTaskId = eleId;
+        console.log("active=======", id);
+      };
+      const showDrawerAddEval = (id, eleId) => {
+        state.addevalvisible = true;
+        // state.EditEvalId = id;
+        state.evaluationId = id;
+        state.projectTaskId = eleId;
+      };
+      const showDrawerAddInvist = (id, eleId) => {
+        console.log(id, eleId, "213312");
+        state.addinvistvisible = true;
+        state.projectTaskId = eleId;
+      };
+      const showDrawerAddVote = (id, eleId) => {
+        console.log(id, eleId, "95835325932953295325");
+        state.addvotevisible = true;
+        state.EditVoteId = id;
+        state.projectTaskId = eleId;
+        // voteId = state.voteId;
+        // ballotId = state.ballotId;
+      };
+      const showConfirm = () => {
+        state.confirmModal = true;
+      };
+      const closeConfirm = () => {
+        state.confirmModal = false;
+      };
+      const showCancel = () => {
+        state.cancelModal = true;
+      };
+      const closeCancel = () => {
+        state.cancelModal = false;
+      };
+      const showDelete = (id) => {
+        state.deleteModal = true;
+        state.deleteID = id;
+      };
+      const closeDelete = () => {
+        state.deleteModal = false;
+      };
+      const changebgc = (id) => {
+        state.isActive = !state.isActive;
+        state.selectRow = []; //选择行
+        state.selectAll = 0; //0：未选择，1：全选，2：部分选择
+        console.log("state.level", id, state.level);
+        state.chooseStageId = id;
+        let final = state.level.find((item) => item.id === id);
+        getTableData(final.taskList);
+      };
+  
+      //选择单个任务
+      const changeRow = (e) => {
+        //selectRow:已经选择的任务的id数组
+        let arr = state.selectRow;
+        if (e.target.checked) {
+          arr.push(e.target.id);
+        } else {
+          arr.map((value, index) => {
+            if (value == e.target.id) {
+              arr.splice(index, 1);
+            }
+          });
+        }
+        state.selectRow = arr;
+        console.log(state.selectRow, "xuanzhong");
+        console.log(Object.prototype.toString.call(state.selectRow));
+        //判断是否是全部选择或者是全部未选择来修改selectAll框的样式
+        if (arr.length !== 0) {
+          if (arr.length === state.tableData.length) {
+            state.selectAll = 1;
+          } else {
+            state.selectAll = 2;
+          }
+        } else {
+          state.selectAll = 0;
+        }
+        console.log("state.selectRow", state.selectRow, state.selectAll);
+      };
+      //全选任务或全不选任务
+      const selectRowAll = () => {
+        let arr = state.tableData;
+        let array = [];
+        if (state.selectAll === 0 || state.selectAll === 2) {
+          arr.map((value) => {
+            // console.log("value", value, index);
+            value.checked = true;
+            array.push(value.id);
+            // if (value == e.target.id) {
+            //   arr.splice(index, 1);
+            // }
+            state.selectAll = 1;
+          });
+        } else {
+          array = [];
+          arr.map((value) => {
+            // console.log("value", value, index);
+            value.checked = false;
+            state.selectAll = 0;
+          });
+        }
+        state.tableData = arr;
+        state.selectRow = array;
+      };
+      //修改任务的课程类型 id为任务id
+      const changeCourseType = (ele) => {
+        console.log("任务id", ele.id);
+        console.log("flag", ele.checked1);
+        let obj = {
+          courseId: ele.courseId,
+          duration: ele.cretime == "-" ? 0 : ele.cretime,
+          flag: ele.checked1,
+          name: ele.creater,
+          projectId: ele.projectId,
+          projectTaskId: ele.id,
+          stageId: ele.stageId,
+          type: ele.type,
+        };
+        api
+          .addTask(obj)
+          .then((res) => {
+            console.log(`修改状态成功${res.data}`);
+            message.destroy();
+            message.success("修改成功");
+          })
+          .catch((err) => {
+            console.log(`修改状态失败${err.data}`);
+            message.destroy();
+            message.warning("修改失败");
+          });
+      };
+  
+      //打开测评的弹窗
+      const showEditEvalDrawer = (id, eleId) => {
+        console.log("222222222222222222222", id);
+        state.addevalvisible = true;
+        state.projectTaskId = eleId;
+        state.EditRefId = id;
+        console.log(state.EditRefId);
+      };
+      //编辑的按钮
+      const decideType = (type, id, eleId) => {
+        state.edit = true;
+        console.log(type, id);
+        if (type == "外链") {
+          showDrawerAddRef(id, eleId);
+        } else if (type == "直播") {
+          showDrawerAddLive(id, eleId);
+        } else if (type == "测评") {
+          showEditEvalDrawer(id, eleId);
+        } else if (type == "评估") {
+          showDrawerAddInvist(id, eleId);
+        } else if (type == "投票") {
+          showDrawerAddVote(id, eleId);
+        } else if (type == "讨论") {
+          showDrawerAddDiscuss(id, eleId);
+        } else if (type == "活动") {
+          showDrawerAddActive(id, eleId);
+        } else if (type == "作业") {
+          showDrawerAddHomework(id, eleId);
+        } else if (type == "考试") {
+          showDrawerAddTest(id, eleId);
+        } else if (type == "在线") {
+          showDrawerOnline(id, eleId);
+        }
+      };
+      const showdeAll = () => {
+        if (state.selectRow.length == 0) {
+          message.destroy();
+          return message.warning("请选择要删除的任务");
+        } else {
+          state.deAll = true;
+        }
+      };
+      const closeDeAll = () => {
+        state.deAll = false;
+      };
+      const handleChangeStage = (value, option) => {
+        console.log("阶段改变", value, option);
+        state.removeStageId = option.id;
+      };
+  
+      //显示切换模式抽屉
+      const showModeVisible = () => {
+        state.unlockModeVisible = true;
+      };
+      return {
+        ...toRefs(state),
+        selectProjectName,
+        selectProjectName2,
+        tableDataFunc,
+        showModal,
+        closeModal,
+        // showDrawer,
+        afterVisibleChange,
+        drawercolumns,
+        onSelectChange,
+        showDrawerOnline,
+        showDrawerFaceteach,
+        showDrawerAddCase,
+        showDrawerAddHomework,
+        showDrawerAddTest,
+        showDrawerAddLive,
+        showDrawerAddRef,
+        showDrawerAddDiscuss,
+        showDrawerAddActive,
+        showDrawerAddEval,
+        showEditEvalDrawer,
+        showDrawerAddInvist,
+        showDrawerAddVote,
+        showConfirm,
+        closeConfirm,
+        showCancel,
+        showModal1,
+        closeCancel,
+        showDelete,
+        closeDelete,
+        showChangeModal,
+        closeChangeModal,
+        changebgc,
+        getTask,
+        getTableData,
+        deleteTask,
+        editStage,
+        updateTableData,
+        changeVData,
+        changeRow,
+        selectRowAll,
+        changeCourseType,
+        getStageData,
+        moveTask,
+        deleteTaskAll,
+        decideType,
+        showdeAll,
+        closeDeAll,
+        handleChangeStage,
+  
+        showDeleteStage,
+        closeDeleteStage,
+        deleteStage,
+  
+        showModeVisible,
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  // .ant-input {
+  //   border-radius: 8px;
+  //   // height: 120%;
+  //   width: 384px;
+  //   height: 88px;
+  // }
+  .ConfirmModal {
+    .ant-modal {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-content {
+        width: 424px !important;
+        height: 258px !important;
+        .ant-modal-body {
+          width: 424px !important;
+          height: 258px !important;
+          padding: 0 !important;
+          .delete {
+            z-index: 999;
+            width: 424px;
+            height: 258px;
+            background: #ffffff;
+            box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+            border-radius: 4px;
+            // position: absolute;
+            // left: 50%;
+            // top: 10%;
+            // transform: translate(-50%, -50%);
+            .del_header {
+              position: absolute;
+              width: calc(100%);
+              height: 40px;
+              background: linear-gradient(
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
+              );
+            }
+            .del_main {
+              width: 100%;
+              position: relative;
+              .header {
+                display: flex;
+                align-items: center;
+                padding-top: 20px;
+                padding-left: 26px;
+                font-size: 16px;
+                .icon {
+                  width: 16px;
+                  height: 16px;
+                  margin-right: 10px;
+                  background-image: url(@/assets/images/coursewareManage/QR.png);
+                  background-size: 100% 100%;
+                }
+                .close_exit {
+                  position: absolute;
+                  right: 42px;
+                  cursor: pointer;
+                  width: 20px;
+                  height: 20px;
+                  background-image: url(@/assets/images/coursewareManage/close.png);
+                  background-size: 100% 100%;
+                }
+              }
+              .body {
+                width: 100%;
+                margin: 34px auto 56px auto;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+                // background-color: red;
+                position: relative;
+                .back {
+                  position: absolute;
+                  top: 30px;
+                  font-size: 12px;
+                  font-weight: 400;
+                  color: #666666;
+                }
+              }
+              .del_btnbox {
+                display: flex;
+                margin: 30px auto;
+                justify-content: center;
+                .del_btn {
+                  width: 100px;
+                  height: 40px;
+                  background: rgba(64, 158, 255, 0);
+                  border-radius: 8px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+  
+                  flex-shrink: 0;
+                  cursor: pointer;
+                  .btnText {
+                    font-size: 14px;
+                    font-weight: 400;
+                    line-height: 40px;
+                  }
+                }
+                .btn1 {
+                  border: 1px solid rgba(64, 158, 255, 1);
+                  color: #4ea6ff;
+                  margin-right: 14px;
+                }
+                .btn2 {
+                  background-color: #4ea6ff;
+                  color: #ffffff;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .addstage {
+    .ant-modal {
+      .ant-modal-body {
+        padding: 0 !important;
+        .modalHeader {
+          background: linear-gradient(
+            0deg,
+            rgba(78, 166, 255, 0) 0%,
+            rgba(78, 166, 255, 0.2) 100%
+          );
+        }
+        .modalMain {
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 5px;
+          }
+        }
+      }
+    }
+  
+    .name {
+      width: 78%;
+      // background-color: lightcoral;
+      display: flex;
+      margin-top: 20px;
+      align-items: center;
+      //height: 40px;
+      // border: 1px solid black;
+      .namebox {
+        width: 120px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        flex-shrink: 0;
+        .nameimg {
+          width: 10px;
+          height: 10px;
+        }
+      }
+      .d {
+        margin-top: 8px;
+        font-size: 25px;
+        color: #ff4e4e;
+      }
+      .box {
+        position: relative;
+        margin-left: 14px;
+        .box1 {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          width: 50px;
+          margin-left: -25px;
+          margin-top: -5px;
+          border-top: 2px solid rgba(78, 166, 255, 1);
+        }
+        .box2 {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          height: 50px;
+          //margin-left: -5px;
+          margin-top: -25px;
+          border-left: 2px solid rgba(78, 166, 255, 1);
+        }
+      }
+      .inname {
+        color: #000000;
+        font-size: 14px;
+        margin-left: 7px;
+      }
+      .in {
+        margin-left: 14px;
+        flex: 1;
+        // .ant-radio-wrapper {
+        // }
+        .ant-input-affix-wrapper {
+          width: 384px;
+          border-radius: 8px;
+        }
+        .ant-input {
+          border-radius: 8px;
+          // height: 120%;
+          //width: 384px;
+          height: 30px;
+        }
+      }
+    }
+  }
+  .moveModal {
+    .ant-modal {
+      width: 549px !important;
+      height: 245px !important;
+      .ant-modal-content {
+        width: 549px !important;
+        height: 245px !important;
+        .ant-modal-body {
+          padding: 0 !important;
+          width: 549px !important;
+          height: 245px !important;
+          .con {
+            // background-color: #bfa;
+            width: 100%;
+            height: 100%;
+  
+            .header {
+              width: 100%;
+              display: flex;
+              height: 68px;
+              position: relative;
+              justify-content: center;
+  
+              background: linear-gradient(
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
+              );
+              .inhe {
+                width: 80%;
+                height: 100%;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .mod {
+                  left: 30px;
+                  top: 27px;
+                  position: absolute;
+                  width: 18px;
+                  height: 17px;
+                  background-image: url(../../assets/images/leveladd/mod.png);
+                }
+                .tz {
+                  color: #000000;
+                  font-weight: 400;
+                  font-size: 16px;
+                }
+                .mg {
+                  width: 20px;
+                  height: 20px;
+                  background-image: url(../../assets/images/basicinfo/close22.png);
+                  background-size: 100% 100%;
+                  cursor: pointer;
+                }
+              }
+            }
+            .mid {
+              width: 100%;
+              display: flex;
+              height: 100%;
+              justify-content: center;
+              .inher {
+                width: 80%;
+                height: 100%;
+                .cur {
+                  color: #6f6f6f;
+                  font-size: 14px;
+                }
+                .select {
+                  margin-top: 10px;
+                }
+                .btn {
+                  width: 100%;
+                  display: flex;
+                  justify-content: center;
+                  margin-top: 30px;
+                  .sameb {
+                    width: 100px;
+                    height: 40px;
+                    font-size: 14px;
+  
+                    border-radius: 8px;
+                  }
+                  .btn1 {
+                    color: #4ea6ff;
+                    background: #ffffff;
+                    border: 1px solid #4ea6ff;
+                  }
+                  .btn2 {
+                    margin-left: 16px;
+                    border: 0;
+                    color: #ffffff;
+                    background: #4ea6ff;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  // .info {
+  //   width: 78%;
+  //   // background-color: lightcoral;
+  //   display: flex;
+  //   margin-top: 30px;
+  //   // align-items: center;
+  //   // height: 40px;
+  //   // border: 1px solid black;
+  
+  //   .inname {
+  //     color: #6f6f6f;
+  //     font-size: 14px;
+  //     margin-left: 26px;
+  //     margin-top: 15px;
+  //   }
+  //   .in {
+  //     margin-left: 14px;
+  //     width: 81%;
+  //     position: relative;
+  //     .ant-input {
+  //       border-radius: 5px;
+  //       // height: 120%;
+  //       width: 100%;
+  //       height: 130px;
+  //       resize: none;
+  //     }
+  //   }
+  // }
+  
+  // .drawerStyle {
+  //   .ant-drawer-content-wrapper {
+  //     // max-width: 1000px;
+  //     .ant-drawer-header {
+  //       display: none !important;
+  //     }
+  //     .ant-drawer-body {
+  //       padding: 0;
+  //     }
+  //   }
+  //   .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;
+  //       }
+  //     }
+  //     .drawerbox {
+  //       margin: 20px 38px 30px;
+  //       th {
+  //         background-color: #eff4fc !important;
+  //       }
+  
+  //       .ant-table-tbody
+  //         > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+  //         > td {
+  //         background: #f6f9fd;
+  //       }
+  //     }
+  //     .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;
+  //       }
+  //     }
+  //   }
+  // }
+  .taskadd {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    min-width: 933px;
+    // min-width: 1200px;
+    // overflow-x: hidden;
+    // min-width: 1400px;
+    // overflow: scroll;
+    background-color: rgba(245, 247, 250, 1);
+    .left {
+      margin-right: 20px;
+      width: 208px;
+      // height: 100%;
+      // flex: 1;
+      // height: 100%;
+      background: #ffffff;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+      display: flex;
+      justify-content: center;
+      .leftmain {
+        // width: 86%;
+        margin-top: 20px;
+        .tit {
+          margin-left: 20px;
+          font-size: 18px;
+          color: #363636;
+        }
+  
+        // flex-wrap: wrap;
+        .btn {
+          margin-top: 20px;
+          // padding: 0px 26px 0px 26px;
+          height: 38px;
+          background: #fff6e8;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          // margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+          .search {
+            background-size: 100%;
+          }
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            color: #ffb64e;
+            // line-height: 38px;
+            margin-top: 4px;
+            margin-left: 5px;
+          }
+        }
+  
+        .btn3 {
+          width: 171px;
+          margin-right: 0px;
+          .search {
+            width: 17px;
+            height: 18px;
+            background-image: url("../../assets/images/leveladd/add.png");
+            background-size: 100% 100%;
+          }
+        }
+        .maincon {
+          margin-top: 17px;
+          width: 208px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+  
+          .ghost {
+            // background-color: red;
+            opacity: 0 !important;
+          }
+          .items {
+            width: 171px;
+            // height: 83px;
+            background: rgba(255, 182, 78, 0.1);
+            border: 1px solid #ffb64e;
+            opacity: 0.45;
+            border-radius: 8px;
+            margin-bottom: 16px;
+            align-items: center;
+            padding: 16px;
+            opacity: 0.5;
+            cursor: pointer;
+            .items1 {
+              margin-bottom: 12px;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              .boxs_left {
+                display: flex;
+                align-items: center;
+                .script {
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  width: 56px;
+                  height: 24px;
+                  background: #ffb64e;
+                  border-radius: 6px;
+                  margin-right: 12px;
+                  white-space: nowrap;
+                }
+                .imgIcon {
+                  width: 16px;
+                  height: 16px;
+                  background-image: url(@/assets/images/leveladd/edit1.png);
+                  background-size: 100% 100%;
+                }
+              }
+              .boxs_right {
+                .imgIcon {
+                  width: 16px;
+                  height: 16px;
+                  background-image: url(@/assets/images/leveladd/delete.png);
+                  background-size: 100% 100%;
+                }
+              }
+            }
+            .items2 {
+              .nname {
+                width: 140px;
+                // overflow: hidden;
+                // text-overflow: ellipsis;
+                // white-space: nowrap;
+                font-weight: bold;
+  
+                overflow: hidden;
+                text-overflow: ellipsis;
+                -webkit-line-clamp: 2;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+              }
+            }
+          }
+          .active {
+            opacity: 1;
+            // transition: all 0.5s;
+          }
+        }
+      }
+    }
+    .right {
+      flex: 1;
+      // background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      .addhead {
+        width: 100%;
+        // min-width: 500px;
+        // height: 130px;
+        // flex: 1;
+        background-color: #fff;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+        display: flex;
+        align-items: center;
+        position: relative;
+        .filt {
+          margin: 16px 30px 16px 22px;
+          display: flex;
+          justify-content: space-between;
+          width: 100%;
+          align-items: center;
+          flex-wrap: wrap;
+          .le {
+            display: flex;
+            align-items: center;
+            // margin-bottom: 10px;
+            .leftimg {
+              width: 151px;
+              height: 100px;
+              border: 10px solid #e7f2ff;
+              border-radius: 8px;
+              margin-left: 20px;
+              .img {
+                width: 100%;
+                height: 100%;
+              }
+            }
+            .imgfor {
+              margin-left: 32px;
+              .forz {
+                color: #363636;
+                font-size: 16px;
+              }
+              .fort {
+                color: #878b92;
+                font-size: 14px;
+                margin-top: 20px;
+              }
+            }
+          }
+  
+          .rightt {
+            // width: 500px;
+            height: 100%;
+            // background-color: red;
+            // position: absolute;
+            // right: 0;
+            display: flex;
+            align-items: center;
+            .select {
+              display: flex;
+              align-items: center;
+              white-space: nowrap;
+              margin-right: 56px;
+              .inputbox {
+                display: flex;
+                align-items: center;
+                border: 1px solid #c7cbd2;
+                width: 238px;
+                height: 40px;
+                border-radius: 8px;
+                input {
+                  border: none;
+                  outline: none;
+                }
+                .bottonbox {
+                  width: 100px;
+                  height: 40px;
+                  background: #409eff;
+                  border-radius: 8px;
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  cursor: pointer;
+                  flex-shrink: 0;
+                  .btnText {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #ffffff;
+                    line-height: 36px;
+                    margin-left: 5px;
+                  }
+                }
+              }
+            }
+            .line {
+              height: 60px;
+              width: 1px;
+              background-color: #e8effa;
+              margin-right: 18px;
+            }
+            .img2 {
+              width: 42px;
+              height: 42px;
+              margin-right: 18px;
+            }
+            .pub {
+              color: #57c887;
+              font-size: 14px;
+              margin-top: 5px;
+              margin-right: 30px;
+              cursor: pointer;
+              white-space: nowrap;
+            }
+            @media screen and (max-width: 1050px) {
+              .pub {
+                margin-right: 10px;
+              }
+              .line {
+                margin-right: 10px;
+              }
+            }
+            .return {
+              color: #4ea6ff;
+              font-size: 14px;
+              margin-top: 13px;
+              margin-right: 20px;
+              white-space: nowrap;
+            }
+  
+            .role {
+              display: flex;
+              align-items: center;
+              font-size: 16px;
+              font-weight: 400;
+              color: #333330;
+              line-height: 36px;
+              cursor: pointer;
+              position: relative;
+              margin-right: 20px;
+              .roleArrow {
+                width: 13px;
+                height: 7px;
+                margin-left: 8px;
+                background-image: url(../../assets/images/navtop/down.png);
+                background-size: 100%;
+              }
+              .roleItems {
+                width: 109px;
+                height: 90px;
+                padding-top: 10px;
+                background: #ffffff;
+                box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+                position: absolute;
+                top: 35px;
+                right: 0px;
+                text-align: center;
+                display: none;
+                z-index: 100;
+              }
+              .roleItem {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgba(79, 81, 86, 1);
+                line-height: 36px;
+              }
+              .roleItem:hover {
+                color: #4ea6ff;
+              }
+            }
+            .role:hover .roleItems {
+              display: block;
+            }
+            .role:hover .roleArrow {
+              background-image: url(../../assets/images/navtop/up.png);
+            }
+          }
+        }
+      }
+  
+      .mid {
+        width: 100%;
+        // height: 130px;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        background-color: #fff;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        .item {
+          height: 115px;
+          // width: 7.7%;
+          display: flex;
+          align-items: center;
+          .itcon {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            width: 100%;
+            margin-left: 38px;
+            margin-right: 38px;
+            .img {
+              cursor: pointer;
+            }
+            .text {
+              font-size: 16px;
+              color: #363636;
+              margin-top: 5px;
+              white-space: nowrap;
+            }
+          }
+          .lin {
+            width: 1px;
+            height: 60%;
+            background-color: #e8effa;
+          }
+          .no {
+            display: none;
+          }
+        }
+      }
+      .boom {
+        width: 100%;
+        flex: 1;
+        background-color: #fff;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+        display: flex;
+        justify-content: center;
+        .boomcen {
+          width: 95%;
+          // height: 100%;
+          // background-color: #bfa;
+          .onerow {
+            width: 100%;
+            display: flex;
+            height: 40px;
+            position: relative;
+            margin-top: 20px;
+            .taskmain {
+              font-size: 18px;
+              color: #000000;
+              margin-top: 10px;
+            }
+            .btn {
+              position: absolute;
+              top: 0;
+              right: 130px;
+              background-color: #409eff;
+              width: 130px;
+              height: 40px;
+              border-radius: 8px;
+              border: 1px solid #409eff;
+              color: #ffffff;
+              cursor: pointer;
+            }
+            .edit {
+              position: absolute;
+              right: 0;
+              top: 0;
+              color: #409eff;
+              width: 120px;
+              height: 40px;
+              border: 1px solid #409eff;
+              border-radius: 8px;
+              .editimg {
+                width: 15px;
+                height: 15px;
+                margin-top: -2px;
+                margin-left: 25px;
+                margin-right: 5px;
+              }
+              .editext {
+                line-height: 40px;
+              }
+            }
+            .edit:hover {
+              color: #ffffff;
+              background-color: #409eff;
+              cursor: pointer;
+              .editimg {
+                background-image: url("../../assets/images/projectadd/delete1.png");
+              }
+            }
+          }
+          .notable {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            .notablebox {
+              width: 412px;
+              height: 212px;
+              background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+              border-radius: 10px;
+              display: flex;
+              justify-content: center;
+              text-align: center;
+              margin-top: 77px;
+              margin-bottom: 109px;
+              cursor: pointer;
+              position: relative;
+              .smallleft {
+                position: absolute;
+                top: 18px;
+                left: 0px;
+                width: 8px;
+                height: 21px;
+                border-radius: 0px 4px 4px 0px;
+                background-color: #ffb64e;
+              }
+              .smallright {
+                position: absolute;
+                bottom: 18px;
+                right: 0px;
+                width: 8px;
+                height: 21px;
+                border-radius: 4px 0px 0px 4px;
+                background-color: #ffb64e;
+              }
+              .boxbody {
+                .boximg {
+                  width: 72px;
+                  height: 72px;
+                  margin: 32px auto 20px auto;
+                  background-image: url(@/assets/images/coursewareManage/nostate.png);
+                  background-size: 100% 100%;
+                }
+                .boxtitle {
+                  margin-bottom: 4px;
+                }
+              }
+            }
+          }
+          .rwbox {
+            position: relative;
+            .talk {
+              margin-top: 24px;
+              margin-bottom: 11px;
+              width: 100%;
+              height: 50px;
+              background: #f5faff;
+              border: 1px solid #4ea6ff;
+              // opacity: 0.22;
+              display: flex;
+              align-items: center;
+              .im {
+                width: 14px;
+                height: 15px;
+                margin-left: 27px;
+              }
+              .xu {
+                height: 100%;
+                line-height: 50px;
+                margin-left: 13px;
+                .yi {
+                  color: #4f5156;
+                  font-size: 14px;
+                }
+                .zon {
+                  color: #999ba3;
+                  font-size: 14px;
+                  margin-left: 34px;
+                }
+                .th {
+                  color: #4ea6ff;
+                }
+              }
+            }
+            .tableBox {
+              margin-bottom: 20px;
+              margin-top: 20px;
+              .chosen {
+                background-color: #f2f6fc;
+                opacity: 1;
+              }
+              .ghost {
+                // background-color: red;
+                opacity: 0;
+              }
+              .tableRow:hover {
+                background-color: #f2f6fc;
+              }
+              //  .tableRow: {
+              //     background-color: #f2f6fc;
+              //   }
+              .classify {
+                margin-left: 10px !important;
+                padding-left: 9px !important;
+              }
+              .ant-checkbox-wrapper {
+                align-items: center;
+                margin-top: -2px;
+              }
+              .ant-table-selection-column {
+                padding: 0px !important;
+                padding-left: 60px !important;
+              }
+              .ant-table-thead > tr > th {
+                background-color: rgba(239, 244, 252, 1);
+              }
+              th.h {
+                background-color: #eff4fc !important;
+              }
+  
+              .ant-table-tbody
+                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+                > td {
+                background: #f6f9fd;
+              }
+              .pa {
+                left: 0;
+                width: 100%;
+                // height: 20px;
+                // background-color: red;
+                display: flex;
+                justify-content: center;
+                position: absolute;
+                bottom: 20px;
+              }
+            }
+          }
+        }
+      }
+      // .drawerbox {
+      //   // margin: 20px 38px 30px;
+      //   th.h {
+      //     background-color: #eff4fc !important;
+      //   }
+  
+      //   .ant-table-tbody
+      //     > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      //     > td {
+      //     background: #f6f9fd;
+      //   }
+      // }
+    }
+  
+    .opat {
+      .opacationt {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .ant-switch-checked {
+          background-color: #5dc988;
+        }
+        .showt {
+          // margin-top: 10px;
+          display: flex;
+          margin-left: 10px;
+          height: 23px;
+          position: relative;
+          .bi {
+            // margin-top: 10px;
+            width: 63px;
+            height: 23;
+            background-color: #5dc988;
+            line-height: 23px;
+            position: absolute;
+            z-index: 998;
+            color: #ffffff;
+            border-radius: 4px;
+          }
+          .xuan {
+            width: 63px;
+            height: 23px;
+            background-color: #f2f6fc;
+            line-height: 23px;
+            // display: none;
+            position: absolute;
+            z-index: 998;
+            color: #5dc988;
+            border-radius: 4px;
+          }
+        }
+      }
+    }
+    .racona {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      .img {
+        width: 17px;
+        height: 14px;
+        background-image: url("../../assets/images/leveladd/z1.png");
+        // position: absolute;
+        // left: -40px;
+      }
+      .ch {
+        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;
+          }
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
index 60bc59ee..05959e27 100644
--- a/src/views/projectcenter/templateAdd.vue
+++ b/src/views/projectcenter/templateAdd.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/libraryAdd"
+        to="/manage/libraryAdd"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -24,11 +24,10 @@
           </div>
           <div class="in">
             <a-input
-              v-model:value="projectName"
+              v-model:value="projectInfo.name"
               placeholder="请输入模板名称"
               show-count
               :maxlength="30"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -47,14 +46,13 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect"
-              placeholder="四个养成"
+              v-model:value="projectInfo.category"
+              placeholder="管理者"
               style="width: 100%"
               :options="classifyList"
               @change="classificationChange"
               allowClear
               showSearch
-              :disabled="viewDetail ? true : false"
             >
             </a-select>
           </div>
@@ -88,7 +86,6 @@
               action="/api/file/upload"
               :before-upload="beforeUpload"
               @change="handleChange"
-              :disabled="viewDetail ? true : false"
             >
               <img
                 style="
@@ -126,8 +123,6 @@
               :placeholder="['      开始时间', '        结束时间']"
               v-model:value="rangevalue"
               style="width: 100%; height: 40px; border-radius: 5px"
-              @change="onRangeChange"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -146,7 +141,7 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              :value="classifySelect1"
+              :value="projectInfo.manager"
               mode="multiple"
               placeholder="请选择项目经理"
               style="width: 100%"
@@ -154,7 +149,6 @@
               @change="classificationChange1"
               allowClear
               showSearch
-              :disabled="viewDetail ? true : false"
             >
             </a-select>
           </div>
@@ -175,11 +169,10 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect2"
-              placeholder="自动带出 可修改"
+              v-model:value="projectInfo.sourceBelongId"
+              placeholder="项目一"
               :options="classifyList2"
               @change="classificationChange2"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -189,12 +182,11 @@
           </div>
           <div class="in">
             <a-textarea
-              v-model:value="remark"
+              v-model:value="projectInfo.remark"
               style="height: 80px"
               placeholder="请输入说明"
               show-count
               :maxlength="200"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -205,8 +197,7 @@
           <div class="in">
             <a-radio
               @click="changeChecked"
-              v-model:checked="checked"
-              :disabled="viewDetail ? true : false"
+              v-model:checked="projectInfo.courseSyncFlag"
               ><span
                 style="
                   width: 100%;
@@ -233,7 +224,7 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect3"
+              v-model:value="projectInfo.level"
               :options="classifyList3"
               @change="classificationChange3"
               placeholder="集团级/组织级/现地级/部门级"
@@ -256,7 +247,7 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect4"
+              v-model:value="projectInfo.systemId"
               :options="classifyList4"
               @change="classificationChange4"
               placeholder="集团级/组织级/现地级/部门级"
@@ -275,7 +266,7 @@
           <div class="in">
             <a-radio
               @click="changeChecked1"
-              v-model:checked="checked1"
+              v-model:checked="projectInfo.boeFlag"
               :disabled="viewDetail ? true : false"
               ><span
                 style="
@@ -308,46 +299,6 @@
                       </div>
                   </div> -->
       </div>
-      <!--  选择模板 ------------------------------ -->
-      <div class="template" style="display: none">
-        <div class="name">
-          <div class="inname" style="width: 50px">模版</div>
-          <div class="in select" style="margin-left: 2px">
-            <a-select
-              v-if="isEdit"
-              disabled="true"
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="classifySelect5"
-              placeholder="请选择模版"
-              :size="size"
-              style="width: 100%"
-              :options="classifyList5"
-              @change="classificationChange5"
-            >
-            </a-select>
-            <a-select
-              v-else
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="classifySelect5"
-              placeholder="请选择模版"
-              :size="size"
-              style="width: 100%"
-              :options="classifyList5"
-              @change="classificationChange5"
-              @popupScroll="templateScroll"
-            >
-            </a-select>
-          </div>
-        </div>
-      </div>
     </div>
     <div class="footer">
       <div class="btn">
@@ -363,10 +314,10 @@
 import { reactive, toRefs, ref } 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 dayjs from "dayjs";
+import * as api from "../../api/indexTemplate";
 import { storage } from "../../api/storage";
-import { toDate } from "../../api/method";
+// import { toDate } from "../../api/method";
 
 export default {
   name: "projectAdd",
@@ -374,126 +325,16 @@ export default {
     // 编辑页面跳转过来时候，自动填充表格
     const routers = useRoute();
     const isEdit = ref(false);
-    let peojectID = "";
+    // let peojectID = "";
 
     if (routers.query.projectId) {
       storage.set("projectAddId", routers.query.projectId);
       isEdit.value = true;
-      peojectID = routers.query.projectId;
-      // 需要编辑
-      api
-        .getProjectDetail({ projectId: routers.query.projectId })
-        .then((res) => {
-          if (res.status == 200 && res.data.code == 200) {
-            let info = res.data.data.projectInfo;
-            console.log(info);
-            // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-            projectName.value = info.name;
-            state.classifySelect = classifyList.value[1]; // info.category
-            imageUrl.value = info.picUrl;
-
-            let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
-            let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
-            state.rangevalue = [
-              dayjs(start, "YYYY/MM/DD"),
-              dayjs(end, "YYYY/MM/DD"),
-            ];
-
-            let manageName = info.manager.split(",");
-            let manageValue = info.managerId.split(",");
-            let optionsManage = [];
-            for (let i = 0; i < manageName.length; i++) {
-              let obj = {
-                label: manageName[i],
-                value: manageValue[i],
-              };
-              optionsManage.push(obj);
-            }
-            console.log(optionsManage);
-            state.classifySelect1 = optionsManage;
-            state.classifySelect2 =
-              classifyList2.value[info.sourceBelongId - 1];
-            remark.value = info.remark;
-            state.checked = info.boeFlag ? info.boeFlag : false;
-            state.classifySelect3 = classifyList3.value[info.level];
-            state.classifySelect4 = classifyList4.value[info.systemId - 1];
-            state.checked1 = info.boeFlag ? info.boeFlag : false;
-            // fileList1.value = info.attach.split(",");
-
-            projectType = 1;
-            picUrl = info.picUrl;
-            beginTime = Number(info.beginTime / 1000);
-            endTime = Number(info.endTime / 1000);
-            manager = info.manager;
-            managerId = info.managerId;
-            sourceBelongIdC = Number(info.sourceBelongId);
-            courseSyncFlag = info.courseSyncFlag;
-            levels = info.level;
-            systemid = info.systemId;
-            boeFlag = info.boeFlag;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
+      // peojectID = routers.query.projectId;
     } else {
       if (storage.get("projectAddId")) {
         isEdit.value = true;
-        peojectID = storage.get("projectAddId");
-        // 需要编辑
-        api
-          .getProjectDetail({ projectId: storage.get("projectAddId") })
-          .then((res) => {
-            if (res.status == 200 && res.data.code == 200) {
-              let info = res.data.data.projectInfo;
-              console.log("我是从本地存储获取的id", info);
-              projectName.value = info.name;
-              state.classifySelect = classifyList.value[1]; // info.category
-              imageUrl.value = info.picUrl;
-
-              let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
-              let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
-              state.rangevalue = [
-                dayjs(start, "YYYY/MM/DD"),
-                dayjs(end, "YYYY/MM/DD"),
-              ];
-
-              let manageName = info.manager.split(",");
-              let manageValue = info.managerId.split(",");
-              let optionsManage = [];
-              for (let i = 0; i < manageName.length; i++) {
-                let obj = {
-                  label: manageName[i],
-                  value: manageValue[i],
-                };
-                optionsManage.push(obj);
-              }
-              console.log(optionsManage);
-              state.classifySelect1 = optionsManage;
-              state.classifySelect2 =
-                classifyList2.value[info.sourceBelongId - 1];
-              remark.value = info.remark;
-              state.checked = info.boeFlag ? info.boeFlag : false;
-              state.classifySelect3 = classifyList3.value[info.level];
-              state.classifySelect4 = classifyList4.value[info.systemId - 1];
-              state.checked1 = info.boeFlag ? info.boeFlag : false;
-
-              projectType = 1;
-              picUrl = info.picUrl;
-              beginTime = Number(info.beginTime / 1000);
-              endTime = Number(info.endTime / 1000);
-              manager = info.manager;
-              managerId = info.managerId;
-              sourceBelongIdC = Number(info.sourceBelongId);
-              courseSyncFlag = info.courseSyncFlag;
-              levels = info.level;
-              systemid = info.systemId;
-              boeFlag = info.boeFlag;
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
+        // peojectID = storage.get("projectAddId");
       }
     }
 
@@ -501,7 +342,7 @@ export default {
       storage.remove("projectAddId");
       setTimeout(() => {
         router.push({
-          path: "/libraryAdd",
+          path: "/manage/libraryAdd",
         });
       }, 400);
     };
@@ -526,6 +367,19 @@ export default {
       pageSize: 10, //每页10条数据
       totalPages: 0, //总页数
       viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
+      projectInfo:{
+        beginTime:null,
+        endTime:null,
+        name: null,
+        manager: null,
+        notice: null,
+        sourceBelongId: null,
+        remark: "",
+        courseSyncFlag: false,
+        level: null,
+        systemId: null,
+        boeFlag: false,
+      }
     });
 
     const projectName = ref("");
@@ -536,11 +390,11 @@ export default {
       { value: 3, label: "产业人" },
     ]);
 
-    let projectType = "";
+    // let projectType = "";
 
     const classificationChange = (value) => {
       console.log(`selected ${value}`);
-      projectType = value;
+      // projectType = value;
     };
 
     function getBase64(img, callback) {
@@ -553,7 +407,7 @@ export default {
     const fileList1 = ref([]);
     const loading = ref(false);
     const imageUrl = ref("");
-    let picUrl = "";
+    // let picUrl = "";
 
     const handleChange = (info) => {
       if (info.file.status === "uploading") {
@@ -562,7 +416,7 @@ export default {
       }
       if (info.file.status === "done") {
         console.log("上传图片返回的信息 %o", info);
-        picUrl = info.file.response.data;
+        // picUrl = info.file.response.data;
         // Get this url from response in real world.
         getBase64(info.file.originFileObj, (base64Url) => {
           imageUrl.value = base64Url;
@@ -577,7 +431,7 @@ export default {
 
     let uplodaFileCount = false;
 
-    let attach = "";
+    // let attach = "";
     let attachData = "";
     const handleChange1 = (info) => {
       if (info.file.status === "uploading") {
@@ -602,7 +456,7 @@ export default {
           }
         }
         console.log(attachStr);
-        attach = attachStr;
+        // attach = attachStr;
 
         if (info.fileList.length > 5) {
           uplodaFileCount = true;
@@ -639,8 +493,6 @@ export default {
       });
     };
 
-    let beginTime = "";
-    let endTime = "";
     const dateFormatList = ["YYYY/MM/DD"];
 
     const onRangeChange = (value, dateString) => {
@@ -651,8 +503,8 @@ export default {
         "Formatted Selected TimeStamp",
         new Date(dateString[0]).getTime()
       );
-      beginTime = new Date(dateString[0]).getTime() / 1000;
-      endTime = new Date(dateString[1]).getTime() / 1000;
+      // beginTime = new Date(dateString[0]).getTime() / 1000;
+      // endTime = new Date(dateString[1]).getTime() / 1000;
     };
 
     // 项目经理 后续接口调用
@@ -662,8 +514,6 @@ export default {
       { value: 3, label: "刘孟君" },
     ]);
 
-    let manager = "";
-    let managerId = "";
     const classificationChange1 = (key, options) => {
       console.log(`selected ${key}`, options);
       let mstr = "";
@@ -686,8 +536,8 @@ export default {
         }
       }
       state.classifySelect1 = newoptions;
-      manager = mstr;
-      managerId = midstr;
+      // manager = mstr;
+      // managerId = midstr;
     };
 
     // 资源归属 sourceBelongId 后续给接口
@@ -697,10 +547,10 @@ export default {
       { value: 3, label: "项目三" },
     ]);
 
-    let sourceBelongIdC = "";
+    // let sourceBelongIdC = "";
     const classificationChange2 = (key) => {
       console.log(`selected ${key}`, classifyList2);
-      sourceBelongIdC = key;
+      // sourceBelongIdC = key;
     };
 
     // 项目级别
@@ -711,10 +561,10 @@ export default {
       { value: 4, label: "部门级" },
     ]);
 
-    let levels = "";
+    // let levels = "";
     const classificationChange3 = (key) => {
       console.log(`selected ${key}`, classifyList3);
-      levels = key;
+      // levels = key;
     };
 
     // 培训体系
@@ -725,112 +575,11 @@ export default {
       { value: 4, label: "部门级" },
     ]);
 
-    let systemid = "";
+    // let systemid = "";
     const classificationChange4 = (key) => {
       console.log(`selected ${key}`, classifyList4);
-      systemid = key;
+      // systemid = key;
     };
-
-    // 模版
-    const classifyList5 = ref([
-      // { value: 1, label: "模版一" },
-      // { value: 2, label: "模版二" },
-      // { value: 3, label: "模版三" },
-      // { value: 4, label: "模版四" },
-    ]);
-    const classificationChange5 = (key) => {
-      console.log(`selected ${key}`, classifyList5.value);
-      //获取模版信息
-      let obj = {
-        projectId: Number(key),
-      };
-      api
-        .getProjectDetail(obj)
-        .then((res) => {
-          console.log("获取项目详情", res);
-          if (res.status === 200) {
-            let info = res.data.data.projectInfo;
-            console.log(info);
-            // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-            projectName.value = info.name;
-            state.classifySelect = classifyList.value[1]; // info.category
-            imageUrl.value = info.picUrl;
-
-            let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
-            let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
-            state.rangevalue = [
-              dayjs(start, "YYYY/MM/DD"),
-              dayjs(end, "YYYY/MM/DD"),
-            ];
-
-            let manageName = info.manager.split(",");
-            let manageValue = info.managerId.split(",");
-            let optionsManage = [];
-            for (let i = 0; i < manageName.length; i++) {
-              let obj = {
-                label: manageName[i],
-                value: manageValue[i],
-              };
-              optionsManage.push(obj);
-            }
-            console.log(optionsManage);
-            state.classifySelect1 = optionsManage;
-            state.classifySelect2 =
-              classifyList2.value[info.sourceBelongId - 1];
-            remark.value = info.remark;
-            state.checked = info.boeFlag ? info.boeFlag : false;
-            state.classifySelect3 = classifyList3.value[info.level];
-            state.classifySelect4 = classifyList4.value[info.systemId - 1];
-            state.checked1 = info.boeFlag ? info.boeFlag : false;
-            // fileList1.value = info.attach.split(",");
-
-            projectType = 1;
-            picUrl = info.picUrl;
-            beginTime = Number(info.beginTime / 1000);
-            endTime = Number(info.endTime / 1000);
-            manager = info.manager;
-            managerId = info.managerId;
-            sourceBelongIdC = Number(info.sourceBelongId);
-            courseSyncFlag = info.courseSyncFlag;
-            levels = info.level;
-            systemid = info.systemId;
-            boeFlag = info.boeFlag;
-          }
-        })
-        .catch((err) => {
-          console.log("获取详情失败", err);
-        });
-    };
-    //获取模版列表
-    const getTemplate = () => {
-      let obj = {
-        pageNo: state.currentPage,
-        pageSize: state.pageSize,
-        // projectId:id?id:''
-      };
-      api
-        .getProjectList(obj)
-        .then((res) => {
-          console.log("获取模版列表", res);
-          state.totalPages = Number(res.data.data.pages);
-          if (res.status === 200) {
-            let arr = res.data.data.rows;
-            let array = classifyList5.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.projectId,
-                label: value.name,
-              };
-              array.push(obj);
-            });
-            classifyList5.value = array;
-          }
-        })
-        .catch((err) => {
-          console.log("获取模版列表失败", err);
-        });
-    };
-    getTemplate();
     //模版滚动加载信息
     const templateScroll = (e) => {
       // console.log("滚动", e, b);
@@ -845,48 +594,30 @@ export default {
         if (state.currentPage < state.totalPages) {
           // 如果滑到底部，则加载下一页
           state.currentPage++;
-          getTemplate();
         }
       }
     };
 
-    // 项目说明
-    const remark = ref("");
+    // const removeFile = (file) => {
+    //   const index = fileList1.value.indexOf(file);
+    //   const newFileList = fileList1.value.slice();
+    //   newFileList.splice(index, 1);
+    //   fileList1.value = newFileList;
 
-    let courseSyncFlag = 0;
-    const changeChecked = () => {
-      console.log(state.checked);
-      state.checked ? (state.checked = false) : (state.checked = true);
-      courseSyncFlag = state.checked ? 1 : 0;
-    };
-
-    let boeFlag = 0;
-    const changeChecked1 = () => {
-      console.log(state.checked1);
-      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-      boeFlag = state.checked1 ? 1 : 0;
-    };
-
-    const removeFile = (file) => {
-      const index = fileList1.value.indexOf(file);
-      const newFileList = fileList1.value.slice();
-      newFileList.splice(index, 1);
-      fileList1.value = newFileList;
-
-      let attachStr = "";
-      if (newFileList.length == 0) {
-        attachStr = "";
-      }
-      for (let i = 0; i < fileList1["value"].length; i++) {
-        console.log(fileList1["value"][i].response.data);
-        if (fileList1["value"].length - 1 == i) {
-          attachStr += fileList1["value"][i].response.data;
-        } else {
-          attachStr += fileList1["value"][i].response.data + ",";
-        }
-      }
-      attach = attachStr;
-    };
+    //   let attachStr = "";
+    //   if (newFileList.length == 0) {
+    //     attachStr = "";
+    //   }
+    //   for (let i = 0; i < fileList1["value"].length; i++) {
+    //     console.log(fileList1["value"][i].response.data);
+    //     if (fileList1["value"].length - 1 == i) {
+    //       attachStr += fileList1["value"][i].response.data;
+    //     } else {
+    //       attachStr += fileList1["value"][i].response.data + ",";
+    //     }
+    //   }
+    //   attach = attachStr;
+    // };
 
     const errorMsgs = {
       name: "请输入项目名称",
@@ -903,31 +634,25 @@ export default {
     };
 
     const createProject = () => {
-      console.log("我是否要编辑项目", isEdit.value);
-      if (isEdit.value) {
-        console.log("我要编辑项目", peojectID);
+      console.log("我要编辑项目", isEdit.value);
         let obj = {
-          projectId: Number(peojectID),
-          name: projectName["value"],
-          category: projectType,
-          picUrl: picUrl,
-          beginTime: beginTime,
-          endTime: endTime,
-          manager: manager,
-          managerId: managerId,
-          sourceBelongId: sourceBelongIdC,
-          remark: remark["value"],
-          courseSyncFlag: courseSyncFlag,
-          level: levels,
-          systemId: systemid,
-          boeFlag: boeFlag,
-          attach: attach,
-          type: 3,
-          templateId: 0,
-          parentId: 0,
-          notice: "",
-          noticeFlag: 0,
-          status: 0,
+          "beginTime": 0,
+          "boeFlag": 0,
+          "category": 0,
+          "courseSyncFlag": 0,
+          "endTime": 0,
+          "level": 0,
+          "manager": "",
+          "managerId": "",
+          "name": "",
+          "notice": "",
+          "noticeFlag": 0,
+          "picUrl": "",
+          "projectTemplateId": 0,
+          "remark": "",
+          "sourceBelongId": 0,
+          "status": 0,
+          "systemId": 0
         };
 
         console.log(obj);
@@ -940,9 +665,8 @@ export default {
             return;
           }
         }
-
         api
-          .createProject(obj)
+          .templateEdit(obj)
           .then((res) => {
             console.log(res);
             if (res.status == 200 && res.data.code == 200) {
@@ -950,7 +674,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/projectmanage",
+                  path: "/manage/projectmanage",
                 });
               }, 1000);
             } else {
@@ -963,64 +687,37 @@ export default {
             message.destroy();
             message.error("编辑失败，请检查当前网络状态。");
           });
-      } else {
-        let obj = {
-          name: projectName["value"],
-          category: projectType,
-          picUrl: picUrl,
-          beginTime: beginTime,
-          endTime: endTime,
-          manager: manager,
-          managerId: managerId,
-          sourceBelongId: sourceBelongIdC,
-          remark: remark["value"],
-          courseSyncFlag: courseSyncFlag,
-          level: levels,
-          systemId: systemid,
-          boeFlag: boeFlag,
-          attach: attach,
-          type: 3,
-          templateId: 10,
-          parentId: 0,
-          notice: "",
-          noticeFlag: 0,
-          status: 0,
-        };
-        console.log("提交的数据格式 %o", obj);
-        for (let i in errorMsgs) {
-          console.log(obj[i]);
-          if (obj[i] === "" || obj[i] === undefined) {
-            message.destroy();
-            message.warning(errorMsgs[i]);
-            return;
-          }
-        }
-
-        api
-          .createProject(obj)
-          .then((res) => {
-            console.log(res);
-            if (res.status == 200 && res.data.code == 200) {
-              message.destroy();
-              message.success("创建成功");
-              setTimeout(() => {
-                router.push({
-                  path: "/taskpage",
-                  query: { id: res.data.data.projectId },
-                });
-              }, 1000);
-            } else {
-              message.destroy();
-              message.error("创建失败，请检查当前网络状态。");
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-            message.destroy();
-            message.error("创建失败，请检查当前网络状态。");
-          });
-      }
+      
     };
+        // 编辑项目模板
+      const editTemplate = () => {
+        let obj = {
+        "beginTime": state.projectInfo.time,
+        "boeFlag": state.projectInfo.boeFlag,
+        "category": 0,
+        "courseSyncFlag": state.projectInfo.courseSyncFlag,
+        "endTime": state.projectInfo.time,
+        "level": state.projectInfo.level,
+        "manager": state.projectInfo.manager,
+        "managerId": "",
+        "name": state.projectInfo.name,
+        "notice": "",
+        "noticeFlag": 0,
+        "picUrl": "",
+        "projectTemplateId": 0,
+        "remark": state.projectInfo.remark,
+        "sourceBelongId": state.projectInfo.sourceBelongId,
+        "status": 0,
+        "systemId": state.projectInfo.systemId
+      };
+      api.templateEdit(obj).methods(obj).then(res => {
+        message.success("编辑成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑失败"+err)
+        console.log(err)
+      })
+    }
 
     return {
       ...toRefs(state),
@@ -1031,7 +728,6 @@ export default {
       classificationChange2,
       classificationChange3,
       classificationChange4,
-      classificationChange5,
       fileList,
       fileList1,
       loading,
@@ -1045,18 +741,13 @@ export default {
       classifyList2,
       classifyList3,
       classifyList4,
-      classifyList5,
-      remark,
-      changeChecked,
-      changeChecked1,
       uplodaFileCount,
       createProject,
-      removeFile,
-
+      // removeFile,
       isEdit,
       backPage,
       dateFormatList,
-
+      editTemplate,
       templateScroll,
     };
   },

From a8153029af8bfaf219e215b51deb5393ddf602e3 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Mon, 21 Nov 2022 18:22:18 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0publicPath?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue.config.js | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/vue.config.js b/vue.config.js
index d7532e53..b7ca1def 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -8,20 +8,21 @@
  */
 const { defineConfig } = require("@vue/cli-service");
 module.exports = defineConfig({
-  // transpileDependencies: true,
-  devServer: {
-    port: 8080,
-    proxy: {
-      "/manageApi": {
-        // target:"http://192.168.100.208:30001",
-        target: "http://111.231.196.214:30001/", //这里后台的地址模拟的;应该填写你们真实的后台接口
-        changeOrigin: true, //表示是否改变原域名
-        // secure: false,
-        // ws: false, //表示WebSocket协议
-        pathRewrite: {
-          "^/manageApi": "",
-        },
-      },
-    },
-  },
+	publicPath: '/manage',
+	// transpileDependencies: true,
+	devServer: {
+		port: 8080,
+		proxy: {
+			"/manageApi": {
+				// target:"http://192.168.100.208:30001",
+				target: "http://111.231.196.214:30001/", //这里后台的地址模拟的;应该填写你们真实的后台接口
+				changeOrigin: true, //表示是否改变原域名
+				// secure: false,
+				// ws: false, //表示WebSocket协议
+				pathRewrite: {
+					"^/manageApi": "",
+				},
+			},
+		},
+	},
 });

From efdfb705d50891486a9a227340bfaf5d3330aef9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=86=99=E4=B8=9C?= <2195178163@qq.com>
Date: Tue, 22 Nov 2022 17:20:40 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=E6=A8=A1=E6=9D=BF=E9=98=B6?=
 =?UTF-8?q?=E6=AE=B5=E7=BC=96=E8=BE=91=EF=BC=8C=E5=88=A0=E9=99=A4=EF=BC=8C?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E3=80=82=E6=A8=A1=E6=9D=BF=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=EF=BC=8C=E7=A7=BB=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/indexTemplate.js                |  4 +-
 src/views/projectcenter/LibraryAdd.vue  |  4 +-
 src/views/projectcenter/temTask.vue     | 92 ++++++++++---------------
 src/views/projectcenter/templateAdd.vue | 53 +++++++++-----
 4 files changed, 78 insertions(+), 75 deletions(-)

diff --git a/src/api/indexTemplate.js b/src/api/indexTemplate.js
index 212aafee..be42523c 100644
--- a/src/api/indexTemplate.js
+++ b/src/api/indexTemplate.js
@@ -6,9 +6,9 @@ export const templateEdit = (obj) => http.post('/admin/project/template/edit',ob
 // 模板详情
 export const templateDetail = (id) => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
 // 删除阶段
-export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage`,{stageId:id});
+export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage?stageId=${id}`);
 //删除任务
-export const deleteTask = (id) => http.delete(`/admin/project/template/deleteTask`,{projectTaskIds:id}); 
+export const deleteTask = (id) => http.delete(`/admin/project/template/deleteTask?projectTaskIds=${id}`); 
 // 移动任务到阶段
 export const moveTask = (obj) => http.post('/admin/project/template/moveTask',obj);
 // 新建或编辑阶段
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index f44e4414..9ca65c2e 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -55,7 +55,7 @@
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
-              <router-link to="/manage/temTask" class="edit">
+              <router-link to="/temTask" class="edit">
                 <img
                   class="editimg"
                   src="../../assets/images/projectadd/edit.png"
@@ -848,7 +848,7 @@ export default defineComponent({
     }
     const toEdit = () => {
       routered.push({
-          path: "/manage/templateAdd",
+          path: "/templateAdd",
           query: {
             projectId: state.projectId,
             name: state.name,
diff --git a/src/views/projectcenter/temTask.vue b/src/views/projectcenter/temTask.vue
index df5be070..8d8420c9 100644
--- a/src/views/projectcenter/temTask.vue
+++ b/src/views/projectcenter/temTask.vue
@@ -149,7 +149,7 @@
                 <!-- <img class="img2" src="../../assets/images/projectadd/keep.png" />
               <div class="pub">保存</div>
               <div class="line"></div> -->
-                <router-link to="/manage/taskpage">
+                <router-link to="/taskpage">
                   <div style="display: flex">
                     <img
                       class="img2"
@@ -1041,9 +1041,7 @@
   import AddInvist from "../../components/drawers/AddInvist.vue";
   import AddVote from "../../components/vote/AddVote.vue";
   import { message } from "ant-design-vue";
-  import * as api from "../../api/indexTaskadd";
-  import * as apistage from "../../api/indexStage";
-  import * as apimove from "../../api/indexMovetask";
+  import * as api from "../../api/indexTemplate";
   import draggable from "vuedraggable";
   import { storage } from "../../api/storage";
   import UnlockMode from "../../components/drawers/UnlockMode.vue";
@@ -1317,8 +1315,8 @@
         console.log("data", data);
         data.map((value) => {
           let obj = {
-            id: value.projectTaskId,
-            key: value.projectTaskId,
+            id: value.templateTaskId,
+            key: value.templateTaskId,
             lei:
               value.type == 1
                 ? "在线"
@@ -1351,7 +1349,7 @@
             checked: false, //是否选中类型
             courseId: value.courseId,
             projectId: value.projectId,
-            stageId: value.stageId,
+            templateStageId: value.templateStageId,
             type: value.type,
           };
           array.push(obj);
@@ -1365,11 +1363,11 @@
         let array = [];
         data.map((value) => {
           let obj = {
-            id: value.stageId,
+            id: value.templateStageId,
             tit: value.name,
             name: value.remark,
             taskList: value.taskList,
-            value: value.stageId,
+            value: value.templateStageId,
             label: value.name,
           };
           array.push(obj);
@@ -1491,8 +1489,7 @@
                     <span
                       style="color:#4EA6FF;cursor:pointer"
                       onClick={() => {
-                        showDelete();
-                        state.deleteID = text.record.id;
+                        showDelete(text.record.id);
                       }}
                     >
                       删除
@@ -1508,23 +1505,19 @@
   
       //获取任务列表
       const getTask = () => {
-        // console.log("state.projectId", state.projectId);
-        let obj = {
-          projectId: state.projectId,
-          // projectId: 28,
-        };
+        state.tableData = []
         api
-          .getTask(obj)
+          // .templateDetail(state.projectId || 1)
+          .templateDetail(1)
           .then((res) => {
             if (res.status == 200) {
               console.log("22222", res.data.data.stageList);
-              // console.log("22222", res.data.data.stageList);
-              state.projectTitle = res.data.data.projectInfo.name;
-              state.picUrl = res.data.data.projectInfo.picUrl;
+              state.projectTitle = res.data.data.projectTemplateInfo.name;
+              state.picUrl = res.data.data.projectTemplateInfo.picUrl;
               let leng = res.data.data.stageList.length;
               if (leng > 0) {
-                let stage = localStorage.getItem("stageId")
-                  ? localStorage.getItem("stageId")
+                let stage = localStorage.getItem("templateStageId")
+                  ? localStorage.getItem("templateStageId")
                   : null;
                 console.log("zhaodaole", stage);
                 // console.log("stage",Object.prototype.toString.call(stage))
@@ -1532,7 +1525,7 @@
                 if (stage !== "null") {
                   console.log(stage);
                   let stageList = res.data.data.stageList; //阶段数组
-                  let result = stageList.find((item) => item.stageId == stage);
+                  let result = stageList.find((item) => item.templateStageId == stage);
                   console.log("又找到了", result);
                   getTableData(result.taskList);
                 } else {
@@ -1540,7 +1533,7 @@
                   console.log("任务列表", arr);
                   getTableData(arr);
                   // state.isActive = true;
-                  changebgc(res.data.data.stageList[0].stageId);
+                  changebgc(res.data.data.stageList[0].templateStageId);
                 }
   
                 // 每次都获取了第一条taskList
@@ -1560,13 +1553,13 @@
                 });
               }
               //给阶段id赋初始值
-              let stageid = localStorage.getItem("stageId")
-                ? localStorage.getItem("stageId")
+              let stageid = localStorage.getItem("templateStageId")
+                ? localStorage.getItem("templateStageId")
                 : null;
               if (stageid !== "null") {
                 state.chooseStageId = stageid;
               } else {
-                state.chooseStageId = leng > 0 ? stagearr[0].stageId : null;
+                state.chooseStageId = leng > 0 ? stagearr[0].templateStageId : null;
               }
             }
           })
@@ -1589,12 +1582,11 @@
   
       //删除任务
       const deleteTask = () => {
-        let obj = { projectTaskIds: state.deleteID };
         api
-          .deleteTask(obj)
+          .deleteTask(state.deleteID)
           .then((res) => {
             console.log(res, "gggggggggggggggg");
-            // deleteVoteText();
+            getTask()
           })
           .catch((err) => {
             console.log(err);
@@ -1624,10 +1616,10 @@
         } else {
           {
             let obj = {
-              stageId: state.removeStageId,
-              projectTaskId: state.selectRow,
+              templateStageId: state.removeStageId,
+              projectTemplateTaskId: state.selectRow,
             };
-            apimove
+            api
               .moveTask(obj)
               .then((res) => {
                 console.log("移动成功", res);
@@ -1635,7 +1627,7 @@
                 message.success("移动成功");
                 console.log(state.removeStageId);
                 getTask();
-                localStorage.setItem("stageId", state.chooseStageId);
+                localStorage.setItem("templateStageId", state.chooseStageId);
               })
               .catch((err) => {
                 console.log("移动失败", err);
@@ -1648,12 +1640,10 @@
       const deleteTaskAll = () => {
         let arr = state.selectRow;
         console.log("选择的行信息", arr);
-        arr.map((value) => {
-          let obj = {
-            projectTaskIds: value,
-          };
+        arr.map(() => {
+          
           api
-            .deleteTask(obj)
+            .deleteTask(arr)
             .then((res) => {
               console.log(res);
               message.destroy();
@@ -1716,11 +1706,11 @@
         if (state.updateStageID) {
           let obj = {
             name: state.valuesname,
-            projectId: state.projectId,
+            projectTemplateId: 1,
             remark: state.valuesnotice,
-            stageId: state.updateStageID,
+            stageId:state.updateStageID,
           };
-          apistage
+          api
             .editStage(obj)
             .then((res) => {
               console.log("修改阶段成功", res);
@@ -1738,10 +1728,11 @@
         } else {
           let obj = {
             name: state.valuesname,
-            projectId: state.projectId,
+            projectTemplateId: 1,
             remark: state.valuesnotice,
+            stageId:0,
           };
-          apistage
+          api
             .editStage(obj)
             .then((res) => {
               console.log("添加阶段成功", res);
@@ -1771,11 +1762,8 @@
       //删除阶段
       const deleteStage = () => {
         console.log("chapterId", state.deleteStageId);
-        let obj = {
-          stageId: state.deleteStageId,
-        };
-        apistage
-          .deleteStage(obj)
+        api
+          .deleteStage(state.deleteStageId)
           .then((res) => {
             console.log("删除阶段成功", res);
             message.success("删除阶段成功");
@@ -1793,10 +1781,6 @@
         getTask();
       });
       onUpdated(() => {
-        // getTask();
-        // setTimeout(() => {
-        //   getTask();
-        // }, 500);
       });
       onUnmounted(() => {
         document.getElementsByTagName("main")[0].style.background = "#ffffff";
@@ -1960,7 +1944,7 @@
           name: ele.creater,
           projectId: ele.projectId,
           projectTaskId: ele.id,
-          stageId: ele.stageId,
+          templateStageId: ele.templateStageId,
           type: ele.type,
         };
         api
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
index 05959e27..a763b47d 100644
--- a/src/views/projectcenter/templateAdd.vue
+++ b/src/views/projectcenter/templateAdd.vue
@@ -620,8 +620,8 @@ export default {
     // };
 
     const errorMsgs = {
-      name: "请输入项目名称",
-      category: "请选择项目分类",
+      name: "请输入模板名称",
+      category: "请选择模板分类",
       picUrl: "请上传项目封面图",
       beginTime: "请选择项目开始时间",
       endTime: "请选择项目结束时间",
@@ -636,6 +636,38 @@ export default {
     const createProject = () => {
       console.log("我要编辑项目", isEdit.value);
         let obj = {
+          "name": state.projectInfo.name,
+          "category": state.projectInfo.category,
+          "picUrl": "x",
+          "beginTime": state.projectInfo.rangevalue || 1,
+          "endTime": state.projectInfo.rangevalue || 1,
+          "manager": state.projectInfo.manager,
+          "managerId": state.projectInfo.managerId || 0,
+          "sourceBelongId": state.projectInfo.sourceBelongId,
+          "level": state.projectInfo.level,
+          "systemId": state.projectInfo.systemId,
+          "boeFlag": state.projectInfo.boeFlag,
+          "courseSyncFlag": state.projectInfo.courseSyncFlag,
+          "notice": "",
+          "noticeFlag": 0,
+          "projectTemplateId": 0,
+          "remark": "",
+          "status": 0,
+          
+        };
+
+        console.log(obj);
+
+        for (let i in errorMsgs) {
+          console.log(obj[i]);
+          if (obj[i] === "" || obj[i] === undefined) {
+            message.destroy();
+            message.warning(errorMsgs[i]);
+            return;
+          }
+        }
+        api
+          .templateEdit({
           "beginTime": 0,
           "boeFlag": 0,
           "category": 0,
@@ -653,20 +685,7 @@ export default {
           "sourceBelongId": 0,
           "status": 0,
           "systemId": 0
-        };
-
-        console.log(obj);
-
-        for (let i in errorMsgs) {
-          console.log(obj[i]);
-          if (obj[i] === "" || obj[i] === undefined) {
-            message.destroy();
-            message.warning(errorMsgs[i]);
-            return;
-          }
-        }
-        api
-          .templateEdit(obj)
+        })
           .then((res) => {
             console.log(res);
             if (res.status == 200 && res.data.code == 200) {
@@ -674,7 +693,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/manage/projectmanage",
+                  path: "/projectmanage",
                 });
               }, 1000);
             } else {