diff --git a/src/api/config.js b/src/api/config.js
index 90d5a99d..f545226a 100644
--- a/src/api/config.js
+++ b/src/api/config.js
@@ -1,3 +1,11 @@
+/*
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-21 14:32:52
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2022-11-21 15:13:50
+ * @FilePath: /fe-manage/src/api/config.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import axios from "axios";
 // const Qs = require("qs");
 
@@ -7,7 +15,7 @@ import axios from "axios";
 axios.defaults.withCredentials = true;
 
 const http = axios.create({
-  baseURL: "/api",
+  baseURL: "/manageApi",
   timeout: 1000 * 5,
   // headers: { "Content-Type": "multipart/form-data" },
   headers: { "Content-Type": "application/json" },
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index c4cb108c..93fa3e24 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("/learningpath") !== -1 ||
-          n.indexOf("/LearningPath") !== -1
+          n.indexOf("/manage/learningpath") !== -1 ||
+          n.indexOf("/manage/LearningPath") !== -1
         ) {
           state.list = [
             {
@@ -45,11 +45,14 @@ export default {
             },
           ];
         }
-        if (n.indexOf("/leveladd") !== -1 || n.indexOf("/LevelAdd") !== -1) {
+        if (
+          n.indexOf("/manage/leveladd") !== -1 ||
+          n.indexOf("/manage/LevelAdd") !== -1
+        ) {
           state.list = [
             {
               name: "学习路径",
-              href: "/learningpath",
+              href: "/manage/learningpath",
             },
             {
               name: "管理",
@@ -57,17 +60,17 @@ export default {
           ];
         }
         if (
-          n.indexOf("/leveladddetail") !== -1 ||
-          n.indexOf("/LevelAddDetail") !== -1
+          n.indexOf("/manage/leveladddetail") !== -1 ||
+          n.indexOf("/manage/LevelAddDetail") !== -1
         ) {
           state.list = [
             {
               name: "学习路径",
-              href: "/learningpath",
+              href: "/manage/learningpath",
             },
             {
               name: "管理",
-              href: "/leveladd",
+              href: "/manage/leveladd",
             },
             {
               name: "创建关卡",
@@ -75,17 +78,17 @@ export default {
           ];
         }
         if (
-          n.indexOf("/levelcheck") !== -1 ||
-          n.indexOf("/LevelCheck") !== -1
+          n.indexOf("/manage/levelcheck") !== -1 ||
+          n.indexOf("/manage/LevelCheck") !== -1
         ) {
           state.list = [
             {
               name: "学习路径",
-              href: "/learningpath",
+              href: "/manage/learningpath",
             },
             {
               name: "管理",
-              href: "/leveladd",
+              href: "/manage/leveladd",
             },
             {
               name: "查看",
@@ -93,8 +96,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/projectmanage") !== -1 ||
-          n.indexOf("/ProjectManage") !== -1
+          n.indexOf("/manage/projectmanage") !== -1 ||
+          n.indexOf("/manage/ProjectManage") !== -1
         ) {
           state.list = [
             {
@@ -109,20 +112,23 @@ export default {
           ];
         }
         if (
-          n.indexOf("/projectadd") !== -1 ||
-          n.indexOf("/ProjectAdd") !== -1
+          n.indexOf("/manage/projectadd") !== -1 ||
+          n.indexOf("/manage/ProjectAdd") !== -1
         ) {
           state.list = [
             {
               name: "项目",
-              href: "/projectmanage",
+              href: "/manage/projectmanage",
             },
             {
               name: "创建项目",
             },
           ];
         }
-        if (n.indexOf("/taskpage") !== -1 || n.indexOf("/TaskPage") !== -1) {
+        if (
+          n.indexOf("/manage/taskpage") !== -1 ||
+          n.indexOf("/manage/TaskPage") !== -1
+        ) {
           state.list = [
             {
               name: "项目",
@@ -133,7 +139,10 @@ export default {
             },
           ];
         }
-        if (n.indexOf("/taskadd") !== -1 || n.indexOf("/TaskAdd") !== -1) {
+        if (
+          n.indexOf("/manage/taskadd") !== -1 ||
+          n.indexOf("/manage/TaskAdd") !== -1
+        ) {
           state.list = [
             {
               name: "项目",
@@ -151,8 +160,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/templatelibrary") !== -1 ||
-          n.indexOf("/TemplateLibrary") !== -1
+          n.indexOf("/manage/templatelibrary") !== -1 ||
+          n.indexOf("/manage/TemplateLibrary") !== -1
         ) {
           state.list = [
             {
@@ -164,8 +173,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/libraryadd") !== -1 ||
-          n.indexOf("/LibraryAdd") !== -1
+          n.indexOf("/manage/libraryadd") !== -1 ||
+          n.indexOf("/manage/LibraryAdd") !== -1
         ) {
           state.list = [
             {
@@ -176,13 +185,13 @@ export default {
             },
             {
               name: "查看",
-              href: "/libraryadd",
+              href: "/manage/libraryadd",
             },
           ];
         }
         if (
-          n.indexOf("/coursemanage") !== -1 ||
-          n.indexOf("/CourseManage") !== -1
+          n.indexOf("/manage/coursemanage") !== -1 ||
+          n.indexOf("/manage/CourseManage") !== -1
         ) {
           state.list = [
             {
@@ -197,8 +206,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/coursewaremanage") !== -1 ||
-          n.indexOf("/CoursewareManage") !== -1
+          n.indexOf("/manage/coursewaremanage") !== -1 ||
+          n.indexOf("/manage/CoursewareManage") !== -1
         ) {
           state.list = [
             {
@@ -210,8 +219,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/researchmanage") !== -1 ||
-          n.indexOf("/ResearchManage") !== -1
+          n.indexOf("/manage/researchmanage") !== -1 ||
+          n.indexOf("/manage/ResearchManage") !== -1
         ) {
           state.list = [
             {
@@ -222,8 +231,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/managepage") !== -1 ||
-          n.indexOf("/ManagePage") !== -1
+          n.indexOf("/manage/managepage") !== -1 ||
+          n.indexOf("/manage/ManagePage") !== -1
         ) {
           state.list = [
             {
@@ -238,8 +247,8 @@ export default {
         }
 
         if (
-          n.indexOf("/researchadd") !== -1 ||
-          n.indexOf("/ResearchAdd") !== -1
+          n.indexOf("/manage/researchadd") !== -1 ||
+          n.indexOf("/manage/ResearchAdd") !== -1
         ) {
           state.list = [
             {
@@ -254,8 +263,8 @@ export default {
         }
 
         if (
-          n.indexOf("/certificatecenter") !== -1 ||
-          n.indexOf("/CertificateCenter") !== -1
+          n.indexOf("/manage/certificatecenter") !== -1 ||
+          n.indexOf("/manage/CertificateCenter") !== -1
         ) {
           state.list = [
             {
@@ -264,8 +273,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/systemmanage") !== -1 ||
-          n.indexOf("/SystemManage") !== -1
+          n.indexOf("/manage/systemmanage") !== -1 ||
+          n.indexOf("/manage/SystemManage") !== -1
         ) {
           state.list = [
             {
@@ -274,8 +283,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/coursereviewed") !== -1 ||
-          n.indexOf("/CourseReiewed") !== -1
+          n.indexOf("/manage/coursereviewed") !== -1 ||
+          n.indexOf("/manage/CourseReiewed") !== -1
         ) {
           state.list = [
             {
@@ -287,8 +296,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/coursereviewedn") !== -1 ||
-          n.indexOf("/CourseReiewedN") !== -1
+          n.indexOf("/manage/coursereviewedn") !== -1 ||
+          n.indexOf("/manage/CourseReiewedN") !== -1
         ) {
           state.list = [
             {
@@ -300,8 +309,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/projectreviewed") !== -1 ||
-          n.indexOf("/ProjectReviewed") !== -1
+          n.indexOf("/manage/projectreviewed") !== -1 ||
+          n.indexOf("/manage/ProjectReviewed") !== -1
         ) {
           state.list = [
             {
@@ -313,8 +322,8 @@ export default {
           ];
         }
         if (
-          n.indexOf("/projectreviewedn") !== -1 ||
-          n.indexOf("/ProjectReviewedN") !== -1
+          n.indexOf("/manage/projectreviewedn") !== -1 ||
+          n.indexOf("/manage/ProjectReviewedN") !== -1
         ) {
           state.list = [
             {
diff --git a/src/components/vote/CreateVote.vue b/src/components/vote/CreateVote.vue
index 4f7d1646..3cf72955 100644
--- a/src/components/vote/CreateVote.vue
+++ b/src/components/vote/CreateVote.vue
@@ -1,12 +1,20 @@
 <!-- 评估管理-创建评估页面 -->
 <template>
-  <a-drawer :visible="createVoteVisible" class="drawerStyle createvoteDrawer" width="100%" placement="right"
-    @after-visible-change="afterVisibleChange">
+  <a-drawer
+    :visible="createVoteVisible"
+    class="drawerStyle createvoteDrawer"
+    width="100%"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
     <div class="researchadd">
       <div class="header">
         <div class="headerTitle">创建投票</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer" />
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
       </div>
       <div class="main_left">
         <div class="main_item">
@@ -17,7 +25,12 @@
             <span style="margin-right: 3px">投票名称：</span>
           </div>
           <div class="btnbox">
-            <a-input v-model:value="voteName" style="width: 424px; height: 32px" placeholder="请输入任务名称" maxlength="20" />
+            <a-input
+              v-model:value="voteName"
+              style="width: 424px; height: 32px"
+              placeholder="请输入任务名称"
+              maxlength="20"
+            />
           </div>
         </div>
         <div class="main_item">
@@ -28,25 +41,40 @@
             <span>创建题干：</span>
           </div>
           <div class="btnbox">
-            <button class="xkbtn" @click="handleTypes">
-              添加题干
-            </button>
+            <button class="xkbtn" @click="handleTypes">添加题干</button>
           </div>
-        </div> <!-- 创建投票侧弹窗 -->
+        </div>
+        <!-- 创建投票侧弹窗 -->
       </div>
       <div v-for="(item, index) in allFormsData" :key="index">
         <VoteQuestion :item="item" :ballotId="ballotId" @del="handleDel" />
-
       </div>
 
       <div class="footer">
         <div class="btn">
-          <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px; background-color: #409eff;"
-            @click="handleSave">
+          <a-button
+            type="primary"
+            style="
+              width: 100px;
+              height: 40px;
+              border-radius: 8px;
+              background-color: #409eff;
+            "
+            @click="handleSave"
+          >
             保存
           </a-button>
-          <a-button type="primary" ghost style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px;"
-            @click="handleAllCancel">
+          <a-button
+            type="primary"
+            ghost
+            style="
+              width: 100px;
+              height: 40px;
+              margin-left: 14px;
+              border-radius: 8px;
+            "
+            @click="handleAllCancel"
+          >
             取消
           </a-button>
         </div>
@@ -67,18 +95,15 @@ import {
   // deepCloneFilterString,
 } from "../../utils/utils";
 
-
 //import store from "@/store";
 import * as api from "@/api/indexVote";
 import {} from "@/api/indexResearch";
 //import { message } from "ant-design-vue";
 
-
 export default {
   name: "CreateVote",
   components: {
     VoteQuestion,
-
   },
   props: {
     createVoteVisible: {
@@ -93,37 +118,35 @@ export default {
       type: Boolean,
       default: false,
     },
-
   },
   setup(props, ctx) {
     const state = reactive({
       ballotId: "",
       ballotName: "",
       allFormsData: [],
-
     });
     const afterVisibleChange = () => {
       handleTypes();
     };
     const closeDrawer = () => {
       ctx.emit("update:createVoteVisible", false);
-    }
+    };
     // 详情
     const getInfoDate = async () => {
       if (props.editChild) {
         //stemId 多余字段
-        let res = await api.queryStemByStemId({
-          stemId: 0,
-          ballotId: state.ballotId,
-        }).then((res) => {
-          if (res.data.code === 200) {
-            return res.data.data;
-          }
-        });
+        let res = await api
+          .queryStemByStemId({
+            stemId: 0,
+            ballotId: state.ballotId,
+          })
+          .then((res) => {
+            if (res.data.code === 200) {
+              return res.data.data;
+            }
+          });
         state.ballotName = res[0].ballotId;
-        let renderArr = [
-          ...res,
-        ];
+        let renderArr = [...res];
         // sortBy(renderArr, "orderNumber"); //序号
         state.allFormsData = parseData(renderArr); //类型
       }
@@ -149,8 +172,6 @@ export default {
           singleList: restList,
         };
         resultArr.push(obj);
-
-
       });
       resultArr.map((itm, idx) => {
         itm.id = idx + 1;
@@ -345,7 +366,7 @@ export default {
           if (res.data.code === 200) {
             message.success("编辑成功");
             router.push({
-              path: "/researchmanage",
+              path: "/manage/researchmanage",
             });
           }
         });
@@ -370,7 +391,6 @@ export default {
     };
     const handleAllCancel = () => {
       state.allFormsData = [];
-
     };
     /** 
     const checkVal = (filterData) => {
@@ -585,6 +605,5 @@ export default {
       }
     }
   }
-
 }
 </style>
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 7e7a1fed..5cc8b378 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="/projectadd">
+        <!-- <router-link to="/manage/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: "/leveladd",
+                        path: "/manage/leveladd",
                       });
                       storage.set("routerId", text.record.id);
                     }}
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index ed6b2467..def8e4c5 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="/learningpath"
+        <router-link to="/manage/learningpath"
           ><div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
@@ -98,29 +98,29 @@
               <div class="taskmain">快速创建项目详情</div>
             </div>
             <div class="second">
-              <router-link :to="{ path: '/leveladddetail' }">
+              <router-link :to="{ path: '/manage/leveladddetail' }">
+                <div
+                  class="taskbox"
+                  style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
+                >
+                  <div class="leftt">
+                    <img src="../../assets/images/taskpage/left1.png" />
+                  </div>
+                  <div class="photo">
+                    <img src="../../assets/images/taskpage/picture1.png" />
+                  </div>
+                  <div class="rightt">
+                    <img src="../../assets/images/taskpage/right1.png" />
+                  </div>
+                  <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+                    添加任务
+                  </div>
+                  <div class="centermain">快速添加任务/关卡</div>
+                </div>
+              </router-link>
               <div
                 class="taskbox"
-                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
-              >
-             
-                <div class="leftt">
-                  <img src="../../assets/images/taskpage/left1.png" />
-                </div>
-                <div class="photo">
-                  <img src="../../assets/images/taskpage/picture1.png" />
-                </div>
-                <div class="rightt">
-                  <img src="../../assets/images/taskpage/right1.png" />
-                </div>
-                <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
-                  添加任务
-                </div>
-                <div class="centermain">快速添加任务/关卡</div>
-              </div>
-            </router-link>
-              <div
-                class="taskbox" @click="showAddStu"
+                @click="showAddStu"
                 style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
@@ -132,9 +132,7 @@
                 <div class="rightt">
                   <img src="../../assets/images/taskpage/right2.png" />
                 </div>
-                <div class="centerbox"
-                
-                style="color: rgba(78, 166, 255, 1)">
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
                   添加学员
                 </div>
                 <div class="centermain">快速添加学员</div>
@@ -219,16 +217,16 @@
                   stage2: item.stageId != choosedStageId,
                 }"
                 :key="item.stageId"
-                @click="stageChange(item.name,item.stageId)"
+                @click="stageChange(item.name, item.stageId)"
               >
-              关卡{{ item.stageId }}
+                关卡{{ item.stageId }}
               </div>
               <!-- <div class="stage1">阶段1</div>
               <div class="stage2">阶段2</div> -->
             </div>
             <div class="stagesecond">
               <div class="staname">关卡名称：</div>
-              <div class="stamess">{{stateName}}</div>
+              <div class="stamess">{{ stateName }}</div>
             </div>
             <div class="stagelast">
               <div class="stagepro">
@@ -314,7 +312,7 @@
                     <div class="search"></div>
                     <div class="btnText">重置</div>
                   </div>
-                  <router-link to="/leveladddetail">
+                  <router-link to="/manage/leveladddetail">
                     <div class="btn btn3" @click="handleOut">
                       <div class="search"></div>
                       <div class="btnText">创建关卡</div>
@@ -336,7 +334,7 @@
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
 
-              <router-link to="/leveladddetail" class="editright">
+              <router-link to="/manage/leveladddetail" class="editright">
                 <img
                   class="editimg"
                   src="../../assets/images/leveladd/edit.png"
@@ -346,7 +344,7 @@
             </div>
             <!-- 无数据显示快速创建 -->
             <div v-show="!taskSyllabus.length">
-              <router-link :to="{ path: '/leveladddetail' }">
+              <router-link :to="{ path: '/manage/leveladddetail' }">
                 <div
                   class="taskbox"
                   style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
@@ -564,14 +562,31 @@
                   style="width: 270px; height: 40px; border-radius: 8px"
                   placeholder="关卡名称"
                 />
-                <div class="btns" @click="searchLevel" >
+                <div class="btns" @click="searchLevel">
                   <div class="btn btn1">
                     <div class="search"></div>
-                    <a-button class="btnText" style="border:none;background:none;transform: translateY(-20%);"  >搜索</a-button>
+                    <a-button
+                      class="btnText"
+                      style="
+                        border: none;
+                        background: none;
+                        transform: translateY(-20%);
+                      "
+                      >搜索</a-button
+                    >
                   </div>
                   <div class="btn btn2" @click="resetLevel">
                     <div class="search"></div>
-                    <a-button style="border:none;background:none; transform: translateY(-20%);width:100%;" class="btnText" >重置</a-button>
+                    <a-button
+                      style="
+                        border: none;
+                        background: none;
+                        transform: translateY(-20%);
+                        width: 100%;
+                      "
+                      class="btnText"
+                      >重置</a-button
+                    >
                   </div>
                 </div>
               </div>
@@ -592,11 +607,11 @@
                 <div class="xu">
                   <span class="yi">已选择</span>
                   <div style="width: 5px; display: inline-block"></div>
-                  <span class="th">{{selectedRowKeys.length}}</span>
+                  <span class="th">{{ selectedRowKeys.length }}</span>
                   <div style="width: 5px; display: inline-block"></div>
                   <span class="yi">项</span>
                   <span class="zon">列表选项总数：</span>
-                  <span class="th">{{tableData.length}}</span>
+                  <span class="th">{{ tableData.length }}</span>
                   <span class="yi"> 条</span>
                 </div>
               </div>
@@ -763,7 +778,7 @@
                       <div
                         v-for="item in docList"
                         :key="item.src"
-                        style="margin-top: 20px;"
+                        style="margin-top: 20px"
                         class="docListStyle"
                       >
                         <img
@@ -827,13 +842,13 @@
           </div>
         </div></a-modal
       >
-      
+
       <!-- 查看学员 传入查看学员的id-->
-    <see-stu
-      v-model:Seevisible="Seevisible"
-      v-model:checkStuId="checkStuId"
-      v-model:projectId="projectId"
-    />
+      <see-stu
+        v-model:Seevisible="Seevisible"
+        v-model:checkStuId="checkStuId"
+        v-model:projectId="projectId"
+      />
 
       <!-- 批量删除学员弹窗 -->
       <a-modal
@@ -1157,7 +1172,7 @@ import FaceStu from "../../components/drawers/FaceStu";
 import ActiveAttendance from "../../components/drawers/ActiveAttendance";
 import TimeManage from "../../components/drawers/TimeManage";
 import TestManage from "../../components/drawers/TestManage";
-import FaceManage from "../../components/drawers/FaceManage"; 
+import FaceManage from "../../components/drawers/FaceManage";
 import WorkManage from "../../components/drawers/WorkManage";
 import SeeStu from "../../components/drawers/SeeStu";
 // import { useRoute } from "vue-router";
@@ -1181,7 +1196,7 @@ export default {
     TestManage,
     FaceManage,
     WorkManage,
-    SeeStu
+    SeeStu,
   },
   setup() {
     // const routers = useRoute();
@@ -1208,31 +1223,31 @@ export default {
       CheckStuvisible: false, //学员管理的查看抽屉
       addLoading: false, // 加载动画
       choosedStageId: 1, // 选择的阶段id
-      selectedRowKeys:[],
+      selectedRowKeys: [],
       twobtn: true,
       number: true,
       twobtnn: false,
-      Seevisible:false,
-      checkStuId:null,
+      Seevisible: false,
+      checkStuId: null,
       inputbox: false,
       Wvisible: false, //作业管理
       studentId: null,
       styTitle: null,
       cretime: null,
       picUrl: null,
-      projectNameList:[
-        { 
-          value: '1',
-          label: '导出信息',
+      projectNameList: [
+        {
+          value: "1",
+          label: "导出信息",
         },
-        { 
-          value: '2',
-          label: '批量调整关卡',
+        {
+          value: "2",
+          label: "批量调整关卡",
+        },
+        {
+          value: "3",
+          label: "批量删除",
         },
-        { 
-          value: '3',
-          label: '批量删除',
-        }
       ],
       // 共享文档列表
       docList: [
@@ -1299,7 +1314,7 @@ export default {
       visible: false, //时间管理
       TMvisible: false, //考试管理
       FaceVisivle: false, //面授管理
-      stateName:null, // 关卡名称
+      stateName: null, // 关卡名称
       //关卡的数据
       level: [
         // {
@@ -1563,10 +1578,10 @@ export default {
     const closehuodModal = () => {
       state.huodModal = false;
     };
-    const stageChange = (name,id) => {
+    const stageChange = (name, id) => {
       state.choosedStageId = id;
       state.stateName = name;
-    }
+    };
     const changeTabs = (e) => {
       console.log("切换tabs", e, state.routerId);
       if (e == 2) {
@@ -1756,7 +1771,6 @@ export default {
         .catch((err) => {
           console.log("复制失败", err);
         });
-      
     };
     const showStop = () => {
       state.stopModal = true;
@@ -1832,7 +1846,7 @@ export default {
     const myGetRouterDetail = () => {
       GetRouterDetail(state.routerId)
         .then((res) => {
-          if(res.data.data.routerInfo.status == 1) {
+          if (res.data.data.routerInfo.status == 1) {
             state.nodata = false;
           }
           let data = res.data.data.chapterList;
@@ -1847,12 +1861,15 @@ export default {
           //   }
           //   }
           levelList.stageList = [];
-          for(let i in data) {
-            if(i==0) {state.stateName = data[0].name}
-          levelList.stageList.push({
-          stageId:Number(i)+1,
-          name:data[i].name
-      }) }
+          for (let i in data) {
+            if (i == 0) {
+              state.stateName = data[0].name;
+            }
+            levelList.stageList.push({
+              stageId: Number(i) + 1,
+              name: data[i].name,
+            });
+          }
         })
         .catch((err) => {
           console.log(err);
@@ -1884,7 +1901,7 @@ export default {
             .delStudent({ routerId: 100, studentIds: [id] })
             .then((res) => {
               message.success("删除成功");
-              getStudent()
+              getStudent();
               console.log(res);
             })
             .catch((err) => {
@@ -1895,61 +1912,74 @@ export default {
       });
     };
     const searchLevel = () => {
-      const result = state.tableData.filter(item => item.cur == state.gatenamee)
+      const result = state.tableData.filter(
+        (item) => item.cur == state.gatenamee
+      );
       state.tableData = result;
     };
     const resetLevel = () => {
-      state.gatenamee = '';
+      state.gatenamee = "";
       getStudent();
     };
     const handleStuChange = (value) => {
       console.log(value);
-      if(value == 2) {state.visiblene = true}
-      if(value == 3 ) { deleteStu() }
+      if (value == 2) {
+        state.visiblene = true;
+      }
+      if (value == 3) {
+        deleteStu();
+      }
     };
     const deleteStu = () => {
-      if(state.selectedRowKeys.length == 0) {
+      if (state.selectedRowKeys.length == 0) {
         message.warning("请选择成员");
-        return }
-      let obj = {
-        routerId:100,
-        studentIds:state.selectedRowKeys,
+        return;
       }
-      api.delStudent(obj).then((res) => {
-        console.log(res);
-        getStudent();
-        message.success("批量删除成功")
-      }).catch(err => {
-        message.error("批量删除失败"+err);
-        console.log(err)
-      })
+      let obj = {
+        routerId: 100,
+        studentIds: state.selectedRowKeys,
+      };
+      api
+        .delStudent(obj)
+        .then((res) => {
+          console.log(res);
+          getStudent();
+          message.success("批量删除成功");
+        })
+        .catch((err) => {
+          message.error("批量删除失败" + err);
+          console.log(err);
+        });
     };
     const pageChange = (value) => {
       state.currentPage = value;
       getStudent();
-    }
+    };
     const setconfig = () => {
       let obj = {
-        "autoJoinFlag": 0,
-          "deptBoList": [
-            {
-              "deptId": 0,
-              "deptName": ""
-            }
-          ],
-          "preLearnFlag": 0,
-          "previewFlag": 0,
-          "routerId": 0,
-          "showFlag": 0
-      }
-      api.setConfig(obj).then((res) => {
-        message.success("编辑成功")
-        console.log(res);
-      }).catch(err => {
-        console.log(err);
-        message.error("编辑失败")
-      })
-    }
+        autoJoinFlag: 0,
+        deptBoList: [
+          {
+            deptId: 0,
+            deptName: "",
+          },
+        ],
+        preLearnFlag: 0,
+        previewFlag: 0,
+        routerId: 0,
+        showFlag: 0,
+      };
+      api
+        .setConfig(obj)
+        .then((res) => {
+          message.success("编辑成功");
+          console.log(res);
+        })
+        .catch((err) => {
+          console.log(err);
+          message.error("编辑失败");
+        });
+    };
     return {
       ...toRefs(state),
       ...toRefs(levelList),
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 6780fa61..bf7a8a35 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="/leveladd">
+              <router-link to="/manage/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="/leveladd">
+              <router-link to="/manage/leveladd">
                 <div style="display: flex">
                   <img
                     class="img2"
diff --git a/src/views/learningpath/LevelCheck.vue b/src/views/learningpath/LevelCheck.vue
index 707acf60..fc143792 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="/leveladd">
+        <router-link to="/manage/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 57526254..0b5c8b12 100644
--- a/src/views/projectcenter/ClassAdd.vue
+++ b/src/views/projectcenter/ClassAdd.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/projectmanage"
+        to="/manage/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: "/projectmanage",
+        path: "/manage/projectmanage",
       });
     }
 
@@ -481,7 +481,7 @@ export default {
     const backPage = () => {
       setTimeout(() => {
         router.push({
-          path: "/projectmanage",
+          path: "/manage/projectmanage",
         });
       }, 400);
     };
@@ -800,7 +800,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/projectmanage",
+                  path: "/manage/projectmanage",
                 });
               }, 1000);
             } else {
@@ -855,7 +855,7 @@ export default {
               message.success("创建成功");
               setTimeout(() => {
                 router.push({
-                  path: "/taskpage",
+                  path: "/manage/taskpage",
                   query: { id: res.data.data.projectId },
                 });
               }, 1000);
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index a6f79a0c..851e7e8e 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="/templatelibrary"
+        <router-link to="/manage/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="/taskadd" class="edit">
+              <router-link to="/manage/taskadd" class="edit">
                 <img
                   class="editimg"
                   src="../../assets/images/projectadd/edit.png"
@@ -200,7 +200,7 @@
                               : 'none',
                         }"
                       >
-                      <!-- 考勤 -->
+                        <!-- 考勤 -->
                       </div>
                       <div
                         class="operation"
@@ -278,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' }"
@@ -385,165 +385,217 @@
           <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="set_body">
-              <div class="set_content">
-                <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>
+              <div class="setting">
+                <div class="set_tit">
+                  <span>基本信息</span>
+                  <span class="editBtn" @click="toEdit">编辑</span>
+                </div>
+                <hr color="#E8E8E8" />
+                <div class="set_body">
+                  <div class="set_content">
+                    <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>
+                    </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>
+                    </div>
+                  </div>
+                  <div class="set_content">
+                    <div class="setc_name"><span>模板时间：</span></div>
+                    <div class="setc_main">
+                      <a-range-picker
+                        v-model:value="formData.time"
+                        :bordered="isEdit"
+                        :disabled="!isEdit"
+                      />
+                    </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>
+                    </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>
+                    </div>
+                  </div>
+                  <div class="set_content">
+                    <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>
+                    </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"
+                        ><span style="color: #333333"
+                          >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                        ></a-radio
+                      >
+                    </div>
+                  </div>
+                  <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>
+                    </div>
+                  </div>
+                  <div class="set_content">
+                    <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>
+                    </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"
+                        ><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>
-              <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>
-                  
-                </div>
-              </div>
-              <div class="set_content">
-                <div class="setc_name"><span>模板时间：</span></div>
-                <div class="setc_main">
-                  <a-range-picker v-model:value="formData.time"
-                  
-                  :bordered="isEdit" :disabled="!isEdit" />
-                </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>
-                </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>
-                </div>
-              </div>
-              <div class="set_content">
-                <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>
-                </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"
-                    ><span style="color: #333333"
-                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-                    ></a-radio
-                  >
-                </div>
-              </div>
-              <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>
-                </div>
-              </div>
-              <div class="set_content">
-                <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>
-                </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"
-                    ><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 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 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>
@@ -590,9 +642,9 @@
 </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",
@@ -720,27 +772,27 @@ export default defineComponent({
         },
       ],
       // 模板编辑列表
-      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,
       //在线管理等页面传递参数
@@ -752,7 +804,7 @@ export default defineComponent({
       checked: true,
       checked2: false,
       checked3: false,
-      docChecked:true,
+      docChecked: true,
       value3: false,
       value4: false,
       hideshow: true,
@@ -760,22 +812,22 @@ 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:{
+      formData: {
         name: "123",
         time: "",
         manager: "建国",
@@ -786,7 +838,7 @@ export default defineComponent({
         systemId: null,
         boeFlag: false,
       },
-      isEdit:false, // 是否处于编辑状态
+      isEdit: false, // 是否处于编辑状态
     });
     const value = ref("");
     const value2 = ref("");
@@ -807,153 +859,182 @@ export default defineComponent({
     };
     const confirmEdit = () => {
       state.isEdit = false;
-      editTemplate()
+      editTemplate();
       getDetail();
     };
-    onMounted(() => {getDetail()});
+    onMounted(() => {
+      getDetail();
+    });
     // 获取详情
     const getDetail = () => {
-      api.templateDetail(0).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)
-      })
-    }
+      api
+        .templateDetail(0)
+        .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
+        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
+        .templateEdit(obj)
+        .methods(obj)
+        .then((res) => {
+          message.success("编辑成功");
+          console.log(res);
+        })
+        .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.value2,
+        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,
-          },
-        });
-    }
-    // 新建或编辑阶段 
+        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)
-      })
-    }
+      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,
@@ -982,11 +1063,11 @@ export default defineComponent({
 </script>
 <style lang="scss">
 .editBtn {
-      float:right; 
-      margin-right: 150px;
-      color:#4ea6ff;
-      cursor: pointer;
-    }
+  float: right;
+  margin-right: 150px;
+  color: #4ea6ff;
+  cursor: pointer;
+}
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -1029,7 +1110,7 @@ export default defineComponent({
         margin-top: 20px;
       }
     }
-    
+
     @media screen and (max-width: 1030px) {
       .imgfor {
         margin-left: 20px;
@@ -1156,15 +1237,15 @@ export default defineComponent({
     }
 
     .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%;
@@ -1393,14 +1474,12 @@ 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;
@@ -1422,7 +1501,6 @@ export default defineComponent({
             .btnarea {
               display: flex;
               justify-content: flex-end;
-              
             }
             .area_btn {
               width: 100px;
@@ -1457,7 +1535,7 @@ export default defineComponent({
     }
 
     .projectscore {
-      padding-top:22px;
+      padding-top: 22px;
       .pjc_tit {
         margin-left: 34px;
         font-size: 18px;
@@ -1536,7 +1614,7 @@ export default defineComponent({
     }
 
     .setting {
-      padding-top:22px;
+      padding-top: 22px;
       .set_tit {
         margin-left: 34px;
         font-size: 18px;
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index 72b3903d..900c780c 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/projectmanage"
+        to="/manage/projectmanage"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -530,7 +530,7 @@ export default {
       storage.remove("projectAddId");
       setTimeout(() => {
         router.push({
-          path: "/projectmanage",
+          path: "/manage/projectmanage",
         });
       }, 400);
     };
@@ -993,7 +993,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/projectmanage",
+                  path: "/manage/projectmanage",
                 });
               }, 1000);
             } else {
@@ -1048,7 +1048,7 @@ export default {
               message.success("创建成功");
               setTimeout(() => {
                 router.push({
-                  path: "/taskpage",
+                  path: "/manage/taskpage",
                   query: { id: res.data.data.projectId },
                 });
               }, 1000);
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 950929d5..2544ae97 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="/projectadd">
+            <router-link to="/manage/projectadd">
               <div
                 class="taskbox"
                 style="
@@ -1513,7 +1513,7 @@ export default {
     const createChildProject = () => {
       console.log(state.currentProjectId);
       router.push({
-        path: "/sonproject",
+        path: "/manage/sonproject",
         query: {
           projectId: state.currentProjectId,
           name: state.currentProjectName,
@@ -2182,7 +2182,7 @@ export default {
                   >
                     {/* 
 										<a-select-option value="基础信息" label="基础信息">
-											<router-link to="/taskpage">基础信息</router-link>
+											<router-link to="/manage/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="/taskpage">基础信息</router-link>
+											<router-link to="/manage/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="/taskpage">基础信息</router-link>
+											<router-link to="/manage/taskpage">基础信息</router-link>
 										</a-select-option>
 										<a-select-option value="存为模版" label="存为模版">
 											<div
@@ -2474,7 +2474,7 @@ export default {
                 <div
                   onClick={() => {
                     router.push({
-                      path: "/classadd",
+                      path: "/manage/classadd",
                       query: {
                         projectId: value.record.projectId,
                         name: value.record.name,
@@ -2482,7 +2482,7 @@ export default {
                     });
                   }}
                   style={{ cursor: "pointer" }}
-                  to="/classadd"
+                  to="/manage/classadd"
                   class="operation3"
                 >
                   创建班级
@@ -2566,7 +2566,7 @@ export default {
                   </a-select>
                 </div>
 
-                <router-link to="/classadd" class="operation3">
+                <router-link to="/manage/classadd" class="operation3">
                   创建班级
                 </router-link>
                 <div class="tableSelect">
@@ -2683,7 +2683,7 @@ export default {
                     }
                     if (value.record.parentId == "0") {
                       router.push({
-                        path: "/projectadd",
+                        path: "/manage/projectadd",
                         query: {
                           projectId: value.record.projectId,
                           name: value.record.name,
@@ -2692,7 +2692,7 @@ export default {
                     } else {
                       if (value.record.isbj) {
                         router.push({
-                          path: "/classadd",
+                          path: "/manage/classadd",
                           query: {
                             projectId: value.record.projectId,
                             name: value.record.paraentName,
@@ -2701,7 +2701,7 @@ export default {
                         });
                       } else {
                         router.push({
-                          path: "/sonproject",
+                          path: "/manage/sonproject",
                           query: {
                             projectId: value.record.projectId,
                             name: value.record.paraentName,
@@ -2728,7 +2728,7 @@ export default {
                 //     }
                 //     if (value.record.parentId == "0") {
                 //       router.push({
-                //         path: "/projectadd",
+                //         path: "/manage/projectadd",
                 //         query: {
                 //           projectId: value.record.projectId,
                 //           name: value.record.name,
@@ -2738,7 +2738,7 @@ export default {
                 //     } else {
                 //       if (value.record.isbj) {
                 //         router.push({
-                //           path: "/classadd",
+                //           path: "/manage/classadd",
                 //           query: {
                 //             projectId: value.record.projectId,
                 //             name: value.record.paraentName,
@@ -2748,7 +2748,7 @@ export default {
                 //         });
                 //       } else {
                 //         router.push({
-                //           path: "/sonproject",
+                //           path: "/manage/sonproject",
                 //           query: {
                 //             projectId: value.record.projectId,
                 //             name: value.record.paraentName,
@@ -2878,7 +2878,7 @@ export default {
                       <div
                         onClick={() => {
                           router.push({
-                            path: "/taskpage",
+                            path: "/manage/taskpage",
                           });
                           storage.set("projectId", value.record.projectId);
                         }}
@@ -2937,7 +2937,7 @@ export default {
                       <div
                         onClick={() => {
                           router.push({
-                            path: "/taskpage",
+                            path: "/manage/taskpage",
                           });
                           storage.set("projectId", value.record.projectId);
                         }}
@@ -2984,7 +2984,7 @@ export default {
                       <div
                         onClick={() => {
                           router.push({
-                            path: "/taskpage",
+                            path: "/manage/taskpage",
                           });
                           storage.set("projectId", value.record.projectId);
                         }}
@@ -2992,7 +2992,7 @@ export default {
                         基础信息
                       </div>
                       {/**
-											<router-link to="/taskpage">基础信息</router-link>
+											<router-link to="/manage/taskpage">基础信息</router-link>
 											*/}
                     </a-select-option>
                   </a-select>
