From 2de2f609b179fbe651d708d87f0857acfaeb0040 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 1 Nov 2022 17:02:26 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=E5=88=A0=E9=99=A4=E8=AF=84=E4=BC=B0?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskAdd.vue | 31 +++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 96753fa5..8c4127fc 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -540,6 +540,7 @@ import { message } from "ant-design-vue";
 import * as api from "../../api/indexTaskadd";
 import * as apilive from "../../api/indexLiveBroadcast";
 import * as apieval from "../../api/indexEval";
+import * as apiinvist from "../../api/indexInvist";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -855,6 +856,8 @@ export default {
       isactive: -1,
       isActive: false,
       deleteLiveID: null, //删除直播id
+      deleteEvalID: null, //测评
+      deleteInvistID: null, //评估
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -979,7 +982,8 @@ export default {
                     style="color:#4EA6FF;cursor:pointer"
                     onClick={() => {
                       showDelete();
-                      {/* deleteEvalText(); */}
+                      deleteEvalText();
+                      deleteInvistText();
                     }}
                   >
                     删除
@@ -1027,17 +1031,16 @@ export default {
         });
     };
     
-    //删除评估测试
+    //删除测评测试
     const deleteEvalText = () => {
       let obj = {
-        evaluationId:state.deleteLiveID,
+        evaluationId:state.deleteEvalID,
       };
       apieval
         .deleteEvaluationById(obj)
         .then((res) => {
           console.log("删除成功", res);
           message.success("删除成功");
-          state.deleteModal = false;
           //重新获取列表
           getTask();
         })
@@ -1045,6 +1048,25 @@ export default {
           console.log("删除失败", err);
         });
     };
+
+    //删除评估测试
+    const deleteInvistText = () => {
+      let obj = {
+        evaluationId:state.deleteInvistID,
+      };
+      apiinvist
+        .deleteAppraise(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.success("删除成功");
+          //重新获取列表
+          getTask();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
+    };
+    
     const onSelectChange = (selectedRowKeys) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       state.selectedRowKeys = selectedRowKeys;
@@ -1173,6 +1195,7 @@ export default {
       getTask,
       deleteLiveBroadcast,
       deleteEvalText,
+      deleteInvistText,
     };
   },
 };

From b0fe8b7fa3e99d622152dba9904b6c0df614b0aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=86=99=E4=B8=9C?= <2195178163@qq.com>
Date: Tue, 1 Nov 2022 17:11:58 +0800
Subject: [PATCH 2/5] =?UTF-8?q?Fix:=20=E4=BD=9C=E4=B8=9A&=E8=80=83?=
 =?UTF-8?q?=E8=AF=95=E8=A1=A8=E5=8D=95=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddHomework.vue | 172 +++++++----
 src/components/drawers/AddTest.vue     | 387 ++++++++++++++++---------
 2 files changed, 368 insertions(+), 191 deletions(-)

diff --git a/src/components/drawers/AddHomework.vue b/src/components/drawers/AddHomework.vue
index f1fb1d21..8b1df370 100644
--- a/src/components/drawers/AddHomework.vue
+++ b/src/components/drawers/AddHomework.vue
@@ -16,56 +16,52 @@
           @click="closeDrawer"
         />
       </div>
+      <a-form
+
+            ref="formRef"
+            name="custom-validation"
+            :model="formState"
+            :rules="rules"
+            v-bind="layout"
+            @finish="handleFinish"
+            @validate="handleValidate"
+            @finishFailed="handleFinishFailed"
+          >
       <div class="contentMain">
         <div class="main_left">
+          
           <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">作业名称：</span>
-            </div>
             <div class="btnbox">
-              <a-input
-                v-model:value="inputV1"
-                style="width: 424px; height: 32px"
+              <a-form-item has-feedback label="作业名称" name="workName">
+                <a-input v-model:value="formState.workName"
+                style="width: 424px; height: 32px;margin-left: 35px;"
                 placeholder="请输入作业名称"
-                maxlength="20"
-              />
+                autocomplete="off" />
+              </a-form-item>
+             
             </div>
           </div>
           <div class="main_item2">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">作业要求：</span>
-            </div>
-            <div class="textarea">
+              <a-form-item has-feedback label="作业要求" name="workRequirement">
               <a-textarea
-                v-model:value="textV1"
-                placeholder="请输入作业名称"
+                v-model:value="formState.workRequirement"
+                placeholder="请输入作业要求"
+                autocomplete="off"
                 allow-clear
+                style="margin-left: 35px"
                 maxlength="150"
               />
-            </div>
+              </a-form-item>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">提交时间：</span>
-            </div>
             <div class="btnbox">
+              <a-form-item has-feedback label="提交时间" name="choosedTime">
               <a-range-picker
-              style="width: 424px"
-              v-model:value="choosedTime"
+              style="width: 424px;margin-left: 35px;"
+              v-model:value="formState.choosedTime"
                 :placeholder="['      开始时间', '        结束时间']"
               />
+            </a-form-item>
             </div>
           </div>
           <div class="main_item">
@@ -83,7 +79,6 @@
                 v-model:file-list="fileList"
                 name="file"
                 action="/api/file/upload"
-                :headers="headers"
                 @change="handleChange"
               >
               <button class="xkbtn">上传附件</button>
@@ -100,14 +95,16 @@
         </div>
       </div>
       <div class="main_btns">
-        <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="addHomework">确定</button>
+        <a-button class="btn1"  @click="closeDrawer">取消</a-button>
+        <a-button class="btn2" html-type="submit">确定</a-button>
       </div>
+    </a-form>
+
     </div>
   </a-drawer>
 </template>
 <script>
-import { reactive, toRefs, ref } from "vue";
+import { reactive, ref } from "vue";
 import {message} from"ant-design-vue";
 import {createWorkTask} from "@/api/indexWork"
 import  dayjs from 'dayjs';
@@ -139,11 +136,75 @@ export default {
     },
   },
   setup(props, ctx) {
-    const state = reactive({
-      inputV1: "",
-      textV1:"",
-      choosedTime:[],
+    const formState = reactive({
+      workName: '',
+      workRequirement: '',
+      choosedTime: '',
     });
+    const formRef = ref();
+    let checkWorkName = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入作业名称");
+        return Promise.reject('请输入作业名称');
+      }
+    };
+
+    let checkWorkRequirement = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入作业要求");
+        return Promise.reject('请输入作业要求');
+      }
+    };
+
+    let checkTime = async (_rule, value) => {
+      if (!value) {
+        message.warning("请选择时间");
+        return Promise.reject('请选择时间');
+      }
+    };
+
+    const rules = {
+      workName: [{
+        required: true,
+        validator: checkWorkName,
+        trigger: 'change',
+      }],
+      workRequirement: [{
+        required: true,
+        validator: checkWorkRequirement,
+        trigger: 'change',
+      }],
+      choosedTime: [{
+        required: true,
+        validator: checkTime,
+        trigger: 'change',
+      }],
+    };
+    // const layout = {
+    //   labelCol: {
+    //     span: 4,
+    //   },
+    //   wrapperCol: {
+    //     span: 14,
+    //   },
+    // };
+    const handleFinish = values => {
+      console.log(values);
+      addHomework()
+    };
+
+    const handleFinishFailed = errors => {
+      console.log(errors);
+      // message.error("handleFinishFailed");
+    };
+
+    const resetForm = () => {
+      formRef.value.resetFields();
+    };
+
+    const handleValidate = (...args) => {
+      console.log(args);
+    };
     const handleChange = info => {
       if (info.file.status !== 'uploading') {
         console.log(info.file, info.fileList);
@@ -158,49 +219,48 @@ export default {
 
     const fileList = ref([]);
     const closeDrawer = () => {
+      resetForm();
       ctx.emit("update:addhomeworkVisible", false);
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
     const addHomework = () => {
-      if(state.choosedTime.length && state.inputV1 && state.textV1){
         createWorkTask({
           "createTime": "",
           "createUser": 0,
-          "submitEndTime": dayjs(state.choosedTime[1]).format("YYYY-MM-DD"),
-          "submitStartTime": dayjs(state.choosedTime[0]).format("YYYY-MM-DD"),
+          "submitEndTime": dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
+          "submitStartTime": dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
           "updateTime": "",
           "updateUser": 0,
           "workEnclosureAddress": "",
           "workFlag": "",
           "workId": 0,
-          "workName": state.inputV1,
-          "workRequirement": state.textV1,
+          "workName": formState.workName,
+          "workRequirement": formState.workRequirement,
           "workTag": ""
           }).then((res)=>{
         message.success(`添加成功${res}`)
-        ctx.emit("update:addhomeworkVisible", false);
+        closeDrawer();
       }).catch((err)=>{
         message.error(`添加失败${err}`)
       })
-      }
-      else{ 
-        message.error(`字段不能为空`)
-        return 0
-      }
     }
     return {
-      ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       rowSelection,
       addHomework,
       handleChange,
       fileList,
-      headers: {
-        "token":"123"
-      },
+      formState,
+      handleFinish,
+      handleFinishFailed,
+      resetForm,
+      handleValidate,
+      formRef,
+      // layout,
+      rules,
     };
   },
 };
@@ -313,6 +373,7 @@ export default {
       }
     }
     .main_btns {
+      position: absolute;
       height: 72px;
       width: 100%;
       bottom: 0;
@@ -344,3 +405,4 @@ export default {
   }
 }
 </style>
+
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index c65e9e46..e68320e7 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -16,154 +16,134 @@
           @click="closeDrawer"
         />
       </div>
+      <a-form
+            ref="formRef"
+            name="custom-validation"
+            :model="formState"
+            :rules="rules"
+            v-bind="layout"
+            @finish="handleFinish"
+            @validate="handleValidate"
+            @finishFailed="handleFinishFailed"
+          >
       <div class="contentMain">
         <div class="main_left">
           <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试名称：</span>
-            </div>
             <div class="btnbox">
+              <a-form-item has-feedback label="作业名称" name="examinationName">
               <a-input
-                v-model:value="inputV1"
-                style="width: 424px; height: 32px"
+                v-model:value="formState.examinationName"
+                style="width: 424px; height: 32px;margin-left: 35px;"
+                autocomplete="off"
                 placeholder="请输入考试名称"
-                maxlength="20"
-              />
+                maxlength="20"/>
+              </a-form-item>
             </div>
           </div>
           <div class="main_item2">
-            <div class="signbox">
-              <span style="margin-right: 3px">考试说明：</span>
-            </div>
-            <div class="textarea">
+            <a-form-item has-feedback label="考试说明" name="examinationExplain">
               <a-textarea
-                v-model:value="testV1"
+                v-model:value="formState.examinationExplain"
                 placeholder="请输入考试说明"
                 allow-clear
+                style="margin-left: 35px;"
                 maxlength="150"
               />
-            </div>
+            </a-form-item>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">选择考试：</span>
-            </div>
             <div class="btnbox">
+              <a-form-item has-feedback label="选择考试" name="choosedTest">
               <a-select
                 dropdownClassName="dropdown-style"
-                style="width: 424px"
+                style="width: 424px;margin-left: 35px;"
                 placeholder="请输入考试名称"
                 :options="options1"
-                v-model:value="choosedTest"
+                v-model:value="formState.choosedTest"
                 allowClear
                 showSearch
               />
+            </a-form-item>
+ 
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试时间：</span>
-            </div>
             <div class="btnbox">
+              <a-form-item has-feedback label="考试时间" name="choosedTime">
+
               <a-range-picker
-              v-model:value="testTime"
-                style="width: 424px"
+              v-model:value="formState.choosedTime"
+                style="width: 424px;margin-left: 35px;"
                 :placeholder="['      开始时间', '        结束时间']"
               />
+            </a-form-item>
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试时长：</span>
-            </div>
             <div class="btnbox">
+              <a-form-item has-feedback label="考试时长" name="examinationDuration">
+
               <a-input
-                v-model:value="inputV2"
-                style="width: 388px; height: 32px"
+                v-model:value="formState.examinationDuration"
+                style="width: 388px; height: 32px;
+                margin-left: 35px;"
               />
               <span style="margin-left: 5px">分钟</span>
+            </a-form-item>
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">考试限制：</span>
-            </div>
             <div class="btnbox">
-              <span style="margin-right: 8px">允许重复考试</span>
+              <span style="margin-right: 43px">考试限制</span>
+              <a-form-item has-feedback label="允许重复考试" name="examinationLimit">
+
               <a-input-number
                 :min="-1" :precision="0"
-                v-model:value="inputV3"
-                style="width: 88px; height: 32px;border-radius: 8px;overflow: hidden;"
+                v-model:value="formState.examinationLimit"
+                style="width: 88px; height: 32px;
+                border-radius: 8px;overflow: hidden;"
               />
               <span style="margin-left: 8px">次</span>
               <span style="margin-left: 24px; color: #999999"
-                >-1表示无限制</span
-              >
+                >-1表示无限制</span>
+            </a-form-item>
+              
+              
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">显示答案：</span>
-            </div>
             <div class="btnbox">
-              <a-radio-group v-model:value="radioV1">
+              <a-form-item has-feedback label="显示答案" name="showAnswers">
+
+              <a-radio-group style="margin-left: 35px;" v-model:value="formState.showAnswers">
                 <a-radio v-model:checked="checked" :value="1" @click="cloradio1">允许查看</a-radio>
                 <a-radio v-model:checked="checked" :value="2" @click="cloradio1"
                   >不允许查看</a-radio
                 >
               </a-radio-group>
+            </a-form-item>
+
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">显示解析：</span>
-            </div>
             <div class="btnbox">
-              <a-radio-group v-model:value="radioV2">
+              <a-form-item has-feedback label="显示解析" name="showAnalysis">
+
+              <a-radio-group style="margin-left: 35px;" v-model:value="formState.showAnalysis">
                 <a-radio v-model:checked="checked" :value="1" @click="cloradio2">允许查看</a-radio>
                 <a-radio v-model:checked="checked" :value="2" @click="cloradio2"
                   >不允许查看</a-radio
                 >
               </a-radio-group>
+            </a-form-item>
+
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">评分模式：</span>
-            </div>
             <div class="btnbox">
-              <div class="btnbox">
-                <a-radio-group v-model:value="radioV3">
+              <a-form-item has-feedback label="评分模式" name="scoringModel">
+
+                <a-radio-group style="margin-left: 35px;" v-model:value="formState.scoringModel">
                   <a-radio v-model:checked="checked" :value="1" @click="cloradio3"
                     >最高一次</a-radio
                   >
@@ -171,44 +151,47 @@
                     >最后一次</a-radio
                   >
                 </a-radio-group>
-              </div>
+              </a-form-item>
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">及格线：</span>
-            </div>
             <div class="btnbox">
+              <a-form-item has-feedback label="及格线" name="passLine">
+
               <a-input
-                v-model:value="inputV4"
-                style="width: 88px; height: 32px"
+                v-model:value="formState.passLine"
+                style="width: 88px; height: 32px;margin-left: 35px;"
               />
+            </a-form-item>
+
               <span style="margin-left: 8px">分</span>
             </div>
           </div>
           <div class="main_item">
-            <div class="signbox">
-              <span style="margin-right: 3px">试题排列：</span>
-            </div>
             <div class="btnbox">
-              <a-radio-group v-model:value="radioV4">
+              <a-form-item has-feedback label="作业要求" name="questionArrangement">
+
+              <a-radio-group v-model:value="formState.questionArrangement">
                 <a-radio v-model:checked="checked" :value="1" @click="cloradio4">试题乱序</a-radio>
                 <a-radio v-model:checked="checked" :value="2" @click="cloradio4">试题排序</a-radio>
                 <a-radio v-model:checked="checked" :value="3" @click="cloradio4">全部乱序</a-radio>
               </a-radio-group>
+            </a-form-item>
+
             </div>
           </div>
         </div>
       </div>
       <div class="main_btns">
-        <button class="btn1" @click="closeDrawer">取消</button>
-        <button class="btn2" @click="addTest">确定</button>
+        <a-button class="btn1" @click="closeDrawer">取消</a-button>
+        <a-button class="btn2" html-type="submit" >确定</a-button>
       </div>
+    </a-form>
     </div>
   </a-drawer>
 </template>
   <script>
-import { reactive, toRefs, ref } from "vue";
+import { reactive, ref } from "vue";
 import {message} from"ant-design-vue";
 import {createExamination} from "@/api/indexExam"
 import  dayjs from 'dayjs';
@@ -239,19 +222,138 @@ export default {
     },
   },
   setup(props, ctx) {
-    const state = reactive({
-      inputV1: "",
-      inputV2: "",
-      inputV3: "",
-      inputV4: "60",
-      testV1: "",
-      radioV1: "",
-      radioV2: "",
-      radioV3: "",
-      radioV4: "",
-      choosedTest: "",
-      testTime:"",
+    const formState = reactive({
+      examinationName:'',
+      examinationDuration:"",
+      examinationLimit:"",
+      passLine:60,
+      examinationEndTime:"",
+      examinationExplain:"",
+      questionArrangement:1,
+      scoringModel:2,
+      showAnalysis:2,
+      showAnswers:2,
     });
+    const formRef = ref();
+    let checkExaminationName = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入考试名称");
+        return Promise.reject('请输入考试名称');
+      }
+    };
+    let checkExaminationExplain = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入考试说明");
+        return Promise.reject('请输入考试说明');
+      }
+    };
+    let checkChoosedTest = async (_rule, value) => {
+      if (!value) {
+        message.warning("请选择考试");
+        return Promise.reject('请选择考试');
+      }
+    };
+    let checkChoosedTime = async (_rule, value) => {
+      if (!value) {
+        message.warning("请选择时间");
+        return Promise.reject('请选择时间');
+      }
+    };
+    let checkExaminationDuration = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入考试时长");
+        return Promise.reject('请输入考试时长');
+      }
+    };
+    let checkLimit = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入考试限制");
+        return Promise.reject('请输入考试限制');
+      }
+    };
+    let checkShowAnswers = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入作业名称");
+        return Promise.reject('请输入作业名称');
+      }
+    };
+    let checkShowAnalysis = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入作业名称");
+        return Promise.reject('请输入作业名称');
+      }
+    };
+    let checkScoringModel = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入作业名称");
+        return Promise.reject('请输入作业名称');
+      }
+    };
+    let checkPassLine = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入及格线");
+        return Promise.reject('请输入及格线');
+      }
+    };
+    let checkQuestionArrangement = async (_rule, value) => {
+      if (!value) {
+        message.warning("请输入作业名称");
+        return Promise.reject('请输入作业名称');
+      }
+    };
+    const rules = {
+      examinationName: [{
+        required: true,
+        validator: checkExaminationName,
+        trigger: 'change',
+      }],
+      examinationExplain: [{
+        validator: checkExaminationExplain,
+        trigger: 'change',
+      }],
+      choosedTest: [{
+        required: true,
+        validator: checkChoosedTest,
+        trigger: 'change',
+      }],
+      choosedTime: [{
+        required: true,
+        validator: checkChoosedTime,
+        trigger: 'change',
+      }],
+      examinationDuration: [{
+        required: true,
+        validator: checkExaminationDuration,
+        trigger: 'change',
+      }],
+      limit: [{
+        required: true,
+        validator: checkLimit,
+        trigger: 'change',
+      }],
+      showAnswers: [{
+        validator: checkShowAnswers,
+        trigger: 'change',
+      }],
+      showAnalysis: [{
+        validator: checkShowAnalysis,
+        trigger: 'change',
+      }],
+      scoringModel: [{
+        validator: checkScoringModel,
+        trigger: 'change',
+      }],
+      passLine: [{
+        required: true,
+        validator: checkPassLine,
+        trigger: 'change',
+      }],
+      questionArrangement: [{
+        validator: checkQuestionArrangement,
+        trigger: 'change',
+      }],
+    };
+
     const options1 = ref([
       {
         label:'math',
@@ -262,76 +364,82 @@ export default {
         value:'eng',
       },
     ])
+    const handleFinish = values => {
+      console.log(values);
+      addTest()
+    };
+
+    const handleFinishFailed = errors => {
+      console.log(errors);
+      // message.error("handleFinishFailed");
+    };
+
+    const resetForm = () => {
+      formRef.value.resetFields();
+    };
+
+    const handleValidate = (...args) => {
+      console.log(args);
+    };
     const closeDrawer = () => {
+      resetForm();
       ctx.emit("update:addtestVisible", false);
-      state.radioV1 = "";
-        state.radioV2 = "";
-        state.radioV3 = "";
-        state.radioV4 = "";
     };
     const addTest = () => {
-      if(state.testTime.length
-      && state.inputV1&& state.inputV2&& state.inputV3&& state.inputV4
-      && state.radioV1&& state.radioV2&& state.radioV3
-      ){
         createExamination({
             "createTime": "",
             "createUser": 0,
-            "examinationDuration": state.inputV2,
-            "examinationEndTime": dayjs(state.testTime[1]).format("YYYY-MM-DD"),
-            "examinationExplain": state.testV1,
+            "examinationDuration": formState.examinationDuration,
+            "examinationEndTime": dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
+            "examinationExplain": formState.examinationExplain,
             "examinationFlag": "",
             "examinationId": 0,
-            "examinationLimit": state.inputV3,
-            "examinationName": state.inputV1,
+            "examinationLimit": formState.examinationLimit,
+            "examinationName": formState.examinationName,
             "examinationPaperId": 0,
-            "examinationPaperName": state.choosedTest,
-            "examinationStartTime": dayjs(state.testTime[0]).format("YYYY-MM-DD"),
+            "examinationPaperName": formState.choosedTest,
+            "examinationStartTime": dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
             "examinationTag": "",
-            "passLine": state.inputV4,
-            "questionArrangement": state.radioV4,
-            "scoringModel": state.radioV3,
-            "showAnalysis": state.radioV2,
-            "showAnswers": state.radioV1,
+            "passLine": formState.passLine,
+            "questionArrangement": formState.questionArrangement,
+            "scoringModel": formState.scoringModel,
+            "showAnalysis": formState.showAnalysis,
+            "showAnswers": formState.showAnswers,
             "updateTime": "",
             "updateUser": 0
           }).then((res)=>{
         message.success(`添加成功${res}`)
-        ctx.emit("update:addtestVisible", false);
+        closeDrawer();
       }).catch((err)=>{
         message.error(`添加失败${err}`)
       })
-      }
-      else{ 
-        message.error(`字段不能为空`)
-        return 0
-      }
+      
     }
     const afterVisibleChange = (bool) => {
-      console.log("state", bool);
+      console.log("formState", bool);
     };
     const cloradio1 = (value) => {
       if (value != "") {
-        state.radioV1 = "";
+        formState.showAnswers = "";
       }
     }
     const cloradio2 = (value) => {
       if (value != "") {
-        state.radioV2 = "";
+        formState.showAnalysis = "";
       }
     }
     const cloradio3 = (value) => {
       if (value != "") {
-        state.radioV3 = "";
+        formState.scoringModel = "";
       }
     }
     const cloradio4 = (value) => {
       if (value != "") {
-        state.radioV4 = "";
+        formState.questionArrangement = "";
       }
     }
     return {
-      ...toRefs(state),
+      formState,
       afterVisibleChange,
       closeDrawer,
       rowSelection,
@@ -341,6 +449,13 @@ export default {
       cloradio4,
       addTest,
       options1,
+      handleFinish,
+      handleFinishFailed,
+      resetForm,
+      handleValidate,
+      formRef,
+      // layout,
+      rules,
     };
   },
 };

