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

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

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