diff --git a/src/views/projectcenter/SonProject.vue b/src/views/projectcenter/SonProject.vue
index c23768b2..7b1dfa20 100644
--- a/src/views/projectcenter/SonProject.vue
+++ b/src/views/projectcenter/SonProject.vue
@@ -1,55 +1,89 @@
 <!---- 创建单层子项目页面 --->
 <template>
-	<div class="sonproject">
-		<div class="header">
-			<span class="title">创建/编辑单层子项目</span>
-			<div @click="backPage" style="cursor: pointer;" to="/projectmanage" class="goback">
-				<span class="return"></span><span class="returntext">返回</span>
-			</div>
-		</div>
-		<div class="content">
-			<div class="main">
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目归属</div>
-					</div>
-					<div class="in">
-						<div style="color: #c7cbd2; font-size: 14px; margin-left: 15px">
-							{{ projectAscription }}
-						</div>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目名称</div>
-					</div>
-					<div class="in">
-						<a-input v-model:value="projectName" placeholder="请输入项目名称" show-count :maxlength="30" :disabled="viewDetail ? true : false" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">分类</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
-							@change="classificationChange" allowClear showSearch :disabled="viewDetail ? true : false">
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">封面图</div>
-					</div>
-					<div class="box" style="
+  <div class="sonproject">
+    <div class="header">
+      <span class="title">创建/编辑单层子项目</span>
+      <div
+        @click="backPage"
+        style="cursor: pointer"
+        to="/manage/projectmanage"
+        class="goback"
+      >
+        <span class="return"></span><span class="returntext">返回</span>
+      </div>
+    </div>
+    <div class="content">
+      <div class="main">
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目归属</div>
+          </div>
+          <div class="in">
+            <div style="color: #c7cbd2; font-size: 14px; margin-left: 15px">
+              {{ projectAscription }}
+            </div>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目名称</div>
+          </div>
+          <div class="in">
+            <a-input
+              v-model:value="projectName"
+              placeholder="请输入项目名称"
+              show-count
+              :maxlength="30"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect"
+              placeholder="四个养成"
+              style="width: 100%"
+              :options="classifyList"
+              @change="classificationChange"
+              allowClear
+              showSearch
+              :disabled="viewDetail ? true : false"
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">封面图</div>
+          </div>
+          <div
+            class="box"
+            style="
               width: 100px;
               height: 100px;
               border: 1px solid rgba(78, 166, 255, 1);