From 250c8c341fe35e817345eb92f74c7861f0114f72 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Tue, 1 Nov 2022 17:28:32 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E5=8D=95=E5=B1=82=E9=A1=B9=E7=9B=AEtype=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/ProjectAdd.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index b0cecf07..42af2981 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -389,7 +389,7 @@ export default {
 
 		const errorMsgs = {
 			"name": "请输入项目名称",
-			"type": "请选择项目分类",
+			"category": "请选择项目分类",
 			"picUrl": "请上传项目封面图",
 			"beginTime": "请选择项目开始时间",
 			"endTime": "请选择项目结束时间",
@@ -405,7 +405,7 @@ export default {
 		const createProject = () => {
 			let obj = {
 				"name": projectName["value"],
-				"type": projectType,
+				"category": projectType,
 				"picUrl": picUrl,
 				"beginTime": beginTime,
 				"endTime": endTime,
@@ -418,9 +418,9 @@ export default {
 				"systemId": 4,
 				"boeFlag": boeFlag,
 				"attach": attach,
+				"type": 3,
 				"templateId": 10,
 				"parentId": 0,
-				"category": 0,
 				"notice": "",
 				"noticeFlag": 0,
 				"status": 0
@@ -428,7 +428,7 @@ export default {
 			console.log('提交的数据格式 %o', obj)
 			for (let i in errorMsgs) {
 				console.log(obj[i])
-				if (obj[i] === "") {
+				if (obj[i] === "" || obj[i] === undefined) {
 					message.destroy()
 					message.warning(errorMsgs[i])
 					return

From 52c16bb64060685876b14dae5ee01af8baeb6651 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 1 Nov 2022 17:31:02 +0800
Subject: [PATCH 4/5] =?UTF-8?q?style:=E6=8A=BD=E5=B1=89header=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddActive.vue    | 1 +
 src/components/drawers/AddDiscuss.vue   | 1 +
 src/components/drawers/AddEval.vue      | 1 +
 src/components/drawers/AddFaceteach.vue | 1 +
 src/components/drawers/AddHomework.vue  | 1 +
 src/components/drawers/AddLive.vue      | 1 +
 src/components/drawers/AddOnline.vue    | 1 +
 src/components/drawers/AddRef.vue       | 1 +
 src/components/drawers/AddTest.vue      | 1 +
 src/components/drawers/AddVote.vue      | 1 +
 10 files changed, 10 insertions(+)

diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index 53a2f6fe..5388f71c 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -354,6 +354,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddDiscuss.vue b/src/components/drawers/AddDiscuss.vue
index a77c6c06..ca4a7749 100644
--- a/src/components/drawers/AddDiscuss.vue
+++ b/src/components/drawers/AddDiscuss.vue
@@ -169,6 +169,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddEval.vue b/src/components/drawers/AddEval.vue
index 6c8c4f29..16922bf3 100644
--- a/src/components/drawers/AddEval.vue
+++ b/src/components/drawers/AddEval.vue
@@ -374,6 +374,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddFaceteach.vue b/src/components/drawers/AddFaceteach.vue
index 412dfb7a..cd42ca90 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -380,6 +380,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddHomework.vue b/src/components/drawers/AddHomework.vue
index 8b1df370..e5f6f5fc 100644
--- a/src/components/drawers/AddHomework.vue
+++ b/src/components/drawers/AddHomework.vue
@@ -277,6 +277,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index 65cdc135..041b0857 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -634,6 +634,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 746c63dc..a7b5e9bb 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -295,6 +295,7 @@ export default {
         display: flex;
         justify-content: space-between;
         align-items: center;
+        flex-shrink: 0;
         .headerTitle {
           font-size: 18px;
           font-weight: 600;
diff --git a/src/components/drawers/AddRef.vue b/src/components/drawers/AddRef.vue
index 8b782a28..3fcefa09 100644
--- a/src/components/drawers/AddRef.vue
+++ b/src/components/drawers/AddRef.vue
@@ -169,6 +169,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index e68320e7..b661709a 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -472,6 +472,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
diff --git a/src/components/drawers/AddVote.vue b/src/components/drawers/AddVote.vue
index e6389232..b76a4ba7 100644
--- a/src/components/drawers/AddVote.vue
+++ b/src/components/drawers/AddVote.vue
@@ -177,6 +177,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;

From 8a2aa84841aeb8868b20d30431cb7ec0530aef38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Tue, 1 Nov 2022 17:45:53 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/ProjectManage.vue | 6456 ++++++++++++---------
 1 file changed, 3702 insertions(+), 2754 deletions(-)

diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index ab514baf..f0c34427 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -1,60 +1,91 @@
 <!-- 项目页面 -->
 <template>
-	<div class="projectManage">
-		<!-- 搜索框及按钮 -->
-		<div class="filter">
-			<div class="filterItems">
-				<div class="select">
-					<a-select v-model:value="projectName" style="width: 270px" placeholder="请输入项目名称" :options="projectNameList"
-						@change="selectProjectName" allowClear showSearch></a-select>
-				</div>
-				<div class="select">
-					<a-select v-model:value="projectName" style="width: 270px" placeholder="请输入项目经理" :options="projectNameList"
-						@change="selectProjectName" allowClear showSearch></a-select>
-				</div>
-				<div class="select">
-					<a-select v-model:value="projectName" style="width: 270px" placeholder="请选择状态" :options="projectNameList"
-						@change="selectProjectName" allowClear showSearch></a-select>
-				</div>
-				<div class="select">
-					<a-date-picker v-model="selectTime" type="date" placeholder="创建时间" style="width: 270px" />
-				</div>
-				<div style="display: flex;margin-bottom: 20px">
-					<div class="btnn btn1">
-						<div class="search"></div>
-						<div class="btnText">搜索</div>
-					</div>
-					<div class="btn btn2">
-						<div class="search"></div>
-						<div class="btnText">重置</div>
-					</div>
-				</div>
-
-			</div>
-			<div class="btns">
-				<div class="btn btn3" @click="showModal1">
-					<div class="search"></div>
-					<div class="btnText">创建项目</div>
-				</div>
-			</div>
-		</div>
-		<!-- 搜索框及按钮 -->
-		<!-- 表格 -->
-		<div class="tableBox">
-			<a-table :columns="columns" :data-source="tableData" :loading="tableDataTotal === -1 ? true : false"
-				:scroll="{ x: 700 }" @expand="expandTable" :pagination="{
-					showSizeChanger: true,
-					showQuickJumper: true,
-					hideOnSinglePage: true,
-					pageSizeOptions: [],
-					pageSize: pageSize,
-					current: currentPage,
-					total: tableDataTotal,
-					onChange: (page, pageSize) => {
-						currentPage = page;
-					},
-				}">
-				<!-- <template #bodyCell="{ column }">
+  <div class="projectManage">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-select
+            v-model:value="projectName"
+            style="width: 270px"
+            placeholder="请输入项目名称"
+            :options="projectNameList"
+            @change="selectProjectName"
+            allowClear
+            showSearch
+          ></a-select>
+        </div>
+        <div class="select">
+          <a-select
+            v-model:value="projectName"
+            style="width: 270px"
+            placeholder="请输入项目经理"
+            :options="projectNameList"
+            @change="selectProjectName"
+            allowClear
+            showSearch
+          ></a-select>
+        </div>
+        <div class="select">
+          <a-select
+            v-model:value="projectName"
+            style="width: 270px"
+            placeholder="请选择状态"
+            :options="projectNameList"
+            @change="selectProjectName"
+            allowClear
+            showSearch
+          ></a-select>
+        </div>
+        <div class="select">
+          <a-date-picker
+            v-model="selectTime"
+            type="date"
+            placeholder="创建时间"
+            style="width: 270px"
+          />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btnn btn1">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="showModal1">
+          <div class="search"></div>
+          <div class="btnText">创建项目</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div class="tableBox">
+      <a-table
+        :columns="columns"
+        :data-source="tableData"
+        :loading="tableDataTotal === -1 ? true : false"
+        :scroll="{ x: 700 }"
+        @expand="expandTable"
+        :pagination="{
+          showSizeChanger: true,
+          showQuickJumper: true,
+          hideOnSinglePage: true,
+          pageSizeOptions: [],
+          pageSize: pageSize,
+          current: currentPage,
+          total: tableDataTotal,
+          onChange: (page, pageSize) => {
+            currentPage = page;
+          },
+        }"
+      >
+        <!-- <template #bodyCell="{ column }">
           <template v-if="column.key === 'operation'">
             <div class="operation">
               <span>编辑</span>
@@ -68,417 +99,592 @@
             </div>
           </template>
         </template> -->
-			</a-table>
-		</div>
-		<!-- 表格 -->
-		<!-- 无项目 -->
-		<div class="tableBox" style="display: none">
-			<div class="taskbox" @click="showModal1" style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)">
-				<div class="leftt">
-					<img src="../../assets/images/taskpage/left2.png" />
-				</div>
-				<div class="photo">
-					<img src="../../assets/images/projectadd/nopro.png" />
-				</div>
-				<div class="rightt">
-					<img src="../../assets/images/taskpage/right2.png" />
-				</div>
-				<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
-					创建项目
-				</div>
-				<div class="centermain">点击创建项目任务</div>
-			</div>
-		</div>
-		<!-- 创建子项目弹窗 -->
-		<div>
-			<a-modal v-model:visible="sonproject" :title="null" @ok="closeModal" :footer="null" :closable="false"
-				wrapClassName="sonproject" width="764px" height="356px">
-				<div class="modalHeader" style="
+      </a-table>
+    </div>
+    <!-- 表格 -->
+    <!-- 无项目 -->
+    <div class="tableBox" style="display: none">
+      <div
+        class="taskbox"
+        @click="showModal1"
+        style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+      >
+        <div class="leftt">
+          <img src="../../assets/images/taskpage/left2.png" />
+        </div>
+        <div class="photo">
+          <img src="../../assets/images/projectadd/nopro.png" />
+        </div>
+        <div class="rightt">
+          <img src="../../assets/images/taskpage/right2.png" />
+        </div>
+        <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+          创建项目
+        </div>
+        <div class="centermain">点击创建项目任务</div>
+      </div>
+    </div>
+    <!-- 创建子项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="sonproject"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="sonproject"
+        width="764px"
+        height="356px"
+      >
+        <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">
-					<router-link to="/sonproject" class="taskbox" style="
+          "
+        >
+          <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">
+          <router-link
+            to="/sonproject"
+            class="taskbox"
+            style="
               margin-right: 24px;
               background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
-            ">
-						<div class="leftt">
-							<img src="../../assets/images/taskpage/left2.png" />
-						</div>
-						<div class="photo">
-							<img src="../../assets/images/taskpage/picture4.png" />
-						</div>
-						<div class="rightt">
-							<img src="../../assets/images/taskpage/right2.png" />
-						</div>
-						<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
-							单层子项目
-						</div>
-					</router-link>
-					<div class="taskbox" @click="showModal3" style="
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left2.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture4.png" />
+            </div>
+            <div class="rightt">
+              <img src="../../assets/images/taskpage/right2.png" />
+            </div>
+            <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+              单层子项目
+            </div>
+          </router-link>
+          <div
+            class="taskbox"
+            @click="showModal3"
+            style="
               background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
-            ">
-						<div class="leftt">
-							<img src="../../assets/images/taskpage/left1.png" />
-						</div>
-						<div class="photo">
-							<img src="../../assets/images/taskpage/picture5.png" />
-						</div>
-						<div class="rightt">
-							<img src="../../assets/images/taskpage/right1.png" />
-						</div>
-						<div class="centerbox" style="color: rgba(255, 182, 78, 1)">
-							多层子项目
-						</div>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 创建子项目弹窗 -->
-		<!-- 创建项目弹窗 -->
-		<div>
-			<div>
-				<a-modal v-model:visible="estabish" :title="null" @ok="closeModal1" :footer="null" :closable="false"
-					wrapClassName="estabish" width="638px" height="468px">
-					<div class="modalHeader" style="
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left1.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture5.png" />
+            </div>
+            <div class="rightt">
+              <img src="../../assets/images/taskpage/right1.png" />
+            </div>
+            <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+              多层子项目
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建子项目弹窗 -->
+    <!-- 创建项目弹窗 -->
+    <div>
+      <div>
+        <a-modal
+          v-model:visible="estabish"
+          :title="null"
+          @ok="closeModal1"
+          :footer="null"
+          :closable="false"
+          wrapClassName="estabish"
+          width="638px"
+          height="468px"
+        >
+          <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="closeModal1">
-							<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
-						</div>
-					</div>
-					<div class="modalMain">
-						<router-link to="/projectadd">
-							<div class="taskbox" style="
+            "
+          >
+            <div class="headerLeft" style="margin-left: 32px">
+              <span class="headerLeftText" style="font-size: 16px"
+                >请选择项目类别</span
+              >
+            </div>
+            <div
+              style="cursor: pointer; margin-right: 32px"
+              @click="closeModal1"
+            >
+              <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+              />
+            </div>
+          </div>
+          <div class="modalMain">
+            <router-link to="/projectadd">
+              <div
+                class="taskbox"
+                style="
                   background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
-                ">
-								<div class="leftt">
-									<img src="../../assets/images/taskpage/left2.png" />
-								</div>
-								<div class="photo">
-									<img src="../../assets/images/taskpage/picture6.png" />
-								</div>
-								<div class="rightt">
-									<img src="../../assets/images/taskpage/right2.png" />
-								</div>
-								<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
-									单层项目
-								</div>
-								<div class="centermain">
-									不包含子项目，直接填写项目基础信息后创建任务
-								</div>
-							</div>
-						</router-link>
-						<div class="taskbox" @click="showModal2" style="
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture6.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  单层项目
+                </div>
+                <div class="centermain">
+                  不包含子项目，直接填写项目基础信息后创建任务
+                </div>
+              </div>
+            </router-link>
+            <div
+              class="taskbox"
+              @click="showModal2"
+              style="
                 margin-bottom: 40px;
                 background: linear-gradient(180deg, #e5f6ec 0%, #eef9f3 100%);
-              ">
-							<div class="leftt">
-								<img src="../../assets/images/taskpage/left3.png" />
-							</div>
-							<div class="photo">
-								<img src="../../assets/images/taskpage/picture7.png" />
-							</div>
-							<div class="rightt">
-								<img src="../../assets/images/taskpage/right3.png" />
-							</div>
-							<div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
-								多层项目
-							</div>
-							<div class="centermain1">
-								包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务
-							</div>
-						</div>
-					</div>
-				</a-modal>
-			</div>
-		</div>
-		<!-- 创建项目弹窗 -->
-		<!-- 创建多层项目弹窗 -->
-		<div>
-			<a-modal v-model:visible="doublepro" :title="null" @ok="closeModal2" :footer="null" :closable="false"
-				wrapClassName="doublepro" width="624px" height="476px">
-				<div class="modalHeader" style="
+              "
+            >
+              <div class="leftt">
+                <img src="../../assets/images/taskpage/left3.png" />
+              </div>
+              <div class="photo">
+                <img src="../../assets/images/taskpage/picture7.png" />
+              </div>
+              <div class="rightt">
+                <img src="../../assets/images/taskpage/right3.png" />
+              </div>
+              <div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
+                多层项目
+              </div>
+              <div class="centermain1">
+                包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+    </div>
+    <!-- 创建项目弹窗 -->
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="doublepro"
+        :title="null"
+        @ok="closeModal2"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublepro"
+        width="624px"
+        height="476px"
+      >
+        <div
+          class="modalHeader"
+          style="
             width: 100%;
             height: 68px;
             display: flex;
             align-items: center;
             justify-content: space-between;
-          ">
-					<div class="headerLeft" style="margin-left: 32px">
-						<span class="headerLeftText" style="font-size: 16px">创建多层项目</span>
-					</div>
-					<div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
-						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
-					</div>
-				</div>
-				<div class="modalMain">
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">项目名称:</div>
-						<div class="in">
-							<a-input v-model:value="value1" show-count :maxlength="30" placeholder="请输入项目名称"
-								style="border-radius: 8px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">分类:</div>
-						<div class="in">
-							<a-select v-model:value="value2" placeholder="四个养成" :options="classifyList" @change="classificationChange"
-								style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">项目经理:</div>
-						<div class="in">
-							<a-select v-model:value="value3" placeholder="请选择项目经理" :options="classifyList1"
-								@change="classificationChange1" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">资源归属:</div>
-						<div class="in">
-							<a-input v-model:value="value5" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="pubtn">
-						<a-button class="pubtn1" @click="closeModal2">取消</a-button>
-						<a-button class="pubtn2" @click="createStoreyProject">确定</a-button>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 创建多层项目弹窗 -->
-		<!-- 创建多层子项目弹窗 -->
-		<div>
-			<a-modal v-model:visible="doublesonpro" :title="null" @ok="closeModal3" :footer="null" :closable="false"
-				wrapClassName="doublesonpro" width="624px" height="476px">
-				<div class="modalHeader" style="
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >创建多层项目</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目名称:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value1"
+                show-count
+                :maxlength="30"
+                placeholder="请输入项目名称"
+                style="border-radius: 8px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">分类:</div>
+            <div class="in">
+              <a-select
+                v-model:value="value2"
+                placeholder="四个养成"
+                :options="classifyList"
+                @change="classificationChange"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目经理:</div>
+            <div class="in">
+              <a-select
+                v-model:value="value3"
+                placeholder="请选择项目经理"
+                :options="classifyList1"
+                @change="classificationChange1"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value5"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal2">取消</a-button>
+            <a-button class="pubtn2" @click="createStoreyProject"
+              >确定</a-button
+            >
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <!-- 创建多层子项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="doublesonpro"
+        :title="null"
+        @ok="closeModal3"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublesonpro"
+        width="624px"
+        height="476px"
+      >
+        <div
+          class="modalHeader"
+          style="
             width: 100%;
             height: 68px;
             display: flex;
             align-items: center;
             justify-content: space-between;
-          ">
-					<div class="headerLeft" style="margin-left: 32px">
-						<span class="headerLeftText" style="font-size: 16px">创建多层子项目</span>
-					</div>
-					<div style="cursor: pointer; margin-right: 32px" @click="closeModal3">
-						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
-					</div>
-				</div>
-				<div class="modalMain">
-					<div style="margin-left: 40px; margin-top: 40px">
-						<span style="color: #000000; font-size: 14px">项目归属：</span>
-						<span style="color: #999999; font-size: 14px; margin-left: 10px">管理者进阶</span>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">子项目名称:</div>
-						<div class="in">
-							<a-input v-model:value="value5" placeholder="请输入项目名称" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">分类:</div>
-						<div class="in">
-							<a-select v-model:value="value6" placeholder="四个养成" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">子项目经理:</div>
-						<div class="in">
-							<a-input v-model:value="value7" placeholder="自动带出 可编辑" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">资源归属:</div>
-						<div class="in">
-							<a-input v-model:value="value8" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="pubtn">
-						<a-button class="pubtn1" @click="closeModal3">取消</a-button>
-						<a-button class="pubtn2" @click="closeModal3">确定</a-button>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 创建多层子项目弹窗 -->
-		<!-- 复制路径弹窗 -->
-		<a-modal v-model:visible="copyModal" :footer="null" :closable="closeCopy" wrapClassName="CopyModal" 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="closeCopyModal"></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="delete_exit">确定</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 结束项目弹窗 -->
-		<a-modal v-model:visible="stopModal" :footer="null" :closable="closeStop" wrapClassName="CopyModal" 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="closeStopModal"></div>
-					</div>
-					<div class="body">
-						<span>是否结束项目</span>
-						<div class="back">
-							（项目结束后学员将无法继续学习，此操作不可逆）
-						</div>
-					</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="delete_exit">确定</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 删除项目弹窗 -->
-		<a-modal v-model:visible="deleteModal" :footer="null" :closable="closeDelete" wrapClassName="CopyModal"
-			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="closeDeleteModal"></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="delete_exit">确定</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 存为模板弹窗 -->
-		<a-modal v-model:visible="startModal" :footer="null" :closable="closeStart" wrapClassName="CopyModal"
-			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="closeStartModal"></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="delete_exit">确定</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 撤回路径弹窗 -->
-		<a-modal v-model:visible="backModal" :footer="null" :closable="closeBack" wrapClassName="CopyModal" 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="closeBackModal"></div>
-					</div>
-					<div class="body">
-						<span>是否撤回项目</span>
-						<div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
-					</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="delete_exit">确定</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 归属权抽屉 -->
-		<proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
-		<!-- 授权名单抽屉 -->
-		<proj-power-list v-model:ProjPvisible="ProjPvisible" />
-		<!-- 查看权抽屉 -->
-		<proj-check-ship v-model:ProjCheckvisible="ProjCheckvisible" />
-		<!-- 管理权抽屉 -->
-		<proj-manage-ship v-model:ProjManagevisible="ProjManagevisible" />
-	</div>
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >创建多层子项目</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal3">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div style="margin-left: 40px; margin-top: 40px">
+            <span style="color: #000000; font-size: 14px">项目归属：</span>
+            <span style="color: #999999; font-size: 14px; margin-left: 10px"
+              >管理者进阶</span
+            >
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">子项目名称:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value5"
+                placeholder="请输入项目名称"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">分类:</div>
+            <div class="in">
+              <a-select
+                v-model:value="value6"
+                placeholder="四个养成"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">子项目经理:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value7"
+                placeholder="自动带出 可编辑"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value8"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal3">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal3">确定</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建多层子项目弹窗 -->
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      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="closeCopyModal"></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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      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="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">
+              （项目结束后学员将无法继续学习，此操作不可逆）
+            </div>
+          </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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      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="closeDeleteModal"></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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模板弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      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="closeStartModal"></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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      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="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 归属权抽屉 -->
+    <proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
+    <!-- 授权名单抽屉 -->
+    <proj-power-list v-model:ProjPvisible="ProjPvisible" />
+    <!-- 查看权抽屉 -->
+    <proj-check-ship v-model:ProjCheckvisible="ProjCheckvisible" />
+    <!-- 管理权抽屉 -->
+    <proj-manage-ship v-model:ProjManagevisible="ProjManagevisible" />
+  </div>
 </template>
 <script>
 import { reactive, toRefs, onMounted, ref } from "vue";
@@ -486,2454 +692,3196 @@ import ProjOwnerShip from "../../components/drawers/ProjectOwn";
 import ProjPowerList from "../../components/drawers/ProjPowerList";
 import ProjCheckShip from "../../components/drawers/ProjCheckPower";
 import ProjManageShip from "../../components/drawers/ProjManagePower";
-import * as api from '../../api/index'
+import * as api from "../../api/index";
 
 export default {
-	name: "projectManage",
-	components: { ProjOwnerShip, ProjPowerList, ProjCheckShip, ProjManageShip },
-	setup() {
-		const state = reactive({
-			value6: "",
-			value7: "",
-			value8: "",
-			projectNameList: [
-				{
-					id: 1,
-					value: "项目一",
-					label: "项目一",
-				},
-				{
-					id: 2,
-					value: "项目二",
-					label: "项目二",
-				},
-				{
-					id: 3,
-					value: "项目三",
-					label: "项目三",
-				},
-				{
-					id: 4,
-					value: "项目四",
-					label: "项目四",
-				},
-			],
-			projectName: null,
-			selectTime: null,
-			sonproject: false,
-			estabish: false,
-			doublepro: false,
-			doublesonpro: false,
-			copyModal: false, //复制弹窗
-			closeCopy: false, //复制弹窗关闭图标
-			stopModal: false, //停用弹窗
-			closeStop: false, //停用弹窗关闭图标
-			deleteModal: false, //删除弹窗
-			closeDelete: false, //删除弹窗关闭图标
-			startModal: false, //启用弹窗
-			closeStart: false, //启用弹窗关闭图标
-			backModal: false, //撤回弹窗
-			closeBack: false, //撤回弹窗关闭图标
-			ProjOwnervisible: false,
-			ProjPvisible: false,
-			ProjCheckvisible: false,
-			ProjManagevisible: false,
-		});
-		// 数据接入 - start - 
+  name: "projectManage",
+  components: { ProjOwnerShip, ProjPowerList, ProjCheckShip, ProjManageShip },
+  setup() {
+    const state = reactive({
+      value6: "",
+      value7: "",
+      value8: "",
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      projectName: null,
+      selectTime: null,
+      sonproject: false,
+      estabish: false,
+      doublepro: false,
+      doublesonpro: false,
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
+      ProjOwnervisible: false,
+      ProjPvisible: false,
+      ProjCheckvisible: false,
+      ProjManagevisible: false,
+    });
+    // 数据接入 - start -
 
-		// 项目分类
-		const classifyList = ref([
-			{ value: 1, label: '管理者' },
-			{ value: 2, label: '领军者' },
-			{ value: 3, label: '产业人' },
-		]);
+    // 项目分类
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
 
-		const classifyList1 = ref([
-			{ value: 1, label: '李俊国' },
-			{ value: 2, label: '将小米' },
-			{ value: 3, label: '刘孟君' },
-		]);
+    const classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
 
-		const value1 = ref('');
-		const value2 = ref('');
-		const value3 = ref('');
-		const value4 = ref('');
-		const value5 = ref('');
+    const value1 = ref("");
+    const value2 = ref("");
+    const value3 = ref("");
+    const value4 = ref("");
+    const value5 = ref("");
 
-		let type = '';
-		const classificationChange = (key) => {
-			console.log(`selected ${key}`);
-			console.log(classifyList.value[key - 1].label)
-			type = key;
-		}
+    let type = "";
+    const classificationChange = (key) => {
+      console.log(`selected ${key}`);
+      console.log(classifyList.value[key - 1].label);
+      type = key;
+    };
 
-		let manager = '';
-		let managerId = '';
+    let manager = "";
+    let managerId = "";
 
-		const classificationChange1 = (key) => {
-			console.log(`selected ${key}`);
-			console.log(classifyList1.value[key - 1].label)
-			manager = classifyList1.value[key - 1].label;
-			managerId = key;
-		}
+    const classificationChange1 = (key) => {
+      console.log(`selected ${key}`);
+      console.log(classifyList1.value[key - 1].label);
+      manager = classifyList1.value[key - 1].label;
+      managerId = key;
+    };
 
-		const createStoreyProject = () => {
-			// 接口需要传递的参数信息
-			let obj = {
-				"name": value1.value,
-				"type": type,
-				"manager": manager,
-				"managerId": managerId,
-				"sourceBelongId": value5.value
-			}
-			console.log(obj);
+    const createStoreyProject = () => {
+      // 接口需要传递的参数信息
+      let obj = {
+        name: value1.value,
+        type: type,
+        manager: manager,
+        managerId: managerId,
+        sourceBelongId: value5.value,
+      };
+      console.log(obj);
 
-			// 创建成功 隐藏弹出框
-			state.doublepro = false;
-		}
+      // 创建成功 隐藏弹出框
+      state.doublepro = false;
+    };
 
+    // 数据接入 - end -
 
-		// 数据接入 - end - 
+    onMounted(() => {
+      // console.log("执行");
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const expandTable = (e, a) => {
+      // console.log("惦记了");
+      console.log("e", e, a);
+    };
 
+    // 获取项目列表信息
+    let tableData = ref([]);
+    let currentPage = ref(1);
+    let tableDataTotal = ref(1);
+    let pageSize = ref(10);
 
+    const columns = ref([
+      {
+        title: "项目名称",
+        dataIndex: "name",
+        key: "name",
+        width: 280,
+        // 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: "status",
+        // width: "30%",
+        key: "status",
+        width: 100,
+        align: "center",
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        // width: "30%",
+        key: "createName",
+        width: 100,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        key: "createTime",
+        width: 180,
+        align: "center",
+      },
+      {
+        title: "操作",
+        dataIndex: "operation",
+        key: "operation",
+        width: 300,
+        align: "center",
+        fixed: "right",
+        customRender: (value) => {
+          // console.log("value", value.record.type, value.record.status);
+          return value.record.type === 1 ? (
+            value.record.status === 0 ? (
+              <div class="operation">
+                <span class="operation1">编辑</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjOwner();
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjCheck();
+                        }}
+                      >
+                        查看权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div
+                        onClick={() => {
+                          showProjManage();
+                        }}
+                      >
+                        管理权
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span
+                  class="operation3"
+                  style="cursor: pointer"
+                  onClick={() => {
+                    state.sonproject = true;
+                  }}
+                >
+                  创建子项目
+                </span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="基础信息" label="基础信息">
+                      <router-link to="/taskpage">基础信息</router-link>
+                    </a-select-option>
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div
+                        onClick={() => {
+                          showStartModal();
+                        }}
+                      >
+                        存为模板
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+              </div>
+            ) : value.record.status === "进行中" ? (
+              <div class="operation">
+                <span class="operation1">查看</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjOwner();
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjCheck();
+                        }}
+                      >
+                        查看权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div
+                        onClick={() => {
+                          showProjManage();
+                        }}
+                      >
+                        管理权
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span
+                  class="operation3"
+                  onClick={() => {
+                    showCopyModal();
+                  }}
+                >
+                  复制
+                </span>
+                <span class="more"></span>
+              </div>
+            ) : value.record.status === -1 ? (
+              <div class="operation">
+                <span class="operation1">查看</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjOwner();
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjCheck();
+                        }}
+                      >
+                        查看权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div
+                        onClick={() => {
+                          showProjManage();
+                        }}
+                      >
+                        管理权
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span
+                  class="operation3"
+                  onClick={() => {
+                    showCopyModal();
+                  }}
+                >
+                  复制
+                </span>
+                <span
+                  class="more"
+                  onClick={() => {
+                    showDeleteModal();
+                  }}
+                >
+                  删除
+                </span>
+              </div>
+            ) : (
+              <div></div>
+            )
+          ) : value.record.type === 2 ? (
+            value.record.status === 0 ? (
+              <div class="operation">
+                <span class="operation1">编辑</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjOwner();
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjCheck();
+                        }}
+                      >
+                        查看权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div
+                        onClick={() => {
+                          showProjManage();
+                        }}
+                      >
+                        管理权
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <router-link to="/classadd" class="operation3">
+                  创建班级
+                </router-link>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="复制" label="复制">
+                      <div
+                        onClick={() => {
+                          showCopyModal();
+                        }}
+                      >
+                        复制
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="删除" label="删除">
+                      <div
+                        onClick={() => {
+                          showDeleteModal();
+                        }}
+                      >
+                        删除
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+              </div>
+            ) : value.record.status === "进行中" ? (
+              <div class="operation">
+                <span class="operation1">查看</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjOwner();
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjCheck();
+                        }}
+                      >
+                        查看权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div
+                        onClick={() => {
+                          showProjManage();
+                        }}
+                      >
+                        管理权
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
 
+                <router-link to="/classadd" class="operation3">
+                  创建班级
+                </router-link>
+                <span
+                  class="more"
+                  onClick={() => {
+                    showCopyModal();
+                  }}
+                >
+                  复制
+                </span>
+              </div>
+            ) : value.record.status === -1 ? (
+              <div class="operation">
+                <span class="operation1">查看</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjOwner();
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了111");
+                          showProjCheck();
+                        }}
+                      >
+                        查看权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div
+                        onClick={() => {
+                          showProjManage();
+                        }}
+                      >
+                        管理权
+                      </div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span
+                  class="operation3"
+                  onClick={() => {
+                    showCopyModal();
+                  }}
+                >
+                  复制
+                </span>
+                <span
+                  class="more"
+                  onClick={() => {
+                    showDeleteModal();
+                  }}
+                >
+                  删除
+                </span>
+              </div>
+            ) : (
+              <div></div>
+            )
+          ) : (
+            <div class="operation">
+              {value.record.status === 0 ? (
+                <span class="operation1">编辑</span>
+              ) : (
+                <span class="operation1"></span>
+              )}
+              <div class="tableSelect">
+                <a-select
+                  style="width: 50px"
+                  value="授权"
+                  // options={state.projectNameList}
+                  dropdownClassName="tabledropdown"
+                >
+                  <a-select-option value="权限名单" label="权限名单">
+                    <div
+                      onClick={() => {
+                        showProjPrower();
+                      }}
+                    >
+                      权限名单
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="归属权" label="归属权">
+                    <div
+                      onClick={() => {
+                        console.log("点击了111");
+                        showProjOwner();
+                      }}
+                    >
+                      归属权
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="查看权" label="查看权">
+                    <div
+                      onClick={() => {
+                        console.log("点击了111");
+                        showProjCheck();
+                      }}
+                    >
+                      查看权
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="管理权" label="管理权">
+                    <div
+                      onClick={() => {
+                        showProjManage();
+                      }}
+                    >
+                      管理权
+                    </div>
+                  </a-select-option>
+                </a-select>
+              </div>
 
-		onMounted(() => {
-			// console.log("执行");
-		});
-		const selectProjectName = (value, index) => {
-			console.log("value", value, index);
-		};
-		const expandTable = (e, a) => {
-			// console.log("惦记了");
-			console.log("e", e, a);
-		};
+              {value.record.status === 0 ? (
+                <span class="operation3">发布</span>
+              ) : (
+                <span
+                  class="operation3"
+                  onClick={() => {
+                    showCopyModal();
+                  }}
+                >
+                  复制
+                </span>
+              )}
+              <div class="tableSelect">
+                {value.record.status === 0 ? (
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="复制" label="复制">
+                      <div
+                        onClick={() => {
+                          showCopyModal();
+                        }}
+                      >
+                        复制
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="删除" label="删除">
+                      <div
+                        onClick={() => {
+                          showDeleteModal();
+                        }}
+                      >
+                        删除
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div
+                        onClick={() => {
+                          showStartModal();
+                        }}
+                      >
+                        存为模板
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <router-link to="/taskpage">基础信息</router-link>
+                    </a-select-option>
+                  </a-select>
+                ) : value.record.status === "进行中" ? (
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div
+                        onClick={() => {
+                          showStartModal();
+                        }}
+                      >
+                        存为模板
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="结束" label="结束">
+                      <div
+                        onClick={() => {
+                          showStopModal();
+                        }}
+                      >
+                        结束
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="撤回" label="撤回">
+                      <div
+                        onClick={() => {
+                          showBackModal();
+                        }}
+                      >
+                        撤回
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <router-link to="/taskpage">基础信息</router-link>
+                    </a-select-option>
+                  </a-select>
+                ) : value.record.status === -1 ? (
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div
+                        onClick={() => {
+                          showStartModal();
+                        }}
+                      >
+                        存为模板
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="删除" label="删除">
+                      <div
+                        onClick={() => {
+                          showDeleteModal();
+                        }}
+                      >
+                        删除
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <router-link to="/taskpage">基础信息</router-link>
+                    </a-select-option>
+                  </a-select>
+                ) : value.record.status === "未开始" ? (
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div
+                        onClick={() => {
+                          showStartModal();
+                        }}
+                      >
+                        存为模板
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="撤回" label="撤回">
+                      <div
+                        onClick={() => {
+                          // showDeleteModal();
+                        }}
+                      >
+                        撤回
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="结束" label="结束">
+                      <div
+                        onClick={() => {
+                          // showDeleteModal();
+                        }}
+                      >
+                        结束
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <router-link to="/taskpage">基础信息</router-link>
+                    </a-select-option>
+                  </a-select>
+                ) : (
+                  <div></div>
+                )}
+              </div>
+            </div>
+          );
+        },
+      },
+    ]);
 
-		// 获取项目列表信息
-		let tableData = ref([]);
-		let currentPage = ref(1); 
-		let tableDataTotal = ref(1);
-		let pageSize = ref(10);
+    const getTableDate = () => {
+      let obj = {
+        pageNo: 1,
+        pageSize: 10,
+      };
+      api
+        .getProjectList(obj)
+        .then((res) => {
+          console.log(res);
+          if (res.status == 200 && res.data.code == 200) {
+            tableDataTotal = Math.ceil(Number(res.data.data.total) / 10);
+            let data = res.data.data.rows;
+            // let data = state.tableData;
+            console.log("1266", data);
+            data.map((value) => {
+              console.log("map-value", value);
+              // if (value.subList.length !== 0) {
+              //   //多层项目
+              //   value.operation =
+              //     value.status === "草稿" ? (
+              //       <div class="operation">
+              //         <span class="operation1">编辑</span>
+              //         <div class="tableSelect">
+              //           <a-select
+              //             style="width: 50px"
+              //             value="授权"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="权限名单" label="权限名单">
+              //               <div
+              //                 onClick={() => {
+              //                   showProjPrower();
+              //                 }}
+              //               >
+              //                 权限名单
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="归属权" label="归属权">
+              //               <div
+              //                 onClick={() => {
+              //                   console.log("点击了111");
+              //                   showProjOwner();
+              //                 }}
+              //               >
+              //                 归属权
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="查看权" label="查看权">
+              //               <div
+              //                 onClick={() => {
+              //                   console.log("点击了111");
+              //                   showProjCheck();
+              //                 }}
+              //               >
+              //                 查看权
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="管理权" label="管理权">
+              //               <div
+              //                 onClick={() => {
+              //                   showProjManage();
+              //                 }}
+              //               >
+              //                 管理权
+              //               </div>
+              //             </a-select-option>
+              //           </a-select>
+              //         </div>
+              //         <span
+              //           class="operation3"
+              //           style="cursor: pointer"
+              //           onClick={() => {
+              //             state.sonproject = true;
+              //           }}
+              //         >
+              //           创建子项目
+              //         </span>
+              //         <div class="tableSelect">
+              //           <a-select
+              //             style="width: 50px"
+              //             value="更多"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="基础信息" label="基础信息">
+              //               <router-link to="/taskpage">基础信息</router-link>
+              //             </a-select-option>
+              //             <a-select-option value="存为模板" label="存为模板">
+              //               <div
+              //                 onClick={() => {
+              //                   showStartModal();
+              //                 }}
+              //               >
+              //                 存为模板
+              //               </div>
+              //             </a-select-option>
+              //           </a-select>
+              //         </div>
+              //       </div>
+              //     ) : value.status === "进行中" ? (
+              //       <div class="operation">
+              //         <span class="operation1">查看</span>
+              //         <div class="tableSelect">
+              //           <a-select
+              //             style="width: 50px"
+              //             value="授权"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="权限名单" label="权限名单">
+              //               <div
+              //                 onClick={() => {
+              //                   showProjPrower();
+              //                 }}
+              //               >
+              //                 权限名单
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="归属权" label="归属权">
+              //               <div
+              //                 onClick={() => {
+              //                   console.log("点击了111");
+              //                   showProjOwner();
+              //                 }}
+              //               >
+              //                 归属权
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="查看权" label="查看权">
+              //               <div
+              //                 onClick={() => {
+              //                   console.log("点击了111");
+              //                   showProjCheck();
+              //                 }}
+              //               >
+              //                 查看权
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="管理权" label="管理权">
+              //               <div
+              //                 onClick={() => {
+              //                   showProjManage();
+              //                 }}
+              //               >
+              //                 管理权
+              //               </div>
+              //             </a-select-option>
+              //           </a-select>
+              //         </div>
+              //         <span
+              //           class="operation3"
+              //           onClick={() => {
+              //             showCopyModal();
+              //           }}
+              //         >
+              //           复制
+              //         </span>
+              //         <span class="more"></span>
+              //       </div>
+              //     ) : value.status === "已结束" ? (
+              //       <div class="operation">
+              //         <span class="operation1">查看</span>
+              //         <div class="tableSelect">
+              //           <a-select
+              //             style="width: 50px"
+              //             value="授权"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="权限名单" label="权限名单">
+              //               <div
+              //                 onClick={() => {
+              //                   showProjPrower();
+              //                 }}
+              //               >
+              //                 权限名单
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="归属权" label="归属权">
+              //               <div
+              //                 onClick={() => {
+              //                   console.log("点击了111");
+              //                   showProjOwner();
+              //                 }}
+              //               >
+              //                 归属权
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="查看权" label="查看权">
+              //               <div
+              //                 onClick={() => {
+              //                   console.log("点击了111");
+              //                   showProjCheck();
+              //                 }}
+              //               >
+              //                 查看权
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="管理权" label="管理权">
+              //               <div
+              //                 onClick={() => {
+              //                   showProjManage();
+              //                 }}
+              //               >
+              //                 管理权
+              //               </div>
+              //             </a-select-option>
+              //           </a-select>
+              //         </div>
+              //         <span
+              //           class="operation3"
+              //           onClick={() => {
+              //             showCopyModal();
+              //           }}
+              //         >
+              //           复制
+              //         </span>
+              //         <span
+              //           class="more"
+              //           onClick={() => {
+              //             showDeleteModal();
+              //           }}
+              //         >
+              //           删除
+              //         </span>
+              //       </div>
+              //     ) : (
+              //       <div></div>
+              //     );
+              //   value.subList.map((item) => {
+              //     if (item.children) {
+              //       //多层子项目
+              //       item.operation =
+              //         item.state === "草稿" ? (
+              //           <div class="operation">
+              //             <span class="operation1">编辑</span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //             <router-link to="/classadd" class="operation3">
+              //               创建班级
+              //             </router-link>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="更多"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option value="复制" label="复制">
+              //                   <div
+              //                     onClick={() => {
+              //                       showCopyModal();
+              //                     }}
+              //                   >
+              //                     复制
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="删除" label="删除">
+              //                   <div
+              //                     onClick={() => {
+              //                       showDeleteModal();
+              //                     }}
+              //                   >
+              //                     删除
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //           </div>
+              //         ) : item.state === "进行中" ? (
+              //           <div class="operation">
+              //             <span class="operation1">查看</span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
 
-		const columns = ref([
-			{
-				title: "项目名称",
-				dataIndex: "name",
-				key: "name",
-				width: 280,
-				// 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: "status",
-				// width: "30%",
-				key: "status",
-				width: 100,
-				align: "center",
-			},
-			{
-				title: "创建人",
-				dataIndex: "createName",
-				// width: "30%",
-				key: "createName",
-				width: 100,
-				align: "center",
-			},
-			{
-				title: "创建时间",
-				dataIndex: "createTime",
-				key: "createTime",
-				width: 180,
-				align: "center",
-			},
-			{
-				title: "操作",
-				dataIndex: "operation",
-				key: "operation",
-				width: 300,
-				align: "center",
-				fixed: "right",
-				customRender: () => {
-					return (
-						<div class="operation">
-							<div class="nSelect">
-								
-							</div>
-						</div>
-					)
-				}
-			},
+              //             <router-link to="/classadd" class="operation3">
+              //               创建班级
+              //             </router-link>
+              //             <span
+              //               class="more"
+              //               onClick={() => {
+              //                 showCopyModal();
+              //               }}
+              //             >
+              //               复制
+              //             </span>
+              //           </div>
+              //         ) : item.state === "已结束" ? (
+              //           <div class="operation">
+              //             <span class="operation1">查看</span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //             <span
+              //               class="operation3"
+              //               onClick={() => {
+              //                 showCopyModal();
+              //               }}
+              //             >
+              //               复制
+              //             </span>
+              //             <span
+              //               class="more"
+              //               onClick={() => {
+              //                 showDeleteModal();
+              //               }}
+              //             >
+              //               删除
+              //             </span>
+              //           </div>
+              //         ) : (
+              //           <div></div>
+              //         );
 
-		]);
+              //       item.children.map((a) => {
+              //         //班级
+              //         a.operation =
+              //           a.state === "草稿" ? (
+              //             <div class="operation">
+              //               <span class="operation1">编辑</span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="授权"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option
+              //                     value="权限名单"
+              //                     label="权限名单"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjPrower();
+              //                       }}
+              //                     >
+              //                       权限名单
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="归属权" label="归属权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjOwner();
+              //                       }}
+              //                     >
+              //                       归属权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="查看权" label="查看权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjCheck();
+              //                       }}
+              //                     >
+              //                       查看权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="管理权" label="管理权">
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjManage();
+              //                       }}
+              //                     >
+              //                       管理权
+              //                     </div>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //               <span class="operation3">发布</span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="更多"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option value="复制" label="复制">
+              //                     <div
+              //                       onClick={() => {
+              //                         showCopyModal();
+              //                       }}
+              //                     >
+              //                       复制
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="删除" label="删除">
+              //                     <div
+              //                       onClick={() => {
+              //                         showDeleteModal();
+              //                       }}
+              //                     >
+              //                       删除
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="存为模板"
+              //                     label="存为模板"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showStartModal();
+              //                       }}
+              //                     >
+              //                       存为模板
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="基础信息"
+              //                     label="基础信息"
+              //                   >
+              //                     <router-link to="/taskpage">
+              //                       基础信息
+              //                     </router-link>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //             </div>
+              //           ) : a.state === "进行中" ? (
+              //             <div class="operation">
+              //               <span class="operation1"></span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="授权"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option
+              //                     value="权限名单"
+              //                     label="权限名单"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjPrower();
+              //                       }}
+              //                     >
+              //                       权限名单
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="归属权" label="归属权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjOwner();
+              //                       }}
+              //                     >
+              //                       归属权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="查看权" label="查看权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjCheck();
+              //                       }}
+              //                     >
+              //                       查看权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="管理权" label="管理权">
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjManage();
+              //                       }}
+              //                     >
+              //                       管理权
+              //                     </div>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //               <span
+              //                 class="operation3"
+              //                 onClick={() => {
+              //                   showCopyModal();
+              //                 }}
+              //               >
+              //                 复制
+              //               </span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="更多"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option value="撤回" label="撤回">
+              //                     <div
+              //                       onClick={() => {
+              //                         showBackModal();
+              //                       }}
+              //                     >
+              //                       撤回
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="结束" label="结束">
+              //                     <div
+              //                       onClick={() => {
+              //                         showStopModal();
+              //                       }}
+              //                     >
+              //                       结束
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="存为模板"
+              //                     label="存为模板"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showStartModal();
+              //                       }}
+              //                     >
+              //                       存为模板
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="基础信息"
+              //                     label="基础信息"
+              //                   >
+              //                     <router-link to="/taskpage">
+              //                       基础信息
+              //                     </router-link>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //             </div>
+              //           ) : a.state === "已结束" ? (
+              //             <div class="operation">
+              //               <span class="operation1"></span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="授权"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option
+              //                     value="权限名单"
+              //                     label="权限名单"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjPrower();
+              //                       }}
+              //                     >
+              //                       权限名单
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="归属权" label="归属权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjOwner();
+              //                       }}
+              //                     >
+              //                       归属权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="查看权" label="查看权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjCheck();
+              //                       }}
+              //                     >
+              //                       查看权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="管理权" label="管理权">
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjManage();
+              //                       }}
+              //                     >
+              //                       管理权
+              //                     </div>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //               <span
+              //                 class="operation3"
+              //                 onClick={() => {
+              //                   showCopyModal();
+              //                 }}
+              //               >
+              //                 复制
+              //               </span>
+              //               <span
+              //                 class="operation3"
+              //                 onClick={() => {
+              //                   showCopyModal();
+              //                 }}
+              //               >
+              //                 复制
+              //               </span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="更多"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option value="删除" label="删除">
+              //                     <div
+              //                       onClick={() => {
+              //                         showDeleteModal();
+              //                       }}
+              //                     >
+              //                       删除
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="存为模板"
+              //                     label="存为模板"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showStartModal();
+              //                       }}
+              //                     >
+              //                       存为模板
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="基础信息"
+              //                     label="基础信息"
+              //                   >
+              //                     <router-link to="/taskpage">
+              //                       基础信息
+              //                     </router-link>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //             </div>
+              //           ) : a.state === "未开始" ? (
+              //             <div class="operation">
+              //               <span class="operation1"></span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="授权"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option
+              //                     value="权限名单"
+              //                     label="权限名单"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjPrower();
+              //                       }}
+              //                     >
+              //                       权限名单
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="归属权" label="归属权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjOwner();
+              //                       }}
+              //                     >
+              //                       归属权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="查看权" label="查看权">
+              //                     <div
+              //                       onClick={() => {
+              //                         console.log("点击了111");
+              //                         showProjCheck();
+              //                       }}
+              //                     >
+              //                       查看权
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="管理权" label="管理权">
+              //                     <div
+              //                       onClick={() => {
+              //                         showProjManage();
+              //                       }}
+              //                     >
+              //                       管理权
+              //                     </div>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //               <span
+              //                 class="operation3"
+              //                 onClick={() => {
+              //                   showCopyModal();
+              //                 }}
+              //               >
+              //                 复制
+              //               </span>
+              //               <div class="tableSelect">
+              //                 <a-select
+              //                   style="width: 50px"
+              //                   value="更多"
+              //                   // options={state.projectNameList}
+              //                   dropdownClassName="tabledropdown"
+              //                 >
+              //                   <a-select-option value="结束" label="结束">
+              //                     <div
+              //                       onClick={() => {
+              //                         showStopModal();
+              //                       }}
+              //                     >
+              //                       结束
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option value="撤回" label="撤回">
+              //                     <div
+              //                       onClick={() => {
+              //                         showBackModal();
+              //                       }}
+              //                     >
+              //                       撤回
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="存为模板"
+              //                     label="存为模板"
+              //                   >
+              //                     <div
+              //                       onClick={() => {
+              //                         showStartModal();
+              //                       }}
+              //                     >
+              //                       存为模板
+              //                     </div>
+              //                   </a-select-option>
+              //                   <a-select-option
+              //                     value="基础信息"
+              //                     label="基础信息"
+              //                   >
+              //                     <router-link to="/taskpage">
+              //                       基础信息
+              //                     </router-link>
+              //                   </a-select-option>
+              //                 </a-select>
+              //               </div>
+              //             </div>
+              //           ) : (
+              //             <div></div>
+              //           );
+              //       });
+              //     } else {
+              //       //单层子项目
+              //       item.operation =
+              //         item.state === "草稿" ? (
+              //           <div class="operation">
+              //             <span class="operation1">编辑</span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //             <span class="operation3">发布</span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="更多"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option value="复制" label="复制">
+              //                   <div
+              //                     onClick={() => {
+              //                       showCopyModal();
+              //                     }}
+              //                   >
+              //                     复制
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="删除" label="删除">
+              //                   <div
+              //                     onClick={() => {
+              //                       showDeleteModal();
+              //                     }}
+              //                   >
+              //                     删除
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="存为模板"
+              //                   label="存为模板"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showStartModal();
+              //                     }}
+              //                   >
+              //                     存为模板
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="基础信息"
+              //                   label="基础信息"
+              //                 >
+              //                   <router-link to="/taskpage">
+              //                     基础信息
+              //                   </router-link>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //           </div>
+              //         ) : item.state === "进行中" ? (
+              //           <div class="operation">
+              //             <span class="operation1"></span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //             <span
+              //               class="operation3"
+              //               onClick={() => {
+              //                 showCopyModal();
+              //               }}
+              //             >
+              //               复制
+              //             </span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="更多"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option value="撤回" label="撤回">
+              //                   <div
+              //                     onClick={() => {
+              //                       showBackModal();
+              //                     }}
+              //                   >
+              //                     撤回
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="结束" label="结束">
+              //                   <div
+              //                     onClick={() => {
+              //                       showStopModal();
+              //                     }}
+              //                   >
+              //                     结束
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="存为模板"
+              //                   label="存为模板"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showStartModal();
+              //                     }}
+              //                   >
+              //                     存为模板
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="基础信息"
+              //                   label="基础信息"
+              //                 >
+              //                   <router-link to="/taskpage">
+              //                     基础信息
+              //                   </router-link>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //           </div>
+              //         ) : item.state === "已结束" ? (
+              //           <div class="operation">
+              //             <span class="operation1"></span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //             <span
+              //               class="operation3"
+              //               onClick={() => {
+              //                 showCopyModal();
+              //               }}
+              //             >
+              //               复制
+              //             </span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="更多"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option value="删除" label="删除">
+              //                   <div
+              //                     onClick={() => {
+              //                       showDeleteModal();
+              //                     }}
+              //                   >
+              //                     删除
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="结束" label="结束">
+              //                   <div
+              //                     onClick={() => {
+              //                       showStopModal();
+              //                     }}
+              //                   >
+              //                     结束
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="存为模板"
+              //                   label="存为模板"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showStartModal();
+              //                     }}
+              //                   >
+              //                     存为模板
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="基础信息"
+              //                   label="基础信息"
+              //                 >
+              //                   <router-link to="/taskpage">
+              //                     基础信息
+              //                   </router-link>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //           </div>
+              //         ) : item.state === "未开始" ? (
+              //           <div class="operation">
+              //             <span class="operation1"></span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="授权"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option
+              //                   value="权限名单"
+              //                   label="权限名单"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjPrower();
+              //                     }}
+              //                   >
+              //                     权限名单
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="归属权" label="归属权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjOwner();
+              //                     }}
+              //                   >
+              //                     归属权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="查看权" label="查看权">
+              //                   <div
+              //                     onClick={() => {
+              //                       console.log("点击了111");
+              //                       showProjCheck();
+              //                     }}
+              //                   >
+              //                     查看权
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="管理权" label="管理权">
+              //                   <div
+              //                     onClick={() => {
+              //                       showProjManage();
+              //                     }}
+              //                   >
+              //                     管理权
+              //                   </div>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //             <span
+              //               class="operation3"
+              //               onClick={() => {
+              //                 showCopyModal();
+              //               }}
+              //             >
+              //               复制
+              //             </span>
+              //             <div class="tableSelect">
+              //               <a-select
+              //                 style="width: 50px"
+              //                 value="更多"
+              //                 // options={state.projectNameList}
+              //                 dropdownClassName="tabledropdown"
+              //               >
+              //                 <a-select-option value="撤回" label="撤回">
+              //                   <div
+              //                     onClick={() => {
+              //                       showBackModal();
+              //                     }}
+              //                   >
+              //                     撤回
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option value="结束" label="结束">
+              //                   <div
+              //                     onClick={() => {
+              //                       showStopModal();
+              //                     }}
+              //                   >
+              //                     结束
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="存为模板"
+              //                   label="存为模板"
+              //                 >
+              //                   <div
+              //                     onClick={() => {
+              //                       showStartModal();
+              //                     }}
+              //                   >
+              //                     存为模板
+              //                   </div>
+              //                 </a-select-option>
+              //                 <a-select-option
+              //                   value="基础信息"
+              //                   label="基础信息"
+              //                 >
+              //                   <router-link to="/taskpage">
+              //                     基础信息
+              //                   </router-link>
+              //                 </a-select-option>
+              //               </a-select>
+              //             </div>
+              //           </div>
+              //         ) : (
+              //           <div></div>
+              //         );
+              //     }
+              //   });
+              // } else {
+              //   //单层项目
+              //   value.operation = (
+              //     <div class="operation">
+              //       {value.status === "草稿" ? (
+              //         <span class="operation1">编辑</span>
+              //       ) : (
+              //         <span class="operation1"></span>
+              //       )}
+              //       <div class="tableSelect">
+              //         <a-select
+              //           style="width: 50px"
+              //           value="授权"
+              //           // options={state.projectNameList}
+              //           dropdownClassName="tabledropdown"
+              //         >
+              //           <a-select-option value="权限名单" label="权限名单">
+              //             <div
+              //               onClick={() => {
+              //                 showProjPrower();
+              //               }}
+              //             >
+              //               权限名单
+              //             </div>
+              //           </a-select-option>
+              //           <a-select-option value="归属权" label="归属权">
+              //             <div
+              //               onClick={() => {
+              //                 console.log("点击了111");
+              //                 showProjOwner();
+              //               }}
+              //             >
+              //               归属权
+              //             </div>
+              //           </a-select-option>
+              //           <a-select-option value="查看权" label="查看权">
+              //             <div
+              //               onClick={() => {
+              //                 console.log("点击了111");
+              //                 showProjCheck();
+              //               }}
+              //             >
+              //               查看权
+              //             </div>
+              //           </a-select-option>
+              //           <a-select-option value="管理权" label="管理权">
+              //             <div
+              //               onClick={() => {
+              //                 showProjManage();
+              //               }}
+              //             >
+              //               管理权
+              //             </div>
+              //           </a-select-option>
+              //         </a-select>
+              //       </div>
 
-		const getTableDate = () => {
-			let obj = {
-				pageNo: 1,
-				pageSize: 10
-			}
-			api.getProjectList(obj).then(res => {
-				console.log(res)
-				if (res.status == 200 && res.data.code == 200) {
-					tableDataTotal = Math.ceil(Number(res.data.data.total) / 10)
-					let data = res.data.data.rows;
-					console.log('1266',data)
-					data.map((value) => {
-						console.log('map-value',value)
-						if (value.subList.length!==0) {
-							//多层项目
-							value.operation =
-								value.status === "草稿" ? (
-									<div class="operation">
-										<span class="operation1">编辑</span>
-										<div class="tableSelect">
-											<a-select
-												style="width: 50px"
-												value="授权"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="权限名单" label="权限名单">
-													<div
-														onClick={() => {
-															showProjPrower();
-														}}
-													>
-														权限名单
-													</div>
-												</a-select-option>
-												<a-select-option value="归属权" label="归属权">
-													<div
-														onClick={() => {
-															console.log("点击了111");
-															showProjOwner();
-														}}
-													>
-														归属权
-													</div>
-												</a-select-option>
-												<a-select-option value="查看权" label="查看权">
-													<div
-														onClick={() => {
-															console.log("点击了111");
-															showProjCheck();
-														}}
-													>
-														查看权
-													</div>
-												</a-select-option>
-												<a-select-option value="管理权" label="管理权">
-													<div
-														onClick={() => {
-															showProjManage();
-														}}
-													>
-														管理权
-													</div>
-												</a-select-option>
-											</a-select>
-										</div>
-										<span
-											class="operation3"
-											style="cursor: pointer"
-											onClick={() => {
-												state.sonproject = true;
-											}}
-										>
-											创建子项目
-										</span>
-										<div class="tableSelect">
-											<a-select
-												style="width: 50px"
-												value="更多"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="基础信息" label="基础信息">
-													<router-link to="/taskpage">基础信息</router-link>
-												</a-select-option>
-												<a-select-option value="存为模板" label="存为模板">
-													<div
-														onClick={() => {
-															showStartModal();
-														}}
-													>
-														存为模板
-													</div>
-												</a-select-option>
-											</a-select>
-										</div>
-									</div>
-								) : value.status === "进行中" ? (
-									<div class="operation">
-										<span class="operation1">查看</span>
-										<div class="tableSelect">
-											<a-select
-												style="width: 50px"
-												value="授权"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="权限名单" label="权限名单">
-													<div
-														onClick={() => {
-															showProjPrower();
-														}}
-													>
-														权限名单
-													</div>
-												</a-select-option>
-												<a-select-option value="归属权" label="归属权">
-													<div
-														onClick={() => {
-															console.log("点击了111");
-															showProjOwner();
-														}}
-													>
-														归属权
-													</div>
-												</a-select-option>
-												<a-select-option value="查看权" label="查看权">
-													<div
-														onClick={() => {
-															console.log("点击了111");
-															showProjCheck();
-														}}
-													>
-														查看权
-													</div>
-												</a-select-option>
-												<a-select-option value="管理权" label="管理权">
-													<div
-														onClick={() => {
-															showProjManage();
-														}}
-													>
-														管理权
-													</div>
-												</a-select-option>
-											</a-select>
-										</div>
-										<span
-											class="operation3"
-											onClick={() => {
-												showCopyModal();
-											}}
-										>
-											复制
-										</span>
-										<span class="more"></span>
-									</div>
-								) : value.status === "已结束" ? (
-									<div class="operation">
-										<span class="operation1">查看</span>
-										<div class="tableSelect">
-											<a-select
-												style="width: 50px"
-												value="授权"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="权限名单" label="权限名单">
-													<div
-														onClick={() => {
-															showProjPrower();
-														}}
-													>
-														权限名单
-													</div>
-												</a-select-option>
-												<a-select-option value="归属权" label="归属权">
-													<div
-														onClick={() => {
-															console.log("点击了111");
-															showProjOwner();
-														}}
-													>
-														归属权
-													</div>
-												</a-select-option>
-												<a-select-option value="查看权" label="查看权">
-													<div
-														onClick={() => {
-															console.log("点击了111");
-															showProjCheck();
-														}}
-													>
-														查看权
-													</div>
-												</a-select-option>
-												<a-select-option value="管理权" label="管理权">
-													<div
-														onClick={() => {
-															showProjManage();
-														}}
-													>
-														管理权
-													</div>
-												</a-select-option>
-											</a-select>
-										</div>
-										<span
-											class="operation3"
-											onClick={() => {
-												showCopyModal();
-											}}
-										>
-											复制
-										</span>
-										<span
-											class="more"
-											onClick={() => {
-												showDeleteModal();
-											}}
-										>
-											删除
-										</span>
-									</div>
-								) : (
-									<div></div>
-								);
-							value.subList.map((item) => {
-								if (item.children) {
-									//多层子项目
-									item.operation =
-										item.state === "草稿" ? (
-											<div class="operation">
-												<span class="operation1">编辑</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-												<router-link to="/classadd" class="operation3">
-													创建班级
-												</router-link>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="更多"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="复制" label="复制">
-															<div
-																onClick={() => {
-																	showCopyModal();
-																}}
-															>
-																复制
-															</div>
-														</a-select-option>
-														<a-select-option value="删除" label="删除">
-															<div
-																onClick={() => {
-																	showDeleteModal();
-																}}
-															>
-																删除
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-											</div>
-										) : item.state === "进行中" ? (
-											<div class="operation">
-												<span class="operation1">查看</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
+              //       {value.status === "草稿" ? (
+              //         <span class="operation3">发布</span>
+              //       ) : (
+              //         <span
+              //           class="operation3"
+              //           onClick={() => {
+              //             showCopyModal();
+              //           }}
+              //         >
+              //           复制
+              //         </span>
+              //       )}
+              //       <div class="tableSelect">
+              //         {value.status === "草稿" ? (
+              //           <a-select
+              //             style="width: 50px"
+              //             value="更多"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="复制" label="复制">
+              //               <div
+              //                 onClick={() => {
+              //                   showCopyModal();
+              //                 }}
+              //               >
+              //                 复制
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="删除" label="删除">
+              //               <div
+              //                 onClick={() => {
+              //                   showDeleteModal();
+              //                 }}
+              //               >
+              //                 删除
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="存为模板" label="存为模板">
+              //               <div
+              //                 onClick={() => {
+              //                   showStartModal();
+              //                 }}
+              //               >
+              //                 存为模板
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="基础信息" label="基础信息">
+              //               <router-link to="/taskpage">基础信息</router-link>
+              //             </a-select-option>
+              //           </a-select>
+              //         ) : value.status === "进行中" ? (
+              //           <a-select
+              //             style="width: 50px"
+              //             value="更多"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="存为模板" label="存为模板">
+              //               <div
+              //                 onClick={() => {
+              //                   showStartModal();
+              //                 }}
+              //               >
+              //                 存为模板
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="结束" label="结束">
+              //               <div
+              //                 onClick={() => {
+              //                   showStopModal();
+              //                 }}
+              //               >
+              //                 结束
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="撤回" label="撤回">
+              //               <div
+              //                 onClick={() => {
+              //                   showBackModal();
+              //                 }}
+              //               >
+              //                 撤回
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="基础信息" label="基础信息">
+              //               <router-link to="/taskpage">基础信息</router-link>
+              //             </a-select-option>
+              //           </a-select>
+              //         ) : value.status === "已结束" ||
+              //           value.status === "未开始" ? (
+              //           <a-select
+              //             style="width: 50px"
+              //             value="更多"
+              //             // options={state.projectNameList}
+              //             dropdownClassName="tabledropdown"
+              //           >
+              //             <a-select-option value="存为模板" label="存为模板">
+              //               <div
+              //                 onClick={() => {
+              //                   showStartModal();
+              //                 }}
+              //               >
+              //                 存为模板
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="删除" label="删除">
+              //               <div
+              //                 onClick={() => {
+              //                   showDeleteModal();
+              //                 }}
+              //               >
+              //                 删除
+              //               </div>
+              //             </a-select-option>
+              //             <a-select-option value="基础信息" label="基础信息">
+              //               <router-link to="/taskpage">基础信息</router-link>
+              //             </a-select-option>
+              //           </a-select>
+              //         ) : (
+              //           <div></div>
+              //         )}
+              //       </div>
+              //     </div>
+              //   );
+              // }
+            });
+            tableData.value = data;
+            console.log("tableData", tableData);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    };
+    getTableDate();
 
-												<router-link to="/classadd" class="operation3">
-													创建班级
-												</router-link>
-												<span
-													class="more"
-													onClick={() => {
-														showCopyModal();
-													}}
-												>
-													复制
-												</span>
-											</div>
-										) : item.state === "已结束" ? (
-											<div class="operation">
-												<span class="operation1">查看</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-												<span
-													class="operation3"
-													onClick={() => {
-														showCopyModal();
-													}}
-												>
-													复制
-												</span>
-												<span
-													class="more"
-													onClick={() => {
-														showDeleteModal();
-													}}
-												>
-													删除
-												</span>
-											</div>
-										) : (
-											<div></div>
-										);
+    const showModal = () => {
+      state.sonproject = true;
+    };
+    const closeModal = () => {
+      state.sonproject = false;
+    };
 
-									item.children.map((a) => {
-										//班级
-										a.operation =
-											a.state === "草稿" ? (
-												<div class="operation">
-													<span class="operation1">编辑</span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="授权"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="权限名单" label="权限名单">
-																<div
-																	onClick={() => {
-																		showProjPrower();
-																	}}
-																>
-																	权限名单
-																</div>
-															</a-select-option>
-															<a-select-option value="归属权" label="归属权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjOwner();
-																	}}
-																>
-																	归属权
-																</div>
-															</a-select-option>
-															<a-select-option value="查看权" label="查看权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjCheck();
-																	}}
-																>
-																	查看权
-																</div>
-															</a-select-option>
-															<a-select-option value="管理权" label="管理权">
-																<div
-																	onClick={() => {
-																		showProjManage();
-																	}}
-																>
-																	管理权
-																</div>
-															</a-select-option>
-														</a-select>
-													</div>
-													<span class="operation3">发布</span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="更多"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="复制" label="复制">
-																<div
-																	onClick={() => {
-																		showCopyModal();
-																	}}
-																>
-																	复制
-																</div>
-															</a-select-option>
-															<a-select-option value="删除" label="删除">
-																<div
-																	onClick={() => {
-																		showDeleteModal();
-																	}}
-																>
-																	删除
-																</div>
-															</a-select-option>
-															<a-select-option value="存为模板" label="存为模板">
-																<div
-																	onClick={() => {
-																		showStartModal();
-																	}}
-																>
-																	存为模板
-																</div>
-															</a-select-option>
-															<a-select-option value="基础信息" label="基础信息">
-																<router-link to="/taskpage">基础信息</router-link>
-															</a-select-option>
-														</a-select>
-													</div>
-												</div>
-											) : a.state === "进行中" ? (
-												<div class="operation">
-													<span class="operation1"></span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="授权"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="权限名单" label="权限名单">
-																<div
-																	onClick={() => {
-																		showProjPrower();
-																	}}
-																>
-																	权限名单
-																</div>
-															</a-select-option>
-															<a-select-option value="归属权" label="归属权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjOwner();
-																	}}
-																>
-																	归属权
-																</div>
-															</a-select-option>
-															<a-select-option value="查看权" label="查看权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjCheck();
-																	}}
-																>
-																	查看权
-																</div>
-															</a-select-option>
-															<a-select-option value="管理权" label="管理权">
-																<div
-																	onClick={() => {
-																		showProjManage();
-																	}}
-																>
-																	管理权
-																</div>
-															</a-select-option>
-														</a-select>
-													</div>
-													<span
-														class="operation3"
-														onClick={() => {
-															showCopyModal();
-														}}
-													>
-														复制
-													</span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="更多"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="撤回" label="撤回">
-																<div
-																	onClick={() => {
-																		showBackModal();
-																	}}
-																>
-																	撤回
-																</div>
-															</a-select-option>
-															<a-select-option value="结束" label="结束">
-																<div
-																	onClick={() => {
-																		showStopModal();
-																	}}
-																>
-																	结束
-																</div>
-															</a-select-option>
-															<a-select-option value="存为模板" label="存为模板">
-																<div
-																	onClick={() => {
-																		showStartModal();
-																	}}
-																>
-																	存为模板
-																</div>
-															</a-select-option>
-															<a-select-option value="基础信息" label="基础信息">
-																<router-link to="/taskpage">基础信息</router-link>
-															</a-select-option>
-														</a-select>
-													</div>
-												</div>
-											) : a.state === "已结束" ? (
-												<div class="operation">
-													<span class="operation1"></span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="授权"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="权限名单" label="权限名单">
-																<div
-																	onClick={() => {
-																		showProjPrower();
-																	}}
-																>
-																	权限名单
-																</div>
-															</a-select-option>
-															<a-select-option value="归属权" label="归属权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjOwner();
-																	}}
-																>
-																	归属权
-																</div>
-															</a-select-option>
-															<a-select-option value="查看权" label="查看权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjCheck();
-																	}}
-																>
-																	查看权
-																</div>
-															</a-select-option>
-															<a-select-option value="管理权" label="管理权">
-																<div
-																	onClick={() => {
-																		showProjManage();
-																	}}
-																>
-																	管理权
-																</div>
-															</a-select-option>
-														</a-select>
-													</div>
-													<span
-														class="operation3"
-														onClick={() => {
-															showCopyModal();
-														}}
-													>
-														复制
-													</span>
-													<span
-														class="operation3"
-														onClick={() => {
-															showCopyModal();
-														}}
-													>
-														复制
-													</span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="更多"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="删除" label="删除">
-																<div
-																	onClick={() => {
-																		showDeleteModal();
-																	}}
-																>
-																	删除
-																</div>
-															</a-select-option>
-															<a-select-option value="存为模板" label="存为模板">
-																<div
-																	onClick={() => {
-																		showStartModal();
-																	}}
-																>
-																	存为模板
-																</div>
-															</a-select-option>
-															<a-select-option value="基础信息" label="基础信息">
-																<router-link to="/taskpage">基础信息</router-link>
-															</a-select-option>
-														</a-select>
-													</div>
-												</div>
-											) : a.state === "未开始" ? (
-												<div class="operation">
-													<span class="operation1"></span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="授权"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="权限名单" label="权限名单">
-																<div
-																	onClick={() => {
-																		showProjPrower();
-																	}}
-																>
-																	权限名单
-																</div>
-															</a-select-option>
-															<a-select-option value="归属权" label="归属权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjOwner();
-																	}}
-																>
-																	归属权
-																</div>
-															</a-select-option>
-															<a-select-option value="查看权" label="查看权">
-																<div
-																	onClick={() => {
-																		console.log("点击了111");
-																		showProjCheck();
-																	}}
-																>
-																	查看权
-																</div>
-															</a-select-option>
-															<a-select-option value="管理权" label="管理权">
-																<div
-																	onClick={() => {
-																		showProjManage();
-																	}}
-																>
-																	管理权
-																</div>
-															</a-select-option>
-														</a-select>
-													</div>
-													<span
-														class="operation3"
-														onClick={() => {
-															showCopyModal();
-														}}
-													>
-														复制
-													</span>
-													<div class="tableSelect">
-														<a-select
-															style="width: 50px"
-															value="更多"
-															// options={state.projectNameList}
-															dropdownClassName="tabledropdown"
-														>
-															<a-select-option value="结束" label="结束">
-																<div
-																	onClick={() => {
-																		showStopModal();
-																	}}
-																>
-																	结束
-																</div>
-															</a-select-option>
-															<a-select-option value="撤回" label="撤回">
-																<div
-																	onClick={() => {
-																		showBackModal();
-																	}}
-																>
-																	撤回
-																</div>
-															</a-select-option>
-															<a-select-option value="存为模板" label="存为模板">
-																<div
-																	onClick={() => {
-																		showStartModal();
-																	}}
-																>
-																	存为模板
-																</div>
-															</a-select-option>
-															<a-select-option value="基础信息" label="基础信息">
-																<router-link to="/taskpage">基础信息</router-link>
-															</a-select-option>
-														</a-select>
-													</div>
-												</div>
-											) : (
-												<div></div>
-											);
-									});
-								} else {
-									//单层子项目
-									item.operation =
-										item.state === "草稿" ? (
-											<div class="operation">
-												<span class="operation1">编辑</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-												<span class="operation3">发布</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="更多"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="复制" label="复制">
-															<div
-																onClick={() => {
-																	showCopyModal();
-																}}
-															>
-																复制
-															</div>
-														</a-select-option>
-														<a-select-option value="删除" label="删除">
-															<div
-																onClick={() => {
-																	showDeleteModal();
-																}}
-															>
-																删除
-															</div>
-														</a-select-option>
-														<a-select-option value="存为模板" label="存为模板">
-															<div
-																onClick={() => {
-																	showStartModal();
-																}}
-															>
-																存为模板
-															</div>
-														</a-select-option>
-														<a-select-option value="基础信息" label="基础信息">
-															<router-link to="/taskpage">基础信息</router-link>
-														</a-select-option>
-													</a-select>
-												</div>
-											</div>
-										) : item.state === "进行中" ? (
-											<div class="operation">
-												<span class="operation1"></span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-												<span
-													class="operation3"
-													onClick={() => {
-														showCopyModal();
-													}}
-												>
-													复制
-												</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="更多"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="撤回" label="撤回">
-															<div
-																onClick={() => {
-																	showBackModal();
-																}}
-															>
-																撤回
-															</div>
-														</a-select-option>
-														<a-select-option value="结束" label="结束">
-															<div
-																onClick={() => {
-																	showStopModal();
-																}}
-															>
-																结束
-															</div>
-														</a-select-option>
-														<a-select-option value="存为模板" label="存为模板">
-															<div
-																onClick={() => {
-																	showStartModal();
-																}}
-															>
-																存为模板
-															</div>
-														</a-select-option>
-														<a-select-option value="基础信息" label="基础信息">
-															<router-link to="/taskpage">基础信息</router-link>
-														</a-select-option>
-													</a-select>
-												</div>
-											</div>
-										) : item.state === "已结束" ? (
-											<div class="operation">
-												<span class="operation1"></span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-												<span
-													class="operation3"
-													onClick={() => {
-														showCopyModal();
-													}}
-												>
-													复制
-												</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="更多"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="删除" label="删除">
-															<div
-																onClick={() => {
-																	showDeleteModal();
-																}}
-															>
-																删除
-															</div>
-														</a-select-option>
-														<a-select-option value="结束" label="结束">
-															<div
-																onClick={() => {
-																	showStopModal();
-																}}
-															>
-																结束
-															</div>
-														</a-select-option>
-														<a-select-option value="存为模板" label="存为模板">
-															<div
-																onClick={() => {
-																	showStartModal();
-																}}
-															>
-																存为模板
-															</div>
-														</a-select-option>
-														<a-select-option value="基础信息" label="基础信息">
-															<router-link to="/taskpage">基础信息</router-link>
-														</a-select-option>
-													</a-select>
-												</div>
-											</div>
-										) : item.state === "未开始" ? (
-											<div class="operation">
-												<span class="operation1"></span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="授权"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="权限名单" label="权限名单">
-															<div
-																onClick={() => {
-																	showProjPrower();
-																}}
-															>
-																权限名单
-															</div>
-														</a-select-option>
-														<a-select-option value="归属权" label="归属权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjOwner();
-																}}
-															>
-																归属权
-															</div>
-														</a-select-option>
-														<a-select-option value="查看权" label="查看权">
-															<div
-																onClick={() => {
-																	console.log("点击了111");
-																	showProjCheck();
-																}}
-															>
-																查看权
-															</div>
-														</a-select-option>
-														<a-select-option value="管理权" label="管理权">
-															<div
-																onClick={() => {
-																	showProjManage();
-																}}
-															>
-																管理权
-															</div>
-														</a-select-option>
-													</a-select>
-												</div>
-												<span
-													class="operation3"
-													onClick={() => {
-														showCopyModal();
-													}}
-												>
-													复制
-												</span>
-												<div class="tableSelect">
-													<a-select
-														style="width: 50px"
-														value="更多"
-														// options={state.projectNameList}
-														dropdownClassName="tabledropdown"
-													>
-														<a-select-option value="撤回" label="撤回">
-															<div
-																onClick={() => {
-																	showBackModal();
-																}}
-															>
-																撤回
-															</div>
-														</a-select-option>
-														<a-select-option value="结束" label="结束">
-															<div
-																onClick={() => {
-																	showStopModal();
-																}}
-															>
-																结束
-															</div>
-														</a-select-option>
-														<a-select-option value="存为模板" label="存为模板">
-															<div
-																onClick={() => {
-																	showStartModal();
-																}}
-															>
-																存为模板
-															</div>
-														</a-select-option>
-														<a-select-option value="基础信息" label="基础信息">
-															<router-link to="/taskpage">基础信息</router-link>
-														</a-select-option>
-													</a-select>
-												</div>
-											</div>
-										) : (
-											<div></div>
-										);
-								}
-							});
-						} else {
-							//单层项目
-							value.operation = (
-								<div class="operation">
-									{value.status === "草稿" ? (
-										<span class="operation1">编辑</span>
-									) : (
-										<span class="operation1"></span>
-									)}
-									<div class="tableSelect">
-										<a-select
-											style="width: 50px"
-											value="授权"
-											// options={state.projectNameList}
-											dropdownClassName="tabledropdown"
-										>
-											<a-select-option value="权限名单" label="权限名单">
-												<div
-													onClick={() => {
-														showProjPrower();
-													}}
-												>
-													权限名单
-												</div>
-											</a-select-option>
-											<a-select-option value="归属权" label="归属权">
-												<div
-													onClick={() => {
-														console.log("点击了111");
-														showProjOwner();
-													}}
-												>
-													归属权
-												</div>
-											</a-select-option>
-											<a-select-option value="查看权" label="查看权">
-												<div
-													onClick={() => {
-														console.log("点击了111");
-														showProjCheck();
-													}}
-												>
-													查看权
-												</div>
-											</a-select-option>
-											<a-select-option value="管理权" label="管理权">
-												<div
-													onClick={() => {
-														showProjManage();
-													}}
-												>
-													管理权
-												</div>
-											</a-select-option>
-										</a-select>
-									</div>
+    const showModal1 = () => {
+      state.estabish = true;
+    };
+    const closeModal1 = () => {
+      state.estabish = false;
+    };
 
-									{value.status === "草稿" ? (
-										<span class="operation3">发布</span>
-									) : (
-										<span
-											class="operation3"
-											onClick={() => {
-												showCopyModal();
-											}}
-										>
-											复制
-										</span>
-									)}
-									<div class="tableSelect">
-										{value.status === "草稿" ? (
-											<a-select
-												style="width: 50px"
-												value="更多"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="复制" label="复制">
-													<div
-														onClick={() => {
-															showCopyModal();
-														}}
-													>
-														复制
-													</div>
-												</a-select-option>
-												<a-select-option value="删除" label="删除">
-													<div
-														onClick={() => {
-															showDeleteModal();
-														}}
-													>
-														删除
-													</div>
-												</a-select-option>
-												<a-select-option value="存为模板" label="存为模板">
-													<div
-														onClick={() => {
-															showStartModal();
-														}}
-													>
-														存为模板
-													</div>
-												</a-select-option>
-												<a-select-option value="基础信息" label="基础信息">
-													<router-link to="/taskpage">基础信息</router-link>
-												</a-select-option>
-											</a-select>
-										) : value.status === "进行中" ? (
-											<a-select
-												style="width: 50px"
-												value="更多"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="存为模板" label="存为模板">
-													<div
-														onClick={() => {
-															showStartModal();
-														}}
-													>
-														存为模板
-													</div>
-												</a-select-option>
-												<a-select-option value="结束" label="结束">
-													<div
-														onClick={() => {
-															showStopModal();
-														}}
-													>
-														结束
-													</div>
-												</a-select-option>
-												<a-select-option value="撤回" label="撤回">
-													<div
-														onClick={() => {
-															showBackModal();
-														}}
-													>
-														撤回
-													</div>
-												</a-select-option>
-												<a-select-option value="基础信息" label="基础信息">
-													<router-link to="/taskpage">基础信息</router-link>
-												</a-select-option>
-											</a-select>
-										) : value.status === "已结束" || value.status === "未开始" ? (
-											<a-select
-												style="width: 50px"
-												value="更多"
-												// options={state.projectNameList}
-												dropdownClassName="tabledropdown"
-											>
-												<a-select-option value="存为模板" label="存为模板">
-													<div
-														onClick={() => {
-															showStartModal();
-														}}
-													>
-														存为模板
-													</div>
-												</a-select-option>
-												<a-select-option value="删除" label="删除">
-													<div
-														onClick={() => {
-															showDeleteModal();
-														}}
-													>
-														删除
-													</div>
-												</a-select-option>
-												<a-select-option value="基础信息" label="基础信息">
-													<router-link to="/taskpage">基础信息</router-link>
-												</a-select-option>
-											</a-select>
-										) : (
-											<div></div>
-										)}
-									</div>
-								</div>
-							);
-						}
-					});
-					tableData.value = data;
-					console.log("tableData", tableData);
-				}
-			}).catch(err => {
-				console.log(err)
-			})
+    const showModal2 = () => {
+      state.doublepro = true;
+      state.estabish = false;
+    };
+    const closeModal2 = () => {
+      state.doublepro = false;
+    };
 
