feat: 模板编辑，任务大纲，新增模板任务阶段页面

src/api/indexTemplate.js

@@ -4,7 +4,7 @@ import http from "./config";
 //编辑项目模板
 export const templateEdit = (obj) => http.post('/admin/project/template/edit',obj);
 // 模板详情
-export const templateDetail = (id) => http.get(`/admin/project/template/edit?projectTemplateId=${id}`);
+export const templateDetail = (id) => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
 // 删除阶段
 export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage`,{stageId:id});
 //删除任务

src/views/projectcenter/LibraryAdd.vue

@@ -5,12 +5,11 @@
         <img class="img" src="../../assets/images/projectadd/picture.png" />
       </div>
       <div class="imgfor">
-        <div class="forz">{{ projectInfo.name || "-" }}</div>
+        <div class="forz">{{projectInfo.name || '-'}}</div>
         <div class="fort">
-          <div class="fort1">项目经理：{{ projectInfo.manager || "-" }}</div>
+          <div class="fort1">项目经理：{{projectInfo.manager || '-'}}</div>
           <div class="fort2">
-            起止时间：{{ projectInfo.beginTime || "-" }} 至
-            {{ projectInfo.endTime || "-" }}
+            起止时间：{{projectInfo.beginTime || '-'}} 至 {{projectInfo.endTime || '-'}}
           </div>
         </div>
       </div>
@@ -34,7 +33,7 @@
           </div>
         </div>
         <div class="line"></div>
-        <router-link to="/templatelibrary"
+        <router-link to="/manage/templatelibrary"
           ><div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
@@ -56,7 +55,7 @@
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
-              <router-link to="/taskadd" class="edit">
+              <router-link to="/manage/temTask" class="edit">
                 <img
                   class="editimg"
                   src="../../assets/images/projectadd/edit.png"
@@ -300,7 +299,7 @@
                 <div class="ntcc_tit">公告内容</div>
                 <div class="textarea">
                   <a-textarea
-                    v-model:value="value2"
+                    v-model:value="projectInfo.notice"
                     placeholder="公告信息最多输入150个字。"
                     :maxlength="textnum"
                     allow-clear
@@ -339,6 +338,7 @@
                   </div>
                 </div>
               </div>
+
               <div v-if="edit" class="pjcb_content">
                 <div class="content content1">
                   <span>当前设计下，学员可以获得 </span
@@ -385,98 +385,67 @@
           <div class="split"></div>
           <a-tabs>
             <a-tab-pane key="1" tab="编辑">
-              <div class="setting">
-                <div class="set_tit">
+              <div class="content7">
+                <!-- <div class="set_tit">
               <span>基本信息</span>
-                  <span class="editBtn" @click="toEdit">编辑</span>
-                </div>
-                <hr color="#E8E8E8" />
+            </div> -->
+
+                <!-- <div class="line"></div> -->
                 <div class="set_body">
+                  <!-- <div class="edit" @click="showEditProj">
+                <div class="img"></div>
+                <div class="ed">编辑</div>
+              </div> -->
+                  <div class="edit" @click="toEdit">
+                    <div class="img"></div>
+                    <div class="ed">编辑</div>
+                  </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>模板名称：</span></div>
+                    <div class="setc_name"><span>项目名称：</span></div>
                     <div class="setc_main">
-                      <a-input
-                        v-model:value="formData.name"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 300px"
-                      ></a-input>
+                      <span style="color: #999999">{{ projectInfo.name }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>封面图：</span></div>
                     <div class="setc_main">
-                      <a-upload
-                        v-model:file-list="fileList"
-                        name="file"
-                        action="/api/file/upload"
-                        @change="handleChange"
-                        :disabled="!isEdit"
-                      >
                       <img
-                          src="@/assets/images/projectadd/picture.png"
+                        style="width: 151px; height: 84px"
+                        :src="picUrl"
                         alt=""
                       />
-                      </a-upload>
                     </div>
                   </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>模板时间：</span></div>
+                    <div class="setc_name"><span>项目时间：</span></div>
                     <div class="setc_main">
-                      <a-range-picker
-                        v-model:value="formData.time"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                      />
+                      <span style="color: #999999"
+                        >{{ projectInfo.beginTime }} ～ {{ projectInfo.endTime }}</span
+                      >
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>项目经理：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.manager"
-                        mode="multiple"
-                        placeholder="请选择项目经理"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="managerOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.manager }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>资源归属：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.sourceBelongId"
-                        placeholder="请选择资源归属"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="sourceBelongOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.sourceBelong }}</span>
                     </div>
                   </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>模板说明：</span></div>
+                    <div class="setc_name"><span>项目说明：</span></div>
                     <div class="setc_main">
-                      <a-input
-                        v-model:value="formData.remark"
-                        style="width: 300px"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                      ></a-input>
+                      <span style="color: #999999">{{ projectInfo.remark }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
-                    <div class="setc_main" @click="changecheck2">
-                      <a-radio
-                        v-model:checked="formData.courseSyncFlag"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
+                    <div class="setc_main">
+                      <a-radio v-model:checked="projectInfo.courseSyncFlag"
                         ><span style="color: #333333"
                           >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
                         ></a-radio
@@ -486,54 +455,23 @@
                   <div class="set_content">
                     <div class="setc_name"><span>项目级别：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.level"
-                        placeholder="请选择项目级别"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="levelOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.level }}</span>
                     </div>
                   </div>
                   <div class="set_content">
-                    <div class="setc_name"><span>培训分类：</span></div>
+                    <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <a-select
-                        v-model:value="formData.systemId"
-                        placeholder="请选择培训分类"
-                        :size="large"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
-                        style="width: 200px; color: #999999"
-                        :options="systemOptions"
-                      ></a-select>
+                      <span style="color: #999999">{{ projectInfo.systemId }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>是否BOEU实施：</span></div>
-                    <div class="setc_main" @click="changecheck3">
-                      <a-radio
-                        v-model:checked="formData.boeFlag"
-                        :bordered="isEdit"
-                        :disabled="!isEdit"
+                    <div class="setc_main">
+                      <a-radio v-model:checked="projectInfo.boeFlag"
                         ><span style="color: #333333">BOEU实施</span></a-radio
                       >
                     </div>
                   </div>
-                  <div v-if="isEdit" style="transform: translateX(50%)">
-                    <a-button
-                      @click="cancelEdit"
-                      style="background-color: #f9f9f9"
-                      >取消</a-button
-                    >
-                    <a-button
-                      @click="confirmEdit"
-                      style="background-color: #f5faff"
-                      >保存</a-button
-                    >
-                  </div>
                 </div>
               </div>
             </a-tab-pane>
@@ -546,51 +484,32 @@
                     <div class="box"></div>
                     <div class="onetitle">上传共享文档</div>
                     <div class="oneedi">
-                        <a-switch v-model:checked="docChecked"></a-switch>
+                      <a-switch v-model:checked="docChecked" ></a-switch>
                     </div>
                   </div>
-                    <div class="btnbox" style="margin: 20px">
+                  <div class="btnbox" style="margin:20px;">
                 <a-upload
                   v-model:file-list="fileList"
                   name="file"
                   action="/api/file/upload"
                   @change="handleChange"
                 >
-                        <span
-                          class="xkbtn"
-                          style="cursor: pointer; font-size: 17px"
-                          >上传</span
-                        >
-                        <img
-                          src="@/assets/images/basicinfo/cloud.png"
-                          style="cursor: pointer; width: 34px; height: 34px"
-                          alt=""
-                        />
+                  <span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
+                  <img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
+                  width:34px;height:34px;
+                  " alt="">
                 </a-upload>
-                      <div class="btnbox" style="margin: 20px">
+                <div class="btnbox" style="margin:20px;">
                 <span style="color: #999999">
                   支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                 </span>
               </div>
-                      <div
-                        v-for="item in docList"
-                        :key="item.src"
-                        class="docListStyle"
-                      >
-                        <img
-                          src="@/assets/images/basicinfo/download.png"
-                          style="
-                            cursor: pointer;
-                            width: 40px;
-                            height: 40px;
-                            margin-right: 40px;
-                          "
-                          alt=""
-                        />
-                        <span style="font: oblique 16px Sans-serif">{{
-                          item.name
-                        }}</span>
-                        <span style="color: #4ea6ff; float: right">删除</span>
+              <div v-for="item in docList" :key="item.src" class="docListStyle">
+                <img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
+                  width:40px;height:40px;margin-right:40px;
+                  " alt="">
+                <span style="font: oblique   16px Sans-serif">{{item.name}}</span> 
+                <span style="color: #4ea6ff;float:right;">删除</span>
               </div>
               </div>
                 </div>
@@ -640,10 +559,11 @@
     </div>
   </div>
 </template>
+
 <script>
-import { ref, reactive, defineComponent, toRefs, onMounted } from "vue";
+import { ref, reactive, defineComponent, toRefs, onMounted} from "vue";
 import { message } from "ant-design-vue";
-import * as api from "@/api/indexTemplate";
+import * as api from "@/api/indexTemplate"
 import { useRouter } from "vue-router";
 export default defineComponent({
   name: "LibraryAdd",
@@ -728,70 +648,29 @@ export default defineComponent({
             },
           ],
         },
-        {
-          text: "阶段2腾飞班阶段2",
-          children: [
-            {
-              course: "讨论",
-              name: "时间管理",
-              classify: "选修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 20, //完成人数
-              percent: 40,
-            },
-            {
-              course: "测评",
-              name: "管理直播间",
-              classify: "必修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 10, //完成人数
-              percent: 20,
-            },
-            {
-              course: "评估",
-              name: "管理直播间",
-              classify: "必修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 10, //完成人数
-              percent: 20,
-            },
-            {
-              course: "投票",
-              name: "管理直播间",
-              classify: "必修",
-              beginTime: "2022-09-16 14:03",
-              total: 50, //总人数
-              complete: 10, //完成人数
-              percent: 20,
-            },
-          ],
-        },
       ],
       // 模板编辑列表
-      managerOptions: [
-        { value: "李俊国" },
-        { value: "将小米" },
-        { value: "刘孟君" },
+      managerOptions:[
+        { value: "李俊国"},
+        { value: "将小米"},
+        { value: "刘孟君"},
       ],
-      sourceBelongOptions: [
-        { value: "项目一" },
-        { value: "项目二" },
-        { value: "项目三" },
+      sourceBelongOptions:[
+        { value: "项目一"},
+        { value: "项目二"},
+        { value: "项目三"},
       ],
-      levelOptions: [
-        { value: "集团级" },
-        { value: "组织级" },
-        { value: "现地级" },
-        { value: "部门级" },
+      levelOptions:[
+        { value: "集团级"},
+        { value: "组织级"},
+        { value: "现地级"},
+        { value: "部门级"},
       ],
-      systemOptions: [
-        { value: "集团级" },
-        { value: "组织级" },
-        { value: "现地级" },
-        { value: "部门级" },
+      systemOptions:[
+        { value: "集团级"},
+        { value: "组织级"},
+        { value: "现地级"},
+        { value: "部门级"},
       ],
       taskSyllabusActive: 0,
       //在线管理等页面传递参数
@@ -803,7 +682,7 @@ export default defineComponent({
       checked: true,
       checked2: false,
       checked3: false,
-      docChecked: true,
+      docChecked:true,
       value3: false,
       value4: false,
       hideshow: true,
@@ -811,42 +690,37 @@ export default defineComponent({
       score2: 5,
       edit: true,
       // 共享文档列表
-      docList: [
+      docList:[
         {
-          name: "测试文档1.doc",
-          src: "",
+          name:'测试文档1.doc',
+          src:"",
         },
         {
-          name: "测试文档2.doc",
-          src: "",
+          name:'测试文档2.doc',
+          src:"",
         },
         {
-          name: "测试文档3.doc",
-          src: "",
-        },
+          name:'测试文档3.doc',
+          src:"",
+        }
       ],
+      isEdit:false, // 是否处于编辑状态
         // 基本信息
-      formData: {
-        name: "123",
-        time: "",
-        manager: "建国",
+      projectInfo:{
+        beginTime:null,
+        endTime:null,
+        name: null,
+        manager: null,
+        notice: null,
         sourceBelongId: null,
         remark: "",
         courseSyncFlag: false,
         level: null,
         systemId: null,
         boeFlag: false,
-      },
-      isEdit: false, // 是否处于编辑状态
-      projectInfo: {
-        beginTime: null,
-        endTime: null,
-        name: null,
-        manager: null,
-      },
+      }
     });
     const value = ref("");
-    const value2 = ref("");
     const textnum = "150";
     const routered = useRouter();
     const changeopclo = () => {
@@ -864,186 +738,163 @@ export default defineComponent({
     };
     const confirmEdit = () => {
       state.isEdit = false;
-      editTemplate();
       getDetail();
     };
-    onMounted(() => {
-      getDetail();
-    });
+    const checkType = (type) => {
+      let typeRules = [
+        "",
+        "在线",
+        "面授",
+        "案例",
+        "作业",
+        "考试",
+        "直播",
+        "外链",
+        "讨论",
+        "活动",
+        "测评",
+        "评估",
+        "投票",
+      ];
+      return typeRules[type];
+    };
+    onMounted(() => {getDetail()});
     // 获取详情
     const getDetail = () => {
-      api
-        .templateDetail(1)
-        .then((res) => {
+      api.templateDetail(1).then(res => {
+        state.taskSyllabus = []
         console.log(res);
-          state.formData.name = res.data.data.projectInfo.name;
-          state.formData.time =
-            res.data.data.projectInfo.startTime +
-            res.data.data.projectInfo.endTime;
-          state.formData.manager = res.data.data.projectInfo.manager;
-          state.formData.sourceBelongId =
-            res.data.data.projectInfo.sourceBelongId;
-          state.formData.remark = res.data.data.stageList.remark;
-          state.formData.courseSyncFlag =
-            res.data.data.projectInfo.courseSyncFlag;
-          state.formData.level = res.data.data.projectInfo.level;
-          state.formData.systemId = res.data.data.projectInfo.systemId;
-          state.formData.boeFlag = res.data.data.projectInfo.boeFlag;
-          state.value2 = res.data.data.projectInfo.notice;
+        state.projectInfo.name = res.data.data.projectTemplateInfo.name
+        state.projectInfo.beginTime = res.data.data.projectTemplateInfo.createTime
+        state.projectInfo.manager = res.data.data.projectTemplateInfo.manager
+        state.projectInfo.notice = res.data.data.projectTemplateInfo.notice
+        state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId
+        state.projectInfo.remark = res.data.data.stageList.remark
+        state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag
+        state.projectInfo.level = res.data.data.projectTemplateInfo.level
+        state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId
+        state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag
+        state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl
+        let data = res.data.data.stageList;
+        for(let i in data) {
+          state.taskSyllabus.push({text: data[i].name,children:[]});
+          for(let j in data[i].taskList) {
+            state.taskSyllabus[i].children.push({
+              course: checkType(data[i].taskList[j].type),
+              name: data[i].taskList[j].name,
+              classify: data[i].taskList[j].flag,
+              beginTime: "",
+              total: 0, //总人数
+              complete: 0, //完成人数
+              percent: 0,
             })
-        .catch((err) => {
-          message.error("操作失败" + err);
-          console.log(err);
-        });
-    };
-    // 编辑项目模板
-    const editTemplate = () => {
-      let obj = {
-        beginTime: state.formData.time,
-        boeFlag: state.formData.boeFlag,
-        category: 0,
-        courseSyncFlag: state.formData.courseSyncFlag,
-        endTime: state.formData.time,
-        level: state.formData.level,
-        manager: state.formData.manager,
-        managerId: "",
-        name: state.formData.name,
-        notice: "",
-        noticeFlag: 0,
-        picUrl: "",
-        projectTemplateId: 0,
-        remark: state.formData.remark,
-        sourceBelongId: state.formData.sourceBelongId,
-        status: 0,
-        systemId: state.formData.systemId,
-      };
-      api
-        .templateEdit(obj)
-        .methods(obj)
-        .then((res) => {
-          message.success("编辑成功");
-          console.log(res);
+          }
+        }
+      }).catch(err => {
+        message.error("操作失败"+err)
+        console.log(err)
       })
-        .catch((err) => {
-          message.error("编辑失败" + err);
-          console.log(err);
-        });
-    };
+    }
+
     // 发布公告
     const addNotice = () => {
       let obj = {
-        beginTime: 0,
-        boeFlag: 0,
-        category: 0,
-        courseSyncFlag: 0,
-        endTime: 0,
-        level: 0,
-        manager: "",
-        managerId: "",
-        name: "",
-        notice: state.value2,
-        noticeFlag: 0,
-        picUrl: "",
-        projectTemplateId: 0,
-        remark: "",
-        sourceBelongId: 0,
-        status: 0,
-        systemId: 0,
+        "beginTime": 0,
+        "boeFlag": 0,
+        "category": 0,
+        "courseSyncFlag": 0,
+        "endTime": 0,
+        "level": 0,
+        "manager": "",
+        "managerId": "",
+        "name": "",
+        "notice": state.projectInfo.notice,
+        "noticeFlag": 0,
+        "picUrl": "",
+        "projectTemplateId": 0,
+        "remark": "",
+        "sourceBelongId": 0,
+        "status": 0,
+        "systemId": 0
       };
-      api
-        .templateEdit(obj)
-        .methods(obj)
-        .then((res) => {
-          message.success("公告发布成功");
-          console.log(res);
+      api.templateEdit(obj).methods(obj).then(res => {
+        message.success("公告发布成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("公告发布失败"+err)
+        console.log(err)
       })
-        .catch((err) => {
-          message.error("公告发布失败" + err);
-          console.log(err);
-        });
-    };
+    }
     // 删除阶段
     const stateDel = (id) => {
-      api
-        .deleteStage(id)
-        .then((res) => {
-          message.success("删除阶段成功");
-          console.log(res);
+      api.deleteStage(id).then(res => {
+        message.success("删除阶段成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("删除阶段失败"+err)
+        console.log(err)
       })
-        .catch((err) => {
-          message.error("删除阶段失败" + err);
-          console.log(err);
-        });
-    };
+    }
     
     // 删除任务
     const taskDel = (id) => {
-      api
-        .deleteTask(id)
-        .then((res) => {
-          message.success("删除任务成功");
-          console.log(res);
+      api.deleteTask(id).then(res => {
+      message.success("删除任务成功")
+      console.log(res)
+    }).catch(err => {
+      message.error("删除任务失败"+err)
+      console.log(err)
     })
-        .catch((err) => {
-          message.error("删除任务失败" + err);
-          console.log(err);
-        });
-    };
+    }
     const toEdit = () => {
       routered.push({
-        path: "/templateAdd",
+          path: "/manage/templateAdd",
           query: {
             projectId: state.projectId,
             name: state.name,
           },
         });
-    };
+    }
+    
     // 新建或编辑阶段 
     const stateEdit = () => {
-      let obj = {
-        name: "",
-        projectTemplateId: 0,
-        remark: "",
-        stageId: 0,
-      };
-      api
-        .editStagek(obj)
-        .then((res) => {
-          message.success("编辑阶段成功");
-          console.log(res);
+      let obj={
+        "name": "",
+        "projectTemplateId": 0,
+        "remark": "",
+        "stageId": 0
+      }
+      api.editStagek(obj).then(res => {
+        message.success("编辑阶段成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑阶段失败"+err)
+        console.log(err)
       })
-        .catch((err) => {
-          message.error("编辑阶段失败" + err);
-          console.log(err);
-        });
-    };
+    }
     //新建或编辑阶段任务
     const taskEdit = () => {
       let obj = {
-        courseId: 0,
-        duration: 0,
-        flag: true,
-        name: "",
-        projectTaskId: 0,
-        projectTemplateId: 0,
-        stageId: 0,
-        type: 0,
-      };
-      api
-        .editTask(obj)
-        .then((res) => {
-          message.success("编辑任务成功");
-          console.log(res);
+        "courseId": 0,
+        "duration": 0,
+        "flag": true,
+        "name": "",
+        "projectTaskId": 0,
+        "projectTemplateId": 0,
+        "stageId": 0,
+        "type": 0
+      }
+      api.editTask(obj).then(res => {
+        message.success("编辑任务成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑任务失败"+err)
+        console.log(err)
       })
-        .catch((err) => {
-          message.error("编辑任务失败" + err);
-          console.log(err);
-        });
-    };
+    }
     return {
       ...toRefs(state),
       value,
-      value2,
       textnum,
       changeopclo,
       changecheck2,
@@ -1067,18 +918,86 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-.editBtn {
-  float: right;
-  margin-right: 150px;
-  color: #4ea6ff;
+.content7 {
+    margin-top: 20px;
+
+    .set_tit {
+      margin-left: 34px;
+      font-size: 18px;
+      font-weight: 500;
+      color: #232425;
+    }
+
+    .line {
+      width: 100%;
+      height: 1px;
+      background-color: #e8e8e8;
+      margin-top: 10px;
+    }
+
+    .set_body {
+      margin-left: 34px;
+      margin-right: 34px;
+      position: relative;
+
+      .edit {
+        position: absolute;
+        width: 100px;
+        height: 40px;
+        background: #388be1;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        right: 0;
         cursor: pointer;
-}
+
+        .img {
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/edit.png);
+          background-size: 100%;
+          margin-right: 7px;
+        }
+
+        .ed {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+
+      .set_content {
+        margin: 32px auto;
+        display: flex;
+
+        // justify-content: end;
+        .setc_name {
+          width: 150px;
+          display: flex;
+          justify-content: end;
+        }
+
+        .setc_main {
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+    }
+  }
+.editBtn {
+      float:right; 
+      margin-right: 150px;
+      color:#4ea6ff;
+      cursor: pointer;
+    }
 .clearfix:before,
 .clearfix:after {
   content: " ";
   display: block;
   clear: both;
 }
+
 .addwrapper {
   width: 100%;
   height: 100%;
@@ -1239,6 +1158,7 @@ export default defineComponent({
       margin-left: 30px;
       margin-top: 10px;
     }
+
     .split {
         width: 100%;
         height: 20px;
@@ -1307,11 +1227,13 @@ export default defineComponent({
       .taskSyllabus {
         // flex: 1;
         overflow-x: auto;
+
         .ant-collapse {
           border: 0px;
           background-color: rgba(255, 255, 255, 0);
           min-width: 1040px;
         }
+
         .ant-collapse-content > .ant-collapse-content-box {
           padding-top: 0px;
           padding-bottom: 0px;
@@ -1343,11 +1265,13 @@ export default defineComponent({
         //width: 100%;
         flex-shrink: 0;
         margin-right: 24px;
+
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         padding: 25px 0px;
         margin-left: 22px;
+
         //margin: 0 12px;
         border: 1px solid #f2f6fc;
         border-top: 0px;
@@ -1359,6 +1283,7 @@ export default defineComponent({
           //height: 71px;
           margin-left: 12px;
           margin-right: 50px;
+
           .iconame {
             //position: absolute;
             color: #4f5156;
@@ -1470,13 +1395,16 @@ export default defineComponent({
         }
       }
     }
+
     .notice {
+      
       .ntc_tit {
-        padding-top: 22px;
+        padding-top:22px;
         margin-left: 34px;
         font-size: 18px;
         font-weight: 500;
         color: #232425;
+        
       }
       .ntc_body {
         margin-left: 34px;
@@ -1498,6 +1426,7 @@ export default defineComponent({
             .btnarea {
               display: flex;
               justify-content: flex-end;
+              
             }
             .area_btn {
               width: 100px;
@@ -1530,8 +1459,9 @@ export default defineComponent({
         }
       }
     }
+
     .projectscore {
-      padding-top: 22px;
+      padding-top:22px;
       .pjc_tit {
         margin-left: 34px;
         font-size: 18px;
@@ -1541,6 +1471,7 @@ export default defineComponent({
       .pjc_body {
         margin-left: 34px;
         margin-right: 34px;
+
         .groupright {
           display: flex;
           justify-content: space-between;
@@ -1607,8 +1538,9 @@ export default defineComponent({
         }
       }
     }
+
     .setting {
-      padding-top: 22px;
+      padding-top:22px;
       .set_tit {
         margin-left: 34px;
         font-size: 18px;

src/views/projectcenter/templateAdd.vue

@@ -6,7 +6,7 @@
       <div
         @click="backPage"
         style="cursor: pointer"
-        to="/libraryAdd"
+        to="/manage/libraryAdd"
         class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
@@ -24,11 +24,10 @@
           </div>
           <div class="in">
             <a-input
-              v-model:value="projectName"
+              v-model:value="projectInfo.name"
               placeholder="请输入模板名称"
               show-count
               :maxlength="30"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -47,14 +46,13 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect"
-              placeholder="四个养成"
+              v-model:value="projectInfo.category"
+              placeholder="管理者"
               style="width: 100%"
               :options="classifyList"
               @change="classificationChange"
               allowClear
               showSearch
-              :disabled="viewDetail ? true : false"
             >
             </a-select>
           </div>
@@ -88,7 +86,6 @@
               action="/api/file/upload"
               :before-upload="beforeUpload"
               @change="handleChange"
-              :disabled="viewDetail ? true : false"
             >
               <img
                 style="
@@ -126,8 +123,6 @@
               :placeholder="['      开始时间', '        结束时间']"
               v-model:value="rangevalue"
               style="width: 100%; height: 40px; border-radius: 5px"
-              @change="onRangeChange"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -146,7 +141,7 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              :value="classifySelect1"
+              :value="projectInfo.manager"
               mode="multiple"
               placeholder="请选择项目经理"
               style="width: 100%"
@@ -154,7 +149,6 @@
               @change="classificationChange1"
               allowClear
               showSearch
-              :disabled="viewDetail ? true : false"
             >
             </a-select>
           </div>
@@ -175,11 +169,10 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect2"
-              placeholder="自动带出 可修改"
+              v-model:value="projectInfo.sourceBelongId"
+              placeholder="项目一"
               :options="classifyList2"
               @change="classificationChange2"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -189,12 +182,11 @@
           </div>
           <div class="in">
             <a-textarea
-              v-model:value="remark"
+              v-model:value="projectInfo.remark"
               style="height: 80px"
               placeholder="请输入说明"
               show-count
               :maxlength="200"
-              :disabled="viewDetail ? true : false"
             />
           </div>
         </div>
@@ -205,8 +197,7 @@
           <div class="in">
             <a-radio
               @click="changeChecked"
-              v-model:checked="checked"
-              :disabled="viewDetail ? true : false"
+              v-model:checked="projectInfo.courseSyncFlag"
               ><span
                 style="
                   width: 100%;
@@ -233,7 +224,7 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect3"
+              v-model:value="projectInfo.level"
               :options="classifyList3"
               @change="classificationChange3"
               placeholder="集团级/组织级/现地级/部门级"
@@ -256,7 +247,7 @@
                   return triggerNode.parentNode || document.body;
                 }
               "
-              v-model:value="classifySelect4"
+              v-model:value="projectInfo.systemId"
               :options="classifyList4"
               @change="classificationChange4"
               placeholder="集团级/组织级/现地级/部门级"
@@ -275,7 +266,7 @@
           <div class="in">
             <a-radio
               @click="changeChecked1"
-              v-model:checked="checked1"
+              v-model:checked="projectInfo.boeFlag"
               :disabled="viewDetail ? true : false"
               ><span
                 style="
@@ -308,46 +299,6 @@
                       </div>
                   </div> -->
       </div>
-      <!--  选择模板 ------------------------------ -->
-      <div class="template" style="display: none">
-        <div class="name">
-          <div class="inname" style="width: 50px">模版</div>
-          <div class="in select" style="margin-left: 2px">
-            <a-select
-              v-if="isEdit"
-              disabled="true"
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="classifySelect5"
-              placeholder="请选择模版"
-              :size="size"
-              style="width: 100%"
-              :options="classifyList5"
-              @change="classificationChange5"
-            >
-            </a-select>
-            <a-select
-              v-else
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="classifySelect5"
-              placeholder="请选择模版"
-              :size="size"
-              style="width: 100%"
-              :options="classifyList5"
-              @change="classificationChange5"
-              @popupScroll="templateScroll"
-            >
-            </a-select>
-          </div>
-        </div>
-      </div>
     </div>
     <div class="footer">
       <div class="btn">
@@ -363,10 +314,10 @@
 import { reactive, toRefs, ref } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
-import dayjs from "dayjs";
-import * as api from "../../api/index";
+// import dayjs from "dayjs";
+import * as api from "../../api/indexTemplate";
 import { storage } from "../../api/storage";
-import { toDate } from "../../api/method";
+// import { toDate } from "../../api/method";
 
 export default {
   name: "projectAdd",
@@ -374,126 +325,16 @@ export default {
     // 编辑页面跳转过来时候，自动填充表格
     const routers = useRoute();
     const isEdit = ref(false);
-    let peojectID = "";
+    // let peojectID = "";
 
     if (routers.query.projectId) {
       storage.set("projectAddId", routers.query.projectId);
       isEdit.value = true;
-      peojectID = routers.query.projectId;
-      // 需要编辑
-      api
-        .getProjectDetail({ projectId: routers.query.projectId })
-        .then((res) => {
-          if (res.status == 200 && res.data.code == 200) {
-            let info = res.data.data.projectInfo;
-            console.log(info);
-            // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-            projectName.value = info.name;
-            state.classifySelect = classifyList.value[1]; // info.category
-            imageUrl.value = info.picUrl;
-
-            let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
-            let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
-            state.rangevalue = [
-              dayjs(start, "YYYY/MM/DD"),
-              dayjs(end, "YYYY/MM/DD"),
-            ];
-
-            let manageName = info.manager.split(",");
-            let manageValue = info.managerId.split(",");
-            let optionsManage = [];
-            for (let i = 0; i < manageName.length; i++) {
-              let obj = {
-                label: manageName[i],
-                value: manageValue[i],
-              };
-              optionsManage.push(obj);
-            }
-            console.log(optionsManage);
-            state.classifySelect1 = optionsManage;
-            state.classifySelect2 =
-              classifyList2.value[info.sourceBelongId - 1];
-            remark.value = info.remark;
-            state.checked = info.boeFlag ? info.boeFlag : false;
-            state.classifySelect3 = classifyList3.value[info.level];
-            state.classifySelect4 = classifyList4.value[info.systemId - 1];
-            state.checked1 = info.boeFlag ? info.boeFlag : false;
-            // fileList1.value = info.attach.split(",");
-
-            projectType = 1;
-            picUrl = info.picUrl;
-            beginTime = Number(info.beginTime / 1000);
-            endTime = Number(info.endTime / 1000);
-            manager = info.manager;
-            managerId = info.managerId;
-            sourceBelongIdC = Number(info.sourceBelongId);
-            courseSyncFlag = info.courseSyncFlag;
-            levels = info.level;
-            systemid = info.systemId;
-            boeFlag = info.boeFlag;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
+      // peojectID = routers.query.projectId;
     } else {
       if (storage.get("projectAddId")) {
         isEdit.value = true;
-        peojectID = storage.get("projectAddId");
-        // 需要编辑
-        api
-          .getProjectDetail({ projectId: storage.get("projectAddId") })
-          .then((res) => {
-            if (res.status == 200 && res.data.code == 200) {
-              let info = res.data.data.projectInfo;
-              console.log("我是从本地存储获取的id", info);
-              projectName.value = info.name;
-              state.classifySelect = classifyList.value[1]; // info.category
-              imageUrl.value = info.picUrl;
-
-              let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
-              let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
-              state.rangevalue = [
-                dayjs(start, "YYYY/MM/DD"),
-                dayjs(end, "YYYY/MM/DD"),
-              ];
-
-              let manageName = info.manager.split(",");
-              let manageValue = info.managerId.split(",");
-              let optionsManage = [];
-              for (let i = 0; i < manageName.length; i++) {
-                let obj = {
-                  label: manageName[i],
-                  value: manageValue[i],
-                };
-                optionsManage.push(obj);
-              }
-              console.log(optionsManage);
-              state.classifySelect1 = optionsManage;
-              state.classifySelect2 =
-                classifyList2.value[info.sourceBelongId - 1];
-              remark.value = info.remark;
-              state.checked = info.boeFlag ? info.boeFlag : false;
-              state.classifySelect3 = classifyList3.value[info.level];
-              state.classifySelect4 = classifyList4.value[info.systemId - 1];
-              state.checked1 = info.boeFlag ? info.boeFlag : false;
-
-              projectType = 1;
-              picUrl = info.picUrl;
-              beginTime = Number(info.beginTime / 1000);
-              endTime = Number(info.endTime / 1000);
-              manager = info.manager;
-              managerId = info.managerId;
-              sourceBelongIdC = Number(info.sourceBelongId);
-              courseSyncFlag = info.courseSyncFlag;
-              levels = info.level;
-              systemid = info.systemId;
-              boeFlag = info.boeFlag;
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
+        // peojectID = storage.get("projectAddId");
       }
     }
 
@@ -501,7 +342,7 @@ export default {
       storage.remove("projectAddId");
       setTimeout(() => {
         router.push({
-          path: "/libraryAdd",
+          path: "/manage/libraryAdd",
         });
       }, 400);
     };
@@ -526,6 +367,19 @@ export default {
       pageSize: 10, //每页10条数据
       totalPages: 0, //总页数
       viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
+      projectInfo:{
+        beginTime:null,
+        endTime:null,
+        name: null,
+        manager: null,
+        notice: null,
+        sourceBelongId: null,
+        remark: "",
+        courseSyncFlag: false,
+        level: null,
+        systemId: null,
+        boeFlag: false,
+      }
     });
 
     const projectName = ref("");
@@ -536,11 +390,11 @@ export default {
       { value: 3, label: "产业人" },
     ]);
 
-    let projectType = "";
+    // let projectType = "";
 
     const classificationChange = (value) => {
       console.log(`selected ${value}`);
-      projectType = value;
+      // projectType = value;
     };
 
     function getBase64(img, callback) {
@@ -553,7 +407,7 @@ export default {
     const fileList1 = ref([]);
     const loading = ref(false);
     const imageUrl = ref("");
-    let picUrl = "";
+    // let picUrl = "";
 
     const handleChange = (info) => {
       if (info.file.status === "uploading") {
@@ -562,7 +416,7 @@ export default {
       }
       if (info.file.status === "done") {
         console.log("上传图片返回的信息 %o", info);
-        picUrl = info.file.response.data;
+        // picUrl = info.file.response.data;
         // Get this url from response in real world.
         getBase64(info.file.originFileObj, (base64Url) => {
           imageUrl.value = base64Url;
@@ -577,7 +431,7 @@ export default {
 
     let uplodaFileCount = false;
 
-    let attach = "";
+    // let attach = "";
     let attachData = "";
     const handleChange1 = (info) => {
       if (info.file.status === "uploading") {
@@ -602,7 +456,7 @@ export default {
           }
         }
         console.log(attachStr);
-        attach = attachStr;
+        // attach = attachStr;
 
         if (info.fileList.length > 5) {
           uplodaFileCount = true;
@@ -639,8 +493,6 @@ export default {
       });
     };
 
-    let beginTime = "";
-    let endTime = "";
     const dateFormatList = ["YYYY/MM/DD"];
 
     const onRangeChange = (value, dateString) => {
@@ -651,8 +503,8 @@ export default {
         "Formatted Selected TimeStamp",
         new Date(dateString[0]).getTime()
       );
-      beginTime = new Date(dateString[0]).getTime() / 1000;
-      endTime = new Date(dateString[1]).getTime() / 1000;
+      // beginTime = new Date(dateString[0]).getTime() / 1000;
+      // endTime = new Date(dateString[1]).getTime() / 1000;
     };
 
     // 项目经理 后续接口调用
@@ -662,8 +514,6 @@ export default {
       { value: 3, label: "刘孟君" },
     ]);
 
-    let manager = "";
-    let managerId = "";
     const classificationChange1 = (key, options) => {
       console.log(`selected ${key}`, options);
       let mstr = "";
@@ -686,8 +536,8 @@ export default {
         }
       }
       state.classifySelect1 = newoptions;
-      manager = mstr;
-      managerId = midstr;
+      // manager = mstr;
+      // managerId = midstr;
     };
 
     // 资源归属 sourceBelongId 后续给接口
@@ -697,10 +547,10 @@ export default {
       { value: 3, label: "项目三" },
     ]);
 
-    let sourceBelongIdC = "";
+    // let sourceBelongIdC = "";
     const classificationChange2 = (key) => {
       console.log(`selected ${key}`, classifyList2);
-      sourceBelongIdC = key;
+      // sourceBelongIdC = key;
     };
 
     // 项目级别
@@ -711,10 +561,10 @@ export default {
       { value: 4, label: "部门级" },
     ]);
 
-    let levels = "";
+    // let levels = "";
     const classificationChange3 = (key) => {
       console.log(`selected ${key}`, classifyList3);
-      levels = key;
+      // levels = key;
     };
 
     // 培训体系
@@ -725,112 +575,11 @@ export default {
       { value: 4, label: "部门级" },
     ]);
 
-    let systemid = "";
+    // let systemid = "";
     const classificationChange4 = (key) => {
       console.log(`selected ${key}`, classifyList4);
-      systemid = key;
+      // systemid = key;
     };
-
-    // 模版
-    const classifyList5 = ref([
-      // { value: 1, label: "模版一" },
-      // { value: 2, label: "模版二" },
-      // { value: 3, label: "模版三" },
-      // { value: 4, label: "模版四" },
-    ]);
-    const classificationChange5 = (key) => {
-      console.log(`selected ${key}`, classifyList5.value);
-      //获取模版信息
-      let obj = {
-        projectId: Number(key),
-      };
-      api
-        .getProjectDetail(obj)
-        .then((res) => {
-          console.log("获取项目详情", res);
-          if (res.status === 200) {
-            let info = res.data.data.projectInfo;
-            console.log(info);
-            // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-            projectName.value = info.name;
-            state.classifySelect = classifyList.value[1]; // info.category
-            imageUrl.value = info.picUrl;
-
-            let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
-            let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
-            state.rangevalue = [
-              dayjs(start, "YYYY/MM/DD"),
-              dayjs(end, "YYYY/MM/DD"),
-            ];
-
-            let manageName = info.manager.split(",");
-            let manageValue = info.managerId.split(",");
-            let optionsManage = [];
-            for (let i = 0; i < manageName.length; i++) {
-              let obj = {
-                label: manageName[i],
-                value: manageValue[i],
-              };
-              optionsManage.push(obj);
-            }
-            console.log(optionsManage);
-            state.classifySelect1 = optionsManage;
-            state.classifySelect2 =
-              classifyList2.value[info.sourceBelongId - 1];
-            remark.value = info.remark;
-            state.checked = info.boeFlag ? info.boeFlag : false;
-            state.classifySelect3 = classifyList3.value[info.level];
-            state.classifySelect4 = classifyList4.value[info.systemId - 1];
-            state.checked1 = info.boeFlag ? info.boeFlag : false;
-            // fileList1.value = info.attach.split(",");
-
-            projectType = 1;
-            picUrl = info.picUrl;
-            beginTime = Number(info.beginTime / 1000);
-            endTime = Number(info.endTime / 1000);
-            manager = info.manager;
-            managerId = info.managerId;
-            sourceBelongIdC = Number(info.sourceBelongId);
-            courseSyncFlag = info.courseSyncFlag;
-            levels = info.level;
-            systemid = info.systemId;
-            boeFlag = info.boeFlag;
-          }
-        })
-        .catch((err) => {
-          console.log("获取详情失败", err);
-        });
-    };
-    //获取模版列表
-    const getTemplate = () => {
-      let obj = {
-        pageNo: state.currentPage,
-        pageSize: state.pageSize,
-        // projectId:id?id:''
-      };
-      api
-        .getProjectList(obj)
-        .then((res) => {
-          console.log("获取模版列表", res);
-          state.totalPages = Number(res.data.data.pages);
-          if (res.status === 200) {
-            let arr = res.data.data.rows;
-            let array = classifyList5.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.projectId,
-                label: value.name,
-              };
-              array.push(obj);
-            });
-            classifyList5.value = array;
-          }
-        })
-        .catch((err) => {
-          console.log("获取模版列表失败", err);
-        });
-    };
-    getTemplate();
     //模版滚动加载信息
     const templateScroll = (e) => {
       // console.log("滚动", e, b);
@@ -845,48 +594,30 @@ export default {
         if (state.currentPage < state.totalPages) {
           // 如果滑到底部，则加载下一页
           state.currentPage++;
-          getTemplate();
         }
       }
     };
 
-    // 项目说明
-    const remark = ref("");
+    // const removeFile = (file) => {
+    //   const index = fileList1.value.indexOf(file);
+    //   const newFileList = fileList1.value.slice();
+    //   newFileList.splice(index, 1);
+    //   fileList1.value = newFileList;
 
-    let courseSyncFlag = 0;
-    const changeChecked = () => {
-      console.log(state.checked);
-      state.checked ? (state.checked = false) : (state.checked = true);
-      courseSyncFlag = state.checked ? 1 : 0;
-    };
-
-    let boeFlag = 0;
-    const changeChecked1 = () => {
-      console.log(state.checked1);
-      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-      boeFlag = state.checked1 ? 1 : 0;
-    };
-
-    const removeFile = (file) => {
-      const index = fileList1.value.indexOf(file);
-      const newFileList = fileList1.value.slice();
-      newFileList.splice(index, 1);
-      fileList1.value = newFileList;
-
-      let attachStr = "";
-      if (newFileList.length == 0) {
-        attachStr = "";
-      }
-      for (let i = 0; i < fileList1["value"].length; i++) {
-        console.log(fileList1["value"][i].response.data);
-        if (fileList1["value"].length - 1 == i) {
-          attachStr += fileList1["value"][i].response.data;
-        } else {
-          attachStr += fileList1["value"][i].response.data + ",";
-        }
-      }
-      attach = attachStr;
-    };
+    //   let attachStr = "";
+    //   if (newFileList.length == 0) {
+    //     attachStr = "";
+    //   }
+    //   for (let i = 0; i < fileList1["value"].length; i++) {
+    //     console.log(fileList1["value"][i].response.data);
+    //     if (fileList1["value"].length - 1 == i) {
+    //       attachStr += fileList1["value"][i].response.data;
+    //     } else {
+    //       attachStr += fileList1["value"][i].response.data + ",";
+    //     }
+    //   }
+    //   attach = attachStr;
+    // };
 
     const errorMsgs = {
       name: "请输入项目名称",
@@ -903,31 +634,25 @@ export default {
     };
 
     const createProject = () => {
-      console.log("我是否要编辑项目", isEdit.value);
-      if (isEdit.value) {
-        console.log("我要编辑项目", peojectID);
+      console.log("我要编辑项目", isEdit.value);
         let obj = {
-          projectId: Number(peojectID),
-          name: projectName["value"],
-          category: projectType,
-          picUrl: picUrl,
-          beginTime: beginTime,
-          endTime: endTime,
-          manager: manager,
-          managerId: managerId,
-          sourceBelongId: sourceBelongIdC,
-          remark: remark["value"],
-          courseSyncFlag: courseSyncFlag,
-          level: levels,
-          systemId: systemid,
-          boeFlag: boeFlag,
-          attach: attach,
-          type: 3,
-          templateId: 0,
-          parentId: 0,
-          notice: "",
-          noticeFlag: 0,
-          status: 0,
+          "beginTime": 0,
+          "boeFlag": 0,
+          "category": 0,
+          "courseSyncFlag": 0,
+          "endTime": 0,
+          "level": 0,
+          "manager": "",
+          "managerId": "",
+          "name": "",
+          "notice": "",
+          "noticeFlag": 0,
+          "picUrl": "",
+          "projectTemplateId": 0,
+          "remark": "",
+          "sourceBelongId": 0,
+          "status": 0,
+          "systemId": 0
         };
 
         console.log(obj);
@@ -940,9 +665,8 @@ export default {
             return;
           }
         }
-
         api
-          .createProject(obj)
+          .templateEdit(obj)
           .then((res) => {
             console.log(res);
             if (res.status == 200 && res.data.code == 200) {
@@ -950,7 +674,7 @@ export default {
               message.success("编辑成功");
               setTimeout(() => {
                 router.push({
-                  path: "/projectmanage",
+                  path: "/manage/projectmanage",
                 });
               }, 1000);
             } else {
@@ -963,64 +687,37 @@ export default {
             message.destroy();
             message.error("编辑失败，请检查当前网络状态。");
           });
-      } else {
-        let obj = {
-          name: projectName["value"],
-          category: projectType,
-          picUrl: picUrl,
-          beginTime: beginTime,
-          endTime: endTime,
-          manager: manager,
-          managerId: managerId,
-          sourceBelongId: sourceBelongIdC,
-          remark: remark["value"],
-          courseSyncFlag: courseSyncFlag,
-          level: levels,
-          systemId: systemid,
-          boeFlag: boeFlag,
-          attach: attach,
-          type: 3,
-          templateId: 10,
-          parentId: 0,
-          notice: "",
-          noticeFlag: 0,
-          status: 0,
-        };
-        console.log("提交的数据格式 %o", obj);
-        for (let i in errorMsgs) {
-          console.log(obj[i]);
-          if (obj[i] === "" || obj[i] === undefined) {
-            message.destroy();
-            message.warning(errorMsgs[i]);
-            return;
-          }
-        }
       
-        api
-          .createProject(obj)
-          .then((res) => {
-            console.log(res);
-            if (res.status == 200 && res.data.code == 200) {
-              message.destroy();
-              message.success("创建成功");
-              setTimeout(() => {
-                router.push({
-                  path: "/taskpage",
-                  query: { id: res.data.data.projectId },
-                });
-              }, 1000);
-            } else {
-              message.destroy();
-              message.error("创建失败，请检查当前网络状态。");
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-            message.destroy();
-            message.error("创建失败，请检查当前网络状态。");
-          });
-      }
     };
+        // 编辑项目模板
+      const editTemplate = () => {
+        let obj = {
+        "beginTime": state.projectInfo.time,
+        "boeFlag": state.projectInfo.boeFlag,
+        "category": 0,
+        "courseSyncFlag": state.projectInfo.courseSyncFlag,
+        "endTime": state.projectInfo.time,
+        "level": state.projectInfo.level,
+        "manager": state.projectInfo.manager,
+        "managerId": "",
+        "name": state.projectInfo.name,
+        "notice": "",
+        "noticeFlag": 0,
+        "picUrl": "",
+        "projectTemplateId": 0,
+        "remark": state.projectInfo.remark,
+        "sourceBelongId": state.projectInfo.sourceBelongId,
+        "status": 0,
+        "systemId": state.projectInfo.systemId
+      };
+      api.templateEdit(obj).methods(obj).then(res => {
+        message.success("编辑成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑失败"+err)
+        console.log(err)
+      })
+    }
 
     return {
       ...toRefs(state),
@@ -1031,7 +728,6 @@ export default {
       classificationChange2,
       classificationChange3,
       classificationChange4,
-      classificationChange5,
       fileList,
       fileList1,
       loading,
@@ -1045,18 +741,13 @@ export default {
       classifyList2,
       classifyList3,
       classifyList4,
-      classifyList5,
-      remark,
-      changeChecked,
-      changeChecked1,
       uplodaFileCount,
       createProject,
-      removeFile,
-
+      // removeFile,
       isEdit,
       backPage,
       dateFormatList,
-
+      editTemplate,
       templateScroll,
     };
   },