diff --git a/src/api/index.js b/src/api/index.js
index f1afd2ed..883c6a74 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -41,4 +41,7 @@ import http from "./config";
 export const createProject = (obj) => http.post('/admin/project/edit', obj)
 
 // 获取项目列表
-export const getProjectList = (obj) => http.post('/admin/project/list', obj)
\ No newline at end of file
+export const getProjectList = (obj) => http.post('/admin/project/list', obj)
+
+// 获取项目详情信息（包含阶段及任务列表）
+export const getProjectDetail = (obj) => http.get('/admin/project/detail', { params: obj })
\ No newline at end of file
diff --git a/src/api/indexEval.js b/src/api/indexEval.js
index 9967452d..cdf01640 100644
--- a/src/api/indexEval.js
+++ b/src/api/indexEval.js
@@ -33,11 +33,7 @@ import qs from 'qs';
  * axios.post(`${this.$url}/test/testRequest`,data).then()
  *
  */
-//  , {
-//     header: {
-//         'token': '123',
-//     }
-// }
+
 
 // 接口-请求
 
@@ -48,7 +44,11 @@ export const createEvaluation = (obj) => http.post('/evaluation/createEvaluation
 export const fileUp = (obj) => http.post('/file/upload', obj, qs.stringify({ obj }));
 
 //删除测评信息
-export const deleteEvaluationById = (obj) => http.post('/evaluation/deleteEvaluationById', { params: obj })
+export const deleteEvaluationById = (obj) => http.post('/evaluation/deleteEvaluationById', { params: obj }, {
+    header: {
+        'token': '123',
+    }
+})
 
 
 //根据ID获取测评信息详情
diff --git a/src/api/indexStage.js b/src/api/indexStage.js
new file mode 100644
index 00000000..7b0d3fb1
--- /dev/null
+++ b/src/api/indexStage.js
@@ -0,0 +1,8 @@
+import http from "./config";
+
+//添加阶段
+export const editStage = (obj) => http.post('/admin/project/editStage', obj, {
+    headers: {
+        'token': '123'
+    }
+});
\ No newline at end of file
diff --git a/src/api/indexTask.js b/src/api/indexTask.js
new file mode 100644
index 00000000..534f95e7
--- /dev/null
+++ b/src/api/indexTask.js
@@ -0,0 +1,14 @@
+import http from "./config";
+
+
+// 获取路径图详情-包含关卡及任务列表
+export const GetRouterDetail = (routerId) => http.get(`/admin/router/detail?routerId=${routerId}`)
+
+// 新建或编辑阶段任务
+export const ProjectEditTask = (obj) => http.post('/admin/project/editTask',obj)
+// 新建或编辑关卡任务
+export const RouterEditTask = (obj) => http.post('/admin/router/editTask',obj)
+// 删除关卡任务
+export const RouterDeleteTask = (obj) => http.post('/admin/router/deleteTask',obj);
+// 删除项目任务
+export const ProjectDeleteTask = (obj) => http.delete('/admin/project/deleteTask',obj);
\ No newline at end of file
diff --git a/src/api/storage.js b/src/api/storage.js
new file mode 100644
index 00000000..b274231f
--- /dev/null
+++ b/src/api/storage.js
@@ -0,0 +1,51 @@
+/**
+ * 封装操作localstorage本地存储的方法
+ */
+export const storage = {
+	//存储
+	set(key, value) {
+		localStorage.setItem(key, JSON.stringify(value))
+	},
+	//取出数据
+	get(key) {
+		const value = localStorage.getItem(key)
+		if (value && value != "undefined" && value != "null") {
+			return JSON.parse(value)
+		}
+	},
+	// 删除数据
+	remove(key) {
+		localStorage.removeItem(key)
+	},
+	// 获取所有数据
+	getAllStorage() {
+		return JSON.parse(window.localStorage.getItem() || "{}")
+	},
+	// 删除所有数据
+	removeAllLocalStorage() {
+		window.localStorage.clear()
+		return { message: "ok" }
+	}
+};
+
+/**
+ * 封装操作sessionStorage本地存储的方法
+ */
+export const sessionStorage = {
+	//存储
+	set(key, value) {
+		window.sessionStorage.setItem(key, JSON.stringify(value))
+	},
+	//取出数据
+	get(key) {
+		const value = window.sessionStorage.getItem(key)
+		if (value && value != "undefined" && value != "null") {
+			return JSON.parse(value)
+		}
+		return null
+	},
+	// 删除数据
+	remove(key) {
+		window.sessionStorage.removeItem(key)
+	}
+}
\ No newline at end of file
diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index b4fe8827..aeaebb45 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -224,6 +224,7 @@
 <script>
 import { reactive, toRefs, ref } from "vue";
 import * as api from "../../api/indexActivity";
+import * as apiTask from "../../api/indexTaskadd";
 import { message } from "ant-design-vue";
 import { toDate } from "../../api/method.js";
 const rowSelection = ref({
@@ -332,8 +333,7 @@ export default {
       };
       api
         .createActivity(obj)
-        .then((res) => {
-          setTimeout(() => {
+        .then((res) => {          
             console.log("创建成功", res);
             message.success("创建成功");
             state.radioV1 = "";
@@ -347,7 +347,26 @@ export default {
             state.textV2 = "";
             state.time = "";
             ctx.emit("update:addactiveVisible", false);
-          }, 1000);
+            apiTask
+            .addTask({
+              courseId: 0,
+              duration: obj.activityDuration,
+              flag: true,
+              name: obj.activityName,
+              projectId: 28,
+              projectTaskId: 0,
+              stageId: 3,
+              type: 9,
+            })
+            .then((res) => {
+              console.log("调用项目添加接口后", res.data);
+              //重新获取任务列表
+              // apiTask.getTask({ projectId: 28 });
+              // router.push("/taskadd");
+            })
+            .catch((err) => {
+              console.log(err);
+            });
         })
         .catch((err) => {
           console.log("创建失败",err);
diff --git a/src/components/drawers/AddDiscuss.vue b/src/components/drawers/AddDiscuss.vue
index 6f0735da..7d7563a3 100644
--- a/src/components/drawers/AddDiscuss.vue
+++ b/src/components/drawers/AddDiscuss.vue
@@ -3,7 +3,6 @@
     :visible="adddiscussVisible"
     class="drawerStyle addrefDrawer"
     width="80%"
-    title="添加讨论"
     placement="right"
     @after-visible-change="afterVisibleChange"
   >
@@ -72,6 +71,7 @@
 <script>
 import { reactive, toRefs, ref } from "vue";
 import * as api from "../../api/indexDiscuss";
+import * as apiTask from "../../api/indexTaskadd";
 import { message } from "ant-design-vue";
 const rowSelection = ref({
   checkStrictly: false,
@@ -105,6 +105,7 @@ export default {
       inputV2: "",
       textV1: "",
       checkedC1: "",
+      add: true,
     });
     const closeDrawer = () => {
       ctx.emit("update:adddiscussVisible", false);
@@ -137,17 +138,33 @@ export default {
       api
         .createDiscuss(obj)
         .then((res) => {
-          setTimeout(() => {
-            console.log("创建成功", res);
-            state.inputV1 = "";
-            state.textV1 = "";
-            message.success("创建成功");
-            ctx.emit("update:adddiscussVisible", false);
-            // let emit = defineEmits(["changeData"]);
-            // emit("changeData", true);
-            ctx.emit("changeData", "传的参数");
-            // props.(true);
-          }, 1000);
+          console.log("创建成功", res);
+          state.inputV1 = "";
+          state.textV1 = "";
+          message.success("创建成功");
+          ctx.emit("update:adddiscussVisible", false);
+          //ctx.emit("changeData","传的参数");
+          //console.log("discussName",obj.discussName);
+          apiTask
+            .addTask({
+              courseId: 0,
+              duration: 0,
+              flag: true,
+              name: obj.discussName,
+              projectId: 28,
+              projectTaskId: 0,
+              stageId: 3,
+              type: 8,
+            })
+            .then((res) => {
+              console.log("调用项目添加接口后", res.data);
+              //重新获取任务列表
+              // apiTask.getTask({ projectId: 28 });
+              // router.push("/taskadd");
+            })
+            .catch((err) => {
+              console.log(err);
+            });
         })
         .catch((err) => {
           console.log("创建失败", err);
diff --git a/src/components/drawers/AddEval.vue b/src/components/drawers/AddEval.vue
index 3aeb0981..88767997 100644
--- a/src/components/drawers/AddEval.vue
+++ b/src/components/drawers/AddEval.vue
@@ -9,7 +9,8 @@
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">添加测评</div>
+        <div v-if="edit" class="headerTitle">编辑测评</div>
+        <div v-else class="headerTitle">添加测评</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -91,7 +92,7 @@
                 </div>
               </a-upload>
               <span style="padding-bottom: 20px; color: #878b92"
-                >图片格式为</span
+                >图片格式为JPG/PNG 图片大小不可超过1MB</span
               >
             </div>
           </div>
@@ -121,6 +122,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    edit: {
+      type: Boolean,
+      default: false,
+    },
   },
   setup(props, ctx) {
     const state = reactive({
@@ -140,6 +145,7 @@ export default {
 
     const closeDrawer = () => {
       ctx.emit("update:addevalVisible", false);
+      ctx.emit("update:edit", false);
       state.inputV1 = "";
       state.inputV2 = "";
     };
@@ -179,9 +185,9 @@ export default {
 
     const beforeUpload = (file) => {
       const isJpgOrPng =
-        file.type === "image/jpeg" || file.type === "image/png";
+        file.type === "image/jpg" || file.type === "image/png";
       if (!isJpgOrPng) {
-        message.error("You can only upload JPG file!");
+        message.error("You can upload JPG/PNG file!");
       }
       const isLt2M = file.size / 1024 / 1024 < 1;
       if (!isLt2M) {
@@ -229,21 +235,21 @@ export default {
       api
         .createEvaluation(obj)
         .then((res) => {
-          setTimeout(() => {
             console.log("创建成功", res);
             message.success("创建成功");
-            closeDrawer();
-            apitaskadd.addTask({
+          closeDrawer();
+          apitaskadd
+            .addTask({
               courseId: 0,
               duration: 0,
               flag: true,
-              name: "",
+              name: obj.evaluationName,
               projectId: 28,
               projectTaskId: 0,
               stageId: 3,
               type: 10,
-            });
-          }, 1000);
+            },
+            );
         })
         .catch((err) => {
           console.log("创建失败", err);
diff --git a/src/components/drawers/AddHomework.vue b/src/components/drawers/AddHomework.vue
index 9247ee49..0b5acf55 100644
--- a/src/components/drawers/AddHomework.vue
+++ b/src/components/drawers/AddHomework.vue
@@ -106,6 +106,7 @@
 import { reactive, ref } from "vue";
 import {message} from"ant-design-vue";
 import { createWorkTask, queryWorkDetailById, updateWorkTaskUsing} from "@/api/indexWork";
+import { ProjectEditTask,RouterEditTask } from "@/api/indexTask"
 import dayjs from 'dayjs';
 
 const rowSelection = ref({
@@ -133,7 +134,15 @@ export default {
       type: Boolean,
       default: false,
     },
-    workId: {
+    flag: {
+      type: Number,
+      default: 0,
+    },
+    projectTaskId: {
+      type: Number,
+      default: 0,
+    },
+    routerTaskId: {
       type: Number,
       default: 0,
     }
@@ -261,19 +270,60 @@ export default {
       if(id) {
         updateWorkTaskUsing(obj).then((res) => {
         console.log(res);
-        message.success(`编辑成功`)
-        closeDrawer();
       }).catch((err) => {
         message.error(`编辑失败${err}`)
       })
       } else {
         createWorkTask(obj).then((res)=>{
-        message.success(`添加成功${res}`)
-        closeDrawer();
+          console.log(res);
       }).catch((err)=>{
         message.error(`添加失败${err}`)
       })
       }
+      if(props.flag == 1) {
+        let editObj = {
+        "courseId": 0,
+        "duration": 0,
+        "flag": true,
+        "name": formState.workName,
+        "projectId": 0,
+        "projectTaskId": props.workId || '',
+        "stageId": 0,
+        "type": 4
+      }
+      // 新增编辑或新增项目任务
+      ProjectEditTask(editObj).then(res => {
+        console.log(` 编辑项目成功的打印 ${res}`);
+        message.success(`${props.workId? '编辑' : '新增'}阶段任务成功`)
+        closeDrawer();
+      }).catch(err => {
+        message.error(`${props.workId? '编辑' : '新增'}阶段任务失败`)
+        console.log(` 编辑项目失败的打印 ${err}`);
+      })
+      } else {
+        let editObj1 = {
+          "chapterId":36,
+          "courseId": 0,
+          "duration": 0,
+          "flag": true,
+          "name": formState.workName,
+          "routerId": 92,
+          "routerTaskId": 0,
+          "type": 4
+        }
+        // 新增编辑或新增关卡任务
+      RouterEditTask(editObj1).then(res => {
+        console.log(` 编辑关卡成功的打印 ${res}`);
+        message.success(`${props.workId? '编辑' : '新增'}关卡任务成功`)
+        closeDrawer();
+      }).catch(err => {
+        message.error(`${props.workId? '编辑' : '新增'}关卡任务失败`)
+        console.log(` 编辑关卡失败的打印 ${err}`);
+      })
+      }
+      
+      
+
     };
     return {
       afterVisibleChange,
diff --git a/src/components/drawers/AddInvist.vue b/src/components/drawers/AddInvist.vue
index 9ce178db..e3ea4e2c 100644
--- a/src/components/drawers/AddInvist.vue
+++ b/src/components/drawers/AddInvist.vue
@@ -202,21 +202,20 @@ export default {
       api
         .createAppraiseMessage(obj)
         .then((res) => {
-          setTimeout(() => {
             console.log("创建成功", res);
             message.success("创建成功");
             closeDrawer();
-            apitaskadd.addTask({
+          apitaskadd
+            .addTask({
               courseId: 0,
               duration: 0,
               flag: true,
-              name: "",
+              name: obj.appraiseName,
               projectId: 28,
               projectTaskId: 0,
               stageId: 3,
               type: 11,
             });
-          }, 1000);
         })
         .catch((err) => {
           console.log("创建失败", err);
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index e23e19f6..f1760ed9 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -280,7 +280,7 @@
       </div>
       <div class="main_btns">
         <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="done">确定</button>
+        <button class="btn2" @click="createLiveBroadcast">确定</button>
       </div>
     </div>
   </a-drawer>
@@ -628,6 +628,8 @@ export default {
             })
             .then((res) => {
               console.log("调用项目添加接口后", res.data);
+              //自定义事件给父组件传值
+              ctx.emit("changeData", false);
               //重新获取任务列表
               // apiTask.getTask({ projectId: 28 });
               // router.push("/taskadd");
@@ -643,15 +645,6 @@ export default {
         });
     };
 
-    //添加任务到数据库
-    const addTask = () => {};
-
-    const done = () => {
-      createLiveBroadcast();
-      addTask();
-      // api.getLiveBroadcastInfor({});
-    };
-
     return {
       ...toRefs(state),
       afterVisibleChange,
@@ -664,7 +657,6 @@ export default {
       createLiveBroadcast,
       handleChange,
       beforeUpload,
-      done,
     };
   },
 };
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index 830c2a8f..ec7403a9 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -85,6 +85,7 @@
 
               <a-input
                 v-model:value="formState.examinationDuration"
+                type="number"
                 style="width: 388px; height: 32px;
                 margin-left: 35px;"
               />
@@ -100,6 +101,7 @@
 
               <a-input-number
                 :min="-1" :precision="0"
+                type="number"
                 v-model:value="formState.examinationLimit"
                 style="width: 88px; height: 32px;
                 border-radius: 8px;overflow: hidden;"
@@ -161,6 +163,7 @@
 
               <a-input
                 v-model:value="formState.passLine"
+                type="number"
                 style="width: 88px; height: 32px;margin-left: 35px;"
               />
             </a-form-item>
@@ -197,6 +200,8 @@
 import { reactive, ref } from "vue";
 import {message} from"ant-design-vue";
 import {createExamination,queryExaminationDetailById,updateExamination} from "@/api/indexExam"
+import { ProjectEditTask } from "@/api/indexTask"
+
 import  dayjs from 'dayjs';
 const rowSelection = ref({
   checkStrictly: false,
@@ -225,7 +230,7 @@ export default {
     },
     examinationId: {
       type: Number,
-      default: 0,
+      default: -1,
     }
   },
   setup(props, ctx) {
@@ -429,21 +434,38 @@ export default {
       if(id) {
         updateExamination(obj).then((res)=>{
         console.log(res);
-        message.success(`编辑成功`)
-        closeDrawer();
       }).catch(()=>{
         message.error(`编辑失败`)
       })
       } else { 
-        createExamination(obj).then((res)=>{
-        message.success(`添加成功${res}`)
-        closeDrawer();
+        createExamination(obj).then(()=>{
       }).catch((err)=>{
         message.error(`添加失败${err}`)
       })
       }
       
 
+      let editObj = {
+        "courseId": 0,
+        "duration": 0,
+        "flag": true,
+        "name": "",
+        "projectId": 0,
+        "projectTaskId": props.examinationId || '',
+        "stageId": 0,
+        "type": 5
+      }
+       // 新增编辑或新增项目
+       ProjectEditTask(editObj).then(res => {
+        console.log(` 编辑项目成功的打印 ${res}`);
+        message.success(`${props.examinationId? '编辑' : '新增'}阶段任务成功`)
+        closeDrawer();
+      }).catch(err => {
+        message.error(`${props.examinationId? '编辑' : '新增'}阶段任务失败`)
+        console.log(` 编辑项目失败的打印 ${err}`);
+      })
+
+
     }
     const afterVisibleChange = (bool) => {
       console.log("formState", bool);
diff --git a/src/components/drawers/AddVote.vue b/src/components/drawers/AddVote.vue
index c9a4624a..f0098423 100644
--- a/src/components/drawers/AddVote.vue
+++ b/src/components/drawers/AddVote.vue
@@ -203,21 +203,20 @@ export default {
       api
         .createVote(obj)
         .then((res) => {
-          setTimeout(() => {
             console.log("创建成功", res);
             message.success("创建成功");
             closeDrawer();
-            apitaskadd.addTask({
+          apitaskadd
+            .addTask({
               courseId: 0,
               duration: 0,
               flag: true,
-              name: "",
+              name: obj.voteName,
               projectId: 28,
               projectTaskId: 0,
               stageId: 3,
               type: 12,
             });
-          }, 1000);
         })
         .catch((err) => {
           console.log("创建失败", err);
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index f1abf233..3c059db9 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -17,10 +17,10 @@
           > -->
           <div
             class="items"
-            :class="isactive == index && isActive == true ? 'active' : ''"
+            :class="isactive == index ? 'active' : ''"
             @click="changebgc(index)"
             v-for="(item, index) in level"
-            :key="item.id"
+            :key="item.chapterId"
           >
             <div class="items1">
               <div class="boxs_left">
@@ -37,7 +37,7 @@
               <div class="nname">{{ item.name }}</div>
             </div>
             <!-- <div class="itemle">
-              <div class="tit">{{ item.tit }}</div>
+              <div class="tit">{{ item.remark }}</div>
               <div class="name">{{ item.name }}</div>
             </div> -->
           </div>
@@ -166,20 +166,32 @@
         </div>
         <div class="item">
           <div class="itcon">
-            <div class="img">
+            <div class="img" @click="showDrawerAddHomework">
               <img src="../../assets/images/leveladd/zuo.png" />
             </div>
             <div class="text">作业</div>
           </div>
+          <!-- 添加作业侧弹窗 -->
+          <div>
+            <add-homework
+              flag="0"
+              routerTaskId="ListChoosedId"
+              v-model:addhomeworkVisible="addhomeworkvisible"
+            />
+          </div>
           <div class="lin"></div>
         </div>
         <div class="item">
           <div class="itcon">
-            <div class="img">
+            <div class="img" @click="showDrawerAddTest">
               <img src="../../assets/images/leveladd/kao.png" />
             </div>
             <div class="text">考试</div>
           </div>
+          <!-- 添加考试侧弹窗 -->
+          <div>
+            <add-test v-model:addtestVisible="addtestvisible" />
+          </div>
           <div class="lin"></div>
         </div>
         <div class="item">
@@ -218,30 +230,45 @@
           </div>
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddEval">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/ce.png" />
             </div>
             <div class="text">测评</div>
+            <!-- 添加测评侧弹窗 -->
+            <div>
+              <add-eval v-model:addevalVisible="addevalvisible" v-model:edit="edit" />
+            </div>
+            <!-- 添加测评侧弹窗 -->
           </div>
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddInvist">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/diao.png" />
             </div>
             <div class="text">评估</div>
+            <!-- 添加评估侧弹窗 -->
+            <div>
+              <add-invist v-model:addinvistVisible="addinvistvisible" />
+            </div>
+            <!-- 添加评估侧弹窗 -->
           </div>
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddVote">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/tou.png" />
             </div>
             <div class="text">投票</div>
+            <!-- 添加投票侧弹窗 -->
+            <div>
+              <add-vote v-model:addvoteVisible="addvotevisible" />
+            </div>
+            <!-- 添加投票侧弹窗 -->
           </div>
           <div class="lin"></div>
         </div>
@@ -519,67 +546,33 @@
 import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
+import AddHomework from "../../components/drawers/AddHomework.vue";
+import AddTest from "../../components/drawers/AddTest.vue";
+import AddEval from "../../components/drawers/AddEval.vue";
+import AddInvist from "../../components/drawers/AddInvist.vue";
+import AddVote from "../../components/drawers/AddVote.vue";
 import * as api from "../../api/indexLevel";
+import { GetRouterDetail, RouterDeleteTask } from "../../api/indexTask";
 import { message } from "ant-design-vue";
 export default {
   name: "LevelAddDetail",
   components: {
     AddStu,
     ImpStu,
+    AddHomework,
+    AddTest,
+    AddEval,
+    AddInvist,
+    AddVote,
   },
   setup() {
     const state = reactive({
       routerId: localStorage.getItem("routerId"),
       level: [
         {
-          id: "1",
-          tit: "关卡1关卡1关卡1关卡1关卡1关卡1",
-          name: "初级产品经理fewfewfwefwefe",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
-        },
-        {
-          id: "2",
-          tit: "关卡2",
-          name: "中级产品经理",
+          chapterId: "1",
+          remark: "关卡说明",
+          name: "默认关卡",
         },
       ],
       tableData: [
@@ -594,50 +587,6 @@ export default {
           checked1: false,
           checkedd: false,
         },
-        {
-          key: 2,
-          lei: "面授",
-          // state: "草稿",
-          creater: "管理者面授",
-          // pubtime: "2022-07-20 14:00:03",
-          cretime: "20分钟",
-          haspub: true,
-          checked1: false,
-          checkedd: false,
-        },
-        {
-          key: 3,
-          lei: "作业",
-          // state: "已停用",
-          creater: "管理者作业",
-          // pubtime: "2022-07-20 14:00:03",
-          cretime: "60分钟",
-          haspub: false,
-          checked1: false,
-          checkedd: false,
-        },
-        {
-          key: 4,
-          lei: "考试",
-          // state: "草稿",
-          creater: "管理者考试",
-          // pubtime: "2022-07-20 14:00:03",
-          cretime: "20分钟",
-          haspub: true,
-          checked1: false,
-          checkedd: false,
-        },
-        {
-          key: 5,
-          lei: "案例",
-          // state: "草稿",
-          creater: "腾飞班1案例",
-          // pubtime: "2022-07-20 14:00:03",
-          cretime: "-",
-          haspub: true,
-          checked1: true,
-          checkedd: false,
-        },
       ],
       tableData2: [
         {
@@ -821,11 +770,18 @@ export default {
       value1: "",
       value2: "",
       selectedRowKeys: [],
+      edit:false, //是否点击编辑
       gqxy_hs: true,
-      isactive: -1,
-      isActive: false,
+      isactive: 0,
       projectChecked: null, //项目单选框
+      addhomeworkvisible: false,
+      addtestvisible: false,
+      addevalvisible: false,
+      addinvistvisible: false,
+      addvotevisible: false,
       updateChapterID: null, //修改关卡id
+      // 表示当前触发列表的id,用来发送编辑和删除
+      ListChoosedId: 0,
     });
 
     //新建关卡
@@ -856,26 +812,79 @@ export default {
     };
 
     //编辑关卡
-    const updateChapter = () => {
-      let obj = {
-        chapterId: state.updateChapterID,
-        name: "",
-        remark: "",
-        routerId: 0,
-      };
-      api
-        .updateChapter(obj)
-        .then((res) => {
-          console.log("修改成功", res);
-          message.success("修改成功");
-        })
-        .catch((err) => {
-          console.log("修改失败", err);
-        });
-    };
+    // const updateChapter = () => {
+    //   let obj = {
+    //     chapterId: state.updateChapterID,
+    //     name: "",
+    //     remark:"",
+    //     routerId: 0,
+    //   };
+    //   api
+    //     .updateChapter(obj)
+    //     .then((res) => {
+    //       console.log("修改成功",res);
+    //       message.success("修改成功");
+    //     })
+    //     .catch((err) => {
+    //       console.log("修改失败",err);
+    //     })
+    // };
     const showDrawer = () => {
       state.visible = true;
     };
+    // 作业和考试的抽屉
+    const showDrawerAddHomework = () => {
+      state.addhomeworkvisible = true;
+      state.ListChoosedId = 0;
+    };
+    const showDrawerAddTest = () => {
+      state.addtestvisible = true;
+      state.ListChoosedId = 0;
+    };
+    //测试评估投票抽屉
+    const showDrawerAddEval = () => {
+      state.addevalvisible = true;
+    };
+    const showDrawerAddInvist = () => {
+      state.addinvistvisible = true;
+    };
+    const showDrawerAddVote = () => {
+      state.addvotevisible = true;
+    };
+
+    // tableData数据赋值方法
+    const dataAssignment = () => {
+      console.log(state.level);
+      state.level[0].taskList.forEach((element, index) => {
+        state.tableData[index] = {
+          key: element.routerTaskId,
+          lei: checkType(element.type),
+          creater: element.name,
+          cretime: element.duration,
+          checked1: element.flag,
+        };
+      });
+    };
+    const getDetail = (index) => {
+      GetRouterDetail(92)
+        .then((res) => {
+          state.level = res.data.data.chapterList;
+          console.log(state.level);
+          if (index == 0) {
+            //   state.tableData[1] = {
+            //   key: 2,
+            //   lei: "在线",
+            //   creater: "管理者课程",
+            //   cretime: "60",
+            //   checked1: true,
+            // }
+            dataAssignment(0);
+          }
+        })
+        .catch((err) => {
+          message.error(err);
+        });
+    };
     const closeDrawer = () => {
       state.visible = false;
     };
@@ -998,13 +1007,19 @@ export default {
             return (
               <div class="opa">
                 <div class="opacation">
-                  <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
+                  <span
+                    style="color:#4EA6FF;margin-right:25px;cursor:pointer"
+                    onClick={()=>{
+                      state.edit = true;
+                      state.addevalvisible = true;
+                    }}
+                  >
                     编辑
                   </span>
                   <span
                     style="color:#4EA6FF;cursor:pointer"
                     onClick={() => {
-                      updateChapter();
+                      deleteLevelTask();
                     }}
                   >
                     删除
@@ -1017,6 +1032,23 @@ export default {
       ];
       return columns;
     };
+    const checkType = (index) => {
+      let typeRules = [
+        "",
+        "在线",
+        "面授",
+        "案例",
+        "作业",
+        "考试",
+        "直播",
+        "外链",
+        "讨论",
+        "测评",
+        "评估",
+        "投票",
+      ];
+      return typeRules[index];
+    };
     const tableDataFunc2 = () => {
       const columns = [
         {
@@ -1201,6 +1233,7 @@ export default {
       document.getElementsByTagName("main")[0].style.background =
         "rgb(245, 247, 250,1)";
       document.getElementsByTagName("main")[0].style.boxShadow = "none";
+      getDetail(0);
     });
     onUnmounted(() => {
       document.getElementsByTagName("main")[0].style.background = "#ffffff";
@@ -1209,7 +1242,7 @@ export default {
     });
     const changebgc = (index) => {
       state.isactive = index;
-      state.isActive = !state.isActive;
+      dataAssignment(index);
     };
     const gqxy_hShow = () => {
       state.gqxy_hs = !state.gqxy_hs;
@@ -1220,6 +1253,17 @@ export default {
     const delete_exit = () => {
       state.deleteAll = false;
     };
+    const deleteLevelTask = () => {
+      RouterDeleteTask(state.listChoosedId)
+        .then((res) => {
+          console.log(`删除成功${res}`);
+          message.success("删除成功");
+        })
+        .catch((err) => {
+          console.log(`删除失败${err}`);
+        });
+    };
+
     return {
       ...toRefs(state),
       tableDataFunc,
@@ -1239,7 +1283,13 @@ export default {
       delete_exit,
       drawertableColumns,
       editChapter,
-      updateChapter,
+      // updateChapter,
+      showDrawerAddHomework,
+      showDrawerAddTest,
+      showDrawerAddEval,
+      showDrawerAddInvist,
+      showDrawerAddVote,
+      deleteLevelTask,
     };
   },
 };
@@ -1402,7 +1452,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: auto;
+    overflow-x: scroll;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index e6e459d8..2d2eb91f 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -1,68 +1,44 @@
 <!---- 创建项目页面 --->
 <template>
-  <div class="projectAdd">
-    <div class="header">
-      <span class="title">创建/编辑单层项目</span>
-      <router-link to="/projectmanage" class="goback">
-        <span class="return"></span><span class="returntext">返回</span>
-      </router-link>
-    </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"
-            />
-          </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
-            >
-            </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="projectAdd">
+		<div class="header">
+			<span class="title">创建/编辑单层项目</span>
+			<router-link to="/projectmanage" class="goback">
+				<span class="return"></span><span class="returntext">返回</span>
+			</router-link>
+		</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" />
+					</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>
+						</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);
@@ -70,275 +46,172 @@
               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"
-            >
-              <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">
+							<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="['      开始时间', '        结束时间']"
-              style="width: 100%; height: 40px; border-radius: 5px"
-              show-time
-              @change="onRangeChange"
-            />
-          </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
-            >
-            </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="['      开始时间', '        结束时间']"
+							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
+					</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>
+						</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"
-            />
-          </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"
-            />
-          </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"
-              ><span
-                style="
+					<div class="in select">
+						<a-select :getPopupContainer="
+							(triggerNode) => {
+								return triggerNode.parentNode || document.body;
+							}
+						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
+							@change="classificationChange2" />
+					</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" />
+					</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"><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="集团级/组织级/现地级/部门级"
-            />
-          </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="集团级/组织级/现地级/部门级"
-            />
-          </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"
-              ><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="集团级/组织级/现地级/部门级" />
+					</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="集团级/组织级/现地级/部门级" />
+					</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"><span style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                "
-                >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>
-          </div>
-          <div class="filebox">
-            <div>
-              <img
-                v-if="fileList1.length < 6"
-                class="fileimg"
-                src="../../assets/images/projectadd/enclosure.png"
-              />
-              <a-upload
-                :disabled="fileList1.length > 5"
-                :before-upload="beforeUpload1"
-                v-model:file-list="fileList1"
-                @remove="removeFile"
-                name="file"
-                action="/api/file/upload"
-                :headers="headers"
-                @change="handleChange1"
-              >
-                <!-- <a-button> -->
-                <!-- <upload-outlined></upload-outlined> -->
-                <span v-if="fileList1.length > 5" class="filetext"
-                  >上传数量已经达到最大值</span
-                >
-                <span v-else class="filetext">上传附件</span>
-                <!-- </a-button> -->
-              </a-upload>
-            </div>
-            <div class="support">
-              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-            </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
-              :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 class="btn2">取消</a-button>
-      </div>
-    </div>
-  </div>
+                ">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>
+					</div>
+					<div class="filebox">
+						<div>
+							<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
+							<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
+								@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
+								<!-- <a-button> -->
+								<!-- <upload-outlined></upload-outlined> -->
+								<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
+								<span v-else class="filetext">上传附件</span>
+								<!-- </a-button> -->
+							</a-upload>
+						</div>
+						<div class="support">
+							支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+						</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 :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 class="btn2">取消</a-button>
+			</div>
+		</div>
+	</div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
@@ -347,651 +220,652 @@ import { useRouter } from "vue-router";
 import * as api from "../../api/index";
 
 export default {
-  name: "projectAdd",
-  setup() {
-    const router = useRouter();
-    const state = reactive({
-      classifySelect: null,
-      classifySelectId: null,
-      checked: false,
-      checked1: false,
-      valueE: null,
-      valueE1: null,
-      valueE2: null,
-    });
+	name: "projectAdd",
+	setup() {
+		api.getProjectDetail({ projectId: 3 }).then(res => { console.log(res) }).catch(err => { console.log(err) })
+		const router = useRouter();
+		const state = reactive({
+			classifySelect: null,
+			classifySelectId: null,
+			checked: false,
+			checked1: false,
+			valueE: null,
+			valueE1: null,
+			valueE2: null,
+		});
 
-    const projectName = ref("");
+		const projectName = ref("");
 
-    const classifyList = ref([
-      { value: 1, label: "管理者" },
-      { value: 2, label: "领军者" },
-      { value: 3, label: "产业人" },
-    ]);
+		const classifyList = ref([
+			{ value: 1, label: "管理者" },
+			{ value: 2, label: "领军者" },
+			{ value: 3, label: "产业人" },
+		]);
 
-    let projectType = "";
+		let projectType = "";
 
-    const classificationChange = (value) => {
-      console.log(`selected ${value}`);
-      projectType = value;
-    };
+		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);
-    }
+		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 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");
-      }
-    };
+		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 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 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;
+				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");
-      }
-    };
+				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 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 beforeUpload1 = () => {
+			return new Promise((resovle, reject) => {
+				if (uplodaFileCount) {
+					message.info("上传文件数量已达最大数量");
+					return reject(false);
+				}
+				return resovle(true);
+			});
+		};
 
-    let beginTime = "";
-    let endTime = "";
-    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;
-    };
+		let beginTime = "";
+		let endTime = "";
+		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: "刘孟君" },
-    ]);
+		// 项目经理 后续接口调用
+		const classifyList1 = ref([
+			{ value: 1, label: "李俊国" },
+			{ value: 2, label: "将小米" },
+			{ value: 3, label: "刘孟君" },
+		]);
 
-    let manager = "";
-    let managerId = "";
-    const classificationChange1 = (key) => {
-      console.log(`selected ${key}`, classifyList1);
-      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);
-      manager = mstr;
-      managerId = midstr;
-    };
+		let manager = "";
+		let managerId = "";
+		const classificationChange1 = (key) => {
+			console.log(`selected ${key}`, classifyList1);
+			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);
+			manager = mstr;
+			managerId = midstr;
+		};
 
-    // 资源归属 sourceBelongId 后续给接口
-    const classifyList2 = ref([
-      { value: 1, label: "项目一" },
-      { value: 2, label: "项目二" },
-      { value: 3, label: "项目三" },
-    ]);
+		// 资源归属 sourceBelongId 后续给接口
+		const classifyList2 = ref([
+			{ value: 1, label: "项目一" },
+			{ value: 2, label: "项目二" },
+			{ value: 3, label: "项目三" },
+		]);
 
-    const classificationChange2 = (key) => {
-      console.log(`selected ${key}`, classifyList2);
-    };
+		const classificationChange2 = (key) => {
+			console.log(`selected ${key}`, classifyList2);
+		};
 
-    // 项目级别
-    const classifyList3 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-    const classificationChange3 = (key) => {
-      console.log(`selected ${key}`, classifyList3);
-    };
+		// 项目级别
+		const classifyList3 = ref([
+			{ value: 1, label: "集团级" },
+			{ value: 2, label: "组织级" },
+			{ value: 3, label: "现地级" },
+			{ value: 4, label: "部门级" },
+		]);
+		const classificationChange3 = (key) => {
+			console.log(`selected ${key}`, classifyList3);
+		};
 
-    // 培训体系
-    const classifyList4 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-    const classificationChange4 = (key) => {
-      console.log(`selected ${key}`, classifyList4);
-    };
+		// 培训体系
+		const classifyList4 = ref([
+			{ value: 1, label: "集团级" },
+			{ value: 2, label: "组织级" },
+			{ value: 3, label: "现地级" },
+			{ value: 4, label: "部门级" },
+		]);
+		const classificationChange4 = (key) => {
+			console.log(`selected ${key}`, classifyList4);
+		};
 
-    // 模版
-    const classifyList5 = ref([
-      { value: 1, label: "模版一" },
-      { value: 2, label: "模版二" },
-      { value: 3, label: "模版三" },
-      { value: 4, label: "模版四" },
-    ]);
-    const classificationChange5 = (key) => {
-      console.log(`selected ${key}`, classifyList5);
-    };
+		// 模版
+		const classifyList5 = ref([
+			{ value: 1, label: "模版一" },
+			{ value: 2, label: "模版二" },
+			{ value: 3, label: "模版三" },
+			{ value: 4, label: "模版四" },
+		]);
+		const classificationChange5 = (key) => {
+			console.log(`selected ${key}`, classifyList5);
+		};
 
-    // 项目说明
-    const remark = ref("");
+		// 项目说明
+		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 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;
-    };
+		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;
+		const removeFile = (file) => {
+			const index = fileList1.value.indexOf(file);
+			const newFileList = fileList1.value.slice();
+			newFileList.splice(index, 1);
+			fileList1.value = newFileList;
 
-      let attachStr = "";
-      if (newFileList.length == 0) {
-        attachStr = "";
-      }
-      for (let i = 0; i < fileList1["value"].length; i++) {
-        console.log(fileList1["value"][i].response.data);
-        if (fileList1["value"].length - 1 == i) {
-          attachStr += fileList1["value"][i].response.data;
-        } else {
-          attachStr += fileList1["value"][i].response.data + ",";
-        }
-      }
-      attach = attachStr;
-    };
+			let attachStr = "";
+			if (newFileList.length == 0) {
+				attachStr = "";
+			}
+			for (let i = 0; i < fileList1["value"].length; i++) {
+				console.log(fileList1["value"][i].response.data);
+				if (fileList1["value"].length - 1 == i) {
+					attachStr += fileList1["value"][i].response.data;
+				} else {
+					attachStr += fileList1["value"][i].response.data + ",";
+				}
+			}
+			attach = attachStr;
+		};
 
-    const errorMsgs = {
-      name: "请输入项目名称",
-      category: "请选择项目分类",
-      picUrl: "请上传项目封面图",
-      beginTime: "请选择项目开始时间",
-      endTime: "请选择项目结束时间",
-      manager: "请选择项目经理",
-      managerId: "请选择项目经理",
-      sourceBelongId: "请选择资源归属",
-      level: "请填写项目级别",
-      systemId: "请填写项目培训体系",
-      boeFlag: "请选择是否BOE实施",
-      attach: "请上传附件",
-    };
+		const errorMsgs = {
+			name: "请输入项目名称",
+			category: "请选择项目分类",
+			picUrl: "请上传项目封面图",
+			beginTime: "请选择项目开始时间",
+			endTime: "请选择项目结束时间",
+			manager: "请选择项目经理",
+			managerId: "请选择项目经理",
+			sourceBelongId: "请选择资源归属",
+			level: "请填写项目级别",
+			systemId: "请填写项目培训体系",
+			boeFlag: "请选择是否BOE实施",
+			attach: "请上传附件",
+		};
 
-    const createProject = () => {
-      let obj = {
-        name: projectName["value"],
-        category: projectType,
-        picUrl: picUrl,
-        beginTime: beginTime,
-        endTime: endTime,
-        manager: manager,
-        managerId: managerId,
-        sourceBelongId: 11,
-        remark: remark["value"],
-        courseSyncFlag: courseSyncFlag,
-        level: 3,
-        systemId: 4,
-        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;
-        }
-      }
+		const createProject = () => {
+			let obj = {
+				name: projectName["value"],
+				category: projectType,
+				picUrl: picUrl,
+				beginTime: beginTime,
+				endTime: endTime,
+				manager: manager,
+				managerId: managerId,
+				sourceBelongId: 11,
+				remark: remark["value"],
+				courseSyncFlag: courseSyncFlag,
+				level: 3,
+				systemId: 4,
+				boeFlag: boeFlag,
+				attach: attach,
+				type: 3,
+				templateId: 10,
+				parentId: 0,
+				notice: "",
+				noticeFlag: 0,
+				status: 0,
+			};
+			console.log("提交的数据格式 %o", obj);
+			for (let i in errorMsgs) {
+				console.log(obj[i]);
+				if (obj[i] === "" || obj[i] === undefined) {
+					message.destroy();
+					message.warning(errorMsgs[i]);
+					return;
+				}
+			}
 
-      api
-        .createProject(obj)
-        .then((res) => {
-          console.log(res);
-          if (res.status == 200 && res.data.code == 200) {
-            message.destroy();
-            message.success("创建成功");
-            setTimeout(() => {
-              router.push({
-                path: "/taskpage",
-                query: { id: res.data.data.projectId },
-              });
-            }, 1000);
-          } else {
-            message.destroy();
-            message.error("创建失败，请检查当前网络状态。");
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          message.destroy();
-          message.error("创建失败，请检查当前网络状态。");
-        });
-    };
+			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,
-    };
-  },
+		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,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .projectAdd {
-  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/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index d827e774..a60311c5 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -14,6 +14,11 @@
 						placeholder="请输入项目经理" @change="sProjectOrderChange" allowClear showSearch>
 					</a-input>
 				</div>
+				<div class="select">
+					<a-input v-model:value="sProjectCreate" style="width: 270px; height: 40px; border-radius: 8px;"
+						placeholder="请输入项目创建人" @change="sProjectCreateChange" allowClear showSearch>
+					</a-input>
+				</div>
 				<div class="select">
 					<a-select v-model:value="sProjectState" style="width: 270px" placeholder="请选择状态" :options="sProjectStateList"
 						@change="sProjectStateChange" allowClear showSearch></a-select>
@@ -276,6 +281,73 @@
 			</a-modal>
 		</div>
 		<!-- 创建多层项目弹窗 -->
+		<!-- 编辑多层项目弹窗 - start -->
+		<div>
+			<a-modal v-model:visible="eddoublepro" :title="null" @ok="closeModal2" :footer="null" :closable="false"
+				wrapClassName="doublepro" width="624px" height="476px">
+				<div class="modalHeader" style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          ">
+					<div class="headerLeft" style="margin-left: 32px">
+						<span class="headerLeftText" style="font-size: 16px">编辑多层项目</span>
+					</div>
+					<div style="cursor: pointer; margin-right: 32px" @click="closeeditModal2">
+						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
+					</div>
+				</div>
+				<div class="modalMain">
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">项目名称:</div>
+						<div class="in">
+							<a-input v-model:value="edvalue1" @change="edclassificationChangeName" show-count :maxlength="30"
+								placeholder="请输入项目名称" style="border-radius: 8px" />
+						</div>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">分类:</div>
+						<div class="in select">
+							<a-select v-model:value="edvalue2" placeholder="四个养成" :options="classifyList"
+								@change="edclassificationChange" style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">项目经理:</div>
+						<div class="in">
+							<a-select v-model:value="edvalue3" mode="multiple" placeholder="请选择项目经理" :options="classifyList1"
+								@change="edclassificationChange1" style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">资源归属:</div>
+						<div class="in select">
+							<a-select v-model:value="edvalue5" placeholder="请选择资源归属" :options="classifyList5"
+								@change="edclassificationChange5" style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="pubtn">
+						<a-button class="pubtn1" @click="closeeditModal2">取消</a-button>
+						<a-button class="pubtn2" @click="editStoreyProject">确定</a-button>
+					</div>
+				</div>
+			</a-modal>
+		</div>
+		<!-- 编辑多层项目弹窗 - end -->
 		<!-- 创建多层子项目弹窗 -->
 		<div>
 			<a-modal v-model:visible="doublesonpro" :title="null" @ok="closeModal3" :footer="null" :closable="false"
@@ -346,6 +418,77 @@
 			</a-modal>
 		</div>
 		<!-- 创建多层子项目弹窗 -->
+		<!-- 编辑多层子项目弹窗 start-->
+		<div>
+			<a-modal v-model:visible="eddoublesonpro" :title="null" @ok="closeModal3" :footer="null" :closable="false"
+				wrapClassName="doublesonpro" width="624px" height="476px">
+				<div class="modalHeader" style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          ">
+					<div class="headerLeft" style="margin-left: 32px">
+						<span class="headerLeftText" style="font-size: 16px">编辑多层子项目</span>
+					</div>
+					<div style="cursor: pointer; margin-right: 32px" @click="closeeditModal3">
+						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
+					</div>
+				</div>
+				<div class="modalMain">
+					<div style="margin-left: 40px; margin-top: 40px">
+						<span style="color: #000000; font-size: 14px">项目归属：</span>
+						<span style="color: #999999; font-size: 14px; margin-left: 10px">{{ currentEdProjectName }}</span>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">子项目名称:</div>
+						<div class="in">
+							<a-input v-model:value="edvalue6" @change="edclassificationChange6" placeholder="请输入项目名称"
+								style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">分类:</div>
+						<div class="in select">
+							<a-select v-model:value="edvalue7" @change="edclassificationChange2" :options="classifyList2"
+								placeholder="四个养成" style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">子项目经理:</div>
+						<div class="in">
+							<a-select v-model:value="edvalue8" mode="multiple" @change="edclassificationChange3"
+								:options="classifyList3" placeholder="自动带出 可编辑" style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="name">
+						<div class="star" style="margin-top: -4px">
+							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
+						</div>
+						<div class="inname">资源归属:</div>
+						<div class="in select">
+							<a-select v-model:value="edvalue9" @change="edclassificationChange4" :options="classifyList4"
+								placeholder="请选择资源归属" style="border-radius: 8px; height: 40px" />
+						</div>
+					</div>
+					<div class="pubtn">
+						<a-button class="pubtn1" @click="closeeditModal3">取消</a-button>
+						<a-button class="pubtn2" @click="editChildsProject">确定</a-button>
+					</div>
+				</div>
+			</a-modal>
+		</div>
+		<!-- 编辑多层子项目弹窗 end -->
 		<!-- 复制路径弹窗 -->
 		<a-modal v-model:visible="copyModal" :footer="null" :closable="closeCopy" wrapClassName="CopyModal" centered="true">
 			<div class="delete">
@@ -422,7 +565,7 @@
 				</div>
 			</div>
 		</a-modal>
-		<!-- 存为模板弹窗 -->
+		<!-- 存为模版弹窗 -->
 		<a-modal v-model:visible="startModal" :footer="null" :closable="closeStart" wrapClassName="CopyModal"
 			centered="true">
 			<div class="delete">
@@ -434,7 +577,7 @@
 						<div class="close_exit" @click="closeStartModal"></div>
 					</div>
 					<div class="body">
-						<span>您确定要存为模板吗</span>
+						<span>您确定要存为模版吗</span>
 					</div>
 					<div class="del_btnbox">
 						<div class="del_btn btn1">
@@ -498,36 +641,13 @@ export default {
 	components: { ProjOwnerShip, ProjPowerList, ProjCheckShip, ProjManageShip },
 	setup() {
 		const state = reactive({
-			value6: "",
-			value7: "",
-			value8: "",
-			projectNameList: [
-				{
-					id: 1,
-					value: "项目一",
-					label: "项目一",
-				},
-				{
-					id: 2,
-					value: "项目二",
-					label: "项目二",
-				},
-				{
-					id: 3,
-					value: "项目三",
-					label: "项目三",
-				},
-				{
-					id: 4,
-					value: "项目四",
-					label: "项目四",
-				},
-			],
 			projectName: null,
 			selectTime: null,
 			sonproject: false,
 			estabish: false,
 			doublepro: false,
+			eddoublepro: false,
+			eddoublesonpro: false,
 			doublesonpro: false,
 			copyModal: false, //复制弹窗
 			closeCopy: false, //复制弹窗关闭图标
@@ -546,6 +666,9 @@ export default {
 
 			currentProjectId: '',
 			currentProjectName: '',
+			currentEdProjectName: '',
+
+			currentEditChildrensProjectId: '',
 
 		});
 		// 数据接入 - start -
@@ -553,7 +676,8 @@ export default {
 		// 搜索数据
 		const sProjectName = ref('');
 		const sProjectOrder = ref('');
-		const sProjectState = ref('');
+		const sProjectCreate = ref('');
+		const sProjectState = ref([]);
 		const sProjectTime = ref('');
 
 		const sProjectStateList = ref([
@@ -573,6 +697,13 @@ export default {
 			console.log('项目经理', key.target.value)
 			managerid = key.target.value;
 		}
+
+		let createpeople = '';
+		const sProjectCreateChange = (key) => {
+			console.log('项目创建人', key.target.value)
+			createpeople = key.target.value;
+		}
+
 		let status = '';
 		const sProjectStateChange = (key) => {
 			console.log('项目状态', key)
@@ -592,8 +723,10 @@ export default {
 		const searchReset = () => {
 			sProjectName.value = "";
 			sProjectOrder.value = "";
+			sProjectCreate.value = "";
 			sProjectState.value = null;
 			sProjectTime.value = null;
+			createpeople = "";
 			name = "";
 			beginTime = "";
 			endTime = "";
@@ -610,7 +743,8 @@ export default {
 				endTime: endTime,
 				status: status,
 				name: name,
-				manager: managerid
+				manager: managerid,
+				createName: createpeople
 			}
 			let searchList = [];
 			for (let i in obj) {
@@ -652,6 +786,39 @@ export default {
 		const value4 = ref("");
 		const value5 = ref([]);
 
+
+		const edvalue1 = ref("");
+		const edvalue2 = ref([]);
+		const edvalue3 = ref([]);
+		const edvalue4 = ref("");
+		const edvalue5 = ref([]);
+
+		let edname = '';
+		const edclassificationChangeName = (key) => {
+			console.log(key)
+			edname = key;
+		}
+
+		let edcategory = '';
+		const edclassificationChange = (key) => {
+			console.log(key)
+			edcategory = key;
+		}
+
+		let edmanage = '';
+		let edmanageid = '';
+		const edclassificationChange1 = (key) => {
+			console.log(key)
+			edmanage = key;
+			edmanageid = key;
+		}
+
+		let edsource = '';
+		const edclassificationChange5 = (key) => {
+			console.log(key)
+			edsource = key;
+		}
+
 		const classifyList5 = ref([
 			{ value: 1, label: '项目一' },
 			{ value: 2, label: '项目二' },
@@ -703,13 +870,29 @@ export default {
 			}
 
 			let obj = {
-				name: value1.value,
-				type: 1,
-				category: type,
-				manager: manager,
-				managerId: managerId,
-				sourceBelongId: sourceBelongId,
-			};
+				"attach": "",
+				"beginTime": 0,
+				"boeFlag": 0,
+				"category": type,
+				"courseSyncFlag": 0,
+				"endTime": 0,
+				"level": 0,
+				"manager": manager,
+				"managerId": managerId,
+				"name": value1.value,
+				"notice": "",
+				"noticeFlag": 0,
+				"parentId": 0,
+				"picUrl": "",
+				"projectId": 0,
+				"remark": "",
+				"sourceBelongId": sourceBelongId,
+				"status": 0,
+				"systemId": 0,
+				"templateId": 0,
+				"type": 1
+			}
+
 			console.log('创建多层项目提交的数据格式', obj);
 			for (let i in errorMsgs) {
 				console.log(obj[i])
@@ -734,9 +917,14 @@ export default {
 					value4.value = "";
 					value5.value = [];
 					state.doublepro = false;
+					message.destroy();
+					message.success("创建成功");
+					getTableDate();
 				}
 			}).catch(err => {
 				console.log(err)
+				message.destroy();
+				message.error("创建失败，请检查当前网络状态。");
 			})
 		};
 		// 取消按钮 清空输入的数据
@@ -753,6 +941,29 @@ export default {
 			state.doublepro = false;
 		};
 
+		// 编辑多层项目
+		const editStoreyProject = () => {
+			let obj = {
+				projectId: 1,
+				name: edname,
+				category: edcategory,
+				manager: edmanage,
+				managerId: edmanageid,
+				sourceBelongId: edsource
+			}
+			if (obj.name !== "" || obj.category !== "" || obj.manager !== "" || obj.sourceBelongId !== "") {
+				alert("我需要编辑")
+				console.log(obj)
+				state.eddoublepro = false;
+			} else {
+				state.eddoublepro = false;
+			}
+		}
+
+		const closeeditModal2 = () => {
+			state.eddoublepro = false;
+		}
+
 		// 创建单层子项目 (需要传入多层项目的ProjectID)
 		const createChildProject = () => {
 			console.log(state.currentProjectId)
@@ -842,13 +1053,28 @@ export default {
 			}
 
 			let obj = {
-				name: value6.value,
-				type: 2,
-				category: categoryT,
-				manager: managerT,
-				managerId: managerIdT,
-				sourceBelongId: sourceBelongIdT,
-			};
+				"attach": "",
+				"beginTime": 0,
+				"boeFlag": 0,
+				"category": categoryT,
+				"courseSyncFlag": 0,
+				"endTime": 0,
+				"level": 0,
+				"manager": managerT,
+				"managerId": managerIdT,
+				"name": value6.value,
+				"notice": "",
+				"noticeFlag": 0,
+				"parentId": state.currentProjectId,
+				"picUrl": "",
+				"projectId": 0,
+				"remark": "",
+				"sourceBelongId": sourceBelongIdT,
+				"status": 0,
+				"systemId": 0,
+				"templateId": 0,
+				"type": 2
+			}
 
 			console.log('创建多层子项目提交的数据格式', obj);
 			for (let i in errorMsgs) {
@@ -860,15 +1086,98 @@ export default {
 				}
 			}
 
-			value6.value = "";
-			categoryT = "";
-			managerT = "";
-			managerIdT = "";
-			sourceBelongIdT = "";
-			value7.value = [];
-			value8.value = [];
-			value9.value = [];
-			state.doublesonpro = false;
+			api.createProject(obj).then(res => {
+				console.log(res)
+				if (res.status == 200 && res.data.code == 200) {
+					value6.value = "";
+					categoryT = "";
+					managerT = "";
+					managerIdT = "";
+					sourceBelongIdT = "";
+					value7.value = [];
+					value8.value = [];
+					value9.value = [];
+					state.doublesonpro = false;
+					message.destroy();
+					message.success("创建成功");
+					getTableDate();
+				}
+			}).catch(err => {
+				console.log(err)
+				message.destroy();
+				message.error("创建失败，请检查当前网络状态。");
+			})
+		}
+
+		// 编辑多层子项目
+		const edvalue6 = ref("");
+		const edvalue7 = ref([]);
+		const edvalue8 = ref([]);
+		const edvalue9 = ref("");
+
+		let editChildrensName = '';
+		const edclassificationChange6 = (key) => {
+			console.log(key)
+			editChildrensName = key;
+		}
+
+		let editChildrensCategory = '';
+		const edclassificationChange2 = (key) => {
+			console.log(key)
+			editChildrensCategory = key;
+		}
+
+		let editChildrensManege = '';
+		let editChildrensManegeId = '';
+
+		const edclassificationChange3 = (key) => {
+			console.log(key)
+			editChildrensManege = key;
+			editChildrensManegeId = key;
+		}
+
+		let editChildrensSource = '';
+		const edclassificationChange4 = (key) => {
+			console.log(key)
+			editChildrensSource = key;
+		}
+
+		const editChildsProject = () => {
+			let obj = {
+				"attach": "",
+				"beginTime": 0,
+				"boeFlag": 0,
+				"category": editChildrensCategory,
+				"courseSyncFlag": 0,
+				"endTime": 0,
+				"level": 0,
+				"manager": editChildrensManege,
+				"managerId": editChildrensManegeId,
+				"name": editChildrensName,
+				"notice": "",
+				"noticeFlag": 0,
+				"parentId": 0,
+				"picUrl": "",
+				"projectId": state.currentEditChildrensProjectId,
+				"remark": "",
+				"sourceBelongId": editChildrensSource,
+				"status": 0,
+				"systemId": 0,
+				"templateId": 0,
+				"type": 2
+			}
+
+			if (obj.name !== '' || obj.manager !== '' || obj.category !== '' || obj.sourceBelongId !== '') {
+				alert("我需要修改")
+				console.log("编辑多层子项目传递的参数", obj)
+				state.eddoublesonpro = false;
+			} else {
+				state.eddoublesonpro = false;
+			}
+		}
+
+		const closeeditModal3 = () => {
+			state.eddoublesonpro = false;
 		}
 
 
@@ -925,10 +1234,12 @@ export default {
 							{
 								value.record.status == 0 ?
 									"草稿" :
-									value.record.status == 1 ?
+									value.record.status == 1 && Number(value.record.beginTime) < Math.ceil(new Date().getTime / 1000) ?
 										"进行中" :
-										value.record.status == 2 ?
-											"未开始" : "已结束"
+										value.record.status == 1 && Number(value.record.beginTime) > Math.ceil(new Date().getTime / 1000) ?
+											"未开始" :
+											value.record.status == 2 ?
+												"未开始" : "已结束"
 							}
 						</div>
 					)
@@ -966,7 +1277,19 @@ export default {
 					return value.record.type === 1 ? (
 						value.record.status === 0 ? (
 							<div class="operation">
-								<span class="operation1">编辑</span>
+								<span
+									onClick={() => {
+										state.eddoublepro = true;
+										console.log("多层项目编辑")
+										edvalue1.value = value.record.name;
+										{/* edvalue2.value =  classifyList[value.record.category] */ }
+										edvalue2.value = classifyList.value[0];
+										edvalue3.value = value.record.manager.split();
+										edvalue4.value = "1,2"
+										edvalue5.value = classifyList5.value[0]
+									}}
+									style="cursor:pointer;"
+									class="operation1">编辑</span>
 								<div class="tableSelect">
 									<a-select
 										style="width: 50px"
@@ -1035,19 +1358,19 @@ export default {
 										<a-select-option value="基础信息" label="基础信息">
 											<router-link to="/taskpage">基础信息</router-link>
 										</a-select-option>
-										<a-select-option value="存为模板" label="存为模板">
+										{/* <a-select-option value="存为模版" label="存为模版">
 											<div
 												onClick={() => {
 													showStartModal();
 												}}
 											>
-												存为模板
+												存为模版
 											</div>
-										</a-select-option>
+										</a-select-option> */}
 									</a-select>
 								</div>
 							</div>
-						) : value.record.status === "进行中" ? (
+						) : value.record.status === 1 ? (
 							<div class="operation">
 								<span class="operation1">查看</span>
 								<div class="tableSelect">
@@ -1180,7 +1503,20 @@ export default {
 					) : value.record.type === 2 ? (
 						value.record.status === 0 ? (
 							<div class="operation">
-								<span class="operation1">编辑</span>
+								<span
+									onClick={() => {
+										console.log("多层子项目编辑", value)
+										state.currentEdProjectName = value.record.paraentName;
+										state.currentEditChildrensProjectId = value.record.projectId;
+										state.eddoublesonpro = true;
+
+										edvalue6.value = value.record.name;
+										edvalue7.value = classifyList.value[0];
+										edvalue8.value = value.record.manager.split();
+										edvalue9.value = classifyList5.value[0]
+									}}
+									style="cursor:pointer;"
+									class="operation1">编辑</span>
 								<div class="tableSelect">
 									<a-select
 										style="width: 50px"
@@ -1267,7 +1603,7 @@ export default {
 									</a-select>
 								</div>
 							</div>
-						) : value.record.status === "进行中" ? (
+						) : value.record.status === 1 ? (
 							<div class="operation">
 								<span class="operation1">查看</span>
 								<div class="tableSelect">
@@ -1403,7 +1739,33 @@ export default {
 					) : (
 						<div class="operation">
 							{value.record.status === 0 ? (
-								<span class="operation1">编辑</span>
+								<span
+									onClick={() => {
+										console.log("单层子项目的编辑")
+										console.log(value)
+
+										{/* 判断是班级\单层项目\单层子项目 */ }
+										if (value.record.parentId == "0") {
+											router.push({
+												path: '/projectadd',
+												query: { projectId: value.record.projectId, name: value.record.name }
+											});
+										} else {
+											if (value.record.isbj) {
+												router.push({
+													path: '/classadd',
+													query: { projectId: value.record.projectId, name: value.record.paraentName }
+												});
+											} else {
+												router.push({
+													path: '/sonproject',
+													query: { projectId: value.record.projectId, name: value.record.name }
+												});
+											}
+										}
+									}}
+									style="cursor:pointer;"
+									class="operation1">编辑</span>
 							) : (
 								<span class="operation1"></span>
 							)}
@@ -1456,7 +1818,12 @@ export default {
 							</div>
 
 							{value.record.status === 0 ? (
-								<span class="operation3">发布</span>
+								<span
+									onClick={() => {
+										alert("发布项目")
+									}}
+									style="cursor:pointer"
+									class="operation3">发布</span>
 							) : (
 								<span
 									class="operation3"
@@ -1493,13 +1860,13 @@ export default {
 												删除
 											</div>
 										</a-select-option>
-										<a-select-option value="存为模板" label="存为模板">
+										<a-select-option value="存为模版" label="存为模版">
 											<div
 												onClick={() => {
 													showStartModal();
 												}}
 											>
-												存为模板
+												存为模版
 											</div>
 										</a-select-option>
 										<a-select-option value="基础信息" label="基础信息">
@@ -1513,13 +1880,13 @@ export default {
 										// options={state.projectNameList}
 										dropdownClassName="tabledropdown"
 									>
-										<a-select-option value="存为模板" label="存为模板">
+										<a-select-option value="存为模版" label="存为模版">
 											<div
 												onClick={() => {
 													showStartModal();
 												}}
 											>
-												存为模板
+												存为模版
 											</div>
 										</a-select-option>
 										<a-select-option value="结束" label="结束">
@@ -1551,13 +1918,13 @@ export default {
 										// options={state.projectNameList}
 										dropdownClassName="tabledropdown"
 									>
-										<a-select-option value="存为模板" label="存为模板">
+										<a-select-option value="存为模版" label="存为模版">
 											<div
 												onClick={() => {
 													showStartModal();
 												}}
 											>
-												存为模板
+												存为模版
 											</div>
 										</a-select-option>
 										<a-select-option value="删除" label="删除">
@@ -1580,13 +1947,13 @@ export default {
 										// options={state.projectNameList}
 										dropdownClassName="tabledropdown"
 									>
-										<a-select-option value="存为模板" label="存为模板">
+										<a-select-option value="存为模版" label="存为模版">
 											<div
 												onClick={() => {
 													showStartModal();
 												}}
 											>
-												存为模板
+												存为模版
 											</div>
 										</a-select-option>
 										<a-select-option value="撤回" label="撤回">
@@ -1636,1506 +2003,28 @@ export default {
 						// let data = state.tableData;
 						console.log("1266", data);
 						data.map((value) => {
-							value.children = value.subList;
-							value.key = value.projectId;
+							console.log('value %o', value)
+							if (value.type == 1) {
+								value.children = value.subList;
+								value.key = value.projectId;
+
+								value.children.map((data) => {
+									if (data.type == 2) {
+										data.children = data.subList;
+										data.key = data.projectId;
+										// 传递给多层子项目项目归属名字
+										data.paraentName = value.name;
+										data.subList.map((data2) => {
+											data2.paraentName = value.name + '/' + data.name;
+											data2.isbj = "class";
+										})
+										console.log('lalallalaa', data)
+									}
+								})
+
+							}
+
 							console.log("map-value", value.subList, value.children,);
-							// if (value.subList.length !== 0) {
-							//   //多层项目
-							//   value.operation =
-							//     value.status === "草稿" ? (
-							//       <div class="operation">
-							//         <span class="operation1">编辑</span>
-							//         <div class="tableSelect">
-							//           <a-select
-							//             style="width: 50px"
-							//             value="授权"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="权限名单" label="权限名单">
-							//               <div
-							//                 onClick={() => {
-							//                   showProjPrower();
-							//                 }}
-							//               >
-							//                 权限名单
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="归属权" label="归属权">
-							//               <div
-							//                 onClick={() => {
-							//                   console.log("点击了111");
-							//                   showProjOwner();
-							//                 }}
-							//               >
-							//                 归属权
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="查看权" label="查看权">
-							//               <div
-							//                 onClick={() => {
-							//                   console.log("点击了111");
-							//                   showProjCheck();
-							//                 }}
-							//               >
-							//                 查看权
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="管理权" label="管理权">
-							//               <div
-							//                 onClick={() => {
-							//                   showProjManage();
-							//                 }}
-							//               >
-							//                 管理权
-							//               </div>
-							//             </a-select-option>
-							//           </a-select>
-							//         </div>
-							//         <span
-							//           class="operation3"
-							//           style="cursor: pointer"
-							//           onClick={() => {
-							//             state.sonproject = true;
-							//           }}
-							//         >
-							//           创建子项目
-							//         </span>
-							//         <div class="tableSelect">
-							//           <a-select
-							//             style="width: 50px"
-							//             value="更多"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="基础信息" label="基础信息">
-							//               <router-link to="/taskpage">基础信息</router-link>
-							//             </a-select-option>
-							//             <a-select-option value="存为模板" label="存为模板">
-							//               <div
-							//                 onClick={() => {
-							//                   showStartModal();
-							//                 }}
-							//               >
-							//                 存为模板
-							//               </div>
-							//             </a-select-option>
-							//           </a-select>
-							//         </div>
-							//       </div>
-							//     ) : value.status === "进行中" ? (
-							//       <div class="operation">
-							//         <span class="operation1">查看</span>
-							//         <div class="tableSelect">
-							//           <a-select
-							//             style="width: 50px"
-							//             value="授权"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="权限名单" label="权限名单">
-							//               <div
-							//                 onClick={() => {
-							//                   showProjPrower();
-							//                 }}
-							//               >
-							//                 权限名单
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="归属权" label="归属权">
-							//               <div
-							//                 onClick={() => {
-							//                   console.log("点击了111");
-							//                   showProjOwner();
-							//                 }}
-							//               >
-							//                 归属权
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="查看权" label="查看权">
-							//               <div
-							//                 onClick={() => {
-							//                   console.log("点击了111");
-							//                   showProjCheck();
-							//                 }}
-							//               >
-							//                 查看权
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="管理权" label="管理权">
-							//               <div
-							//                 onClick={() => {
-							//                   showProjManage();
-							//                 }}
-							//               >
-							//                 管理权
-							//               </div>
-							//             </a-select-option>
-							//           </a-select>
-							//         </div>
-							//         <span
-							//           class="operation3"
-							//           onClick={() => {
-							//             showCopyModal();
-							//           }}
-							//         >
-							//           复制
-							//         </span>
-							//         <span class="more"></span>
-							//       </div>
-							//     ) : value.status === "已结束" ? (
-							//       <div class="operation">
-							//         <span class="operation1">查看</span>
-							//         <div class="tableSelect">
-							//           <a-select
-							//             style="width: 50px"
-							//             value="授权"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="权限名单" label="权限名单">
-							//               <div
-							//                 onClick={() => {
-							//                   showProjPrower();
-							//                 }}
-							//               >
-							//                 权限名单
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="归属权" label="归属权">
-							//               <div
-							//                 onClick={() => {
-							//                   console.log("点击了111");
-							//                   showProjOwner();
-							//                 }}
-							//               >
-							//                 归属权
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="查看权" label="查看权">
-							//               <div
-							//                 onClick={() => {
-							//                   console.log("点击了111");
-							//                   showProjCheck();
-							//                 }}
-							//               >
-							//                 查看权
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="管理权" label="管理权">
-							//               <div
-							//                 onClick={() => {
-							//                   showProjManage();
-							//                 }}
-							//               >
-							//                 管理权
-							//               </div>
-							//             </a-select-option>
-							//           </a-select>
-							//         </div>
-							//         <span
-							//           class="operation3"
-							//           onClick={() => {
-							//             showCopyModal();
-							//           }}
-							//         >
-							//           复制
-							//         </span>
-							//         <span
-							//           class="more"
-							//           onClick={() => {
-							//             showDeleteModal();
-							//           }}
-							//         >
-							//           删除
-							//         </span>
-							//       </div>
-							//     ) : (
-							//       <div></div>
-							//     );
-							//   value.subList.map((item) => {
-							//     if (item.children) {
-							//       //多层子项目
-							//       item.operation =
-							//         item.state === "草稿" ? (
-							//           <div class="operation">
-							//             <span class="operation1">编辑</span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//             <router-link to="/classadd" class="operation3">
-							//               创建班级
-							//             </router-link>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="更多"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option value="复制" label="复制">
-							//                   <div
-							//                     onClick={() => {
-							//                       showCopyModal();
-							//                     }}
-							//                   >
-							//                     复制
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="删除" label="删除">
-							//                   <div
-							//                     onClick={() => {
-							//                       showDeleteModal();
-							//                     }}
-							//                   >
-							//                     删除
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//           </div>
-							//         ) : item.state === "进行中" ? (
-							//           <div class="operation">
-							//             <span class="operation1">查看</span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-
-							//             <router-link to="/classadd" class="operation3">
-							//               创建班级
-							//             </router-link>
-							//             <span
-							//               class="more"
-							//               onClick={() => {
-							//                 showCopyModal();
-							//               }}
-							//             >
-							//               复制
-							//             </span>
-							//           </div>
-							//         ) : item.state === "已结束" ? (
-							//           <div class="operation">
-							//             <span class="operation1">查看</span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//             <span
-							//               class="operation3"
-							//               onClick={() => {
-							//                 showCopyModal();
-							//               }}
-							//             >
-							//               复制
-							//             </span>
-							//             <span
-							//               class="more"
-							//               onClick={() => {
-							//                 showDeleteModal();
-							//               }}
-							//             >
-							//               删除
-							//             </span>
-							//           </div>
-							//         ) : (
-							//           <div></div>
-							//         );
-
-							//       item.children.map((a) => {
-							//         //班级
-							//         a.operation =
-							//           a.state === "草稿" ? (
-							//             <div class="operation">
-							//               <span class="operation1">编辑</span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="授权"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option
-							//                     value="权限名单"
-							//                     label="权限名单"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjPrower();
-							//                       }}
-							//                     >
-							//                       权限名单
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="归属权" label="归属权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjOwner();
-							//                       }}
-							//                     >
-							//                       归属权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="查看权" label="查看权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjCheck();
-							//                       }}
-							//                     >
-							//                       查看权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="管理权" label="管理权">
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjManage();
-							//                       }}
-							//                     >
-							//                       管理权
-							//                     </div>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//               <span class="operation3">发布</span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="更多"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option value="复制" label="复制">
-							//                     <div
-							//                       onClick={() => {
-							//                         showCopyModal();
-							//                       }}
-							//                     >
-							//                       复制
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="删除" label="删除">
-							//                     <div
-							//                       onClick={() => {
-							//                         showDeleteModal();
-							//                       }}
-							//                     >
-							//                       删除
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="存为模板"
-							//                     label="存为模板"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showStartModal();
-							//                       }}
-							//                     >
-							//                       存为模板
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="基础信息"
-							//                     label="基础信息"
-							//                   >
-							//                     <router-link to="/taskpage">
-							//                       基础信息
-							//                     </router-link>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//             </div>
-							//           ) : a.state === "进行中" ? (
-							//             <div class="operation">
-							//               <span class="operation1"></span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="授权"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option
-							//                     value="权限名单"
-							//                     label="权限名单"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjPrower();
-							//                       }}
-							//                     >
-							//                       权限名单
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="归属权" label="归属权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjOwner();
-							//                       }}
-							//                     >
-							//                       归属权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="查看权" label="查看权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjCheck();
-							//                       }}
-							//                     >
-							//                       查看权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="管理权" label="管理权">
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjManage();
-							//                       }}
-							//                     >
-							//                       管理权
-							//                     </div>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//               <span
-							//                 class="operation3"
-							//                 onClick={() => {
-							//                   showCopyModal();
-							//                 }}
-							//               >
-							//                 复制
-							//               </span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="更多"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option value="撤回" label="撤回">
-							//                     <div
-							//                       onClick={() => {
-							//                         showBackModal();
-							//                       }}
-							//                     >
-							//                       撤回
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="结束" label="结束">
-							//                     <div
-							//                       onClick={() => {
-							//                         showStopModal();
-							//                       }}
-							//                     >
-							//                       结束
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="存为模板"
-							//                     label="存为模板"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showStartModal();
-							//                       }}
-							//                     >
-							//                       存为模板
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="基础信息"
-							//                     label="基础信息"
-							//                   >
-							//                     <router-link to="/taskpage">
-							//                       基础信息
-							//                     </router-link>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//             </div>
-							//           ) : a.state === "已结束" ? (
-							//             <div class="operation">
-							//               <span class="operation1"></span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="授权"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option
-							//                     value="权限名单"
-							//                     label="权限名单"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjPrower();
-							//                       }}
-							//                     >
-							//                       权限名单
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="归属权" label="归属权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjOwner();
-							//                       }}
-							//                     >
-							//                       归属权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="查看权" label="查看权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjCheck();
-							//                       }}
-							//                     >
-							//                       查看权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="管理权" label="管理权">
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjManage();
-							//                       }}
-							//                     >
-							//                       管理权
-							//                     </div>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//               <span
-							//                 class="operation3"
-							//                 onClick={() => {
-							//                   showCopyModal();
-							//                 }}
-							//               >
-							//                 复制
-							//               </span>
-							//               <span
-							//                 class="operation3"
-							//                 onClick={() => {
-							//                   showCopyModal();
-							//                 }}
-							//               >
-							//                 复制
-							//               </span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="更多"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option value="删除" label="删除">
-							//                     <div
-							//                       onClick={() => {
-							//                         showDeleteModal();
-							//                       }}
-							//                     >
-							//                       删除
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="存为模板"
-							//                     label="存为模板"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showStartModal();
-							//                       }}
-							//                     >
-							//                       存为模板
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="基础信息"
-							//                     label="基础信息"
-							//                   >
-							//                     <router-link to="/taskpage">
-							//                       基础信息
-							//                     </router-link>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//             </div>
-							//           ) : a.state === "未开始" ? (
-							//             <div class="operation">
-							//               <span class="operation1"></span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="授权"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option
-							//                     value="权限名单"
-							//                     label="权限名单"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjPrower();
-							//                       }}
-							//                     >
-							//                       权限名单
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="归属权" label="归属权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjOwner();
-							//                       }}
-							//                     >
-							//                       归属权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="查看权" label="查看权">
-							//                     <div
-							//                       onClick={() => {
-							//                         console.log("点击了111");
-							//                         showProjCheck();
-							//                       }}
-							//                     >
-							//                       查看权
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="管理权" label="管理权">
-							//                     <div
-							//                       onClick={() => {
-							//                         showProjManage();
-							//                       }}
-							//                     >
-							//                       管理权
-							//                     </div>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//               <span
-							//                 class="operation3"
-							//                 onClick={() => {
-							//                   showCopyModal();
-							//                 }}
-							//               >
-							//                 复制
-							//               </span>
-							//               <div class="tableSelect">
-							//                 <a-select
-							//                   style="width: 50px"
-							//                   value="更多"
-							//                   // options={state.projectNameList}
-							//                   dropdownClassName="tabledropdown"
-							//                 >
-							//                   <a-select-option value="结束" label="结束">
-							//                     <div
-							//                       onClick={() => {
-							//                         showStopModal();
-							//                       }}
-							//                     >
-							//                       结束
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option value="撤回" label="撤回">
-							//                     <div
-							//                       onClick={() => {
-							//                         showBackModal();
-							//                       }}
-							//                     >
-							//                       撤回
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="存为模板"
-							//                     label="存为模板"
-							//                   >
-							//                     <div
-							//                       onClick={() => {
-							//                         showStartModal();
-							//                       }}
-							//                     >
-							//                       存为模板
-							//                     </div>
-							//                   </a-select-option>
-							//                   <a-select-option
-							//                     value="基础信息"
-							//                     label="基础信息"
-							//                   >
-							//                     <router-link to="/taskpage">
-							//                       基础信息
-							//                     </router-link>
-							//                   </a-select-option>
-							//                 </a-select>
-							//               </div>
-							//             </div>
-							//           ) : (
-							//             <div></div>
-							//           );
-							//       });
-							//     } else {
-							//       //单层子项目
-							//       item.operation =
-							//         item.state === "草稿" ? (
-							//           <div class="operation">
-							//             <span class="operation1">编辑</span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//             <span class="operation3">发布</span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="更多"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option value="复制" label="复制">
-							//                   <div
-							//                     onClick={() => {
-							//                       showCopyModal();
-							//                     }}
-							//                   >
-							//                     复制
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="删除" label="删除">
-							//                   <div
-							//                     onClick={() => {
-							//                       showDeleteModal();
-							//                     }}
-							//                   >
-							//                     删除
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="存为模板"
-							//                   label="存为模板"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showStartModal();
-							//                     }}
-							//                   >
-							//                     存为模板
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="基础信息"
-							//                   label="基础信息"
-							//                 >
-							//                   <router-link to="/taskpage">
-							//                     基础信息
-							//                   </router-link>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//           </div>
-							//         ) : item.state === "进行中" ? (
-							//           <div class="operation">
-							//             <span class="operation1"></span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//             <span
-							//               class="operation3"
-							//               onClick={() => {
-							//                 showCopyModal();
-							//               }}
-							//             >
-							//               复制
-							//             </span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="更多"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option value="撤回" label="撤回">
-							//                   <div
-							//                     onClick={() => {
-							//                       showBackModal();
-							//                     }}
-							//                   >
-							//                     撤回
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="结束" label="结束">
-							//                   <div
-							//                     onClick={() => {
-							//                       showStopModal();
-							//                     }}
-							//                   >
-							//                     结束
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="存为模板"
-							//                   label="存为模板"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showStartModal();
-							//                     }}
-							//                   >
-							//                     存为模板
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="基础信息"
-							//                   label="基础信息"
-							//                 >
-							//                   <router-link to="/taskpage">
-							//                     基础信息
-							//                   </router-link>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//           </div>
-							//         ) : item.state === "已结束" ? (
-							//           <div class="operation">
-							//             <span class="operation1"></span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//             <span
-							//               class="operation3"
-							//               onClick={() => {
-							//                 showCopyModal();
-							//               }}
-							//             >
-							//               复制
-							//             </span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="更多"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option value="删除" label="删除">
-							//                   <div
-							//                     onClick={() => {
-							//                       showDeleteModal();
-							//                     }}
-							//                   >
-							//                     删除
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="结束" label="结束">
-							//                   <div
-							//                     onClick={() => {
-							//                       showStopModal();
-							//                     }}
-							//                   >
-							//                     结束
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="存为模板"
-							//                   label="存为模板"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showStartModal();
-							//                     }}
-							//                   >
-							//                     存为模板
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="基础信息"
-							//                   label="基础信息"
-							//                 >
-							//                   <router-link to="/taskpage">
-							//                     基础信息
-							//                   </router-link>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//           </div>
-							//         ) : item.state === "未开始" ? (
-							//           <div class="operation">
-							//             <span class="operation1"></span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="授权"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option
-							//                   value="权限名单"
-							//                   label="权限名单"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjPrower();
-							//                     }}
-							//                   >
-							//                     权限名单
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="归属权" label="归属权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjOwner();
-							//                     }}
-							//                   >
-							//                     归属权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="查看权" label="查看权">
-							//                   <div
-							//                     onClick={() => {
-							//                       console.log("点击了111");
-							//                       showProjCheck();
-							//                     }}
-							//                   >
-							//                     查看权
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="管理权" label="管理权">
-							//                   <div
-							//                     onClick={() => {
-							//                       showProjManage();
-							//                     }}
-							//                   >
-							//                     管理权
-							//                   </div>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//             <span
-							//               class="operation3"
-							//               onClick={() => {
-							//                 showCopyModal();
-							//               }}
-							//             >
-							//               复制
-							//             </span>
-							//             <div class="tableSelect">
-							//               <a-select
-							//                 style="width: 50px"
-							//                 value="更多"
-							//                 // options={state.projectNameList}
-							//                 dropdownClassName="tabledropdown"
-							//               >
-							//                 <a-select-option value="撤回" label="撤回">
-							//                   <div
-							//                     onClick={() => {
-							//                       showBackModal();
-							//                     }}
-							//                   >
-							//                     撤回
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option value="结束" label="结束">
-							//                   <div
-							//                     onClick={() => {
-							//                       showStopModal();
-							//                     }}
-							//                   >
-							//                     结束
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="存为模板"
-							//                   label="存为模板"
-							//                 >
-							//                   <div
-							//                     onClick={() => {
-							//                       showStartModal();
-							//                     }}
-							//                   >
-							//                     存为模板
-							//                   </div>
-							//                 </a-select-option>
-							//                 <a-select-option
-							//                   value="基础信息"
-							//                   label="基础信息"
-							//                 >
-							//                   <router-link to="/taskpage">
-							//                     基础信息
-							//                   </router-link>
-							//                 </a-select-option>
-							//               </a-select>
-							//             </div>
-							//           </div>
-							//         ) : (
-							//           <div></div>
-							//         );
-							//     }
-							//   });
-							// } else {
-							//   //单层项目
-							//   value.operation = (
-							//     <div class="operation">
-							//       {value.status === "草稿" ? (
-							//         <span class="operation1">编辑</span>
-							//       ) : (
-							//         <span class="operation1"></span>
-							//       )}
-							//       <div class="tableSelect">
-							//         <a-select
-							//           style="width: 50px"
-							//           value="授权"
-							//           // options={state.projectNameList}
-							//           dropdownClassName="tabledropdown"
-							//         >
-							//           <a-select-option value="权限名单" label="权限名单">
-							//             <div
-							//               onClick={() => {
-							//                 showProjPrower();
-							//               }}
-							//             >
-							//               权限名单
-							//             </div>
-							//           </a-select-option>
-							//           <a-select-option value="归属权" label="归属权">
-							//             <div
-							//               onClick={() => {
-							//                 console.log("点击了111");
-							//                 showProjOwner();
-							//               }}
-							//             >
-							//               归属权
-							//             </div>
-							//           </a-select-option>
-							//           <a-select-option value="查看权" label="查看权">
-							//             <div
-							//               onClick={() => {
-							//                 console.log("点击了111");
-							//                 showProjCheck();
-							//               }}
-							//             >
-							//               查看权
-							//             </div>
-							//           </a-select-option>
-							//           <a-select-option value="管理权" label="管理权">
-							//             <div
-							//               onClick={() => {
-							//                 showProjManage();
-							//               }}
-							//             >
-							//               管理权
-							//             </div>
-							//           </a-select-option>
-							//         </a-select>
-							//       </div>
-
-							//       {value.status === "草稿" ? (
-							//         <span class="operation3">发布</span>
-							//       ) : (
-							//         <span
-							//           class="operation3"
-							//           onClick={() => {
-							//             showCopyModal();
-							//           }}
-							//         >
-							//           复制
-							//         </span>
-							//       )}
-							//       <div class="tableSelect">
-							//         {value.status === "草稿" ? (
-							//           <a-select
-							//             style="width: 50px"
-							//             value="更多"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="复制" label="复制">
-							//               <div
-							//                 onClick={() => {
-							//                   showCopyModal();
-							//                 }}
-							//               >
-							//                 复制
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="删除" label="删除">
-							//               <div
-							//                 onClick={() => {
-							//                   showDeleteModal();
-							//                 }}
-							//               >
-							//                 删除
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="存为模板" label="存为模板">
-							//               <div
-							//                 onClick={() => {
-							//                   showStartModal();
-							//                 }}
-							//               >
-							//                 存为模板
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="基础信息" label="基础信息">
-							//               <router-link to="/taskpage">基础信息</router-link>
-							//             </a-select-option>
-							//           </a-select>
-							//         ) : value.status === "进行中" ? (
-							//           <a-select
-							//             style="width: 50px"
-							//             value="更多"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="存为模板" label="存为模板">
-							//               <div
-							//                 onClick={() => {
-							//                   showStartModal();
-							//                 }}
-							//               >
-							//                 存为模板
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="结束" label="结束">
-							//               <div
-							//                 onClick={() => {
-							//                   showStopModal();
-							//                 }}
-							//               >
-							//                 结束
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="撤回" label="撤回">
-							//               <div
-							//                 onClick={() => {
-							//                   showBackModal();
-							//                 }}
-							//               >
-							//                 撤回
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="基础信息" label="基础信息">
-							//               <router-link to="/taskpage">基础信息</router-link>
-							//             </a-select-option>
-							//           </a-select>
-							//         ) : value.status === "已结束" ||
-							//           value.status === "未开始" ? (
-							//           <a-select
-							//             style="width: 50px"
-							//             value="更多"
-							//             // options={state.projectNameList}
-							//             dropdownClassName="tabledropdown"
-							//           >
-							//             <a-select-option value="存为模板" label="存为模板">
-							//               <div
-							//                 onClick={() => {
-							//                   showStartModal();
-							//                 }}
-							//               >
-							//                 存为模板
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="删除" label="删除">
-							//               <div
-							//                 onClick={() => {
-							//                   showDeleteModal();
-							//                 }}
-							//               >
-							//                 删除
-							//               </div>
-							//             </a-select-option>
-							//             <a-select-option value="基础信息" label="基础信息">
-							//               <router-link to="/taskpage">基础信息</router-link>
-							//             </a-select-option>
-							//           </a-select>
-							//         ) : (
-							//           <div></div>
-							//         )}
-							//       </div>
-							//     </div>
-							//   );
-							// }
 						});
 						tableData.value = data;
 						console.log("tableData", tableData);
@@ -3282,24 +2171,50 @@ export default {
 			value8,
 			value9,
 
+			edvalue1,
+			edvalue2,
+			edvalue3,
+			edvalue4,
+			edvalue5,
+			edvalue6,
+			edvalue7,
+			edvalue8,
+			edvalue9,
+
+			edclassificationChange2,
+			edclassificationChange3,
+			edclassificationChange4,
+			edclassificationChange6,
+
 			sProjectName,
 			sProjectOrder,
+			sProjectCreate,
 			sProjectState,
 			sProjectTime,
 			sProjectStateList,
 			sProjectNameChange,
 			sProjectOrderChange,
+			sProjectCreateChange,
 			sProjectStateChange,
 			sProjectTimeChange,
 			searchReset,
 			searchSubmit,
 			createChildProject,
-			createChildsProject
+			createChildsProject,
+
+			editStoreyProject,
+			closeeditModal2,
+			edclassificationChangeName,
+			edclassificationChange,
+			edclassificationChange1,
+			edclassificationChange5,
+			editChildsProject,
+			closeeditModal3
 		};
 	},
 };
 </script>
-<style lang="scss">
+<style  lang="scss">
 .projectManage {
 	width: 100%;
 	height: 100%;
diff --git a/src/views/projectcenter/SonProject.vue b/src/views/projectcenter/SonProject.vue
index 768b3f5d..1c0e547f 100644
--- a/src/views/projectcenter/SonProject.vue
+++ b/src/views/projectcenter/SonProject.vue
@@ -1,82 +1,55 @@
 <!---- 创建单层子项目页面 --->
 <template>
-  <div class="projectAdd">
-    <div class="header">
-      <span class="title">创建/编辑单层子项目</span>
-      <router-link to="/projectmanage" class="goback">
-        <span class="return"></span><span class="returntext">返回</span>
-      </router-link>
-    </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"
-            />
-          </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
-            >
-            </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="projectAdd">
+		<div class="header">
+			<span class="title">创建/编辑单层子项目</span>
+			<router-link to="/projectmanage" class="goback">
+				<span class="return"></span><span class="returntext">返回</span>
+			</router-link>
+		</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" />
+					</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>
+						</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);
@@ -84,933 +57,835 @@
               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"
-            >
-              <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">
+							<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="['      开始时间', '        结束时间']"
-              style="width: 100%; height: 40px; border-radius: 5px"
-              show-time
-              @change="onRangeChange"
-            />
-          </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
-            >
-            </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="['      开始时间', '        结束时间']"
+							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
+					</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>
+						</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"
-            />
-          </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"
-            />
-          </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"
-              ><span
-                style="
+					<div class="in select">
+						<a-select :getPopupContainer="
+							(triggerNode) => {
+								return triggerNode.parentNode || document.body;
+							}
+						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
+							@change="classificationChange2" />
+					</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" />
+					</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"><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="集团级/组织级/现地级/部门级"
-            />
-          </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="集团级/组织级/现地级/部门级"
-            />
-          </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"
-              ><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="集团级/组织级/现地级/部门级" />
+					</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="集团级/组织级/现地级/部门级" />
+					</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"><span style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                "
-                >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>
-          </div>
-          <div class="filebox">
-            <div>
-              <img
-                v-if="fileList1.length < 6"
-                class="fileimg"
-                src="../../assets/images/projectadd/enclosure.png"
-              />
-              <a-upload
-                :disabled="fileList1.length > 5"
-                :before-upload="beforeUpload1"
-                v-model:file-list="fileList1"
-                @remove="removeFile"
-                name="file"
-                action="/api/file/upload"
-                :headers="headers"
-                @change="handleChange1"
-              >
-                <!-- <a-button> -->
-                <!-- <upload-outlined></upload-outlined> -->
-                <span v-if="fileList1.length > 5" class="filetext"
-                  >上传数量已经达到最大值</span
-                >
-                <span v-else class="filetext">上传附件</span>
-                <!-- </a-button> -->
-              </a-upload>
-            </div>
-            <div class="support">
-              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-            </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
-              :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 class="btn2">取消</a-button>
-      </div>
-    </div>
-  </div>
+                ">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>
+					</div>
+					<div class="filebox">
+						<div>
+							<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
+							<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
+								@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
+								<!-- <a-button> -->
+								<!-- <upload-outlined></upload-outlined> -->
+								<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
+								<span v-else class="filetext">上传附件</span>
+								<!-- </a-button> -->
+							</a-upload>
+						</div>
+						<div class="support">
+							支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+						</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 :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 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 * as api from "../../api/index";
+import { storage } from '../../api/storage';
 
 export default {
-  name: "sonProject",
-  setup() {
-    const router = useRouter();
-    const routers = useRoute();
-    const state = reactive({
-      classifySelect: null,
-      classifySelectId: null,
-      checked: false,
-      checked1: false,
-      valueE: null,
-      valueE1: null,
-      valueE2: null,
+	name: "sonProject",
+	setup() {
+		const router = useRouter();
+		const routers = useRoute();
+		const state = reactive({
+			classifySelect: null,
+			classifySelectId: null,
+			checked: false,
+			checked1: false,
+			valueE: null,
+			valueE1: null,
+			valueE2: null,
 
-      projectAscription: "",
-    });
+			projectAscription: "",
+		});
 
-    const projectName = ref("");
+		const projectName = ref("");
 
-    state.projectAscription = routers.query.name;
+		state.projectAscription = routers.query.name;
 
-    const classifyList = ref([
-      { value: 1, label: "管理者" },
-      { value: 2, label: "领军者" },
-      { value: 3, label: "产业人" },
-    ]);
+		if (routers.query.name) {
+			storage.set("editproject", routers.query)
+		}
 
-    let projectType = "";
+		const classifyList = ref([
+			{ value: 1, label: "管理者" },
+			{ value: 2, label: "领军者" },
+			{ value: 3, label: "产业人" },
+		]);
 
-    const classificationChange = (value) => {
-      console.log(`selected ${value}`);
-      projectType = value;
-    };
+		let projectType = "";
 
-    function getBase64(img, callback) {
-      const reader = new FileReader();
-      reader.addEventListener("load", () => callback(reader.result));
-      reader.readAsDataURL(img);
-    }
+		const classificationChange = (value) => {
+			console.log(`selected ${value}`);
+			projectType = value;
+		};
 
-    const fileList = ref([]);
-    const fileList1 = ref([]);
-    const loading = ref(false);
-    const imageUrl = ref("");
-    let picUrl = "";
+		function getBase64(img, callback) {
+			const reader = new FileReader();
+			reader.addEventListener("load", () => callback(reader.result));
+			reader.readAsDataURL(img);
+		}
 
-    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");
-      }
-    };
+		const fileList = ref([]);
+		const fileList1 = ref([]);
+		const loading = ref(false);
+		const imageUrl = ref("");
+		let picUrl = "";
 
-    let uplodaFileCount = false;
+		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 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 uplodaFileCount = false;
 
-        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 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
+				);
 
-        if (info.fileList.length > 5) {
-          uplodaFileCount = true;
-        } else {
-          uplodaFileCount = 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;
 
-    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;
-    };
+				if (info.fileList.length > 5) {
+					uplodaFileCount = true;
+				} else {
+					uplodaFileCount = false;
+				}
+			}
+			if (info.file.status === "error") {
+				loading.value = false;
+				message.error("upload error");
+			}
+		};
 
-    const beforeUpload1 = () => {
-      return new Promise((resovle, reject) => {
-        if (uplodaFileCount) {
-          message.info("上传文件数量已达最大数量");
-          return reject(false);
-        }
-        return resovle(true);
-      });
-    };
+		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 beginTime = "";
-    let endTime = "";
-    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 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;
+		};
 
-    let manager = "";
-    let managerId = "";
-    const classificationChange1 = (key) => {
-      console.log(`selected ${key}`, classifyList1);
-      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);
-      manager = mstr;
-      managerId = midstr;
-    };
+		// 项目经理 后续接口调用
+		const classifyList1 = ref([
+			{ value: 1, label: "李俊国" },
+			{ value: 2, label: "将小米" },
+			{ value: 3, label: "刘孟君" },
+		]);
 
-    // 资源归属 sourceBelongId 后续给接口
-    const classifyList2 = ref([
-      { value: 1, label: "项目一" },
-      { value: 2, label: "项目二" },
-      { value: 3, label: "项目三" },
-    ]);
+		let manager = "";
+		let managerId = "";
+		const classificationChange1 = (key) => {
+			console.log(`selected ${key}`, classifyList1);
+			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);
+			manager = mstr;
+			managerId = midstr;
+		};
 
-    const classificationChange2 = (key) => {
-      console.log(`selected ${key}`, classifyList2);
-    };
+		// 资源归属 sourceBelongId 后续给接口
+		const classifyList2 = ref([
+			{ value: 1, label: "项目一" },
+			{ value: 2, label: "项目二" },
+			{ value: 3, label: "项目三" },
+		]);
 
-    // 项目级别
-    const classifyList3 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-    const classificationChange3 = (key) => {
-      console.log(`selected ${key}`, classifyList3);
-    };
+		const classificationChange2 = (key) => {
+			console.log(`selected ${key}`, classifyList2);
+		};
 
-    // 培训体系
-    const classifyList4 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-    const classificationChange4 = (key) => {
-      console.log(`selected ${key}`, classifyList4);
-    };
+		// 项目级别
+		const classifyList3 = ref([
+			{ value: 1, label: "集团级" },
+			{ value: 2, label: "组织级" },
+			{ value: 3, label: "现地级" },
+			{ value: 4, label: "部门级" },
+		]);
+		const classificationChange3 = (key) => {
+			console.log(`selected ${key}`, classifyList3);
+		};
 
-    // 模版
-    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 classificationChange4 = (key) => {
+			console.log(`selected ${key}`, classifyList4);
+		};
 
-    // 项目说明
-    const remark = ref("");
+		// 模版
+		const classifyList5 = ref([
+			{ value: 1, label: "模版一" },
+			{ value: 2, label: "模版二" },
+			{ value: 3, label: "模版三" },
+			{ value: 4, label: "模版四" },
+		]);
+		const classificationChange5 = (key) => {
+			console.log(`selected ${key}`, classifyList5);
+		};
 
-    let courseSyncFlag = 0;
-    const changeChecked = () => {
-      console.log(state.checked);
-      state.checked ? (state.checked = false) : (state.checked = true);
-      courseSyncFlag = state.checked ? 1 : 0;
-    };
+		// 项目说明
+		const remark = ref("");
 
-    let boeFlag = 0;
-    const changeChecked1 = () => {
-      console.log(state.checked1);
-      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-      boeFlag = state.checked1 ? 1 : 0;
-    };
+		let courseSyncFlag = 0;
+		const changeChecked = () => {
+			console.log(state.checked);
+			state.checked ? (state.checked = false) : (state.checked = true);
+			courseSyncFlag = state.checked ? 1 : 0;
+		};
 
-    const removeFile = (file) => {
-      const index = fileList1.value.indexOf(file);
-      const newFileList = fileList1.value.slice();
-      newFileList.splice(index, 1);
-      fileList1.value = newFileList;
+		let boeFlag = 0;
+		const changeChecked1 = () => {
+			console.log(state.checked1);
+			state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+			boeFlag = state.checked1 ? 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;
-    };
+		const removeFile = (file) => {
+			const index = fileList1.value.indexOf(file);
+			const newFileList = fileList1.value.slice();
+			newFileList.splice(index, 1);
+			fileList1.value = newFileList;
 
-    const errorMsgs = {
-      name: "请输入项目名称",
-      category: "请选择项目分类",
-      picUrl: "请上传项目封面图",
-      beginTime: "请选择项目开始时间",
-      endTime: "请选择项目结束时间",
-      manager: "请选择项目经理",
-      managerId: "请选择项目经理",
-      sourceBelongId: "请选择资源归属",
-      level: "请填写项目级别",
-      systemId: "请填写项目培训体系",
-      boeFlag: "请选择是否BOE实施",
-      attach: "请上传附件",
-    };
+			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 createProject = () => {
-      let obj = {
-        name: projectName["value"],
-        category: projectType,
-        picUrl: picUrl,
-        beginTime: beginTime,
-        endTime: endTime,
-        manager: manager,
-        managerId: managerId,
-        sourceBelongId: 11,
-        remark: remark["value"],
-        courseSyncFlag: courseSyncFlag,
-        level: 3,
-        systemId: 4,
-        boeFlag: boeFlag,
-        attach: attach,
-        type: 3,
-        templateId: 10,
-        parentId: routers.query.projectId,
-        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;
-        }
-      }
+		const errorMsgs = {
+			name: "请输入项目名称",
+			category: "请选择项目分类",
+			picUrl: "请上传项目封面图",
+			beginTime: "请选择项目开始时间",
+			endTime: "请选择项目结束时间",
+			manager: "请选择项目经理",
+			managerId: "请选择项目经理",
+			sourceBelongId: "请选择资源归属",
+			level: "请填写项目级别",
+			systemId: "请填写项目培训体系",
+			boeFlag: "请选择是否BOE实施",
+			attach: "请上传附件",
+		};
 
-      api
-        .createProject(obj)
-        .then((res) => {
-          console.log(res);
-          if (res.status == 200 && res.data.code == 200) {
-            message.destroy();
-            message.success("创建成功");
-            setTimeout(() => {
-              router.push({
-                path: "/taskpage",
-                query: { id: res.data.data.projectId },
-              });
-            }, 1000);
-          } else {
-            message.destroy();
-            message.error("创建失败，请检查当前网络状态。");
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          message.destroy();
-          message.error("创建失败，请检查当前网络状态。");
-        });
-    };
+		const createProject = () => {
+			let obj = {
+				name: projectName["value"],
+				category: projectType,
+				picUrl: picUrl,
+				beginTime: beginTime,
+				endTime: endTime,
+				manager: manager,
+				managerId: managerId,
+				sourceBelongId: 11,
+				remark: remark["value"],
+				courseSyncFlag: courseSyncFlag,
+				level: 3,
+				systemId: 4,
+				boeFlag: boeFlag,
+				attach: attach,
+				type: 3,
+				templateId: 10,
+				parentId: routers.query.projectId,
+				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;
+				}
+			}
 
-    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: "/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,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .projectAdd {
-  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 5079a850..7ae231c9 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -154,11 +154,14 @@
             </div>
             <div class="text">直播</div>
           </div>
-          <!-- 添加考试侧弹窗 -->
+          <!-- 添加直播侧弹窗 -->
           <div>
-            <add-live v-model:addliveVisible="addlivevisible" />
+            <add-live
+              v-model:addliveVisible="addlivevisible"
+              @changeData="updateTableData"
+            />
           </div>
-          <!-- 添加考试侧弹窗 -->
+          <!-- 添加直播侧弹窗 -->
           <div class="lin"></div>
         </div>
         <div class="item" @click="showDrawerAddRef">
@@ -364,11 +367,17 @@
         <div class="modalMain" style="width: 100%">
           <div class="name">
             <div class="namebox">
+              <div>
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
               <div class="inname">阶段名称：</div>
             </div>
             <div class="in">
               <a-input
-                v-model:value="valueE"
+                v-model:value="valuesname"
                 show-count
                 :maxlength="20"
                 placeholder="请输入阶段名称"
@@ -381,7 +390,7 @@
             </div>
             <div class="intext" style="margin-left: 14px">
               <a-textarea
-                v-model:value="value"
+                v-model:value="valuesnotice"
                 style="height: 88px"
                 show-count
                 :maxlength="100"
@@ -412,7 +421,7 @@
               取消
             </button>
             <button
-              @click="closeModal"
+              @click="editStage"
               style="
                 cursor: pointer;
                 margin-left: 16px;
@@ -491,7 +500,7 @@
         </div>
       </div>
     </a-modal>
-    <!-- 确认删除阶段弹窗 -->
+    <!-- 确认删除任务弹窗 -->
     <a-modal
       v-model:visible="deleteModal"
       :footer="null"
@@ -547,6 +556,8 @@ import * as apidiscuss from "../../api/indexDiscuss";
 import * as apiactivity from "../../api/indexActivity";
 import * as apieval from "../../api/indexEval";
 import * as apiinvist from "../../api/indexInvist";
+import * as apivote from "../../api/indexVote";
+import * as apistage from "../../api/indexStage";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -667,97 +678,7 @@ export default {
       ],
 
       //任务数据
-      tableData: [
-        // {
-        //   key: 1,
-        //   lei: "在线",
-        //   // state: "已发布",
-        //   creater: "管理者课程",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "60分钟",
-        //   haspub: false,
-        //   checked1: false,
-        //   checkedd: false,
-        //   id: "ssss",
-        // },
-        // {
-        //   key: 2,
-        //   lei: "面授",
-        //   // state: "草稿",
-        //   creater: "管理者面授",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "20分钟",
-        //   haspub: true,
-        //   checked1: false,
-        //   checkedd: false,
-        // },
-        // {
-        //   key: 1,
-        //   lei: "在线",
-        //   // state: "已发布",
-        //   creater: "管理者课程",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "60分钟",
-        //   haspub: false,
-        //   checked1: false,
-        //   checkedd: false,
-        // },
-        // {
-        //   key: 3,
-        //   lei: "作业",
-        //   // state: "已停用",
-        //   creater: "管理者作业",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "60分钟",
-        //   haspub: false,
-        //   checked1: false,
-        //   checkedd: false,
-        // },
-        // {
-        //   key: 4,
-        //   lei: "考试",
-        //   // state: "草稿",
-        //   creater: "管理者考试",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "20分钟",
-        //   haspub: true,
-        //   checked1: false,
-        //   checkedd: false,
-        // },
-        // {
-        //   key: 5,
-        //   lei: "案例",
-        //   // state: "草稿",
-        //   creater: "腾飞班1案例",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "20分钟",
-        //   haspub: true,
-        //   checked1: true,
-        //   checkedd: false,
-        // },
-        // {
-        //   key: 4,
-        //   lei: "考试",
-        //   // state: "草稿",
-        //   creater: "管理者考试",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "20分钟",
-        //   haspub: true,
-        //   checked1: false,
-        //   checkedd: false,
-        // },
-        // {
-        //   key: 5,
-        //   lei: "案例",
-        //   // state: "草稿",
-        //   creater: "腾飞班1案例",
-        //   // pubtime: "2022-07-20 14:00:03",
-        //   cretime: "20分钟",
-        //   haspub: true,
-        //   checked1: true,
-        //   checkedd: false,
-        // },
-      ],
+      tableData: [],
       drawertableData: [
         {
           key: 1,
@@ -856,6 +777,8 @@ export default {
       addvotevisible: false,
       stage: false,
       selectedRowKeys: [],
+      valuesname: "",
+      valuesnotice: "",
       confirmModal: false, //确认添加阶段弹窗
       cC: false,
       cancelModal: false, //确认取消阶段弹窗
@@ -868,7 +791,7 @@ export default {
       deleteInvistID: 4, //评估
       deleteDiscussID: null, //删除讨论id
       deleteActivityID: null, //删除活动id
-      deleteID: "", //删除任务的taskID
+      deleteID: "",
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -879,6 +802,28 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("visible", bool);
     };
+    //添加阶段
+    const editStage = () => {
+      if (!state.valuesname) {
+        message.destroy();
+        return message.warning("请输入阶段名称");
+      }
+      let obj = {
+        name: state.valuesname,
+        projectId: 28,
+        remark: state.valuesnotice,
+      };
+      apistage
+        .editStage(obj)
+        .then((res) => {
+          console.log("添加阶段成功", res);
+          message.default();
+          message.success("添加阶段成功");
+        })
+        .catch((err) => {
+          console.log("添加阶段失败", err);
+        });
+    };
     // 把数据放到state里
     const getTableData = (tableData) => {
       let data = tableData;
@@ -1060,7 +1005,7 @@ export default {
         .then((res) => {
           if (res.status == 200) {
             console.log("22222", res.data.data.stageList[0].taskList);
-            let arr = res.data.data.stageList[0].taskList;
+            let arr = res.data.data.stageList[1].taskList;
             getTableData(arr);
           }
         })
@@ -1068,6 +1013,13 @@ export default {
           console.log("获取任务列表失败", err);
         });
     };
+
+    //数据变化
+    const updateTableData = (data) => {
+      console.log("添加数据", data);
+      getTask();
+    };
+
     //删除直播
     const deleteLiveBroadcast = () => {
       let obj = {
@@ -1199,8 +1151,8 @@ export default {
     //删除测评测试
     const deleteEvalText = () => {
       let obj = {
-        evaluationId: state.deleteEvalID,
-        token: "",
+        evaluationId: "",
+        token: 123,
       };
       apieval
         .deleteEvaluationById(obj)
@@ -1375,6 +1327,59 @@ export default {
           console.log(err);
         });
     };
+
+    //删除投票信息
+    const deleteVoteText = () => {
+      let obj = {
+        voteId: "",
+      };
+      apivote
+        .deleteVoteMessage(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.success("删除成功");
+          //重新获取列表
+          getTask();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
+    };
+
+    //编辑投票信息
+    const editVotePath = () => {
+      let obj = {
+        baseVote: "",
+        createTime: "",
+        createUser: 0,
+        stem: "",
+        stemId: 0,
+        updateTime: "",
+        updateUser: 0,
+        voteEndTime: "",
+        voteExplain: "",
+        voteFlag: "",
+        voteId: 0,
+        voteName: "",
+        voteStartTime: "",
+        voteTag: "",
+      };
+      apivote
+        .editVote(obj)
+        .then((res) => {
+          setTimeout(() => {
+            console.log("修改成功", res);
+            message.success("修改成功");
+          }, 1000);
+        })
+        .catch((err) => {
+          console.log("修改失败", err);
+          // state.createLoading = false;
+          //重新获取列表
+          getTask();
+        });
+    };
+
     const onSelectChange = (selectedRowKeys) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       state.selectedRowKeys = selectedRowKeys;
@@ -1397,6 +1402,8 @@ export default {
       //关闭确认框
       state.deleteModal = false;
       deleteTask();
+      message.success("删除成功");
+      getTask();
     };
     const closeModal = () => {
       state.stage = false;
@@ -1477,9 +1484,6 @@ export default {
       state.isActive = !state.isActive;
     };
 
-    const updateTableData = (data) => {
-      console.log("添加数据", data);
-    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1518,14 +1522,17 @@ export default {
       deleteEvalText,
       deleteExternalChain,
       deleteActivity,
+      deleteVoteText,
       editActivity,
       editEvalPath,
       deleteInvistText,
       editLiveBroadcast,
       editExternal,
       editInvistPath,
+      editVotePath,
       getTableData,
       deleteTask,
+      editStage,
       updateTableData,
     };
   },
@@ -1533,12 +1540,12 @@ export default {
 </script>
 
 <style lang="scss">
-.ant-input {
-  border-radius: 8px;
-  // height: 120%;
-  width: 384px;
-  height: 88px;
-}
+// .ant-input {
+//   border-radius: 8px;
+//   // height: 120%;
+//   width: 384px;
+//   height: 88px;
+// }
 .ConfirmModal {
   .ant-modal {
     width: 424px !important;