@@ -57,128 +91,218 @@
               cursor: pointer;
               position: relative;
               overflow: hidden;
-            ">
-						<a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader"
-							:show-upload-list="false" action="/api/file/upload" :before-upload="beforeUpload" @change="handleChange" :disabled="viewDetail ? true : false">
-							<img style="
+            "
+          >
+            <a-upload
+              v-model:file-list="fileList"
+              name="file"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              action="/api/file/upload"
+              :before-upload="beforeUpload"
+              @change="handleChange"
+              :disabled="viewDetail ? true : false"
+            >
+              <img
+                style="
                   width: 100px;
                   height: 100px;
                   margin-bottom: 4px;
                   margin-right: 4px;
-                " v-if="imageUrl" :src="imageUrl" 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>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目时间</div>
-					</div>
+                "
+                v-if="imageUrl"
+                :src="imageUrl"
+                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>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目时间</div>
+          </div>
 
-					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']" v-model:value="rangevalue"
-							style="width: 100%;  height: 40px; border-radius: 5px" @change="onRangeChange" :disabled="viewDetail ? true : false" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目经理</div>
-					</div>
-					<div class="in">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" :value="classifySelect1" mode="multiple" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
-							@change="classificationChange1" allowClear showSearch :disabled="viewDetail ? true : false">
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">资源归属</div>
-					</div>
+          <div class="in">
+            <a-range-picker
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              v-model:value="rangevalue"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              @change="onRangeChange"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目经理</div>
+          </div>
+          <div class="in">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              :value="classifySelect1"
+              mode="multiple"
+              placeholder="请选择项目经理"
+              style="width: 100%"
+              :options="classifyList1"
+              @change="classificationChange1"
+              allowClear
+              showSearch
+              :disabled="viewDetail ? true : false"
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">资源归属</div>
+          </div>
 
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
-							@change="classificationChange2" :disabled="viewDetail ? true : false" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname" style="margin-top: 13px">项目说明</div>
-					</div>
-					<div class="in">
-						<a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" :disabled="viewDetail ? true : false"/>
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname">同步学习记录</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked" v-model:checked="checked" :disabled="viewDetail ? true : false"><span style="
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              placeholder="自动带出 可修改"
+              :options="classifyList2"
+              @change="classificationChange2"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">项目说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-radio
+              @click="changeChecked"
+              v-model:checked="checked"
+              :disabled="viewDetail ? true : false"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                " >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目级别</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
-							placeholder="集团级/组织级/现地级/部门级" :disabled="viewDetail ? true : false" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">培训分类</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
-							placeholder="集团级/组织级/现地级/部门级" :disabled="viewDetail ? true : false" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">是否BOEU实施</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked1" v-model:checked="checked1" :disabled="viewDetail ? true : false"><span style="
+                "
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目级别</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect3"
+              :options="classifyList3"
+              @change="classificationChange3"
+              placeholder="集团级/组织级/现地级/部门级"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">培训分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect4"
+              :options="classifyList4"
+              @change="classificationChange4"
+              placeholder="集团级/组织级/现地级/部门级"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">是否BOEU实施</div>
+          </div>
+          <div class="in">
+            <a-radio
+              @click="changeChecked1"
+              v-model:checked="checked1"
+              :disabled="viewDetail ? true : false"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">BOEU实施</span></a-radio>
-					</div>
-				</div>
-				<!-- <div class="name name2">
+                "
+                >BOEU实施</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <!-- <div class="name name2">
 					<div class="namebox" style="margin-top: 8px">
 						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
 						<div class="inname">附件</div>
@@ -197,866 +321,887 @@
 						</div>
 					</div>
 				</div> -->
-			</div>
-			<div class="template">
-				<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">
-						</a-select>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="footer">
-			<div class="btn">
-				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button @click="backPage" class="btn2">取消</a-button>
-			</div>
-		</div>
-	</div>
+      </div>
+      <div class="template">
+        <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"
+            >
+            </a-select>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="btn">
+        <a-button v-on:click="createProject" type="primary" class="btn1"
+          >确定</a-button
+        >
+        <a-button @click="backPage" class="btn2">取消</a-button>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
-import dayjs from 'dayjs';
+import dayjs from "dayjs";
 import * as api from "../../api/index";