-		};
-		getTableDate();
+    const showModal3 = () => {
+      state.doublesonpro = true;
+      state.sonproject = false;
+    };
+    const closeModal3 = () => {
+      state.doublesonpro = false;
+    };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    const showDeleteModal = () => {
+      state.deleteModal = true;
+    };
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    const showStartModal = () => {
+      state.startModal = true;
+    };
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    const showBackModal = () => {
+      state.backModal = true;
+    };
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
+    const showProjOwner = () => {
+      state.ProjOwnervisible = true;
+    };
+    const showProjPrower = () => {
+      state.ProjPvisible = true;
+    };
+    const showProjCheck = () => {
+      state.ProjCheckvisible = true;
+    };
+    const showProjManage = () => {
+      state.ProjManagevisible = true;
+    };
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      expandTable,
+      showModal,
+      closeModal,
+      showModal1,
+      closeModal1,
+      showModal2,
+      closeModal2,
+      showModal3,
+      closeModal3,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
+      getTableDate,
+      showProjOwner,
+      showProjPrower,
+      showProjCheck,
+      showProjManage,
 
-		const showModal = () => {
-			state.sonproject = true;
-		};
-		const closeModal = () => {
-			state.sonproject = false;
-		};
-
-		const showModal1 = () => {
-			state.estabish = true;
-		};
-		const closeModal1 = () => {
-			state.estabish = false;
-		};
-
-		const showModal2 = () => {
-			state.doublepro = true;
-			state.estabish = false;
-		};
-		const closeModal2 = () => {
-			state.doublepro = false;
-		};
-
-		const showModal3 = () => {
-			state.doublesonpro = true;
-			state.sonproject = false;
-		};
-		const closeModal3 = () => {
-			state.doublesonpro = false;
-		};
-		const showCopyModal = () => {
-			state.copyModal = true;
-		};
-		const closeCopyModal = () => {
-			state.copyModal = false;
-		};
-		const showStopModal = () => {
-			state.stopModal = true;
-		};
-		const closeStopModal = () => {
-			state.stopModal = false;
-		};
-		const showDeleteModal = () => {
-			state.deleteModal = true;
-		};
-		const closeDeleteModal = () => {
-			state.deleteModal = false;
-		};
-		const showStartModal = () => {
-			state.startModal = true;
-		};
-		const closeStartModal = () => {
-			state.startModal = false;
-		};
-		const showBackModal = () => {
-			state.backModal = true;
-		};
-		const closeBackModal = () => {
-			state.backModal = false;
-		};
-		const showProjOwner = () => {
-			state.ProjOwnervisible = true;
-		};
-		const showProjPrower = () => {
-			state.ProjPvisible = true;
-		};
-		const showProjCheck = () => {
-			state.ProjCheckvisible = true;
-		};
-		const showProjManage = () => {
-			state.ProjManagevisible = true;
-		};
-		return {
-			...toRefs(state),
-			selectProjectName,
-			expandTable,
-			showModal,
-			closeModal,
-			showModal1,
-			closeModal1,
-			showModal2,
-			closeModal2,
-			showModal3,
-			closeModal3,
-			showCopyModal,
-			closeCopyModal,
-			showStopModal,
-			closeStopModal,
-			showDeleteModal,
-			closeDeleteModal,
-			showStartModal,
-			closeStartModal,
-			showBackModal,
-			closeBackModal,
-			getTableDate,
-			showProjOwner,
-			showProjPrower,
-			showProjCheck,
-			showProjManage,
-
-			tableData,
-			currentPage,
-			tableDataTotal,
-			pageSize,
-			columns,
-			createStoreyProject,
-			classifyList,
-			classifyList1,
-			classificationChange,
-			classificationChange1,
-			value1,
-			value2,
-			value3,
-			value4,
-			value5,
-
-
-		};
-	},
+      tableData,
+      currentPage,
+      tableDataTotal,
+      pageSize,
+      columns,
+      createStoreyProject,
+      classifyList,
+      classifyList1,
+      classificationChange,
+      classificationChange1,
+      value1,
+      value2,
+      value3,
+      value4,
+      value5,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .projectManage {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 
-	.filter {
-		margin-left: 38px;
-		margin-right: 38px;
-		margin-top: 30px;
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
 
-		.filterItems {
-			display: flex;
-			flex-wrap: wrap;
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
 
-			.select {
-				margin-right: 20px;
-				margin-bottom: 20px;
-			}
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
 
-			.btn {
-				padding: 0px 26px 0px 26px;
-				height: 38px;
-				background: rgba(64, 158, 255, 0);
-				border-radius: 8px;
-				border: 1px solid rgba(64, 158, 255, 1);
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin-right: 14px;
-				flex-shrink: 0;
-				cursor: pointer;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
 
-				.search {
-					background-size: 100%;
-				}
+        .search {
+          background-size: 100%;
+        }
 
-				.btnText {
-					font-size: 14px;
-					font-weight: 400;
-					color: rgba(64, 158, 255, 1);
-					line-height: 36px;
-					margin-left: 5px;
-				}
-			}
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(64, 158, 255, 1);
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
 
-			.btnn {
-				padding: 0px 26px 0px 26px;
-				height: 38px;
-				background: #409EFF;
-				border-radius: 8px;
-				border: 1px solid rgba(64, 158, 255, 1);
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin-right: 14px;
-				flex-shrink: 0;
-				cursor: pointer;
+      .btnn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #409eff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
 
-				.search {
-					background-size: 100%;
-				}
+        .search {
+          background-size: 100%;
+        }
 
-				.btnText {
-					font-size: 14px;
-					font-weight: 400;
-					color: #FFFFFF;
-					line-height: 36px;
-					margin-left: 5px;
-				}
-			}
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
 
-			.btn1 {
-				.search {
-					width: 15px;
-					height: 17px;
-					background-image: url("../../assets/images/courseManage/search0.png");
-				}
-			}
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
 
-			.btn2 {
-				.search {
-					width: 16px;
-					height: 18px;
-					background-image: url("../../assets/images/courseManage/reset1.png");
-				}
-			}
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset1.png");
+        }
+      }
 
-			.btn1:hover {
-				background: rgba(64, 158, 255, 0.76);
+      .btn1:hover {
+        background: rgba(64, 158, 255, 0.76);
 
-				.search {
-					background-image: url("../../assets/images/courseManage/search0.png");
-				}
+        .search {
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
 
-				.btnText {
-					color: #ffffff;
-				}
-			}
+        .btnText {
+          color: #ffffff;
+        }
+      }
 
-			.btn1:active {
-				background: #0982ff;
-			}
+      .btn1:active {
+        background: #0982ff;
+      }
 
-			.btn2:hover {
-				background: rgba(64, 158, 255, 0.1);
-			}
+      .btn2:hover {
+        background: rgba(64, 158, 255, 0.1);
+      }
 
-			.btn2:active {
-				background: rgba(64, 158, 255, 0.2);
-			}
-		}
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
 
-		.btns {
-			display: flex;
+    .btns {
+      display: flex;
 
-			// flex-wrap: wrap;
-			.btn {
-				padding: 0px 26px 0px 26px;
-				height: 38px;
-				background: #409EFF;
-				border-radius: 8px;
-				border: 1px solid rgba(64, 158, 255, 1);
-				display: flex;
-				align-items: center;
-				cursor: pointer;
-				justify-content: center;
-				margin-right: 14px;
-				flex-shrink: 0;
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #409eff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
 
-				.search {
-					background-size: 100%;
-				}
+        .search {
+          background-size: 100%;
+        }
 
-				.btnText {
-					font-size: 14px;
-					font-weight: 400;
-					color: #FFFFFF;
-					line-height: 36px;
-					margin-left: 5px;
-				}
-			}
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
 
-			.btn3 {
-				margin-right: 0px;
+      .btn3 {
+        margin-right: 0px;
 
-				.search {
-					width: 17px;
-					height: 18px;
-					background-image: url("../../assets/images/courseManage/add0.png");
-				}
-			}
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
 
-			.btn3:hover {
-				background: rgba(64, 158, 255, 0.76);
-			}
+      .btn3:hover {
+        background: rgba(64, 158, 255, 0.76);
+      }
 
-			.btn3:active {
-				background: #0982ff;
-			}
-		}
-	}
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
 
-	.tableBox {
-		margin: 20px 38px 30px;
+  .tableBox {
+    margin: 20px 38px 30px;
 
-		.ant-table-thead>tr>th {
-			font-size: 14px;
-			font-weight: 400;
-			color: #999ba3;
-			line-height: 36px;
-			padding: 5px 16px;
-			background-color: #eff4fc;
-		}
-	}
+    .ant-table-thead > tr > th {
+      font-size: 14px;
+      font-weight: 400;
+      color: #999ba3;
+      line-height: 36px;
+      padding: 5px 16px;
+      background-color: #eff4fc;
+    }
+  }
 
-	.operation {
-		font-size: 14px;
-		font-weight: 400;
-		color: #4ea6ff;
+  .operation {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
 
-		// line-height: 36px;
-		.operation1 {
-			margin-left: 21px;
-			width: 28px;
-			display: inline-block;
-		}
+    // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
 
-		.operation3 {
-			margin-left: 21px;
-			width: 70px;
-			display: inline-block;
-			text-align: center;
-		}
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
 
-		.more {
-			width: 50px;
-			display: inline-block;
-			margin-left: 21px;
-			position: relative;
-			text-align: left;
+    .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
+      position: relative;
+      text-align: left;
 
-			// z-index: 99999;
-			.moreArrow {
-				width: 13px;
-				height: 7px;
-				display: inline-block;
-				background-image: url("../../assets/images/navtop/down.png");
-				background-size: 100%;
-				margin: 2px;
-				margin-left: 7px;
-			}
+      // z-index: 99999;
+      .moreArrow {
+        width: 13px;
+        height: 7px;
+        display: inline-block;
+        background-image: url("../../assets/images/navtop/down.png");
+        background-size: 100%;
+        margin: 2px;
+        margin-left: 7px;
+      }
 
-			.moreItems {
-				width: 80px;
-				padding: 5px;
-				display: none;
-				background: #ffffff;
-				box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-				border-radius: 3px;
-				border: 0px solid #dcdcdc;
-				position: absolute;
-				left: 0px;
-				top: 28px;
-				z-index: 100;
-				text-align: center;
-			}
-		}
+      .moreItems {
+        width: 80px;
+        padding: 5px;
+        display: none;
+        background: #ffffff;
+        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+        border: 0px solid #dcdcdc;
+        position: absolute;
+        left: 0px;
+        top: 28px;
+        z-index: 100;
+        text-align: center;
+      }
+    }
 
-		.more:hover .moreArrow {
-			background-image: url("../../assets/images/navtop/up.png");
-		}
+    .more:hover .moreArrow {
+      background-image: url("../../assets/images/navtop/up.png");
+    }
 
-		.more:hover .moreItems {
-			display: block;
-		}
-	}
+    .more:hover .moreItems {
+      display: block;
+    }
+  }
 }
 
 .doublesonpro {
-	.ant-modal {
-		.ant-modal-body {
-			.modalHeader {
-				background: linear-gradient(0deg,
-						rgba(78, 166, 255, 0) 0%,
-						rgba(78, 166, 255, 0.2) 100%);
-			}
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			padding: 0;
+      padding: 0;
 
-			.modalMain {
-				display: flex;
-				flex-direction: column;
-				//align-items: center;
-				margin-left: 60px;
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        //align-items: center;
+        margin-left: 60px;
 
-				.name {
-					//width: 90%;
-					// background-color: lightcoral;
-					display: flex;
-					justify-content: right;
-					margin-top: 32px;
-					align-items: center;
-					height: 40px;
-					// border: 1px solid black;
+        .name {
+          //width: 90%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
 
-					.inname {
-						color: #000000;
-						font-size: 14px;
-						margin-left: 7px;
-					}
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
 
-					.in {
-						margin-left: 14px;
-						width: 80%;
+          .in {
+            margin-left: 14px;
+            width: 80%;
 
-						.ant-input {
-							border-radius: 5px;
-							// height: 120%;
-							width: 80%;
-							height: 30px;
-						}
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 30px;
+            }
 
-						.ant-select {
-							border-radius: 5px;
-							// height: 120%;
-							width: 80%;
-							height: 40px;
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 40px;
 
-							.ant-select-selector {
-								border-radius: 8px;
-								// height: 120%;
-								width: 100%;
-								height: 40px;
-							}
-						}
-					}
-				}
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
 
-				.pubtn {
-					display: flex;
-					justify-content: center;
-					margin-top: 25px;
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
 
-					//margin-bottom: 29px;
-					.pubtn1 {
-						width: 100px;
-						height: 40px;
-						margin-right: 16px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: rgba(78, 166, 255, 1);
-						font-size: 14px;
-						//line-height: 36px;
-						align-items: center;
-						background: rgba(255, 255, 255, 1);
-					}
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
 
-					.pubtn2 {
-						width: 100px;
-						height: 40px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: #ffffff;
-						font-size: 14px;
-						align-items: center;
-						//line-height: 36px;
-						background: #409eff;
-					}
-				}
-			}
-		}
-	}
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
 }
 
 .doublepro {
-	.ant-modal {
-		.ant-modal-body {
-			.modalHeader {
-				background: linear-gradient(0deg,
-						rgba(78, 166, 255, 0) 0%,
-						rgba(78, 166, 255, 0.2) 100%);
-			}
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			padding: 0;
+      padding: 0;
 
-			.modalMain {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
 
-				.name {
-					width: 78%;
-					// background-color: lightcoral;
-					display: flex;
-					justify-content: right;
-					margin-top: 32px;
-					align-items: center;
-					height: 40px;
-					// border: 1px solid black;
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
 
-					.inname {
-						color: #000000;
-						font-size: 14px;
-						margin-left: 7px;
-					}
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
 
-					.in {
-						margin-left: 14px;
-						width: 81%;
+          .in {
+            margin-left: 14px;
+            width: 81%;
 
-						.ant-input {
-							border-radius: 5px;
-							// height: 120%;
-							width: 100%;
-							height: 30px;
-						}
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 30px;
+            }
 
-						.ant-select {
-							border-radius: 5px;
-							// height: 120%;
-							width: 100%;
-							height: 40px;
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
 
-							.ant-select-selector {
-								border-radius: 8px;
-								// height: 120%;
-								width: 100%;
-								height: 40px;
-							}
-						}
-					}
-				}
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
 
-				.pubtn {
-					display: flex;
-					justify-content: center;
-					margin-top: 25px;
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
 
-					//margin-bottom: 29px;
-					.pubtn1 {
-						width: 100px;
-						height: 40px;
-						margin-right: 16px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: rgba(78, 166, 255, 1);
-						font-size: 14px;
-						//line-height: 36px;
-						align-items: center;
-						background: rgba(255, 255, 255, 1);
-					}
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
 
-					.pubtn2 {
-						width: 100px;
-						height: 40px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: #ffffff;
-						font-size: 14px;
-						align-items: center;
-						//line-height: 36px;
-						background: #409eff;
-					}
-				}
-			}
-		}
-	}
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
 }
 
 .sonproject {
-	.ant-modal {
-		.ant-modal-body {
-			padding: 0 !important;
+  .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%);
-			}
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			.modalMain {
-				display: flex;
-				justify-content: center;
-				margin-top: 48px;
+      .modalMain {
+        display: flex;
+        justify-content: center;
+        margin-top: 48px;
 
-				//margin-bottom: 40px;
-				.taskbox {
-					width: 310px;
-					height: 160px;
-					border-radius: 10px;
-					position: relative;
-					margin-bottom: 80px;
-					cursor: pointer;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 310px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 80px;
+          cursor: pointer;
 
-					.leftt {
-						position: absolute;
-						top: 18px;
-						left: 0;
-					}
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
 
-					.photo {
-						position: absolute;
-						top: 44px;
-						left: 40px;
-					}
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
 
-					.rightt {
-						position: absolute;
-						top: 69px;
-						right: 26px;
-					}
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
 
-					.centerbox {
-						position: absolute;
-						top: 66px;
-						left: 136px;
-						font-size: 20px;
-						font-weight: 700;
-						//line-height: 36px;
-					}
+          .centerbox {
+            position: absolute;
+            top: 66px;
+            left: 136px;
+            font-size: 20px;
+            font-weight: 700;
+            //line-height: 36px;
+          }
 
-					.centermain {
-						color: rgba(135, 139, 146, 1);
-						font-size: 14px;
-						position: absolute;
-						left: 144px;
-						bottom: 49px;
-					}
-				}
-			}
-		}
-	}
+          .centermain {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            position: absolute;
+            left: 144px;
+            bottom: 49px;
+          }
+        }
+      }
+    }
+  }
 }
 
 .estabish {
-	.ant-modal {
-		.ant-modal-body {
-			padding: 0 !important;
+  .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%);
-			}
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			.modalMain {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-				margin-top: 48px;
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 48px;
 
-				//margin-bottom: 40px;
-				.taskbox {
-					width: 438px;
-					height: 160px;
-					border-radius: 10px;
-					position: relative;
-					margin-bottom: 24px;
-					cursor: pointer;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 438px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 24px;
+          cursor: pointer;
 
-					.leftt {
-						position: absolute;
-						top: 18px;
-						left: 0;
-					}
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
 
-					.photo {
-						position: absolute;
-						top: 44px;
-						left: 40px;
-					}
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
 
-					.rightt {
-						position: absolute;
-						top: 69px;
-						right: 26px;
-					}
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
 
-					.centerbox {
-						position: absolute;
-						top: 42px;
-						left: 120px;
-						font-size: 20px;
-						font-weight: 500;
-						//line-height: 36px;
-					}
+          .centerbox {
+            position: absolute;
+            top: 42px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
 
-					.centerbox1 {
-						position: absolute;
-						top: 32px;
-						left: 120px;
-						font-size: 20px;
-						font-weight: 500;
-						//line-height: 36px;
-					}
+          .centerbox1 {
+            position: absolute;
+            top: 32px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
 
-					.centermain {
-						color: rgba(135, 139, 146, 1);
-						font-size: 14px;
-						line-height: 20px;
-						position: absolute;
-						width: 252px;
-						left: 120px;
-						top: 78px;
-					}
+          .centermain {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 78px;
+          }
 
-					.centermain1 {
-						color: rgba(135, 139, 146, 1);
-						font-size: 14px;
-						line-height: 20px;
-						position: absolute;
-						width: 252px;
-						left: 120px;
-						top: 68px;
-					}
-				}
-			}
-		}
-	}
+          .centermain1 {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 68px;
+          }
+        }
+      }
+    }
+  }
 }
 
 .CopyModal {
-	.ant-modal {
-		width: 424px !important;
-		height: 258px !important;
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
 
-		.ant-modal-content {
-			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;
+      .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;
+        .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: 68px;
-						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-								rgba(78, 166, 255, 0) 100%);
-					}
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
 
-					.del_main {
-						width: 100%;
-						position: relative;
+          .del_main {
+            width: 100%;
+            position: relative;
 
-						.header {
-							display: flex;
-							align-items: center;
-							padding-top: 20px;
-							padding-left: 26px;
-							font-size: 16px;
+            .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%;
-							}
+              .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%;
-							}
-						}
+              .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;
+            .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;
-							}
-						}
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
 
-						.del_btnbox {
-							display: flex;
-							margin: 30px auto;
-							justify-content: center;
+            .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;
+              .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;
+                flex-shrink: 0;
+                cursor: pointer;
 
-								.btnText {
-									font-size: 14px;
-									font-weight: 400;
-									line-height: 40px;
-								}
-							}
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
 
-							.btn1 {
-								border: 1px solid rgba(64, 158, 255, 1);
-								color: #4ea6ff;
-								margin-right: 14px;
-							}
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
 
-							.btn2 {
-								background-color: #4ea6ff;
-								color: #ffffff;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 </style>