-import { toDate } from '../../api/method'
+import { toDate } from "../../api/method";
 
 export default {
-	name: "projectAdd",
-	setup() {
-		// 编辑页面跳转过来时候，自动填充表格
-		const routers = useRoute();
-		const router = useRouter();
-		const isEdit = ref(false);
-		let peojectID = "";
-		let paraentID = "";
+  name: "projectAdd",
+  setup() {
+    // 编辑页面跳转过来时候，自动填充表格
+    const routers = useRoute();
+    const router = useRouter();
+    const isEdit = ref(false);
+    let peojectID = "";
+    let paraentID = "";
 
-		const state = reactive({
-			classifySelect: null,
-			classifySelectId: null,
-			checked: false,
-			checked1: false,
-			valueE: null,
-			valueE1: null,
-			valueE2: null,
-			classifySelect1: [],
-			classifySelect2: [],
-			classifySelect3: [],
-			classifySelect4: [],
-			rangevalue: [],
-			projectAscription: "",
-			viewDetail:routers.query.viewDetail?routers.query.viewDetail:null
-		});
+    const state = reactive({
+      classifySelect: null,
+      classifySelectId: null,
+      checked: false,
+      checked1: false,
+      valueE: null,
+      valueE1: null,
+      valueE2: null,
+      classifySelect1: [],
+      classifySelect2: [],
+      classifySelect3: [],
+      classifySelect4: [],
+      rangevalue: [],
+      projectAscription: "",
+      viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
+    });
 
-		if (routers.query.name == undefined) {
-			router.push({
-				path: "/projectmanage"
-			});
-		}
+    if (routers.query.name == undefined) {
+      router.push({
+        path: "/manage/projectmanage",
+      });
+    }
 
-		peojectID = routers.query.projectId;
-		state.projectAscription = routers.query.name;
+    peojectID = routers.query.projectId;
+    state.projectAscription = routers.query.name;
 
-		if (routers.query.edit !== undefined) {
-			isEdit.value = true;
-			// 需要编辑
-			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;
+    if (routers.query.edit !== undefined) {
+      isEdit.value = true;
+      // 需要编辑
+      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 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(",");
+            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;
-					paraentID = Number(info.parentId);
-				}
-			}).catch(err => { console.log(err) })
-		} else {
-			paraentID = Number(routers.query.projectId);
-		}
+            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;
+            paraentID = Number(info.parentId);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    } else {
+      paraentID = Number(routers.query.projectId);
+    }
 
+    const backPage = () => {
+      setTimeout(() => {
+        router.push({
+          path: "/manage/projectmanage",
+        });
+      }, 400);
+    };
 
-		const backPage = () => {
-			setTimeout(() => {
-				router.push({
-					path: "/projectmanage"
-				});
-			}, 400);
-		}
+    const projectName = ref("");
 
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
 
+    let projectType = "";
 
-		const projectName = ref("");
+    const classificationChange = (value) => {
+      console.log(`selected ${value}`);
+      projectType = value;
+    };
 
-		const classifyList = ref([
-			{ value: 1, label: "管理者" },
-			{ value: 2, label: "领军者" },
-			{ value: 3, label: "产业人" },
-		]);
+    function getBase64(img, callback) {
+      const reader = new FileReader();
+      reader.addEventListener("load", () => callback(reader.result));
+      reader.readAsDataURL(img);
+    }
 
-		let projectType = "";
+    const fileList = ref([]);
+    const fileList1 = ref([]);
+    const loading = ref(false);
+    const imageUrl = ref("");
+    let picUrl = "";
 
-		const classificationChange = (value) => {
-			console.log(`selected ${value}`);
-			projectType = value;
-		};
+    const handleChange = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log("上传图片返回的信息 %o", info);
+        picUrl = info.file.response.data;
+        // Get this url from response in real world.
+        getBase64(info.file.originFileObj, (base64Url) => {
+          imageUrl.value = base64Url;
+          loading.value = false;
+        });
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		function getBase64(img, callback) {
-			const reader = new FileReader();
-			reader.addEventListener("load", () => callback(reader.result));
-			reader.readAsDataURL(img);
-		}
+    let uplodaFileCount = false;
 
-		const fileList = ref([]);
-		const fileList1 = ref([]);
-		const loading = ref(false);
-		const imageUrl = ref("");
-		let picUrl = "";
+    let attach = "";
+    let attachData = "";
+    const handleChange1 = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log(
+          "上传附件返回的信息 %o",
+          info,
+          info.fileList.length,
+          uplodaFileCount
+        );
 
-		const handleChange = (info) => {
-			if (info.file.status === "uploading") {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === "done") {
-				console.log("上传图片返回的信息 %o", info);
-				picUrl = info.file.response.data;
-				// Get this url from response in real world.
-				getBase64(info.file.originFileObj, (base64Url) => {
-					imageUrl.value = base64Url;
-					loading.value = false;
-				});
-			}
-			if (info.file.status === "error") {
-				loading.value = false;
-				message.error("upload error");
-			}
-		};
+        let attachStr = "";
+        attachData = info.fileList;
+        for (let i = 0; i < attachData.length; i++) {
+          if (attachData.length - 1 == i) {
+            attachStr += attachData[i].response.data;
+          } else {
+            attachStr += attachData[i].response.data + ",";
+          }
+        }
+        console.log(attachStr);
+        attach = attachStr;
 
-		let uplodaFileCount = false;
+        if (info.fileList.length > 5) {
+          uplodaFileCount = true;
+        } else {
+          uplodaFileCount = false;
+        }
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		let attach = "";
-		let attachData = "";
-		const handleChange1 = (info) => {
-			if (info.file.status === "uploading") {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === "done") {
-				console.log(
-					"上传附件返回的信息 %o",
-					info,
-					info.fileList.length,
-					uplodaFileCount
-				);
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpeg" || file.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("You can only upload JPG file!");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isLt2M) {
+        message.error("Image must smaller than 1MB!");
+      }
+      return isJpgOrPng && isLt2M;
+    };
 
-				let attachStr = "";
-				attachData = info.fileList;
-				for (let i = 0; i < attachData.length; i++) {
-					if (attachData.length - 1 == i) {
-						attachStr += attachData[i].response.data;
-					} else {
-						attachStr += attachData[i].response.data + ",";
-					}
-				}
-				console.log(attachStr);
-				attach = attachStr;
+    const beforeUpload1 = () => {
+      return new Promise((resovle, reject) => {
+        if (uplodaFileCount) {
+          message.info("上传文件数量已达最大数量");
+          return reject(false);
+        }
+        return resovle(true);
+      });
+    };
 
-				if (info.fileList.length > 5) {
-					uplodaFileCount = true;
-				} else {
-					uplodaFileCount = false;
-				}
-			}
-			if (info.file.status === "error") {
-				loading.value = false;
-				message.error("upload error");
-			}
-		};
+    let beginTime = "";
+    let endTime = "";
+    const dateFormatList = ["YYYY/MM/DD"];
 
-		const beforeUpload = (file) => {
-			const isJpgOrPng =
-				file.type === "image/jpeg" || file.type === "image/png";
-			if (!isJpgOrPng) {
-				message.error("You can only upload JPG file!");
-			}
-			const isLt2M = file.size / 1024 / 1024 < 1;
-			if (!isLt2M) {
-				message.error("Image must smaller than 1MB!");
-			}
-			return isJpgOrPng && isLt2M;
-		};
+    const onRangeChange = (value, dateString) => {
+      console.log("Selected Time: ", value);
+      // 项目时间选择函数
+      console.log("Formatted Selected Time: ", dateString);
+      console.log(
+        "Formatted Selected TimeStamp",
+        new Date(dateString[0]).getTime()
+      );
+      beginTime = new Date(dateString[0]).getTime() / 1000;
+      endTime = new Date(dateString[1]).getTime() / 1000;
+    };
 
-		const beforeUpload1 = () => {
-			return new Promise((resovle, reject) => {
-				if (uplodaFileCount) {
-					message.info("上传文件数量已达最大数量");
-					return reject(false);
-				}
-				return resovle(true);
-			});
-		};
+    // 项目经理 后续接口调用
+    const classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
 
-		let beginTime = "";
-		let endTime = "";
-		const dateFormatList = ['YYYY/MM/DD'];
+    let manager = "";
+    let managerId = "";
+    const classificationChange1 = (key, options) => {
+      console.log(`selected ${key}`, options);
+      let mstr = "";
+      let midstr = "";
+      for (let i = 0; i < key.length; i++) {
+        if (key.length - 1 !== i) {
+          midstr += key[i] + ",";
+          mstr += classifyList1.value[i].label + ",";
+        } else {
+          midstr += key[i];
+          mstr += classifyList1.value[i].label;
+        }
+      }
+      console.log(mstr, midstr);
+      state.classifySelect1 = options;
+      let newoptions = [];
+      for (let i = 0; i < state.classifySelect1.length; i++) {
+        if (state.classifySelect1[i].value) {
+          newoptions.push(state.classifySelect1[i]);
+        }
+      }
+      state.classifySelect1 = newoptions;
+      manager = mstr;
+      managerId = midstr;
+    };
 
-		const onRangeChange = (value, dateString) => {
-			console.log("Selected Time: ", value);
-			// 项目时间选择函数
-			console.log("Formatted Selected Time: ", dateString);
-			console.log(
-				"Formatted Selected TimeStamp",
-				new Date(dateString[0]).getTime()
-			);
-			beginTime = new Date(dateString[0]).getTime() / 1000;
-			endTime = new Date(dateString[1]).getTime() / 1000;
-		};
+    // 资源归属 sourceBelongId 后续给接口
+    const classifyList2 = ref([
+      { value: 1, label: "项目一" },
+      { value: 2, label: "项目二" },
+      { value: 3, label: "项目三" },
+    ]);
 
-		// 项目经理 后续接口调用
-		const classifyList1 = ref([
-			{ value: 1, label: "李俊国" },
-			{ value: 2, label: "将小米" },
-			{ value: 3, label: "刘孟君" },
-		]);
+    let sourceBelongIdC = "";
+    const classificationChange2 = (key) => {
+      console.log(`selected ${key}`, classifyList2);
+      sourceBelongIdC = key;
+    };
 
-		let manager = "";
-		let managerId = "";
-		const classificationChange1 = (key, options) => {
-			console.log(`selected ${key}`, options);
-			let mstr = "";
-			let midstr = "";
-			for (let i = 0; i < key.length; i++) {
-				if (key.length - 1 !== i) {
-					midstr += key[i] + ",";
-					mstr += classifyList1.value[i].label + ",";
-				} else {
-					midstr += key[i];
-					mstr += classifyList1.value[i].label;
-				}
-			}
-			console.log(mstr, midstr);
-			state.classifySelect1 = options;
-			let newoptions = [];
-			for (let i = 0; i < state.classifySelect1.length; i++) {
-				if (state.classifySelect1[i].value) {
-					newoptions.push(state.classifySelect1[i])
-				}
-			}
-			state.classifySelect1 = newoptions;
-			manager = mstr;
-			managerId = midstr;
-		};
+    // 项目级别
+    const classifyList3 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
 
-		// 资源归属 sourceBelongId 后续给接口
-		const classifyList2 = ref([
-			{ value: 1, label: "项目一" },
-			{ value: 2, label: "项目二" },
-			{ value: 3, label: "项目三" },
-		]);
+    let levels = "";
+    const classificationChange3 = (key) => {
+      console.log(`selected ${key}`, classifyList3);
+      levels = key;
+    };
 
-		let sourceBelongIdC = '';
-		const classificationChange2 = (key) => {
-			console.log(`selected ${key}`, classifyList2);
-			sourceBelongIdC = key;
-		};
+    // 培训分类
+    const classifyList4 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
 
-		// 项目级别
-		const classifyList3 = ref([
-			{ value: 1, label: "集团级" },
-			{ value: 2, label: "组织级" },
-			{ value: 3, label: "现地级" },
-			{ value: 4, label: "部门级" },
-		]);
+    let systemid = "";
+    const classificationChange4 = (key) => {
+      console.log(`selected ${key}`, classifyList4);
+      systemid = key;
+    };
 
-		let levels = "";
-		const classificationChange3 = (key) => {
-			console.log(`selected ${key}`, classifyList3);
-			levels = key;
-		};
+    // 模版
+    const classifyList5 = ref([
+      { value: 1, label: "模版一" },
+      { value: 2, label: "模版二" },
+      { value: 3, label: "模版三" },
+      { value: 4, label: "模版四" },
+    ]);
+    const classificationChange5 = (key) => {
+      console.log(`selected ${key}`, classifyList5);
+    };
 
-		// 培训分类
-		const classifyList4 = ref([
-			{ value: 1, label: "集团级" },
-			{ value: 2, label: "组织级" },
-			{ value: 3, label: "现地级" },
-			{ value: 4, label: "部门级" },
-		]);
+    // 项目说明
+    const remark = ref("");
 
-		let systemid = "";
-		const classificationChange4 = (key) => {
-			console.log(`selected ${key}`, classifyList4);
-			systemid = key;
-		};
+    let courseSyncFlag = 0;
+    const changeChecked = () => {
+      console.log(state.checked);
+      state.checked ? (state.checked = false) : (state.checked = true);
+      courseSyncFlag = state.checked ? 1 : 0;
+    };
 
-		// 模版
-		const classifyList5 = ref([
-			{ value: 1, label: "模版一" },
-			{ value: 2, label: "模版二" },
-			{ value: 3, label: "模版三" },
-			{ value: 4, label: "模版四" },
-		]);
-		const classificationChange5 = (key) => {
-			console.log(`selected ${key}`, classifyList5);
-		};
+    let boeFlag = 0;
+    const changeChecked1 = () => {
+      console.log(state.checked1);
+      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+      boeFlag = state.checked1 ? 1 : 0;
+    };
 
-		// 项目说明
-		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 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 boeFlag = 0;
-		const changeChecked1 = () => {
-			console.log(state.checked1);
-			state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-			boeFlag = state.checked1 ? 1 : 0;
-		};
+    const errorMsgs = {
+      name: "请输入项目名称",
+      category: "请选择项目分类",
+      picUrl: "请上传项目封面图",
+      beginTime: "请选择项目开始时间",
+      endTime: "请选择项目结束时间",
+      manager: "请选择项目经理",
+      managerId: "请选择项目经理",
+      sourceBelongId: "请选择资源归属",
+      level: "请填写项目级别",
+      systemId: "请填写项目培训分类",
+      boeFlag: "请选择是否BOE实施",
+    };
 
-		const removeFile = (file) => {
-			const index = fileList1.value.indexOf(file);
-			const newFileList = fileList1.value.slice();
-			newFileList.splice(index, 1);
-			fileList1.value = newFileList;
+    const createProject = () => {
+      console.log("我是否要编辑项目", isEdit.value);
+      if (isEdit.value) {
+        console.log("我要编辑项目", peojectID);
+        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: paraentID,
+          notice: "",
+          noticeFlag: 0,
+          status: 0,
+        };
 
-			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;
-		};
+        console.log(obj);
 
-		const errorMsgs = {
-			name: "请输入项目名称",
-			category: "请选择项目分类",
-			picUrl: "请上传项目封面图",
-			beginTime: "请选择项目开始时间",
-			endTime: "请选择项目结束时间",
-			manager: "请选择项目经理",
-			managerId: "请选择项目经理",
-			sourceBelongId: "请选择资源归属",
-			level: "请填写项目级别",
-			systemId: "请填写项目培训分类",
-			boeFlag: "请选择是否BOE实施"
-		};
+        for (let i in errorMsgs) {
+          console.log(obj[i]);
+          if (obj[i] === "" || obj[i] === undefined) {
+            message.destroy();
+            message.warning(errorMsgs[i]);
+            return;
+          }
+        }
 
-		const createProject = () => {
-			console.log('我是否要编辑项目', isEdit.value)
-			if (isEdit.value) {
-				console.log('我要编辑项目', peojectID)
-				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: paraentID,
-					notice: "",
-					noticeFlag: 0,
-					status: 0,
-				};
+        api
+          .createProject(obj)
+          .then((res) => {
+            console.log(res);
+            if (res.status == 200 && res.data.code == 200) {
+              message.destroy();
+              message.success("编辑成功");
+              setTimeout(() => {
+                router.push({
+                  path: "/manage/projectmanage",
+                });
+              }, 1000);
+            } else {
+              message.destroy();
+              message.error("编辑失败，请检查当前网络状态。");
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            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: paraentID,
+          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;
+          }
+        }
 
-				console.log(obj);
+        api
+          .createProject(obj)
+          .then((res) => {
+            console.log(res);
+            if (res.status == 200 && res.data.code == 200) {
+              message.destroy();
+              message.success("创建成功");
+              setTimeout(() => {
+                router.push({
+                  path: "/manage/taskpage",
+                  query: { id: res.data.data.projectId },
+                });
+              }, 1000);
+            } else {
+              message.destroy();
+              message.error("创建失败，请检查当前网络状态。");
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            message.destroy();
+            message.error("创建失败，请检查当前网络状态。");
+          });
+      }
+    };
 
-				for (let i in errorMsgs) {
-					console.log(obj[i]);
-					if (obj[i] === "" || obj[i] === undefined) {
-						message.destroy();
-						message.warning(errorMsgs[i]);
-						return;
-					}
-				}
+    return {
+      ...toRefs(state),
+      projectName,
+      classifyList,
+      classificationChange,
+      classificationChange1,
+      classificationChange2,
+      classificationChange3,
+      classificationChange4,
+      classificationChange5,
+      fileList,
+      fileList1,
+      loading,
+      imageUrl,
+      handleChange,
+      handleChange1,
+      beforeUpload,
+      beforeUpload1,
+      onRangeChange,
+      classifyList1,
+      classifyList2,
+      classifyList3,
+      classifyList4,
+      classifyList5,
+      remark,
+      changeChecked,
+      changeChecked1,
+      uplodaFileCount,
+      createProject,
+      removeFile,
 
-				api
-					.createProject(obj)
-					.then((res) => {
-						console.log(res);
-						if (res.status == 200 && res.data.code == 200) {
-							message.destroy();
-							message.success("编辑成功");
-							setTimeout(() => {
-								router.push({
-									path: "/projectmanage"
-								});
-							}, 1000);
-						} else {
-							message.destroy();
-							message.error("编辑失败，请检查当前网络状态。");
-						}
-					})
-					.catch((err) => {
-						console.log(err);
-						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: paraentID,
-					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("创建失败，请检查当前网络状态。");
-					});
-			}
-		};
-
-		return {
-			...toRefs(state),
-			projectName,
-			classifyList,
-			classificationChange,
-			classificationChange1,
-			classificationChange2,
-			classificationChange3,
-			classificationChange4,
-			classificationChange5,
-			fileList,
-			fileList1,
-			loading,
-			imageUrl,
-			handleChange,
-			handleChange1,
-			beforeUpload,
-			beforeUpload1,
-			onRangeChange,
-			classifyList1,
-			classifyList2,
-			classifyList3,
-			classifyList4,
-			classifyList5,
-			remark,
-			changeChecked,
-			changeChecked1,
-			uplodaFileCount,
-			createProject,
-			removeFile,
-
-			isEdit,
-			backPage,
-			dateFormatList,
-		};
-	},
+      isEdit,
+      backPage,
+      dateFormatList,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .sonproject {
-	width: 100%;
-	// height: inherit;
-	// flex: 1;
-	// flex-shrink: 0;
-	// overflow-y: auto;
+  width: 100%;
+  // height: inherit;
+  // flex: 1;
+  // flex-shrink: 0;
+  // overflow-y: auto;
 
-	.header {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
+  .header {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
 
-		.title {
-			color: #000000;
-			font-size: 18px;
-			//line-height: 36px;
-			padding-top: 30px;
-			padding-left: 37px;
-			//font-weight: 500;
-		}
+    .title {
+      color: #000000;
+      font-size: 18px;
+      //line-height: 36px;
+      padding-top: 30px;
+      padding-left: 37px;
+      //font-weight: 500;
+    }
 
-		.goback {
-			padding-right: 70px;
-			//padding-top: 37px;
-			position: relative;
+    .goback {
+      padding-right: 70px;
+      //padding-top: 37px;
+      position: relative;
 
-			.return {
-				display: inline-block;
-				width: 42px;
-				height: 42px;
-				margin-top: 17px;
-				margin-right: 10px;
-				background-image: url("../../assets/images/projectadd/return.png");
-			}
+      .return {
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        margin-top: 17px;
+        margin-right: 10px;
+        background-image: url("../../assets/images/projectadd/return.png");
+      }
 
-			.returntext {
-				display: inline-block;
-				position: absolute;
-				top: 27px;
-				color: #4ea6ff;
-				font-size: 14px;
-			}
-		}
-	}
+      .returntext {
+        display: inline-block;
+        position: absolute;
+        top: 27px;
+        color: #4ea6ff;
+        font-size: 14px;
+      }
+    }
+  }
 
-	// 修改 antd upload 样式
-	.ant-upload {
-		border-width: 0px;
-	}
+  // 修改 antd upload 样式
+  .ant-upload {
+    border-width: 0px;
+  }
 
-	.content {
-		display: flex;
+  .content {
+    display: flex;
 
-		.main {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: left;
-			border-right: 1px solid rgba(153, 155, 163, 0.3);
+    .main {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: left;
+      border-right: 1px solid rgba(153, 155, 163, 0.3);
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
+      .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;
+        //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;
-					}
-				}
+          .nameimg {
+            width: 10px;
+            height: 10px;
+          }
+        }
 
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.box {
-					position: relative;
-					margin-left: 14px;
+        .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);
-					}
+          .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);
-					}
-				}
+          .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: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
 
-				.in {
-					margin-left: 14px;
-					flex: 1;
+        .in {
+          margin-left: 14px;
+          flex: 1;
 
-					// .ant-radio-wrapper {
-					// }
-					.ant-input-textarea-show-count {
-						position: relative;
-						height: 88px;
-					}
+          // .ant-radio-wrapper {
+          // }
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
 
-					.ant-input-textarea-show-count::after {
-						position: absolute;
-						right: 10px;
-						bottom: 0px;
-					}
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
 
-					.ant-input {
-						border-radius: 8px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 8px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-input-affix-wrapper {
-						padding: 0 11px;
-						border-radius: 8px;
-					}
+          .ant-input-affix-wrapper {
+            padding: 0 11px;
+            border-radius: 8px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
 
-				.filebox {
-					margin-left: 14px;
-					flex: 1;
+        .filebox {
+          margin-left: 14px;
+          flex: 1;
 
-					.fileimg {
-						width: 15px;
-						height: 15px;
-						margin-right: 6px;
-					}
+          .fileimg {
+            width: 15px;
+            height: 15px;
+            margin-right: 6px;
+          }
 
-					.filetext {
-						font-size: 14px;
-						font-weight: 400;
-						color: #4ea6ff;
-						line-height: 36px;
-					}
+          .filetext {
+            font-size: 14px;
+            font-weight: 400;
+            color: #4ea6ff;
+            line-height: 36px;
+          }
 
-					.support {
-						font-size: 14px;
-						font-weight: 400;
-						color: #999ba3;
-						line-height: 36px;
-						margin-top: 8px;
-						word-break: break-all;
-					}
-				}
-			}
+          .support {
+            font-size: 14px;
+            font-weight: 400;
+            color: #999ba3;
+            line-height: 36px;
+            margin-top: 8px;
+            word-break: break-all;
+          }
+        }
+      }
 
-			.name2 {
-				display: flex;
-				align-items: flex-start;
+      .name2 {
+        display: flex;
+        align-items: flex-start;
 
-				.ant-input-textarea {
-					.ant-input {
-						height: 88px;
-					}
-				}
-			}
-		}
+        .ant-input-textarea {
+          .ant-input {
+            height: 88px;
+          }
+        }
+      }
+    }
 
-		.template {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: right;
+    .template {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: right;
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
-				height: 40px;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
 
-				// border: 1px solid black;
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        // border: 1px solid black;
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-					width: 65px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+          width: 65px;
+        }
 
-				.in {
-					margin-left: 14px;
-					width: 81%;
+        .in {
+          margin-left: 14px;
+          width: 81%;
 
-					.ant-input {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
-			}
-		}
-	}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
 
-	.footer {
-		width: 100%;
-		margin-top: 31px;
-		margin-bottom: 14px;
-		padding-bottom: 20px;
+  .footer {
+    width: 100%;
+    margin-top: 31px;
+    margin-bottom: 14px;
+    padding-bottom: 20px;
 
-		.btn {
-			display: flex;
-			justify-content: center;
+    .btn {
+      display: flex;
+      justify-content: center;
 
-			.btn1 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				background: #409eff;
-				color: #ffffff;
-				margin-right: 14px;
-			}
+      .btn1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        background: #409eff;
+        color: #ffffff;
+        margin-right: 14px;
+      }
 
-			.btn2 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				border: 1px solid #409eff;
-				background: #ffffff;
-				color: #409eff;
-			}
-		}
+      .btn2 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        background: #ffffff;
+        color: #409eff;
+      }
+    }
 
-		.text {
-			color: rgba(153, 155, 163, 1);
-			font-size: 14px;
-			margin-left: 223px;
-		}
-	}
+    .text {
+      color: rgba(153, 155, 163, 1);
+      font-size: 14px;
+      margin-left: 223px;
+    }
+  }
 }
 </style>
 
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 29c15a0a..6902fb23 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="/taskpage">
+              <router-link to="/manage/taskpage">
                 <div style="display: flex">
                   <img
                     class="img2"
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index f6fada13..a075b234 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="/projectmanage">
+        <router-link to="/manage/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="/taskadd">
-                <button to="/taskadd" class="edit">
+              <router-link to="/manage/taskadd">
+                <button to="/manage/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="/taskadd"
+                to="/manage/taskadd"
                 class="taskbox"
                 style="
                   background: linear-gradient(180deg, #ddeaff, #f0f8fe);
@@ -3349,7 +3349,7 @@ export default {
     const toEdit = () => {
       if (state.parentId == "0") {
         routered.push({
-          path: "/projectadd",
+          path: "/manage/projectadd",
           query: {
             projectId: state.projectId,
             name: state.name,
@@ -3358,7 +3358,7 @@ export default {
       } else {
         if (state.isbj !== null) {
           routered.push({
-            path: "/classadd",
+            path: "/manage/classadd",
             query: {
               projectId: state.projectId,
               // name: state.paraentName,
@@ -3368,7 +3368,7 @@ export default {
           });
         } else {
           routered.push({
-            path: "/sonproject",
+            path: "/manage/sonproject",
             query: {
               projectId: state.projectId,
               name: state.name,
diff --git a/src/views/projectcenter/TemplateLibrary.vue b/src/views/projectcenter/TemplateLibrary.vue
index f450dadc..a809d8ee 100644
--- a/src/views/projectcenter/TemplateLibrary.vue
+++ b/src/views/projectcenter/TemplateLibrary.vue
@@ -24,10 +24,10 @@
                 type="date"
                 placeholder="创建时间"
                 style="
-                width: 270px;
-                height: 40px; 
-                border-radius: 8px;
-                margin-right: 14px;
+                  width: 270px;
+                  height: 40px;
+                  border-radius: 8px;
+                  margin-right: 14px;
                 "
               />
             </div>
@@ -62,7 +62,7 @@
 <script>
 import { reactive, defineComponent, toRefs, onMounted } from "vue";
 import { message } from "ant-design-vue";
-import * as api from "@/api/indexLibrary"
+import * as api from "@/api/indexLibrary";
 const columns1 = [
   {
     title: "模版名称",
@@ -106,7 +106,7 @@ export default defineComponent({
   name: "TemplateLibrary",
   setup() {
     const state = reactive({
-      value1:null,
+      value1: null,
       tableData1: [
         {
           key: "1",
@@ -123,7 +123,7 @@ export default defineComponent({
           creator: "李部长",
           stutime: "2022-10-31  23:12:00",
           operation: "operation",
-        }
+        },
       ],
       // state
     });
@@ -138,7 +138,7 @@ export default defineComponent({
                 {value.status === "已发布" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <router-link to="/libraryadd">
+                      <router-link to="/manage/libraryadd">
                         <div class="jc">
                           查看{" "}
                           <span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -146,9 +146,17 @@ export default defineComponent({
                       </router-link>
                     </div>
                     <div class="ops3">
-                      <div class="jc"
-                      onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 0})}}
-                      >撤回</div>
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          templateHadler({
+                            projectTemplateId: value.projectTemplateId,
+                            type: 0,
+                          });
+                        }}
+                      >
+                        撤回
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -157,14 +165,21 @@ export default defineComponent({
                 {value.status === "未发布" ? (
                   <div class="nselect">
                     <div class="ops1">
-                      <div class="jc"
-                       onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 1})}}>
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          templateHadler({
+                            projectTemplateId: value.projectTemplateId,
+                            type: 1,
+                          });
+                        }}
+                      >
                         发布
                         <span style="color:#E9E9E9;margin-left:15px;">|</span>
                       </div>
                     </div>
                     <div class="ops2">
-                      <router-link to="/libraryadd">
+                      <router-link to="/manage/libraryadd">
                         <div class="jc">
                           查看
                           <span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -172,9 +187,17 @@ export default defineComponent({
                       </router-link>
                     </div>
                     <div class="ops3">
-                      <div class="jc"
-                      onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": -1})}}
-                      >删除</div>
+                      <div
+                        class="jc"
+                        onClick={() => {
+                          templateHadler({
+                            projectTemplateId: value.projectTemplateId,
+                            type: -1,
+                          });
+                        }}
+                      >
+                        删除
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -191,54 +214,63 @@ export default defineComponent({
 
     onMounted(() => {
       getLibraryList();
-    })
+    });
     const getLibraryList = () => {
       let obj = {
-        "beginTime": 0,
-        "endTime": 0,
-        "name": "",
-        "pageNo": 0,
-        "pageSize": 0,
-        "status": 0
-      }
-      api.templateList(obj).then((res) =>{
-        console.log(res);
-        let resData = res.data.data.rows
-        if(resData.length) {
-          for(let i in resData) { 
-            state.tableData1[i].id = i+1;
-            state.tableData1[i].projectTemplateId = resData[i].projectTemplateId;
-            state.tableData1[i].status = resData[i].status ? "已发布":"未发布" ;
-            state.tableData1[i].name = resData[i].name;
-            state.tableData1[i].creator = resData[i].createName;
-            state.tableData1[i].stutime = resData[i].publishTime;
-            state.tableData1[i].operation = "operation";
-            
+        beginTime: 0,
+        endTime: 0,
+        name: "",
+        pageNo: 0,
+        pageSize: 0,
+        status: 0,
+      };
+      api
+        .templateList(obj)
+        .then((res) => {
+          console.log(res);
+          let resData = res.data.data.rows;
+          if (resData.length) {
+            for (let i in resData) {
+              state.tableData1[i].id = i + 1;
+              state.tableData1[i].projectTemplateId =
+                resData[i].projectTemplateId;
+              state.tableData1[i].status = resData[i].status
+                ? "已发布"
+                : "未发布";
+              state.tableData1[i].name = resData[i].name;
+              state.tableData1[i].creator = resData[i].createName;
+              state.tableData1[i].stutime = resData[i].publishTime;
+              state.tableData1[i].operation = "operation";
+            }
+          } else {
+            message.warning("获取的列表数据为空值");
           }
-          
-        } else {
-          message.warning("获取的列表数据为空值")
-        }
-      }).catch((error) => {
-        message.error(`获取模板列表失败`+error)
-      });
+        })
+        .catch((error) => {
+          message.error(`获取模板列表失败` + error);
+        });
     };
     const templateHadler = (obj) => {
-      api.templateHadle(obj).then((res) => {
-        if(res.data.success) {
-          message.success(`模板操作成功`)
-          getLibraryList();
-        }
-      }).catch((error) => {
-        message.error(`模板操作失败`+error)
-      })
-    }
+      api
+        .templateHadle(obj)
+        .then((res) => {
+          if (res.data.success) {
+            message.success(`模板操作成功`);
+            getLibraryList();
+          }
+        })
+        .catch((error) => {
+          message.error(`模板操作失败` + error);
+        });
+    };
     const searchLevel = () => {
-      const result = state.tableData1.filter(item => item.name == state.value1)
+      const result = state.tableData1.filter(
+        (item) => item.name == state.value1
+      );
       state.tableData1 = result;
     };
     const resetLevel = () => {
-      state.value1 = '';
+      state.value1 = "";
       // getLibraryList();
       state.tableData1 = [
         {
@@ -256,8 +288,8 @@ export default defineComponent({
           creator: "李部长",
           stutime: "2022-10-31  23:12:00",
           operation: "operation",
-        }
-      ]
+        },
+      ];
     };
 
     return {
@@ -367,7 +399,7 @@ export default defineComponent({
       }
     }
     .tmpl_body {
-      padding:0px 30px;
+      padding: 0px 30px;
       .tmpl_tabbox {
         .operation {
           display: flex;
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
index a5cc20ae..a7201aea 100644
--- a/src/views/projectcenter/templateAdd.vue
+++ b/src/views/projectcenter/templateAdd.vue
@@ -1,294 +1,294 @@
 <!---- 创建模板页面 --->
 <template>
-    <div class="projectAdd">
-      <div class="header">
-        <span class="title">创建/编辑单层模板</span>
-        <div
-          @click="backPage"
-          style="cursor: pointer"
-          to="/libraryAdd"
-          class="goback"
-        >
-          <span class="return"></span><span class="returntext">返回</span>
-        </div>
+  <div class="projectAdd">
+    <div class="header">
+      <span class="title">创建/编辑单层模板</span>
+      <div
+        @click="backPage"
+        style="cursor: pointer"
+        to="/manage/libraryAdd"
+        class="goback"
+      >
+        <span class="return"></span><span class="returntext">返回</span>
       </div>
-      <div class="content">
-        <div class="main">
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">模板名称</div>
-            </div>
-            <div class="in">
-              <a-input
-                v-model:value="projectName"
-                placeholder="请输入模板名称"
-                show-count
-                :maxlength="30"
-                :disabled="viewDetail ? true : false"
-              />
-            </div>
+    </div>
+    <div class="content">
+      <div class="main">
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">模板名称</div>
           </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">分类</div>
-            </div>
-            <div class="in select">
-              <a-select
-                :getPopupContainer="
-                  (triggerNode) => {
-                    return triggerNode.parentNode || document.body;
-                  }
-                "
-                v-model:value="classifySelect"
-                placeholder="四个养成"
-                style="width: 100%"
-                :options="classifyList"
-                @change="classificationChange"
-                allowClear
-                showSearch
-                :disabled="viewDetail ? true : false"
-              >
-              </a-select>
-            </div>
+          <div class="in">
+            <a-input
+              v-model:value="projectName"
+              placeholder="请输入模板名称"
+              show-count
+              :maxlength="30"
+              :disabled="viewDetail ? true : false"
+            />
           </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">封面图</div>
-            </div>
-            <div
-              class="box"
-              style="
-                width: 100px;
-                height: 100px;
-                border: 1px solid rgba(78, 166, 255, 1);
-                border-radius: 5px;
-                cursor: pointer;
-                position: relative;
-                overflow: hidden;
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
               "
+              v-model:value="classifySelect"
+              placeholder="四个养成"
+              style="width: 100%"
+              :options="classifyList"
+              @change="classificationChange"
+              allowClear
+              showSearch
+              :disabled="viewDetail ? true : false"
             >
-              <a-upload
-                v-model:file-list="fileList"
-                name="file"
-                list-type="picture-card"
-                class="avatar-uploader"
-                :show-upload-list="false"
-                action="/api/file/upload"
-                :before-upload="beforeUpload"
-                @change="handleChange"
-                :disabled="viewDetail ? true : false"
-              >
-                <img
-                  style="
-                    width: 100px;
-                    height: 100px;
-                    margin-bottom: 4px;
-                    margin-right: 4px;
-                  "
-                  v-if="imageUrl"
-                  :src="imageUrl"
-                  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>
-            </div>
+            </a-select>
           </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">项目时间</div>
-            </div>
-  
-            <div class="in">
-              <a-range-picker
-                separator="至"
-                :placeholder="['      开始时间', '        结束时间']"
-                v-model:value="rangevalue"
-                style="width: 100%; height: 40px; border-radius: 5px"
-                @change="onRangeChange"
-                :disabled="viewDetail ? true : false"
-              />
-            </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">封面图</div>
           </div>
-          <div class="name">
-            <div class="namebox">
+          <div
+            class="box"
+            style="
+              width: 100px;
+              height: 100px;
+              border: 1px solid rgba(78, 166, 255, 1);
+              border-radius: 5px;
+              cursor: pointer;
+              position: relative;
+              overflow: hidden;
+            "
+          >
+            <a-upload
+              v-model:file-list="fileList"
+              name="file"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              action="/api/file/upload"
+              :before-upload="beforeUpload"
+              @change="handleChange"
+              :disabled="viewDetail ? true : false"
+            >
               <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">项目经理</div>
-            </div>
-            <div class="in">
-              <a-select
-                :getPopupContainer="
-                  (triggerNode) => {
-                    return triggerNode.parentNode || document.body;
-                  }
+                style="
+                  width: 100px;
+                  height: 100px;
+                  margin-bottom: 4px;
+                  margin-right: 4px;
                 "
-                :value="classifySelect1"
-                mode="multiple"
-                placeholder="请选择项目经理"
-                style="width: 100%"
-                :options="classifyList1"
-                @change="classificationChange1"
-                allowClear
-                showSearch
-                :disabled="viewDetail ? true : false"
-              >
-              </a-select>
-            </div>
-          </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+                v-if="imageUrl"
+                :src="imageUrl"
+                alt="avatar"
               />
-              <div class="inname">资源归属</div>
-            </div>
-  
-            <div class="in select">
-              <a-select
-                :getPopupContainer="
-                  (triggerNode) => {
-                    return triggerNode.parentNode || document.body;
-                  }
+              <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>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目时间</div>
+          </div>
+
+          <div class="in">
+            <a-range-picker
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              v-model:value="rangevalue"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              @change="onRangeChange"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目经理</div>
+          </div>
+          <div class="in">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              :value="classifySelect1"
+              mode="multiple"
+              placeholder="请选择项目经理"
+              style="width: 100%"
+              :options="classifyList1"
+              @change="classificationChange1"
+              allowClear
+              showSearch
+              :disabled="viewDetail ? true : false"
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">资源归属</div>
+          </div>
+
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              placeholder="自动带出 可修改"
+              :options="classifyList2"
+              @change="classificationChange2"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">模板说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-radio
+              @click="changeChecked"
+              v-model:checked="checked"
+              :disabled="viewDetail ? true : false"
+              ><span
+                style="
+                  width: 100%;
+                  color: rgba(109, 117, 132, 1);
+                  font-size: 14px;
                 "
-                v-model:value="classifySelect2"
-                placeholder="自动带出 可修改"
-                :options="classifyList2"
-                @change="classificationChange2"
-                :disabled="viewDetail ? true : false"
-              />
-            </div>
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-radio
+            >
           </div>
-          <div class="name name2">
-            <div class="namebox">
-              <div class="inname" style="margin-top: 13px">模板说明</div>
-            </div>
-            <div class="in">
-              <a-textarea
-                v-model:value="remark"
-                style="height: 80px"
-                placeholder="请输入说明"
-                show-count
-                :maxlength="200"
-                :disabled="viewDetail ? true : false"
-              />
-            </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目级别</div>
           </div>
-          <div class="name name2">
-            <div class="namebox">
-              <div class="inname">同步学习记录</div>
-            </div>
-            <div class="in">
-              <a-radio
-                @click="changeChecked"
-                v-model:checked="checked"
-                :disabled="viewDetail ? true : false"
-                ><span
-                  style="
-                    width: 100%;
-                    color: rgba(109, 117, 132, 1);
-                    font-size: 14px;
-                  "
-                  >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-                ></a-radio
-              >
-            </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect3"
+              :options="classifyList3"
+              @change="classificationChange3"
+              placeholder="集团级/组织级/现地级/部门级"
+              :disabled="viewDetail ? true : false"
+            />
           </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">项目级别</div>
-            </div>
-            <div class="in select">
-              <a-select
-                :getPopupContainer="
-                  (triggerNode) => {
-                    return triggerNode.parentNode || document.body;
-                  }
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">培训体系</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect4"
+              :options="classifyList4"
+              @change="classificationChange4"
+              placeholder="集团级/组织级/现地级/部门级"
+              :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">是否BOEU实施</div>
+          </div>
+          <div class="in">
+            <a-radio
+              @click="changeChecked1"
+              v-model:checked="checked1"
+              :disabled="viewDetail ? true : false"
+              ><span
+                style="
+                  width: 100%;
+                  color: rgba(109, 117, 132, 1);
+                  font-size: 14px;
                 "
-                v-model:value="classifySelect3"
-                :options="classifyList3"
-                @change="classificationChange3"
-                placeholder="集团级/组织级/现地级/部门级"
-                :disabled="viewDetail ? true : false"
-              />
-            </div>
+                >BOEU实施</span
+              ></a-radio
+            >
           </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">培训体系</div>
-            </div>
-            <div class="in select">
-              <a-select
-                :getPopupContainer="
-                  (triggerNode) => {
-                    return triggerNode.parentNode || document.body;
-                  }
-                "
-                v-model:value="classifySelect4"
-                :options="classifyList4"
-                @change="classificationChange4"
-                placeholder="集团级/组织级/现地级/部门级"
-                :disabled="viewDetail ? true : false"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="namebox">
-              <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="inname">是否BOEU实施</div>
-            </div>
-            <div class="in">
-              <a-radio
-                @click="changeChecked1"
-                v-model:checked="checked1"
-                :disabled="viewDetail ? true : false"
-                ><span
-                  style="
-                    width: 100%;
-                    color: rgba(109, 117, 132, 1);
-                    font-size: 14px;
-                  "
-                  >BOEU实施</span
-                ></a-radio
-              >
-            </div>
-          </div>
-          <!-- <div class="name name2">
+        </div>
+        <!-- <div class="name name2">
                       <div class="namebox" style="margin-top: 8px">
                           <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
                           <div class="inname">附件</div>
@@ -307,98 +307,157 @@
                           </div>
                       </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 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 class="footer">
-        <div class="btn">
-          <a-button v-on:click="createProject" type="primary" class="btn1"
-            >确定</a-button
-          >
-          <a-button @click="backPage" class="btn2">取消</a-button>
-        </div>
+    </div>
+    <div class="footer">
+      <div class="btn">
+        <a-button v-on:click="createProject" type="primary" class="btn1"
+          >确定</a-button
+        >
+        <a-button @click="backPage" class="btn2">取消</a-button>
       </div>
     </div>
-  </template>
+  </div>
+</template>
   <script>
-  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 { storage } from "../../api/storage";
-  import { toDate } from "../../api/method";
-  
-  export default {
-    name: "projectAdd",
-    setup() {
-      // 编辑页面跳转过来时候，自动填充表格
-      const routers = useRoute();
-      const isEdit = ref(false);
-      let peojectID = "";
-  
-      if (routers.query.projectId) {
-        storage.set("projectAddId", routers.query.projectId);
+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 { storage } from "../../api/storage";
+import { toDate } from "../../api/method";
+
+export default {
+  name: "projectAdd",
+  setup() {
+    // 编辑页面跳转过来时候，自动填充表格
+    const routers = useRoute();
+    const isEdit = ref(false);
+    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);
+        });
+    } else {
+      if (storage.get("projectAddId")) {
         isEdit.value = true;
-        peojectID = routers.query.projectId;
+        peojectID = storage.get("projectAddId");
         // 需要编辑
         api
-          .getProjectDetail({ projectId: routers.query.projectId })
+          .getProjectDetail({ projectId: storage.get("projectAddId") })
           .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 *
+              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 = [];
@@ -418,8 +477,7 @@
               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);
@@ -436,924 +494,866 @@
           .catch((err) => {
             console.log(err);
           });
-      } 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);
-            });
-        }
       }
-  
-      const backPage = () => {
-        storage.remove("projectAddId");
-        setTimeout(() => {
-          router.push({
-            path: "/libraryAdd",
-          });
-        }, 400);
-      };
-  
-      const router = useRouter();
-      const state = reactive({
-        classifySelect: null,
-        classifySelectId: null,
-        checked: false,
-        checked1: false,
-        valueE: null,
-        valueE1: null,
-        valueE2: null,
-        classifySelect1: [],
-        classifySelect2: [],
-        classifySelect3: [],
-        classifySelect4: [],
-        rangevalue: [],
-  
-        currentPage: 1, //当前页
-        tableDataTotal: -1, //模版列表总数
-        pageSize: 10, //每页10条数据
-        totalPages: 0, //总页数
-        viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
-      });
-  
-      const projectName = ref("");
-  
-      const classifyList = ref([
-        { value: 1, label: "管理者" },
-        { value: 2, label: "领军者" },
-        { value: 3, label: "产业人" },
-      ]);
-  
-      let projectType = "";
-  
-      const classificationChange = (value) => {
-        console.log(`selected ${value}`);
-        projectType = value;
-      };
-  
-      function getBase64(img, callback) {
-        const reader = new FileReader();
-        reader.addEventListener("load", () => callback(reader.result));
-        reader.readAsDataURL(img);
-      }
-  
-      const fileList = ref([]);
-      const fileList1 = ref([]);
-      const loading = ref(false);
-      const imageUrl = ref("");
-      let picUrl = "";
-  
-      const handleChange = (info) => {
-        if (info.file.status === "uploading") {
-          loading.value = true;
-          return;
-        }
-        if (info.file.status === "done") {
-          console.log("上传图片返回的信息 %o", info);
-          picUrl = info.file.response.data;
-          // Get this url from response in real world.
-          getBase64(info.file.originFileObj, (base64Url) => {
-            imageUrl.value = base64Url;
-            loading.value = false;
-          });
-        }
-        if (info.file.status === "error") {
-          loading.value = false;
-          message.error("upload error");
-        }
-      };
-  
-      let uplodaFileCount = false;
-  
-      let attach = "";
-      let attachData = "";
-      const handleChange1 = (info) => {
-        if (info.file.status === "uploading") {
-          loading.value = true;
-          return;
-        }
-        if (info.file.status === "done") {
-          console.log(
-            "上传附件返回的信息 %o",
-            info,
-            info.fileList.length,
-            uplodaFileCount
-          );
-  
-          let attachStr = "";
-          attachData = info.fileList;
-          for (let i = 0; i < attachData.length; i++) {
-            if (attachData.length - 1 == i) {
-              attachStr += attachData[i].response.data;
-            } else {
-              attachStr += attachData[i].response.data + ",";
-            }
-          }
-          console.log(attachStr);
-          attach = attachStr;
-  
-          if (info.fileList.length > 5) {
-            uplodaFileCount = true;
-          } else {
-            uplodaFileCount = false;
-          }
-        }
-        if (info.file.status === "error") {
-          loading.value = false;
-          message.error("upload error");
-        }
-      };
-  
-      const beforeUpload = (file) => {
-        const isJpgOrPng =
-          file.type === "image/jpeg" || file.type === "image/png";
-        if (!isJpgOrPng) {
-          message.error("You can only upload JPG file!");
-        }
-        const isLt2M = file.size / 1024 / 1024 < 1;
-        if (!isLt2M) {
-          message.error("Image must smaller than 1MB!");
-        }
-        return isJpgOrPng && isLt2M;
-      };
-  
-      const beforeUpload1 = () => {
-        return new Promise((resovle, reject) => {
-          if (uplodaFileCount) {
-            message.info("上传文件数量已达最大数量");
-            return reject(false);
-          }
-          return resovle(true);
+    }
+
+    const backPage = () => {
+      storage.remove("projectAddId");
+      setTimeout(() => {
+        router.push({
+          path: "/manage/libraryAdd",
         });
-      };
-  
-      let beginTime = "";
-      let endTime = "";
-      const dateFormatList = ["YYYY/MM/DD"];
-  
-      const onRangeChange = (value, dateString) => {
-        console.log("Selected Time: ", value);
-        // 项目时间选择函数
-        console.log("Formatted Selected Time: ", dateString);
+      }, 400);
+    };
+
+    const router = useRouter();
+    const state = reactive({
+      classifySelect: null,
+      classifySelectId: null,
+      checked: false,
+      checked1: false,
+      valueE: null,
+      valueE1: null,
+      valueE2: null,
+      classifySelect1: [],
+      classifySelect2: [],
+      classifySelect3: [],
+      classifySelect4: [],
+      rangevalue: [],
+
+      currentPage: 1, //当前页
+      tableDataTotal: -1, //模版列表总数
+      pageSize: 10, //每页10条数据
+      totalPages: 0, //总页数
+      viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
+    });
+
+    const projectName = ref("");
+
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
+
+    let projectType = "";
+
+    const classificationChange = (value) => {
+      console.log(`selected ${value}`);
+      projectType = value;
+    };
+
+    function getBase64(img, callback) {
+      const reader = new FileReader();
+      reader.addEventListener("load", () => callback(reader.result));
+      reader.readAsDataURL(img);
+    }
+
+    const fileList = ref([]);
+    const fileList1 = ref([]);
+    const loading = ref(false);
+    const imageUrl = ref("");
+    let picUrl = "";
+
+    const handleChange = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log("上传图片返回的信息 %o", info);
+        picUrl = info.file.response.data;
+        // Get this url from response in real world.
+        getBase64(info.file.originFileObj, (base64Url) => {
+          imageUrl.value = base64Url;
+          loading.value = false;
+        });
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
+
+    let uplodaFileCount = false;
+
+    let attach = "";
+    let attachData = "";
+    const handleChange1 = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
         console.log(
-          "Formatted Selected TimeStamp",
-          new Date(dateString[0]).getTime()
+          "上传附件返回的信息 %o",
+          info,
+          info.fileList.length,
+          uplodaFileCount
         );
-        beginTime = new Date(dateString[0]).getTime() / 1000;
-        endTime = new Date(dateString[1]).getTime() / 1000;
-      };
-  
-      // 项目经理 后续接口调用
-      const classifyList1 = ref([
-        { value: 1, label: "李俊国" },
-        { value: 2, label: "将小米" },
-        { value: 3, label: "刘孟君" },
-      ]);
-  
-      let manager = "";
-      let managerId = "";
-      const classificationChange1 = (key, options) => {
-        console.log(`selected ${key}`, options);
-        let mstr = "";
-        let midstr = "";
-        for (let i = 0; i < key.length; i++) {
-          if (key.length - 1 !== i) {
-            midstr += key[i] + ",";
-            mstr += classifyList1.value[i].label + ",";
-          } else {
-            midstr += key[i];
-            mstr += classifyList1.value[i].label;
-          }
-        }
-        console.log(mstr, midstr);
-        state.classifySelect1 = options;
-        let newoptions = [];
-        for (let i = 0; i < state.classifySelect1.length; i++) {
-          if (state.classifySelect1[i].value) {
-            newoptions.push(state.classifySelect1[i]);
-          }
-        }
-        state.classifySelect1 = newoptions;
-        manager = mstr;
-        managerId = midstr;
-      };
-  
-      // 资源归属 sourceBelongId 后续给接口
-      const classifyList2 = ref([
-        { value: 1, label: "项目一" },
-        { value: 2, label: "项目二" },
-        { value: 3, label: "项目三" },
-      ]);
-  
-      let sourceBelongIdC = "";
-      const classificationChange2 = (key) => {
-        console.log(`selected ${key}`, classifyList2);
-        sourceBelongIdC = key;
-      };
-  
-      // 项目级别
-      const classifyList3 = ref([
-        { value: 1, label: "集团级" },
-        { value: 2, label: "组织级" },
-        { value: 3, label: "现地级" },
-        { value: 4, label: "部门级" },
-      ]);
-  
-      let levels = "";
-      const classificationChange3 = (key) => {
-        console.log(`selected ${key}`, classifyList3);
-        levels = key;
-      };
-  
-      // 培训体系
-      const classifyList4 = ref([
-        { value: 1, label: "集团级" },
-        { value: 2, label: "组织级" },
-        { value: 3, label: "现地级" },
-        { value: 4, label: "部门级" },
-      ]);
-  
-      let systemid = "";
-      const classificationChange4 = (key) => {
-        console.log(`selected ${key}`, classifyList4);
-        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);
-        const { target } = e;
-        const scrllHeight = target.scrollHeight - target.scrollTop;
-        const clientHeight = target.clientHeight;
-        // console.log("scrllHeight", scrllHeight, clientHeight);
-        if (scrllHeight === 0 && clientHeight === 0) {
-          state.currentPage = 1;
-        } else if (scrllHeight - clientHeight == 0) {
-          // 下拉到底部时
-          if (state.currentPage < state.totalPages) {
-            // 如果滑到底部，则加载下一页
-            state.currentPage++;
-            getTemplate();
-          }
-        }
-      };
-  
-      // 项目说明
-      const remark = ref("");
-  
-      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;
+        attachData = info.fileList;
+        for (let i = 0; i < attachData.length; i++) {
+          if (attachData.length - 1 == i) {
+            attachStr += attachData[i].response.data;
           } else {
-            attachStr += fileList1["value"][i].response.data + ",";
+            attachStr += attachData[i].response.data + ",";
           }
         }
+        console.log(attachStr);
         attach = attachStr;
+
+        if (info.fileList.length > 5) {
+          uplodaFileCount = true;
+        } else {
+          uplodaFileCount = false;
+        }
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
+
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpeg" || file.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("You can only upload JPG file!");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isLt2M) {
+        message.error("Image must smaller than 1MB!");
+      }
+      return isJpgOrPng && isLt2M;
+    };
+
+    const beforeUpload1 = () => {
+      return new Promise((resovle, reject) => {
+        if (uplodaFileCount) {
+          message.info("上传文件数量已达最大数量");
+          return reject(false);
+        }
+        return resovle(true);
+      });
+    };
+
+    let beginTime = "";
+    let endTime = "";
+    const dateFormatList = ["YYYY/MM/DD"];
+
+    const onRangeChange = (value, dateString) => {
+      console.log("Selected Time: ", value);
+      // 项目时间选择函数
+      console.log("Formatted Selected Time: ", dateString);
+      console.log(
+        "Formatted Selected TimeStamp",
+        new Date(dateString[0]).getTime()
+      );
+      beginTime = new Date(dateString[0]).getTime() / 1000;
+      endTime = new Date(dateString[1]).getTime() / 1000;
+    };
+
+    // 项目经理 后续接口调用
+    const classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
+
+    let manager = "";
+    let managerId = "";
+    const classificationChange1 = (key, options) => {
+      console.log(`selected ${key}`, options);
+      let mstr = "";
+      let midstr = "";
+      for (let i = 0; i < key.length; i++) {
+        if (key.length - 1 !== i) {
+          midstr += key[i] + ",";
+          mstr += classifyList1.value[i].label + ",";
+        } else {
+          midstr += key[i];
+          mstr += classifyList1.value[i].label;
+        }
+      }
+      console.log(mstr, midstr);
+      state.classifySelect1 = options;
+      let newoptions = [];
+      for (let i = 0; i < state.classifySelect1.length; i++) {
+        if (state.classifySelect1[i].value) {
+          newoptions.push(state.classifySelect1[i]);
+        }
+      }
+      state.classifySelect1 = newoptions;
+      manager = mstr;
+      managerId = midstr;
+    };
+
+    // 资源归属 sourceBelongId 后续给接口
+    const classifyList2 = ref([
+      { value: 1, label: "项目一" },
+      { value: 2, label: "项目二" },
+      { value: 3, label: "项目三" },
+    ]);
+
+    let sourceBelongIdC = "";
+    const classificationChange2 = (key) => {
+      console.log(`selected ${key}`, classifyList2);
+      sourceBelongIdC = key;
+    };
+
+    // 项目级别
+    const classifyList3 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+
+    let levels = "";
+    const classificationChange3 = (key) => {
+      console.log(`selected ${key}`, classifyList3);
+      levels = key;
+    };
+
+    // 培训体系
+    const classifyList4 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+
+    let systemid = "";
+    const classificationChange4 = (key) => {
+      console.log(`selected ${key}`, classifyList4);
+      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),
       };
-  
-      const errorMsgs = {
-        name: "请输入项目名称",
-        category: "请选择项目分类",
-        picUrl: "请上传项目封面图",
-        beginTime: "请选择项目开始时间",
-        endTime: "请选择项目结束时间",
-        manager: "请选择项目经理",
-        managerId: "请选择项目经理",
-        sourceBelongId: "请选择资源归属",
-        level: "请填写项目级别",
-        systemId: "请填写项目培训体系",
-        boeFlag: "请选择是否BOE实施",
-      };
-  
-      const createProject = () => {
-        console.log("我是否要编辑项目", isEdit.value);
-        if (isEdit.value) {
-          console.log("我要编辑项目", peojectID);
-          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,
-          };
-  
-          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
+        .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;
           }
-  
-          api
-            .createProject(obj)
-            .then((res) => {
-              console.log(res);
-              if (res.status == 200 && res.data.code == 200) {
-                message.destroy();
-                message.success("编辑成功");
-                setTimeout(() => {
-                  router.push({
-                    path: "/projectmanage",
-                  });
-                }, 1000);
-              } else {
-                message.destroy();
-                message.error("编辑失败，请检查当前网络状态。");
-              }
-            })
-            .catch((err) => {
-              console.log(err);
+        })
+        .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);
+      const { target } = e;
+      const scrllHeight = target.scrollHeight - target.scrollTop;
+      const clientHeight = target.clientHeight;
+      // console.log("scrllHeight", scrllHeight, clientHeight);
+      if (scrllHeight === 0 && clientHeight === 0) {
+        state.currentPage = 1;
+      } else if (scrllHeight - clientHeight == 0) {
+        // 下拉到底部时
+        if (state.currentPage < state.totalPages) {
+          // 如果滑到底部，则加载下一页
+          state.currentPage++;
+          getTemplate();
+        }
+      }
+    };
+
+    // 项目说明
+    const remark = ref("");
+
+    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;
+    };
+
+    const errorMsgs = {
+      name: "请输入项目名称",
+      category: "请选择项目分类",
+      picUrl: "请上传项目封面图",
+      beginTime: "请选择项目开始时间",
+      endTime: "请选择项目结束时间",
+      manager: "请选择项目经理",
+      managerId: "请选择项目经理",
+      sourceBelongId: "请选择资源归属",
+      level: "请填写项目级别",
+      systemId: "请填写项目培训体系",
+      boeFlag: "请选择是否BOE实施",
+    };
+
+    const createProject = () => {
+      console.log("我是否要编辑项目", isEdit.value);
+      if (isEdit.value) {
+        console.log("我要编辑项目", peojectID);
+        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,
+        };
+
+        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
+          .createProject(obj)
+          .then((res) => {
+            console.log(res);
+            if (res.status == 200 && res.data.code == 200) {
+              message.destroy();
+              message.success("编辑成功");
+              setTimeout(() => {
+                router.push({
+                  path: "/manage/projectmanage",
+                });
+              }, 1000);
+            } else {
               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;
             }
+          })
+          .catch((err) => {
+            console.log(err);
+            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);
+        }
+
+        api
+          .createProject(obj)
+          .then((res) => {
+            console.log(res);
+            if (res.status == 200 && res.data.code == 200) {
+              message.destroy();
+              message.success("创建成功");
+              setTimeout(() => {
+                router.push({
+                  path: "/manage/taskpage",
+                  query: { id: res.data.data.projectId },
+                });
+              }, 1000);
+            } else {
               message.destroy();
               message.error("创建失败，请检查当前网络状态。");
-            });
-        }
-      };
-  
-      return {
-        ...toRefs(state),
-        projectName,
-        classifyList,
-        classificationChange,
-        classificationChange1,
-        classificationChange2,
-        classificationChange3,
-        classificationChange4,
-        classificationChange5,
-        fileList,
-        fileList1,
-        loading,
-        imageUrl,
-        handleChange,
-        handleChange1,
-        beforeUpload,
-        beforeUpload1,
-        onRangeChange,
-        classifyList1,
-        classifyList2,
-        classifyList3,
-        classifyList4,
-        classifyList5,
-        remark,
-        changeChecked,
-        changeChecked1,
-        uplodaFileCount,
-        createProject,
-        removeFile,
-  
-        isEdit,
-        backPage,
-        dateFormatList,
-  
-        templateScroll,
-      };
-    },
-  };
-  </script>
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            message.destroy();
+            message.error("创建失败，请检查当前网络状态。");
+          });
+      }
+    };
+
+    return {
+      ...toRefs(state),
+      projectName,
+      classifyList,
+      classificationChange,
+      classificationChange1,
+      classificationChange2,
+      classificationChange3,
+      classificationChange4,
+      classificationChange5,
+      fileList,
+      fileList1,
+      loading,
+      imageUrl,
+      handleChange,
+      handleChange1,
+      beforeUpload,
+      beforeUpload1,
+      onRangeChange,
+      classifyList1,
+      classifyList2,
+      classifyList3,
+      classifyList4,
+      classifyList5,
+      remark,
+      changeChecked,
+      changeChecked1,
+      uplodaFileCount,
+      createProject,
+      removeFile,
+
+      isEdit,
+      backPage,
+      dateFormatList,
+
+      templateScroll,
+    };
+  },
+};
+</script>
   <style lang="scss">
-  .projectAdd {
+.projectAdd {
+  width: 100%;
+  // height: inherit;
+  // flex: 1;
+  // flex-shrink: 0;
+  // overflow-y: auto;
+
+  .header {
     width: 100%;
-    // height: inherit;
-    // flex: 1;
-    // flex-shrink: 0;
-    // overflow-y: auto;
-  
-    .header {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-  
-      .title {
-        color: #000000;
-        font-size: 18px;
-        //line-height: 36px;
-        padding-top: 30px;
-        padding-left: 37px;
-        //font-weight: 500;
-      }
-  
-      .goback {
-        padding-right: 70px;
-        //padding-top: 37px;
-        position: relative;
-  
-        .return {
-          display: inline-block;
-          width: 42px;
-          height: 42px;
-          margin-top: 17px;
-          margin-right: 10px;
-          background-image: url("../../assets/images/projectadd/return.png");
-        }
-  
-        .returntext {
-          display: inline-block;
-          position: absolute;
-          top: 27px;
-          color: #4ea6ff;
-          font-size: 14px;
-        }
-      }
+    display: flex;
+    justify-content: space-between;
+
+    .title {
+      color: #000000;
+      font-size: 18px;
+      //line-height: 36px;
+      padding-top: 30px;
+      padding-left: 37px;
+      //font-weight: 500;
     }
-  
-    // 修改 antd upload 样式
-    .ant-upload {
-      border-width: 0px;
-    }
-  
-    .content {
-      display: flex;
-  
-      .main {
-        width: 50%;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        //justify-content: center;
-        float: left;
-        border-right: 1px solid rgba(153, 155, 163, 0.3);
-  
-        .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: #6f6f6f;
-            font-size: 14px;
-            margin-left: 7px;
-          }
-  
-          .in {
-            margin-left: 14px;
-            flex: 1;
-  
-            // .ant-radio-wrapper {
-            // }
-            .ant-input-textarea-show-count {
-              position: relative;
-              height: 88px;
-            }
-  
-            .ant-input-textarea-show-count::after {
-              position: absolute;
-              right: 10px;
-              bottom: 0px;
-            }
-  
-            .ant-input {
-              border-radius: 8px;
-              // height: 120%;
-              width: 100%;
-              height: 40px;
-            }
-  
-            .ant-input-affix-wrapper {
-              padding: 0 11px;
-              border-radius: 8px;
-            }
-  
-            .ant-select-selector {
-              border-radius: 5px;
-              // height: 120%;
-              width: 100%;
-              // height: 40px;
-            }
-          }
-  
-          .filebox {
-            margin-left: 14px;
-            flex: 1;
-  
-            .fileimg {
-              width: 15px;
-              height: 15px;
-              margin-right: 6px;
-            }
-  
-            .filetext {
-              font-size: 14px;
-              font-weight: 400;
-              color: #4ea6ff;
-              line-height: 36px;
-            }
-  
-            .support {
-              font-size: 14px;
-              font-weight: 400;
-              color: #999ba3;
-              line-height: 36px;
-              margin-top: 8px;
-              word-break: break-all;
-            }
-          }
-        }
-  
-        .name2 {
-          display: flex;
-          align-items: flex-start;
-  
-          .ant-input-textarea {
-            .ant-input {
-              height: 88px;
-            }
-          }
-        }
+
+    .goback {
+      padding-right: 70px;
+      //padding-top: 37px;
+      position: relative;
+
+      .return {
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        margin-top: 17px;
+        margin-right: 10px;
+        background-image: url("../../assets/images/projectadd/return.png");
       }
-  
-      .template {
-        width: 50%;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        //justify-content: center;
-        float: right;
-  
-        .name {
-          width: 78%;
-          // background-color: lightcoral;
-          display: flex;
-          margin-top: 20px;
-          align-items: center;
-          height: 40px;
-  
-          // border: 1px solid black;
-          .d {
-            margin-top: 8px;
-            font-size: 25px;
-            color: #ff4e4e;
-          }
-  
-          .inname {
-            color: #6f6f6f;
-            font-size: 14px;
-            margin-left: 7px;
-            width: 65px;
-          }
-  
-          .in {
-            margin-left: 14px;
-            width: 81%;
-  
-            .ant-input {
-              border-radius: 5px;
-              // height: 120%;
-              width: 100%;
-              height: 40px;
-            }
-  
-            .ant-select-selector {
-              border-radius: 5px;
-              // height: 120%;
-              width: 100%;
-              height: 40px;
-            }
-          }
-        }
-      }
-    }
-  
-    .footer {
-      width: 100%;
-      margin-top: 31px;
-      margin-bottom: 14px;
-      padding-bottom: 20px;
-  
-      .btn {
-        display: flex;
-        justify-content: center;
-  
-        .btn1 {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: 100px;
-          height: 40px;
-          border-radius: 8px;
-          background: #409eff;
-          color: #ffffff;
-          margin-right: 14px;
-        }
-  
-        .btn2 {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: 100px;
-          height: 40px;
-          border-radius: 8px;
-          border: 1px solid #409eff;
-          background: #ffffff;
-          color: #409eff;
-        }
-      }
-  
-      .text {
-        color: rgba(153, 155, 163, 1);
+
+      .returntext {
+        display: inline-block;
+        position: absolute;
+        top: 27px;
+        color: #4ea6ff;
         font-size: 14px;
-        margin-left: 223px;
       }
     }
   }
-  </style>
+
+  // 修改 antd upload 样式
+  .ant-upload {
+    border-width: 0px;
+  }
+
+  .content {
+    display: flex;
+
+    .main {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: left;
+      border-right: 1px solid rgba(153, 155, 163, 0.3);
+
+      .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: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
+
+        .in {
+          margin-left: 14px;
+          flex: 1;
+
+          // .ant-radio-wrapper {
+          // }
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
+
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
+
+          .ant-input {
+            border-radius: 8px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+
+          .ant-input-affix-wrapper {
+            padding: 0 11px;
+            border-radius: 8px;
+          }
+
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            // height: 40px;
+          }
+        }
+
+        .filebox {
+          margin-left: 14px;
+          flex: 1;
+
+          .fileimg {
+            width: 15px;
+            height: 15px;
+            margin-right: 6px;
+          }
+
+          .filetext {
+            font-size: 14px;
+            font-weight: 400;
+            color: #4ea6ff;
+            line-height: 36px;
+          }
+
+          .support {
+            font-size: 14px;
+            font-weight: 400;
+            color: #999ba3;
+            line-height: 36px;
+            margin-top: 8px;
+            word-break: break-all;
+          }
+        }
+      }
+
+      .name2 {
+        display: flex;
+        align-items: flex-start;
+
+        .ant-input-textarea {
+          .ant-input {
+            height: 88px;
+          }
+        }
+      }
+    }
+
+    .template {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: right;
+
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
+
+        // border: 1px solid black;
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
+
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+          width: 65px;
+        }
+
+        .in {
+          margin-left: 14px;
+          width: 81%;
+
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+
+  .footer {
+    width: 100%;
+    margin-top: 31px;
+    margin-bottom: 14px;
+    padding-bottom: 20px;
+
+    .btn {
+      display: flex;
+      justify-content: center;
+
+      .btn1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        background: #409eff;
+        color: #ffffff;
+        margin-right: 14px;
+      }
+
+      .btn2 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        background: #ffffff;
+        color: #409eff;
+      }
+    }
+
+    .text {
+      color: rgba(153, 155, 163, 1);
+      font-size: 14px;
+      margin-left: 223px;
+    }
+  }
+}
+</style>
   
\ No newline at end of file
diff --git a/src/views/research/ManagePage.vue b/src/views/research/ManagePage.vue
index dd7aec0e..3008b51f 100644
--- a/src/views/research/ManagePage.vue
+++ b/src/views/research/ManagePage.vue
@@ -10,9 +10,9 @@
               导出信息
             </span>
           </div>
-          <router-link to="/researchmanage" class="goback">
+          <router-link to="/manage/researchmanage" class="goback">
             <span class="return"></span>
-            <router-link class="returntext" to="/researchmanage">
+            <router-link class="returntext" to="/manage/researchmanage">
               返回
             </router-link>
           </router-link>
diff --git a/src/views/research/ResearchAdd copy.vue b/src/views/research/ResearchAdd copy.vue
index b2ad3d38..a8593eed 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="/researchmanage" class="goback">
+      <router-link to="/manage/researchmanage" class="goback">
         <span class="return"></span>
-        <router-link class="returntext" to="/researchmanage">
+        <router-link class="returntext" to="/manage/researchmanage">
           返回
         </router-link>
       </router-link>
@@ -401,7 +401,9 @@ export default {
       if (state.assessmentId) {
         resultPost = {
           assessmentId: state.assessmentId,
-          assessmentName: state.assessmentName ? state.assessmentName : "编辑测试",
+          assessmentName: state.assessmentName
+            ? state.assessmentName
+            : "编辑测试",
           assessmentMark: state.assessmentMark,
           ...filterData,
         };
diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue
index 3a97ca47..d7562fb0 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="/researchmanage" class="goback">
+      <router-link to="/manage/researchmanage" class="goback">
         <span class="return"></span>
-        <router-link class="returntext" to="/researchmanage">
+        <router-link class="returntext" to="/manage/researchmanage">
           返回
         </router-link>
       </router-link>
@@ -499,7 +499,7 @@ export default {
           if (res.data.code === 200) {
             message.success("编辑成功");
             router.push({
-              path: "/researchmanage",
+              path: "/manage/researchmanage",
             });
           }
         });
@@ -517,7 +517,7 @@ export default {
           if (res.data.code === 200) {
             message.success("创建成功");
             router.push({
-              path: "/researchmanage",
+              path: "/manage/researchmanage",
             });
           }
         });
@@ -526,7 +526,7 @@ export default {
     const handleAllCancel = () => {
       state.allFormsData = [];
       router.push({
-        path: "/researchmanage",
+        path: "/manage/researchmanage",
       });
     };
     const checkVal = (filterData) => {
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 6e56bc80..3e972ffd 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, "/managepage");
+                      handleToManagepage(value, "/manage/managepage");
                     }}
                   >
                     管理
@@ -474,7 +474,7 @@ export default {
                   <div
                     class="jc"
                     onClick={() => {
-                      handleToResearchadd(value, "/researchadd");
+                      handleToResearchadd(value, "/manage/researchadd");
                     }}
                   >
                     基础信息
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 347c9d8b..187f212b 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: "/learningpath", params: { id: 1 } });
+      router.push({ path: "/manage/learningpath", params: { id: 1 } });
     };
 
     //下载二维码图片
diff --git a/vue.config.js b/vue.config.js
index dc5c008b..d7532e53 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,17 +1,25 @@
+/*
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-21 14:32:52
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2022-11-21 15:15:30
+ * @FilePath: /fe-manage/vue.config.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 const { defineConfig } = require("@vue/cli-service");
 module.exports = defineConfig({
   // transpileDependencies: true,
   devServer: {
-    port:8080,
+    port: 8080,
     proxy: {
-      "/api": {
+      "/manageApi": {
         // target:"http://192.168.100.208:30001",
         target: "http://111.231.196.214:30001/", //这里后台的地址模拟的;应该填写你们真实的后台接口
         changeOrigin: true, //表示是否改变原域名
         // secure: false,
         // ws: false, //表示WebSocket协议
         pathRewrite: {
-          "^/api": "",
+          "^/manageApi": "",
         },
       },
     },