From 9d0ccff41e0406043f0b397537d51666b6716f78 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Sun, 4 Dec 2022 02:46:04 +0800
Subject: [PATCH] =?UTF-8?q?--=E9=A1=B9=E7=9B=AE=E8=AE=BE=E7=BD=AE=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 1649 ++++++++++++++------------
 1 file changed, 869 insertions(+), 780 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index f5d35af4..b7c8d745 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -3,7 +3,7 @@
   <div class="taskpage">
     <div class="addhead" style="flex-shrink: 0">
       <div class="leftimg">
-        <img class="img" :src="picUrl" />
+        <img class="img" :src="picUrl"/>
       </div>
       <div class="imgfor">
         <div class="forz">{{ name }}</div>
@@ -11,29 +11,29 @@
         <div class="fort">起止时间：{{ startTime }}至{{ endTime }}</div>
       </div>
       <div class="right">
-        <img class="img1" src="../../assets/images/leveladd/ma.png" />
+        <img class="img1" src="../../assets/images/leveladd/ma.png"/>
         <div class="line" v-if="action == 1 || action == 0"></div>
         <img
-          v-if="action == 1 || action == 0"
-          class="img2"
-          src="../../assets/images/leveladd/pub.png"
+            v-if="action == 1 || action == 0"
+            class="img2"
+            src="../../assets/images/leveladd/pub.png"
         />
         <!-- <div class="pub">发布</div> -->
         <!-- 已发布的显示 -->
         <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 1"
-          @click="showBackModal"
+            class="pub"
+            style="width: 28px"
+            v-if="action == 1"
+            @click="showBackModal"
         >
           {{ act }}
         </div>
         <!-- 未发布/草稿的显示 -->
         <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 0"
-          @click="showProjectPub"
+            class="pub"
+            style="width: 28px"
+            v-if="action == 0"
+            @click="showProjectPub"
         >
           {{ act }}
         </div>
@@ -43,9 +43,9 @@
         </div> -->
         <div class="line"></div>
         <img
-          style="margin-right: 15px"
-          class="img2"
-          src="../../assets/images/leveladd/more.png"
+            style="margin-right: 15px"
+            class="img2"
+            src="../../assets/images/leveladd/more.png"
         />
         <!-- <div class="more">
           <span style="color: #7096e3; cursor: pointer">更多</span>
@@ -88,7 +88,7 @@
         <div class="line"></div>
         <router-link to="/projectmanage">
           <div style="display: flex">
-            <img class="img2" src="../../assets/images/leveladd/back.png" />
+            <img class="img2" src="../../assets/images/leveladd/back.png"/>
             <div class="return">返回</div>
           </div>
         </router-link>
@@ -97,11 +97,11 @@
     <div class="split" style="flex-shrink: 0"></div>
     <div class="content">
       <a-tabs
-        class="tab"
-        v-model:activeKey="activeKey"
-        size="large"
-        :tabBarStyle="{ marginLeft: '10px', marginTop: '5px' }"
-        @change="tabsChange"
+          class="tab"
+          v-model:activeKey="activeKey"
+          size="large"
+          :tabBarStyle="{ marginLeft: '10px', marginTop: '5px' }"
+          @change="tabsChange"
       >
         <a-tab-pane key="1" tab="概览">
           <div class="split"></div>
@@ -112,18 +112,18 @@
             </div>
             <div class="second">
               <div
-                class="taskbox"
-                @click="totask"
-                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
+                  class="taskbox"
+                  @click="totask"
+                  style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
               >
                 <div class="leftt">
-                  <img src="../../assets/images/taskpage/left1.png" />
+                  <img src="../../assets/images/taskpage/left1.png"/>
                 </div>
                 <div class="photo">
-                  <img src="../../assets/images/taskpage/picture1.png" />
+                  <img src="../../assets/images/taskpage/picture1.png"/>
                 </div>
                 <div class="rightt">
-                  <img src="../../assets/images/taskpage/right1.png" />
+                  <img src="../../assets/images/taskpage/right1.png"/>
                 </div>
                 <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
                   添加任务
@@ -131,18 +131,18 @@
                 <div class="centermain">快速添加任务/阶段</div>
               </div>
               <div
-                class="taskbox"
-                @click="tostudent"
-                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+                  class="taskbox"
+                  @click="tostudent"
+                  style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
-                  <img src="../../assets/images/taskpage/left2.png" />
+                  <img src="../../assets/images/taskpage/left2.png"/>
                 </div>
                 <div class="photo">
-                  <img src="../../assets/images/taskpage/picture2.png" />
+                  <img src="../../assets/images/taskpage/picture2.png"/>
                 </div>
                 <div class="rightt">
-                  <img src="../../assets/images/taskpage/right2.png" />
+                  <img src="../../assets/images/taskpage/right2.png"/>
                 </div>
                 <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
                   添加学员
@@ -180,27 +180,27 @@
             <div class="second" style="margin-top: 0">
               <div class="nubbox">
                 <span class="nub1">{{
-                  projectInfoOverview.totalStudentCnt
-                }}</span>
+                    projectInfoOverview.totalStudentCnt
+                  }}</span>
                 <div class="nub2">总人数</div>
               </div>
               <div class="nubbox">
                 <span class="nub1" style="color: #ff90ae">{{
-                  projectInfoOverview.studyStudentCnt
-                }}</span>
+                    projectInfoOverview.studyStudentCnt
+                  }}</span>
                 <div class="nub2">学习人数</div>
               </div>
               <div class="nubbox">
                 <span class="nub1" style="color: #a497ff">{{
-                  projectInfoOverview.completeStudentCnt
-                }}</span>
+                    projectInfoOverview.completeStudentCnt
+                  }}</span>
                 <div class="nub2">完成人数</div>
               </div>
               <div class="nubbox">
                 <div>
                   <span class="nub1" style="color: #5dc988">{{
-                    projectInfoOverview.onlineCourseCnt
-                  }}</span
+                      projectInfoOverview.onlineCourseCnt
+                    }}</span
                   ><span style="color: #5dc988; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">在线课程数</div>
@@ -208,8 +208,8 @@
               <div class="nubbox">
                 <div>
                   <span class="nub1" style="color: #ff90ae">{{
-                    projectInfoOverview.offLineCourseCnt
-                  }}</span
+                      projectInfoOverview.offLineCourseCnt
+                    }}</span
                   ><span style="color: #ff90ae; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">面授课程数</div>
@@ -217,8 +217,8 @@
               <div class="nubbox">
                 <div>
                   <span class="nub1" style="color: #a497ff">{{
-                    projectInfoOverview.completeRatio
-                  }}</span
+                      projectInfoOverview.completeRatio
+                    }}</span
                   ><span style="color: #a497ff; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">总完成率</div>
@@ -233,13 +233,13 @@
             </div> -->
             <div class="stagemess">
               <div
-                v-for="item in stageList"
-                :class="{
+                  v-for="item in stageList"
+                  :class="{
                   stage1: item.stageId == choosedStageId,
                   stage2: item.stageId != choosedStageId,
                 }"
-                :key="item.stageId"
-                @click="choosedStageId = item.stageId"
+                  :key="item.stageId"
+                  @click="choosedStageId = item.stageId"
               >
                 {{ item.stage }}
               </div>
@@ -253,28 +253,28 @@
             <div class="stagelast">
               <div class="stagepro">
                 <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="stageOverviewList.completeCourseRatio"
-                  :width="140"
+                    type="dashboard"
+                    gapDegree="0"
+                    :percent="stageOverviewList.completeCourseRatio"
+                    :width="140"
                 />
                 <div class="protext">课程完成率</div>
               </div>
               <div class="stagepro">
                 <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="stageOverviewList.completeExamRatio"
-                  :width="140"
+                    type="dashboard"
+                    gapDegree="0"
+                    :percent="stageOverviewList.completeExamRatio"
+                    :width="140"
                 />
                 <div class="protext">考试通过率</div>
               </div>
               <div class="stagepro" style="margin-right: 0">
                 <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="stageOverviewList.completeRatio"
-                  :width="140"
+                    type="dashboard"
+                    gapDegree="0"
+                    :percent="stageOverviewList.completeRatio"
+                    :width="140"
                 />
                 <div class="protext">作业完成率</div>
               </div>
@@ -285,8 +285,8 @@
                 <div class="proright1">
                   <span class="textpro">阶段任务总数</span>
                   <a-progress
-                    :percent="stageOverviewList.totalTaskCnt"
-                    style="width: 369px"
+                      :percent="stageOverviewList.totalTaskCnt"
+                      style="width: 369px"
                   />
                 </div>
                 <div class="pronub" style="margin-left: 206px">
@@ -295,8 +295,8 @@
                 <div class="proright1">
                   <span class="textpro">必修课</span>
                   <a-progress
-                    :percent="stageOverviewList.totalReqCnt"
-                    style="width: 369px"
+                      :percent="stageOverviewList.totalReqCnt"
+                      style="width: 369px"
                   />
                 </div>
                 <div class="pronub" style="margin-left: 142px">
@@ -305,8 +305,8 @@
                 <div class="proright1">
                   <span class="textpro">选修课</span>
                   <a-progress
-                    :percent="stageOverviewList.totalOptCnt"
-                    style="width: 369px"
+                      :percent="stageOverviewList.totalOptCnt"
+                      style="width: 369px"
                   />
                 </div>
               </div>
@@ -326,8 +326,8 @@
               <router-link to="/taskadd">
                 <button to="/taskadd" class="edit">
                   <img
-                    class="editimg"
-                    src="../../assets/images/projectadd/edit.png"
+                      class="editimg"
+                      src="../../assets/images/projectadd/edit.png"
                   />
                   <span class="editext">编辑</span>
                 </button>
@@ -347,12 +347,12 @@
               <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
                 <template #expandIcon="{ isActive }">
                   <img
-                    :style="{
+                      :style="{
                       width: isActive ? 9.1 : 8.1,
                       height: isActive ? 8.1 : 9.1,
                       'margin-right': isActive ? '12px' : '13px',
                     }"
-                    :src="
+                      :src="
                       isActive
                         ? require('../../assets/images/projectadd/open.png')
                         : require('../../assets/images/projectadd/close.png')
@@ -361,19 +361,19 @@
                   <div></div>
                 </template>
                 <a-collapse-panel
-                  v-for="(value, index) in taskSyllabus"
-                  :key="index"
-                  :header="value.name"
+                    v-for="(value, index) in taskSyllabus"
+                    :key="index"
+                    :header="value.name"
                 >
                   <div
-                    class="course"
-                    v-for="(item, key) in value.taskList"
-                    :key="key"
+                      class="course"
+                      v-for="(item, key) in value.taskList"
+                      :key="key"
                   >
                     <div class="first">
                       <div class="icon">
                         <div
-                          style="
+                            style="
                             width: 31px;
                             height: 28px;
                             display: flex;
@@ -382,7 +382,7 @@
                           "
                         >
                           <img
-                            :src="
+                              :src="
                               item.type == 1
                                 ? require('../../assets/images/leveladd/zai.png')
                                 : item.type == 2
@@ -421,7 +421,7 @@
                     </div>
                     <div class="type">
                       <div
-                        :class="item.flag == true ? 'typename1' : 'typename'"
+                          :class="item.flag == true ? 'typename1' : 'typename'"
                       >
                         <span v-if="item.flag">必修</span>
                         <span v-else>选修</span>
@@ -429,22 +429,28 @@
                     </div>
                     <div class="time">
                       <div class="timetext">开始时间</div>
-                      <div class="timetext">{{item.startTime!==null?item.startTime[0]+'-'+ item.startTime[1]+'-'+item.startTime[2]:''}}</div>
+                      <div class="timetext">
+                        {{
+                          item.startTime !== null ? item.startTime[0] + '-' + item.startTime[1] + '-' + item.startTime[2] : ''
+                        }}
+                      </div>
                     </div>
                     <div class="progress">
                       <div class="progresstext">
-                        {{ item.finishStuCnt&&item.finishStuCnt!==null?item.finishStuCnt:0  }}/{{ item.totalStuCnt&&item.totalStuCnt!==null?item.totalStuCnt:0 }}人
+                        {{
+                          item.finishStuCnt && item.finishStuCnt !== null ? item.finishStuCnt : 0
+                        }}/{{ item.totalStuCnt && item.totalStuCnt !== null ? item.totalStuCnt : 0 }}人
                       </div>
                       <div style="display: flex">
                         <a-progress
-                          :showInfo="false"
-                          :percent="item.percent"
-                          strokeColor="#FFC067"
-                          trailColor="rgba(253, 209, 98, 0.2)"
+                            :showInfo="false"
+                            :percent="item.percent"
+                            strokeColor="#FFC067"
+                            trailColor="rgba(253, 209, 98, 0.2)"
                         />
                         <span class="progresstext" style="margin-left: 10px"
-                          >{{
-                            (item.finishStuCnt&&item.finishStuCnt!==null?item.finishStuCnt:0 / item.totalStuCnt&&item.totalStuCnt!==null?item.totalStuCnt:0) * 100
+                        >{{
+                            (item.finishStuCnt && item.finishStuCnt !== null ? item.finishStuCnt : 0 / item.totalStuCnt && item.totalStuCnt !== null ? item.totalStuCnt : 0) * 100
                           }}%</span
                         >
                       </div>
@@ -475,9 +481,9 @@
                         考勤
                       </div> -->
                       <div
-                        class="operation"
-                        style="cursor: pointer"
-                        @click="showCodeModal"
+                          class="operation"
+                          style="cursor: pointer"
+                          @click="showCodeModal"
                       >
                         二维码
                       </div>
@@ -511,22 +517,22 @@
               </a-collapse>
               <!-- 无数据创建任务  v-if="taskSyllabus.length == 0"-->
               <router-link
-                to="/taskadd"
-                class="taskbox"
-                style="
+                  to="/taskadd"
+                  class="taskbox"
+                  style="
                   background: linear-gradient(180deg, #ddeaff, #f0f8fe);
                   display: block;
                 "
-                v-if="taskSyllabus.length == 0"
+                  v-if="taskSyllabus.length == 0"
               >
                 <div class="leftt">
-                  <img src="../../assets/images/taskpage/left2.png" />
+                  <img src="../../assets/images/taskpage/left2.png"/>
                 </div>
                 <div class="photo">
-                  <img src="../../assets/images/taskpage/picture8.png" />
+                  <img src="../../assets/images/taskpage/picture8.png"/>
                 </div>
                 <div class="rightt">
-                  <img src="../../assets/images/taskpage/right2.png" />
+                  <img src="../../assets/images/taskpage/right2.png"/>
                 </div>
                 <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
                   创建任务
@@ -546,7 +552,7 @@
                 <div class="group">
                   <div class="groupleft">
                     <div
-                      style="
+                        style="
                         display: flex;
                         align-items: center;
                         margin-right: 10px;
@@ -555,12 +561,12 @@
                     >
                       <div class="groupname" style="width: 42px">姓名：</div>
                       <a-input
-                        v-model:value="valuestun"
-                        placeholder="请输入姓名"
+                          v-model:value="valuestun"
+                          placeholder="请输入姓名"
                       />
                     </div>
                     <div
-                      style="
+                        style="
                         display: flex;
                         align-items: center;
                         margin-right: 10px;
@@ -569,8 +575,8 @@
                     >
                       <div class="groupname">小组名称：</div>
                       <a-input
-                        v-model:value="valuestugroup"
-                        placeholder="请输入小组名称"
+                          v-model:value="valuestugroup"
+                          placeholder="请输入小组名称"
                       />
                     </div>
                     <!-- 2022-11-30注释 后面放开 -->
@@ -625,18 +631,18 @@
                   </div>
                   <div class="groupright">
                     <div class="btn1" @click="searchStu">
-                      <img src="../../assets/images/courseManage/search0.png" />
+                      <img src="../../assets/images/courseManage/search0.png"/>
                       <span class="btn1text">搜索</span>
                     </div>
                     <div class="btn2" @click="resetCancel">
-                      <img src="../../assets/images/courseManage/reset1.png" />
+                      <img src="../../assets/images/courseManage/reset1.png"/>
                       <span class="btn2text">重置</span>
                     </div>
                   </div>
                 </div>
                 <div class="second2" style="margin-top: 20px">
                   <div class="btn1" @click="showStuAdd">
-                    <img src="../../assets/images/courseManage/add0.png" />
+                    <img src="../../assets/images/courseManage/add0.png"/>
                     <span class="btn1text">添加学员</span>
                   </div>
                   <!-- 2022-11-30注释 后面放开 -->
@@ -645,12 +651,12 @@
                     <span class="btn2text">导入学员</span>
                   </div> -->
                   <div class="btn2" @click="showAllDelete">
-                    <img src="../../assets/images/projectadd/delete.png" />
+                    <img src="../../assets/images/projectadd/delete.png"/>
                     <span class="btn2text">批量删除</span>
                   </div>
                 </div>
                 <div class="talk">
-                  <img class="im" src="../../assets/images/leveladd/gan.png" />
+                  <img class="im" src="../../assets/images/leveladd/gan.png"/>
                   <div class="xu">
                     <span class="yi">已选择</span>
                     <div style="width: 5px; display: inline-block"></div>
@@ -665,15 +671,15 @@
                 </div>
                 <div class="tab" style="margin: 20px 32px 30px 32px">
                   <a-table
-                    style="border: 1px solid #f2f6fe"
-                    :columns="studentColumns()"
-                    :data-source="tabledata"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    expandRowByClick="true"
-                    :scroll="{ x: 1400 }"
-                    @expand="expandTable"
-                    :pagination="false"
-                    :row-selection="{
+                      style="border: 1px solid #f2f6fe"
+                      :columns="studentColumns()"
+                      :data-source="tabledata"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 1400 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
                       columnWidth: 30,
                       selectedRowKeys: selectedRowKeys,
                       onChange: onSelectChange,
@@ -689,15 +695,15 @@
                   </div>
                   <div class="pa">
                     <a-pagination
-                      v-if="total > 10"
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="stupageSize"
-                      :current="currentPageStu"
-                      :total="total"
-                      class="pagination"
-                      @change="changePaginationStu"
+                        v-if="total > 10"
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="stupageSize"
+                        :current="currentPageStu"
+                        :total="total"
+                        class="pagination"
+                        @change="changePaginationStu"
                     />
                   </div>
                 </div>
@@ -707,51 +713,51 @@
                   <div class="groupleft">
                     <div class="groupname">小组名称：</div>
                     <a-input
-                      v-model:value="valuestugn"
-                      placeholder="请输入小组名称"
+                        v-model:value="valuestugn"
+                        placeholder="请输入小组名称"
                     />
                   </div>
                   <div class="groupright">
                     <div class="btn1" @click="searchGroup">
-                      <img src="../../assets/images/courseManage/search0.png" />
+                      <img src="../../assets/images/courseManage/search0.png"/>
                       <span class="btn1text">搜索</span>
                     </div>
                     <div class="btn2" @click="resetGroupName">
-                      <img src="../../assets/images/courseManage/reset1.png" />
+                      <img src="../../assets/images/courseManage/reset1.png"/>
                       <span class="btn2text">重置</span>
                     </div>
                   </div>
                 </div>
                 <div class="second2">
                   <div class="btn1" @click="showModal2">
-                    <img src="../../assets/images/courseManage/add0.png" />
+                    <img src="../../assets/images/courseManage/add0.png"/>
                     <span class="btn1text">创建小组</span>
                   </div>
                   <div class="btn2" @click="showSubset">
-                    <img src="../../assets/images/courseManage/reset2.png" />
+                    <img src="../../assets/images/courseManage/reset2.png"/>
                     <span class="btn2text">随机分组</span>
                   </div>
                 </div>
                 <!-- 小组列表 -->
                 <div class="groupmain">
                   <div
-                    class="groupbox"
-                    v-for="item in groupList"
-                    :key="item.projectGroupId"
+                      class="groupbox"
+                      v-for="item in groupList"
+                      :key="item.projectGroupId"
                   >
                     <div style="width: 90%">
                       <div class="grouptitle">
                         <div class="goodgruop">{{ item.groupName }}</div>
                         <div class="more">
                           <span
-                            style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
-                            >. . .</span
+                              style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
+                          >. . .</span
                           >
                           <div class="moreItems">
                             <div class="sammo">编辑</div>
                             <div
-                              class="sammo"
-                              @click="deleteGroupBtn(item.projectGroupId)"
+                                class="sammo"
+                                @click="deleteGroupBtn(item.projectGroupId)"
                             >
                               删除
                             </div>
@@ -761,32 +767,32 @@
                       <div class="leader">组长：{{ item.leaderName }}</div>
                       <div class="grocenter">
                         <div class="leader1">进度</div>
-                        <a-progress :percent="item.completeRatio" />
+                        <a-progress :percent="item.completeRatio"/>
                       </div>
                       <div
-                        class="grofooter"
-                        @click="showMemberList(item.projectGroupId)"
+                          class="grofooter"
+                          @click="showMemberList(item.projectGroupId)"
                       >
                         <div class="ftext">组员名单 ></div>
                         <div class="peoples">
                           <div class="people1">
                             <img
-                              src="../../assets/images/taskpage/people1.png"
+                                src="../../assets/images/taskpage/people1.png"
                             />
                           </div>
                           <div class="people2">
                             <img
-                              src="../../assets/images/taskpage/people2.png"
+                                src="../../assets/images/taskpage/people2.png"
                             />
                           </div>
                           <div class="people3">
                             <img
-                              src="../../assets/images/taskpage/people3.png"
+                                src="../../assets/images/taskpage/people3.png"
                             />
                           </div>
                           <div class="people4">
                             <img
-                              src="../../assets/images/taskpage/people4.png"
+                                src="../../assets/images/taskpage/people4.png"
                             />
                           </div>
                         </div>
@@ -802,11 +808,15 @@
           <div class="split"></div>
           <a-tabs v-model:activeKey="activeKeyNotice">
             <a-tab-pane key="11" tab="公告"
-              ><NoticePub v-model:projectId="projectId"></NoticePub
-            ></a-tab-pane>
+            >
+              <NoticePub v-model:projectId="projectId"></NoticePub
+              >
+            </a-tab-pane>
             <a-tab-pane key="12" tab="历史公告" force-render
-              ><NoticeHis v-model:projectId="projectId"></NoticeHis
-            ></a-tab-pane>
+            >
+              <NoticeHis v-model:projectId="projectId"></NoticeHis
+              >
+            </a-tab-pane>
           </a-tabs>
         </a-tab-pane>
         <!-- 2022-11-30注释 后面放开 -->
@@ -959,9 +969,9 @@
                     <div class="setc_name"><span>封面图：</span></div>
                     <div class="setc_main">
                       <img
-                        style="width: 151px; height: 84px"
-                        :src="picUrl"
-                        alt=""
+                          style="width: 151px; height: 84px"
+                          :src="picUrl"
+                          alt=""
                       />
                     </div>
                   </div>
@@ -969,7 +979,7 @@
                     <div class="setc_name"><span>项目时间：</span></div>
                     <div class="setc_main">
                       <span style="color: #999999"
-                        >{{ startTime }} ～ {{ endTime }}</span
+                      >{{ startTime }} ～ {{ endTime }}</span
                       >
                     </div>
                   </div>
@@ -994,30 +1004,31 @@
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedSty"
-                        ><span style="color: #333333"
-                          >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-                        ></a-radio
+                      <a-radio v-model:checked="checkedSty" :disabled="true"
+                      ><span style="color: #333333"
+                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                      ></a-radio
                       >
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>项目级别：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{ level }}</span>
+                      <span style="color: #999999"><ProjectLevel v-model:value="level" :disabled="true"></ProjectLevel></span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{ systemId }}</span>
+                      <span style="color: #999999"><TrainClass v-model:value="systemId"
+                                                               :disabled="true"></TrainClass></span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>是否BOEU实施：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedBOEU"
-                        ><span style="color: #333333">BOEU实施</span></a-radio
+                      <a-radio v-model:checked="checkedBOEU" :disabled="true"
+                      ><span style="color: #333333">BOEU实施</span></a-radio
                       >
                     </div>
                   </div>
@@ -1038,21 +1049,21 @@
                     </div>
                     <div class="btnbox" style="margin: 20px">
                       <a-upload
-                      v-if="(docChecked==true)"
-                        v-model:file-list="fileList"
-                        name="file"
-                        action="/manageApi/file/upload"
-                        @change="handleChange"
+                          v-if="(docChecked==true)"
+                          v-model:file-list="fileList"
+                          name="file"
+                          action="/manageApi/file/upload"
+                          @change="handleChange"
                       >
                         <span
-                          class="xkbtn"
-                          style="cursor: pointer; font-size: 17px"
-                          >上传</span
+                            class="xkbtn"
+                            style="cursor: pointer; font-size: 17px"
+                        >上传</span
                         >
                         <img
-                          src="@/assets/images/basicinfo/cloud.png"
-                          style="cursor: pointer; width: 34px; height: 34px"
-                          alt=""
+                            src="@/assets/images/basicinfo/cloud.png"
+                            style="cursor: pointer; width: 34px; height: 34px"
+                            alt=""
                         />
                       </a-upload>
                       <div v-if="(docChecked==true)" class="btnbox" style="margin: 20px">
@@ -1061,27 +1072,27 @@
                         </span>
                       </div>
                       <div
-                        v-for="item in fileList"
-                        :key="item.uid"
-                        class="docListStyle"
+                          v-for="item in fileList"
+                          :key="item.uid"
+                          class="docListStyle"
                       >
                         <img
-                          src="@/assets/images/basicinfo/download.png"
-                          style="
+                            src="@/assets/images/basicinfo/download.png"
+                            style="
                             cursor: pointer;
                             width: 40px;
                             height: 40px;
                             margin-right: 40px;
                           "
-                          alt=""
+                            alt=""
                         />
                         <span style="font: oblique bold 16px Sans-serif">{{
-                          item.name
-                        }}</span>
+                            item.name
+                          }}</span>
                         <span
-                          style="color: #4ea6ff; float: right; cursor: pointer"
-                          @click="deFile(item.uid)"
-                          >删除</span
+                            style="color: #4ea6ff; float: right; cursor: pointer"
+                            @click="deFile(item.uid)"
+                        >删除</span
                         >
                       </div>
                     </div>
@@ -1095,88 +1106,88 @@
     </div>
     <!-- 时间管理抽屉 -->
     <time-manage
-      v-model:Tvisible="visible"
-      :projectTaskId="projectTaskId"
-      :title="showTimeText"
-      :itemsType="itemstype"
+        v-model:Tvisible="visible"
+        :projectTaskId="projectTaskId"
+        :title="showTimeText"
+        :itemsType="itemstype"
     />
     <!-- 面授管理抽屉 -->
     <face-manage
-      v-model:Fvisible="FaceVisivle"
-      :projectTaskId="projectTaskId"
-      :title="showFaceText"
+        v-model:Fvisible="FaceVisivle"
+        :projectTaskId="projectTaskId"
+        :title="showFaceText"
     />
     <!-- 学员（小组管理）创建小组抽屉 -->
-    <subset-manage v-model:Svisible="subsetVisivle" />
+    <subset-manage v-model:Svisible="subsetVisivle"/>
     <!-- 学员管理-添加学员抽屉 -->
     <!-- <stu-add v-model:Stuvisible="Stuvisible" /> -->
     <!-- 添加学员抽屉 -->
     <proj-check-ship
-      v-model:ProjCheckvisible="Stuvisible"
-      :selectProjectId="projectId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="addstudent"
+        v-model:ProjCheckvisible="Stuvisible"
+        :selectProjectId="projectId"
+        v-model:addAuthList="addAuthList"
+        :authClassify="authClassify"
+        classify="addstudent"
     />
     <!-- 学员管理-导入学员抽屉 -->
-    <import-stu v-model:Importvisible="Importvisible" />
+    <import-stu v-model:Importvisible="Importvisible"/>
     <!-- 查看学员 传入查看学员的id-->
     <see-stu
-      v-model:Seevisible="Seevisible"
-      v-model:checkStuId="checkStuId"
-      v-model:projectId="projectId"
+        v-model:Seevisible="Seevisible"
+        v-model:checkStuId="checkStuId"
+        v-model:projectId="projectId"
     />
     <!-- 学员换组 -->
     <change-group
-      v-model:Changevisible="Changevisible"
-      v-model:projectId="projectId"
-      v-model:ChangeGroupStuId="ChangeGroupStuId"
-      v-model:ChangeGroupStuName="ChangeGroupStuName"
-      v-model:ChangeGroupId="ChangeGroupId"
-      @changeD="changeGrouped"
+        v-model:Changevisible="Changevisible"
+        v-model:projectId="projectId"
+        v-model:ChangeGroupStuId="ChangeGroupStuId"
+        v-model:ChangeGroupStuName="ChangeGroupStuName"
+        v-model:ChangeGroupId="ChangeGroupId"
+        @changeD="changeGrouped"
     />
     <!-- 组员名单抽屉 -->
     <member-list
-      v-model:Lvisible="Lvisible"
-      v-model:chooseGroupId="chooseGroupId"
-      v-model:projectId="projectId"
+        v-model:Lvisible="Lvisible"
+        v-model:chooseGroupId="chooseGroupId"
+        v-model:projectId="projectId"
     />
     <!-- 面授学员抽屉 -->
-    <face-stu v-model:FSvisible="FSvisible" />
+    <face-stu v-model:FSvisible="FSvisible"/>
     <!-- 活动考勤抽屉 -->
-    <active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
+    <active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText"/>
     <!-- 作业管理抽屉 -->
     <work-manage
-      v-model:Wvisible="Wvisible"
-      :projectTaskId="projectTaskId"
-      :title="showWorkText"
+        v-model:Wvisible="Wvisible"
+        :projectTaskId="projectTaskId"
+        :title="showWorkText"
     />
     <!-- 考试管理抽屉 -->
     <test-manage
-      v-model:TMvisible="TMvisible"
-      :title="showTestText"
-      :projectTaskId="projectTaskId"
-      :itemsType="itemstype"
+        v-model:TMvisible="TMvisible"
+        :title="showTestText"
+        :projectTaskId="projectTaskId"
+        :itemsType="itemstype"
     />
     <!-- 批量面授报名 -->
-    <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
+    <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible"/>
 
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
       <a-modal
-        v-model:visible="pubproject"
-        :title="null"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        :centered="true"
-        wrapClassName="pubproject"
-        width="679px"
-        height="437px"
+          v-model:visible="pubproject"
+          :title="null"
+          @ok="closeModal"
+          :footer="null"
+          :closable="false"
+          :centered="true"
+          wrapClassName="pubproject"
+          width="679px"
+          height="437px"
       >
         <div
-          class="modalHeader"
-          style="
+            class="modalHeader"
+            style="
             width: 100%;
             height: 68px;
             display: flex;
@@ -1186,18 +1197,18 @@
         >
           <div class="headerLeft" style="margin-left: 32px">
             <span style="width: 15px; height: 15px"
-              ><img src="../../assets/images/taskpage/pub.png"
+            ><img src="../../assets/images/taskpage/pub.png"
             /></span>
             <span
-              class="headerLeftText"
-              style="font-size: 16px; margin-left: 10px"
-              >项目发布</span
+                class="headerLeftText"
+                style="font-size: 16px; margin-left: 10px"
+            >项目发布</span
             >
           </div>
           <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
             <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
             />
           </div>
         </div>
@@ -1218,15 +1229,15 @@
             </div>
           </div>
           <div class="send">
-            <a-switch v-model:checked="checked" size="small" />
+            <a-switch v-model:checked="checked" size="small"/>
             <span class="sendtext">发送项目通知</span>
           </div>
           <div class="ckb">
             <a-checkbox v-model:checked="checked1"
-              ><span class="sendpeo">发给老师</span></a-checkbox
+            ><span class="sendpeo">发给老师</span></a-checkbox
             >
             <a-checkbox v-model:checked="checked2"
-              ><span class="sendpeo">发给学员</span></a-checkbox
+            ><span class="sendpeo">发给学员</span></a-checkbox
             >
           </div>
           <div class="pubtn">
@@ -1240,19 +1251,19 @@
     <!-- 学员-创建小组弹窗 -->
     <div>
       <a-modal
-        v-model:visible="stugroup"
-        :title="null"
-        @ok="closeModal2"
-        :footer="null"
-        :closable="false"
-        :centered="true"
-        wrapClassName="doublepro"
-        width="624px"
-        height="332px"
+          v-model:visible="stugroup"
+          :title="null"
+          @ok="closeModal2"
+          :footer="null"
+          :closable="false"
+          :centered="true"
+          wrapClassName="doublepro"
+          width="624px"
+          height="332px"
       >
         <div
-          class="modalHeader"
-          style="
+            class="modalHeader"
+            style="
             width: 100%;
             height: 68px;
             display: flex;
@@ -1265,8 +1276,8 @@
           </div>
           <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
             <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
             />
           </div>
         </div>
@@ -1274,32 +1285,32 @@
           <div class="name">
             <div class="star" style="margin-top: -4px">
               <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
+                  style="width: 10px; height: 10px"
+                  src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
             <div class="inname">小组名称:</div>
             <div class="in">
               <a-input
-                v-model:value="valueaddg"
-                placeholder="请输入小组名称"
-                style="border-radius: 8px; height: 40px"
+                  v-model:value="valueaddg"
+                  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; margin-left: 15px"
-                src="../../assets/images/basicinfo/asterisk.png"
+                  style="width: 10px; height: 10px; margin-left: 15px"
+                  src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
             <div class="inname">小组长:</div>
             <div class="in">
               <a-input
-                v-model:value="valueaddm"
-                placeholder="请输入小组长"
-                style="border-radius: 8px; height: 40px"
+                  v-model:value="valueaddm"
+                  placeholder="请输入小组长"
+                  style="border-radius: 8px; height: 40px"
               />
             </div>
           </div>
@@ -1314,12 +1325,12 @@
     <!-- 取消学员弹窗 -->
     <div>
       <a-modal
-        v-model:visible="canclestu"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu"
-        centered="true"
-        @cancel="closeModal1"
+          v-model:visible="canclestu"
+          :footer="null"
+          :closable="close"
+          wrapClassName="canclestu"
+          centered="true"
+          @cancel="closeModal1"
       >
         <div class="delete">
           <div class="del_header"></div>
@@ -1347,11 +1358,11 @@
     <!-- 优秀学员弹窗 -->
     <div>
       <a-modal
-        v-model:visible="canclestu1"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu1"
-        centered="true"
+          v-model:visible="canclestu1"
+          :footer="null"
+          :closable="close"
+          wrapClassName="canclestu1"
+          centered="true"
       >
         <div class="delete">
           <div class="del_header"></div>
@@ -1379,11 +1390,11 @@
     <!-- 删除学员弹窗 -->
     <div>
       <a-modal
-        v-model:visible="deleteOneStu"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu1"
-        centered="true"
+          v-model:visible="deleteOneStu"
+          :footer="null"
+          :closable="close"
+          wrapClassName="canclestu1"
+          centered="true"
       >
         <div class="delete">
           <div class="del_header"></div>
@@ -1412,12 +1423,12 @@
     <!-- 删除弹窗 -->
     <div>
       <a-modal
-        v-model:visible="delete_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="DelModal"
-        style="margin-top: 400px"
-        @cancel="delete_exit"
+          v-model:visible="delete_hs"
+          :footer="null"
+          :closable="closableQR"
+          wrapClassName="DelModal"
+          style="margin-top: 400px"
+          @cancel="delete_exit"
       >
         <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
           <div class="del_header"></div>
@@ -1447,11 +1458,11 @@
     <!-- 批量删除弹窗 -->
     <div>
       <a-modal
-        v-model:visible="allDelete"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu1"
-        centered="true"
+          v-model:visible="allDelete"
+          :footer="null"
+          :closable="close"
+          wrapClassName="canclestu1"
+          centered="true"
       >
         <div class="delete">
           <div class="del_header"></div>
@@ -1476,30 +1487,30 @@
       </a-modal>
     </div>
     <!-- 编辑项目弹窗 -->
-    <proj-set v-model:editHs="editHs" v-model:projectId="projectId" />
+    <proj-set v-model:editHs="editHs" v-model:projectId="projectId"/>
 
     <!-- 二维码弹窗 -->
     <two-dimensional-code
-      v-model:codevisible="codevisible"
-      :codeInfo="codeInfo"
-      index="0"
-      type="课程二维码"
+        v-model:codevisible="codevisible"
+        :codeInfo="codeInfo"
+        index="0"
+        type="课程二维码"
     />
     <!-- 二维码弹窗 -->
 
     <!-- 发布弹窗 -->
     <a-modal
-      v-model:visible="projectPub"
-      :title="null"
-      :footer="null"
-      :closable="false"
-      wrapClassName="projectPub"
-      width="679px"
-      height="437px"
+        v-model:visible="projectPub"
+        :title="null"
+        :footer="null"
+        :closable="false"
+        wrapClassName="projectPub"
+        width="679px"
+        height="437px"
     >
       <div
-        class="modalHeader"
-        style="
+          class="modalHeader"
+          style="
           width: 100%;
           height: 68px;
           display: flex;
@@ -1509,21 +1520,21 @@
       >
         <div class="headerLeft" style="margin-left: 32px">
           <span style="width: 15px; height: 15px"
-            ><img src="../../assets/images/taskpage/pub.png"
+          ><img src="../../assets/images/taskpage/pub.png"
           /></span>
           <span
-            class="headerLeftText"
-            style="font-size: 16px; margin-left: 10px"
-            >项目发布</span
+              class="headerLeftText"
+              style="font-size: 16px; margin-left: 10px"
+          >项目发布</span
           >
         </div>
         <div
-          style="cursor: pointer; margin-right: 32px"
-          @click="closeProjectPub"
+            style="cursor: pointer; margin-right: 32px"
+            @click="closeProjectPub"
         >
           <img
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -1564,11 +1575,11 @@
 
     <!-- 撤回弹窗 -->
     <a-modal
-      v-model:visible="backModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="backModal"
+        :footer="null"
+        :closable="closeBack"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1596,11 +1607,11 @@
 
     <!-- 结束项目弹窗 -->
     <a-modal
-      v-model:visible="stopModal"
-      :footer="null"
-      :closable="closeStop"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="stopModal"
+        :footer="null"
+        :closable="closeStop"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1630,11 +1641,11 @@
 
     <!-- 存为模版弹窗 -->
     <a-modal
-      v-model:visible="startModal"
-      :footer="null"
-      :closable="closeStart"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="startModal"
+        :footer="null"
+        :closable="closeStart"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1661,9 +1672,9 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, onMounted, watch, computed } from "vue";
-import { useRoute } from "vue-router";
-import { useRouter } from "vue-router";
+import {reactive, toRefs, onMounted, watch, computed} from "vue";
+import {useRoute} from "vue-router";
+import {useRouter} from "vue-router";
 // import { CaretRightOutlined } from "@ant-design/icons-vue";
 import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
@@ -1682,7 +1693,7 @@ import NoticePub from "../../components/drawers/NoticePub";
 import NoticeHis from "../../components/drawers/NoticeHis";
 // import ProjectScore from "../../components/drawers/ProjectScore";
 import TaskImpStu from "../../components/drawers/TaskFaceIn";
-import { storage } from "../../api/storage";
+import {storage} from "../../api/storage";
 import * as api from "../../api/index1";
 import * as apiproj from "../../api/index";
 import {
@@ -1693,18 +1704,23 @@ import {
   editGroup,
   topStudent,
 } from "../../api/indexProjStu";
-import { message } from "ant-design-vue";
+import {message} from "ant-design-vue";
 import * as apitl from "../../api/index";
-import { getTask } from "../../api/indexTaskadd";
-import { editProj } from "../../api/indexTaskadd";
-import { toDate } from "../../api/method";
+import {getTask} from "../../api/indexTaskadd";
+import {editProj} from "../../api/indexTaskadd";
+import {toDate} from "../../api/method";
 import projSet from "../../components/Modals/projSet";
-import { overview } from "../../api/indexProjStu";
+import {overview} from "../../api/indexProjStu";
 import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
-import { useStore } from "vuex";
+import {useStore} from "vuex";
+import ProjectLevel from "@/components/project/ProjectLevel";
+import TrainClass from "@/components/project/TrainClass";
+
 export default {
   name: "taskPage",
   components: {
+    ProjectLevel,
+    TrainClass,
     TimeManage,
     FaceManage,
     SubsetManage,
@@ -1729,8 +1745,8 @@ export default {
     const store = useStore();
     const state = reactive({
       projectId: storage.get("projectId")
-        ? JSON.parse(storage.get("projectId"))
-        : null,
+          ? JSON.parse(storage.get("projectId"))
+          : null,
       isbj: storage.get("isbj") ? JSON.parse(storage.get("isbj")) : null,
       // pN: storage.get("pN") ? JSON.parse(storage.get("pN")) : null,
       pN: storage.get("pN"),
@@ -1795,23 +1811,23 @@ export default {
       projectTaskId: "", //项目任务任务id
       //进度排行学员
       rankjindu: [
-        { value: "学员", label: "学员" },
-        { value: "小组", label: "小组" },
+        {value: "学员", label: "学员"},
+        {value: "小组", label: "小组"},
       ],
       valuestu1: "学员",
       //进度排行阶段
-      rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
+      rankjieduan: [{value: "第一阶段", label: "第一阶段"}],
       valuestu2: "第一阶段",
       //积分排行
       rankxuefen: [
-        { value: "学员", label: "学员" },
-        { value: "小组", label: "小组" },
+        {value: "学员", label: "学员"},
+        {value: "小组", label: "小组"},
       ],
       valuestu3: "学员",
       //学时排行
       rankxueshi: [
-        { value: "学员", label: "学员" },
-        { value: "小组", label: "小组" },
+        {value: "学员", label: "学员"},
+        {value: "小组", label: "小组"},
       ],
       valuestu4: "学员",
       visible: false, //时间管理
@@ -1952,24 +1968,24 @@ export default {
           customRender: (text) => {
             if (text.record.rank == "1") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/one.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/one.png")}
+                  />
               );
             } else if (text.record.rank == "2") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/two.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/two.png")}
+                  />
               );
             } else if (text.record.rank == "3") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/three.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/three.png")}
+                  />
               );
             } else {
               return <div>{text.record.rank}</div>;
@@ -2059,24 +2075,24 @@ export default {
           customRender: (text) => {
             if (text.record.rank == "1") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/one.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/one.png")}
+                  />
               );
             } else if (text.record.rank == "2") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/two.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/two.png")}
+                  />
               );
             } else if (text.record.rank == "3") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/three.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/three.png")}
+                  />
               );
             } else {
               return <div>{text.record.rank}</div>;
@@ -2166,24 +2182,24 @@ export default {
           customRender: (text) => {
             if (text.record.rank == "1") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/one.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/one.png")}
+                  />
               );
             } else if (text.record.rank == "2") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/two.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/two.png")}
+                  />
               );
             } else if (text.record.rank == "3") {
               return (
-                <img
-                  style={{ width: 24, height: 24 }}
-                  src={require("../../assets/images/taskpage/three.png")}
-                />
+                  <img
+                      style={{width: 24, height: 24}}
+                      src={require("../../assets/images/taskpage/three.png")}
+                  />
               );
             } else {
               return <div>{text.record.rank}</div>;
@@ -2391,35 +2407,35 @@ export default {
         projectId: storage.get("projectId"),
       };
       apitl
-        .getProjectDetail(objtl)
-        .then((res) => {
-          if (res.status == 200) {
-            console.log("阶段列表", res.data.data.stageList);
-            for (let i = 0; i < res.data.data.stageList.length; i++) {
-              for (
-                let k = 0;
-                k < res.data.data.stageList[i].taskList.length;
-                k++
-              ) {
-                if (res.data.data.stageList[i].taskList[k].name == "面授") {
-                  state.morFaceT = true;
-                  break;
+          .getProjectDetail(objtl)
+          .then((res) => {
+            if (res.status == 200) {
+              console.log("阶段列表", res.data.data.stageList);
+              for (let i = 0; i < res.data.data.stageList.length; i++) {
+                for (
+                    let k = 0;
+                    k < res.data.data.stageList[i].taskList.length;
+                    k++
+                ) {
+                  if (res.data.data.stageList[i].taskList[k].name == "面授") {
+                    state.morFaceT = true;
+                    break;
+                  }
                 }
               }
-            }
 
-            //暂时传个固定的id用 到时候看数据里面是否有在更换
-            // state.projectTaskId = res.data.data.stageList[0].taskList[0].projectTaskId
-            let leng = res.data.data.stageList.length;
-            if (leng > 0) {
-              let taskarr = res.data.data.stageList;
-              state.taskSyllabus = taskarr;
+              //暂时传个固定的id用 到时候看数据里面是否有在更换
+              // state.projectTaskId = res.data.data.stageList[0].taskList[0].projectTaskId
+              let leng = res.data.data.stageList.length;
+              if (leng > 0) {
+                let taskarr = res.data.data.stageList;
+                state.taskSyllabus = taskarr;
+              }
             }
-          }
-        })
-        .catch((err) => {
-          console.log("获取任务列表失败", err);
-        });
+          })
+          .catch((err) => {
+            console.log("获取任务列表失败", err);
+          });
     };
 
     //学员学员管理渲染
@@ -2519,16 +2535,16 @@ export default {
         topFlag: 1,
       };
       topStudent(obj)
-        .then((res) => {
-          console.log(`优秀学员授予成功${res.data}`);
-          message.success("优秀学员称号授予成功");
+          .then((res) => {
+            console.log(`优秀学员授予成功${res.data}`);
+            message.success("优秀学员称号授予成功");
 
-          getStu();
-        })
-        .catch((err) => {
-          console.log(`优秀学员授予成功${err}`);
-          message.warning("优秀学员称号授予失败");
-        });
+            getStu();
+          })
+          .catch((err) => {
+            console.log(`优秀学员授予成功${err}`);
+            message.warning("优秀学员称号授予失败");
+          });
       state.changeGoods = [];
       state.canclestu = false;
     };
@@ -2548,16 +2564,16 @@ export default {
         topFlag: 0,
       };
       topStudent(obj)
-        .then((res) => {
-          console.log(`取消优秀学员称号成功${res}`);
-          message.success("优秀学员称号取消成功");
+          .then((res) => {
+            console.log(`取消优秀学员称号成功${res}`);
+            message.success("优秀学员称号取消成功");
 
-          getStu();
-        })
-        .catch((err) => {
-          console.log(`取消优秀学员称号失败${err}`);
-          message.warning("优秀学员称号取消失败");
-        });
+            getStu();
+          })
+          .catch((err) => {
+            console.log(`取消优秀学员称号失败${err}`);
+            message.warning("优秀学员称号取消失败");
+          });
       state.changeGoods = [];
       state.canclestu1 = false;
     };
@@ -2794,29 +2810,29 @@ export default {
           customRender: (text) => {
             console.log(text.excellent);
             return (
-              <div>
-                {text.record.excellent ? (
-                  <div
-                    style={{
-                      display: "flex",
-                      alignItems: "center",
-                    }}
-                  >
-                    <span class="stydentName">{text.value}</span>
-                    <div class="studentExcellent">
-                      <img
-                        class="studentExcellentImg"
-                        src={require("../../assets/images/taskpage/excellent.png")}
-                      />
-                      <span class="studentExcellentT">优秀</span>
-                    </div>
-                  </div>
-                ) : (
-                  <div>
-                    <span>{text.value}</span>
-                  </div>
-                )}
-              </div>
+                <div>
+                  {text.record.excellent ? (
+                      <div
+                          style={{
+                            display: "flex",
+                            alignItems: "center",
+                          }}
+                      >
+                        <span class="stydentName">{text.value}</span>
+                        <div class="studentExcellent">
+                          <img
+                              class="studentExcellentImg"
+                              src={require("../../assets/images/taskpage/excellent.png")}
+                          />
+                          <span class="studentExcellentT">优秀</span>
+                        </div>
+                      </div>
+                  ) : (
+                      <div>
+                        <span>{text.value}</span>
+                      </div>
+                  )}
+                </div>
             );
           },
         },
@@ -2887,80 +2903,80 @@ export default {
           // width: 60,
           align: "center",
           className: "h",
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          scopedSlots: {customRender: "action"}, //引入的插槽
           customRender: (text) => {
             // console.log(text);
             return (
-              <div
-                style={{
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                }}
-              >
                 <div
-                  class="studentopea1"
-                  onClick={() => {
-                    if (text.record.excellent === false) {
-                      state.canclestu = true;
-                      console.log("youxiu", text.record.studentId);
-                      state.changeGoods.push(text.record.studentId);
-                    } else if (text.record.excellent === true) {
-                      state.canclestu1 = true;
-                      console.log("youxiu", text.record.studentId);
-                      state.changeGoods.push(text.record.studentId);
-                    }
-                  }}
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                    }}
                 >
-                  {text.record.excellent ? "取消优秀" : "优秀学员"}
-                </div>
+                  <div
+                      class="studentopea1"
+                      onClick={() => {
+                        if (text.record.excellent === false) {
+                          state.canclestu = true;
+                          console.log("youxiu", text.record.studentId);
+                          state.changeGoods.push(text.record.studentId);
+                        } else if (text.record.excellent === true) {
+                          state.canclestu1 = true;
+                          console.log("youxiu", text.record.studentId);
+                          state.changeGoods.push(text.record.studentId);
+                        }
+                      }}
+                  >
+                    {text.record.excellent ? "取消优秀" : "优秀学员"}
+                  </div>
 
-                {/**
-            2022-11-30注释 后面放开
-             <div
-                  class="studentopea2"
-                  onClick={() => {
+                  {/**
+                   2022-11-30注释 后面放开
+                   <div
+                   class="studentopea2"
+                   onClick={() => {
                     state.Seevisible = true;
                     console.log(text.record.studentId, "点击了查看");
                     state.checkStuId = text.record.studentId;
                   }}
-                >
-                  查看
+                   >
+                   查看
+                   </div>
+                   */}
+                  <div class="studentSelect">
+                    <a-select
+                        style="width: 50px"
+                        value="更多"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option value="换组" label="换组">
+                        <div
+                            onClick={() => {
+                              state.Changevisible = true;
+                              console.log(text, "xixixixix");
+                              state.ChangeGroupStuId = text.record.studentId;
+                              state.ChangeGroupStuName = text.record.name;
+                              state.ChangeGroupId = text.record.groupId;
+                            }}
+                        >
+                          换组
+                        </div>
+                      </a-select-option>
+                      <a-select-option value="删除" label="删除">
+                        <div
+                            onClick={() => {
+                              // console.log("点击了111", text);
+                              showDeleteOne(text.record.studentId);
+                            }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
                 </div>
-            */}
-                <div class="studentSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="换组" label="换组">
-                      <div
-                        onClick={() => {
-                          state.Changevisible = true;
-                          console.log(text, "xixixixix");
-                          state.ChangeGroupStuId = text.record.studentId;
-                          state.ChangeGroupStuName = text.record.name;
-                          state.ChangeGroupId = text.record.groupId;
-                        }}
-                      >
-                        换组
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          // console.log("点击了111", text);
-                          showDeleteOne(text.record.studentId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-              </div>
             );
           },
         },
@@ -3007,13 +3023,13 @@ export default {
         type: type,
       };
       api
-        .billboard(obj)
-        .then((res) => {
-          console.log("获取成功", res);
-        })
-        .catch((err) => {
-          console.log("获取失败", err);
-        });
+          .billboard(obj)
+          .then((res) => {
+            console.log("获取成功", res);
+          })
+          .catch((err) => {
+            console.log("获取失败", err);
+          });
     };
 
     //搜索
@@ -3053,15 +3069,15 @@ export default {
         projectId: state.projectId,
         studentIds: state.chooseDeleteOne,
       })
-        .then((res) => {
-          console.log(res, "单个删除成功");
-          message.success("删除成功");
-          getStu();
-        })
-        .catch((err) => {
-          console.log(err, "单个删除失败");
-          message.warning("删除失败");
-        });
+          .then((res) => {
+            console.log(res, "单个删除成功");
+            message.success("删除成功");
+            getStu();
+          })
+          .catch((err) => {
+            console.log(err, "单个删除失败");
+            message.warning("删除失败");
+          });
       state.chooseDeleteOne = [];
     };
     //批量删除学员弹窗
@@ -3083,16 +3099,16 @@ export default {
         projectId: state.projectId,
         studentIds: state.selectedRows,
       })
-        .then((res) => {
-          console.log(res, "删除成功");
-          message.success("删除成功");
-          state.selectedRows = [];
-          getStu();
-        })
-        .catch((err) => {
-          console.log(err, "删除失败");
-          message.warning("删除失败");
-        });
+          .then((res) => {
+            console.log(res, "删除成功");
+            message.success("删除成功");
+            state.selectedRows = [];
+            getStu();
+          })
+          .catch((err) => {
+            console.log(err, "删除失败");
+            message.warning("删除失败");
+          });
       state.allDelete = false;
     };
     const handleChangeGood = (value) => {
@@ -3121,15 +3137,15 @@ export default {
           excellent: value.topFlag == 1 ? true : false, //是否优秀学员
           progress: value.completeStageCnt + "/" + value.totalStageCnt,
           putin:
-            value.source == 0
-              ? "报名加入"
-              : value.source == 1
-              ? "指定添加"
-              : value.source == 2
-              ? "组织添加"
-              : value.source == 3
-              ? "受众添加"
-              : "-", //加入方式
+              value.source == 0
+                  ? "报名加入"
+                  : value.source == 1
+                      ? "指定添加"
+                      : value.source == 2
+                          ? "组织添加"
+                          : value.source == 3
+                              ? "受众添加"
+                              : "-", //加入方式
           stutime: toDate(value.beginStudyTime, "Y-M-D"), //开始学习时间
         };
         array.push(obj);
@@ -3167,13 +3183,13 @@ export default {
         pageSize: 10,
         projectId: state.projectId,
         topFlag:
-          state.valuegood == "优秀学员"
-            ? 1
-            : state.valuegood == "普通学员"
-            ? 0
-            : state.valuegood == "全部"
-            ? ""
-            : "",
+            state.valuegood == "优秀学员"
+                ? 1
+                : state.valuegood == "普通学员"
+                    ? 0
+                    : state.valuegood == "全部"
+                        ? ""
+                        : "",
       };
       //重新获取列表
       getStu(obj);
@@ -3209,9 +3225,9 @@ export default {
     //学员重置
     const resetCancel = () => {
       (state.valuestun = null),
-        (state.valuestugroup = null),
-        (state.valuestub = null),
-        (state.valuegood = null);
+          (state.valuestugroup = null),
+          (state.valuestub = null),
+          (state.valuegood = null);
       getStu();
     };
     //获取学员列表
@@ -3227,21 +3243,21 @@ export default {
         topFlag: "",
       };
       getProjStu(objf)
-        .then((res) => {
-          console.log("获取学员列表", res.data);
-          if (res.data.code === 200) {
-            let leng = res.data.data.rows.length;
-            state.total = res.data.data.total;
-            if (leng > 0) {
-              let arr = res.data.data.rows;
-              getTableDataList(arr);
-              // studentData();
+          .then((res) => {
+            console.log("获取学员列表", res.data);
+            if (res.data.code === 200) {
+              let leng = res.data.data.rows.length;
+              state.total = res.data.data.total;
+              if (leng > 0) {
+                let arr = res.data.data.rows;
+                getTableDataList(arr);
+                // studentData();
+              }
             }
-          }
-        })
-        .catch((err) => {
-          console.log("获取学员列表失败", err);
-        });
+          })
+          .catch((err) => {
+            console.log("获取学员列表失败", err);
+          });
     };
     //获取项目信息
     const getTaskInfo = () => {
@@ -3256,34 +3272,16 @@ export default {
         let end = info.endTime
         state.tstartTime = info.beginTime;
         state.tendTime = info.endTime;
-        state.tsourceBelong = info.sourceBelongId;
+        state.tsourceBelong = info.sourceBelongName;
         state.parentId = info.parentId;
         state.name = info.name;
         state.startTime = start;
         state.endTime = end;
         state.manager = info.manager;
         state.remark = info.remark;
-        state.level =
-          info.level == 1
-            ? "集团级"
-            : info.level == 2
-            ? "组织级"
-            : info.level == 3
-            ? "现地级"
-            : info.level == 4
-            ? "部门级"
-            : "-";
+        state.level = info.level;
         state.tlevel = info.level;
-        state.systemId =
-          info.systemId == 1
-            ? "集团级"
-            : info.systemId == 2
-            ? "组织级"
-            : info.systemId == 3
-            ? "现地级"
-            : info.systemId == 4
-            ? "部门级"
-            : "-";
+        state.systemId = info.systemId;
         state.tsystemId = info.systemId;
         state.checkedSty = info.courseSyncFlag == 1 ? true : false;
         state.courseSyncFlag = info.courseSyncFlag;
@@ -3298,14 +3296,7 @@ export default {
         state.noticeFlag = info.noticeFlag;
         // state.attach = info.attach;
         // state.templateId = info.templateId;
-        state.sourceBelong =
-          info.sourceBelongId == 1
-            ? "项目一"
-            : info.sourceBelongId == 2
-            ? "项目二"
-            : info.sourceBelongId == 3
-            ? "项目三"
-            : "-";
+        state.sourceBelong = info.sourceBelongName;
         // state.fileList=info.attach.split(",")
         let d = info.attach.indexOf(",");
         // console.log(info.attach, "xgo", info.attach.length);
@@ -3335,17 +3326,17 @@ export default {
         projectId: state.projectId,
       };
       getGroupList(objf)
-        .then((res) => {
-          console.log(res.data.data.rows, "获取小组列表成功");
-          let leng = res.data.data.rows.length;
-          if (leng > 0) {
-            let arr = res.data.data.rows;
-            setGroupList(arr);
-          }
-        })
-        .catch((err) => {
-          console.log(err, "获取列表失败");
-        });
+          .then((res) => {
+            console.log(res.data.data.rows, "获取小组列表成功");
+            let leng = res.data.data.rows.length;
+            if (leng > 0) {
+              let arr = res.data.data.rows;
+              setGroupList(arr);
+            }
+          })
+          .catch((err) => {
+            console.log(err, "获取列表失败");
+          });
     };
     //删除小组
     const deleteGroupBtn = (projectGroupId) => {
@@ -3367,15 +3358,15 @@ export default {
         projectId: state.projectId,
       };
       editGroup(obj)
-        .then((res) => {
-          console.log("小组创建成功", res);
-          message.success("小组创建成功");
-          getGroup();
-        })
-        .catch((err) => {
-          console.log("小组创建失败", err);
-          message.warning("小组创建失败");
-        });
+          .then((res) => {
+            console.log("小组创建成功", res);
+            message.success("小组创建成功");
+            getGroup();
+          })
+          .catch((err) => {
+            console.log("小组创建失败", err);
+            message.warning("小组创建失败");
+          });
     };
     //搜索小组重置
     const resetGroupName = () => {
@@ -3406,31 +3397,31 @@ export default {
     //start---------项目概览
     // 获取项目概览
     const getOverview = () => {
-      overview({ projectId: state.projectId })
-        .then((res) => {
-          Object.keys(res.data.data.projectInfoOverview).forEach((item) => {
-            levelList.projectInfoOverview[item] =
-              res.data.data.projectInfoOverview[item] || 0;
+      overview({projectId: state.projectId})
+          .then((res) => {
+            Object.keys(res.data.data.projectInfoOverview).forEach((item) => {
+              levelList.projectInfoOverview[item] =
+                  res.data.data.projectInfoOverview[item] || 0;
+            });
+            Object.keys(res.data.data.stageOverviewList).forEach((item) => {
+              levelList.stageOverviewList[item] =
+                  res.data.data.stageOverviewList[item] || 0;
+            });
+            // res.data.data.routerInfoOverview.forEach((r) => {
+            //   console.log(r)
+            // })
+            // state.addLoading = false;
+            console.log("项目概览--" + res);
+          })
+          .catch((err) => {
+            // state.addLoading = false;
+            // message.error("概览获取失败");
+            console.log("获取失败" + err);
           });
-          Object.keys(res.data.data.stageOverviewList).forEach((item) => {
-            levelList.stageOverviewList[item] =
-              res.data.data.stageOverviewList[item] || 0;
-          });
-          // res.data.data.routerInfoOverview.forEach((r) => {
-          //   console.log(r)
-          // })
-          // state.addLoading = false;
-          console.log("项目概览--" + res);
-        })
-        .catch((err) => {
-          // state.addLoading = false;
-          // message.error("概览获取失败");
-          console.log("获取失败" + err);
-        });
     };
     //end---------项目概览
 
-    const handleChange = ({ file, fileList }) => {
+    const handleChange = ({file, fileList}) => {
       let list = [];
       if (file.status !== "uploading") {
         console.log("上传的list", fileList);
@@ -3463,12 +3454,12 @@ export default {
           templateId: state.templateId || 0,
           type: state.type,
         })
-          .then((res) => {
-            console.log("上传成功", res);
-          })
-          .catch((err) => {
-            console.log("上传失败了", err);
-          });
+            .then((res) => {
+              console.log("上传成功", res);
+            })
+            .catch((err) => {
+              console.log("上传失败了", err);
+            });
       }
 
       if (file.status === "done") {
@@ -3517,13 +3508,13 @@ export default {
       }).then((res) => {
         state.action = res.data.data.projectInfo.status;
         state.act =
-          state.action == 0
-            ? "发布"
-            : state.action == 1
-            ? "撤回"
-            : state.action == -1
-            ? ""
-            : "-";
+            state.action == 0
+                ? "发布"
+                : state.action == 1
+                    ? "撤回"
+                    : state.action == -1
+                        ? ""
+                        : "-";
       });
     };
     //打开发布弹窗
@@ -3540,18 +3531,18 @@ export default {
         projectId: state.projectId,
       };
       apiproj
-        .projectStudent(obj)
-        .then((res) => {
-          if (res.status === 200) {
-            // console.log("res", res.data);
-            state.projectStudentsNum = res.data.data.total
-              ? res.data.data.total
-              : 0;
-          }
-        })
-        .catch((err) => {
-          console.log("获取学员人数失败", err);
-        });
+          .projectStudent(obj)
+          .then((res) => {
+            if (res.status === 200) {
+              // console.log("res", res.data);
+              state.projectStudentsNum = res.data.data.total
+                  ? res.data.data.total
+                  : 0;
+            }
+          })
+          .catch((err) => {
+            console.log("获取学员人数失败", err);
+          });
       //获取阶段及任务总数
     };
     //关闭发布弹窗
@@ -3565,17 +3556,17 @@ export default {
         projectId: state.releaseProjectId,
       };
       apiproj
-        .releaseProject(obj)
-        .then((res) => {
-          console.log("发布成功", res);
-          message.destroy();
-          message.success("发布成功");
-          state.projectPub = false;
-          reget();
-        })
-        .catch((err) => {
-          console.log("发布失败", err);
-        });
+          .releaseProject(obj)
+          .then((res) => {
+            console.log("发布成功", res);
+            message.destroy();
+            message.success("发布成功");
+            state.projectPub = false;
+            reget();
+          })
+          .catch((err) => {
+            console.log("发布失败", err);
+          });
     };
 
     //打开撤回弹窗
@@ -3592,17 +3583,17 @@ export default {
         type: 0,
       };
       apiproj
-        .handleProject(obj)
-        .then((res) => {
-          console.log("撤回成功", res);
-          message.destroy();
-          message.success("撤回成功");
-          state.backModal = false;
-          reget();
-        })
-        .catch((err) => {
-          console.log("撤回失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("撤回成功", res);
+            message.destroy();
+            message.success("撤回成功");
+            state.backModal = false;
+            reget();
+          })
+          .catch((err) => {
+            console.log("撤回失败", err);
+          });
     };
     //关闭结束弹窗
     const closeStopModal = () => {
@@ -3615,17 +3606,17 @@ export default {
         type: -1,
       };
       apiproj
-        .handleProject(obj)
-        .then((res) => {
-          console.log("结束成功", res);
-          message.destroy();
-          message.success("已结束");
-          state.stopModal = false;
-          reget();
-        })
-        .catch((err) => {
-          console.log("结束失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("结束成功", res);
+            message.destroy();
+            message.success("已结束");
+            state.stopModal = false;
+            reget();
+          })
+          .catch((err) => {
+            console.log("结束失败", err);
+          });
     };
     //打开结束弹窗
     const showStopModal = () => {
@@ -3646,17 +3637,17 @@ export default {
         type: 1,
       };
       apiproj
-        .handleProject(obj)
-        .then((res) => {
-          console.log("模版保存成功", res);
-          message.destroy();
-          message.success("模版保存成功");
-          state.startModal = false;
-          reget();
-        })
-        .catch((err) => {
-          console.log("模版保存失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("模版保存成功", res);
+            message.destroy();
+            message.success("模版保存成功");
+            state.startModal = false;
+            reget();
+          })
+          .catch((err) => {
+            console.log("模版保存失败", err);
+          });
     };
     //删除文件
     const deFile = (id) => {
@@ -3691,41 +3682,41 @@ export default {
         templateId: state.templateId || 0,
         type: state.type,
       })
-        .then((res) => {
-          console.log("上传成功", res);
-          message.destroy();
-          return message.success("删除成功");
-        })
-        .catch((err) => {
-          console.log("上传失败了", err);
-          message.warning("删除失败");
-        });
+          .then((res) => {
+            console.log("上传成功", res);
+            message.destroy();
+            return message.success("删除成功");
+          })
+          .catch((err) => {
+            console.log("上传失败了", err);
+            message.warning("删除失败");
+          });
     };
 
     //添加学员
     watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addAuthList);
-        let obj = {
-          deptList: res[1],
-          groupList: res[2],
-          projectId: state.projectId,
-          studentList: res[0],
-          projectGroupId: 0,
-        };
-        console.log("obj", obj);
-        api
-          .addStudentProject(obj)
-          .then((res) => {
-            console.log("添加学员成功", res);
-            message.success("添加学员成功");
-            getStu();
-          })
-          .catch((err) => {
-            console.log("添加学员失败", err);
-          });
-      }
+        () => state.addAuthList,
+        (res) => {
+          console.log("res", res, state.addAuthList);
+          let obj = {
+            deptList: res[1],
+            groupList: res[2],
+            projectId: state.projectId,
+            studentList: res[0],
+            projectGroupId: 0,
+          };
+          console.log("obj", obj);
+          api
+              .addStudentProject(obj)
+              .then((res) => {
+                console.log("添加学员成功", res);
+                message.success("添加学员成功");
+                getStu();
+              })
+              .catch((err) => {
+                console.log("添加学员失败", err);
+              });
+        }
     );
     onMounted(() => {
       getStu();
@@ -3845,8 +3836,8 @@ export default {
     .ant-modal-body {
       .modalHeader {
         background: linear-gradient(
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
         );
       }
 
@@ -3854,9 +3845,9 @@ export default {
 
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
 
@@ -3894,9 +3885,9 @@ export default {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-              180deg,
-              rgba(254, 243, 221, 1),
-              rgba(255, 250, 240, 1)
+                    180deg,
+                    rgba(254, 243, 221, 1),
+                    rgba(255, 250, 240, 1)
             );
             border-radius: 10px;
             margin-right: 7px;
@@ -3920,9 +3911,9 @@ export default {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-              180deg,
-              rgba(221, 234, 255, 1),
-              rgba(240, 248, 254, 1)
+                    180deg,
+                    rgba(221, 234, 255, 1),
+                    rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
 
@@ -4041,8 +4032,8 @@ export default {
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -4168,8 +4159,8 @@ export default {
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -4300,8 +4291,8 @@ export default {
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -4401,9 +4392,9 @@ export default {
     .ant-modal-body {
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
 
@@ -4499,12 +4490,14 @@ export default {
   .ant-modal {
     .ant-modal-body {
       padding: 0;
+
       .modalHeader {
         background: linear-gradient(
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
         );
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -4514,33 +4507,39 @@ export default {
           font-weight: 500;
           text-align: center;
         }
+
         .projecttime {
           margin-left: 221px;
+
           .timeti {
             color: rgba(153, 155, 163, 1);
             font-size: 14px;
             line-height: 36px;
           }
+
           .timeme {
             color: rgba(79, 81, 86, 1);
             font-size: 14px;
             line-height: 36px;
           }
         }
+
         .projectbox {
           margin-top: 26px;
           display: flex;
           justify-content: center;
+
           .promessage {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-              180deg,
-              rgba(254, 243, 221, 1),
-              rgba(255, 250, 240, 1)
+                    180deg,
+                    rgba(254, 243, 221, 1),
+                    rgba(255, 250, 240, 1)
             );
             border-radius: 10px;
             margin-right: 7px;
+
             .messageme {
               color: rgba(255, 182, 78, 1);
               font-size: 14px;
@@ -4548,21 +4547,24 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
               margin-left: 30px;
             }
           }
+
           .stumessage {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-              180deg,
-              rgba(221, 234, 255, 1),
-              rgba(240, 248, 254, 1)
+                    180deg,
+                    rgba(221, 234, 255, 1),
+                    rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -4570,6 +4572,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -4577,26 +4580,32 @@ export default {
             }
           }
         }
+
         .send {
           margin-top: 30px;
           margin-left: 61px;
+
           .sendtext {
             margin-left: 11px;
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
         }
+
         .ckb {
           margin-top: 20px;
           margin-left: 62px;
+
           .sendpeo {
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
+
           .ant-checkbox-inner {
             border-radius: 4px;
           }
         }
+
         .pubtn {
           display: flex;
           justify-content: center;
@@ -4615,6 +4624,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -5512,8 +5522,8 @@ export default {
       }
 
       .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
+      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      > td {
         background: rgba(250, 250, 250, 1);
       }
 
@@ -5627,8 +5637,8 @@ export default {
         display: inline-block;
 
         .ant-select:not(.ant-select-customize-input)
-          .ant-select-selector
-          .ant-select-selection-search-input {
+        .ant-select-selector
+        .ant-select-selection-search-input {
           background-color: rgba(255, 255, 255, 0);
           border: none;
         }
@@ -5639,12 +5649,12 @@ export default {
         }
 
         .ant-select-single:not(.ant-select-customize-input)
-          .ant-select-selector {
+        .ant-select-selector {
           padding: 0;
         }
 
         .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
-          .ant-select-selector {
+        .ant-select-selector {
           box-shadow: none;
         }
 
@@ -6064,8 +6074,8 @@ export default {
           }
 
           .ant-table-tbody
-            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-            > td {
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
             background: #f6f9fd;
           }
         }
@@ -6141,6 +6151,7 @@ export default {
       }
     }
   }
+
   //设置的共享文档
   .sametab {
     // margin-left: 30px;
@@ -6150,35 +6161,43 @@ export default {
     // background-color: green;
     .Gcon {
       display: flex;
+
       .pad {
         height: 100%;
         width: 40px;
       }
+
       .Gin {
         // background-color: #bfa;
         margin-top: 30px;
+
         .headone {
           // background-color: red;
           display: flex;
           text-align: center;
+
           .box {
             width: 4px;
             height: 20px;
             background-color: #409eff;
             border-radius: 2px;
           }
+
           .onetitle {
             margin-left: 15px;
             color: #333333;
             font-size: 14px;
           }
+
           .oneedi {
             margin-left: 15px;
             color: #4ea6ff;
             cursor: pointer;
           }
+
           .twobtn {
             display: flex;
+
             .btnone {
               width: 42px;
               height: 24px;
@@ -6188,6 +6207,7 @@ export default {
               margin-left: 20px;
               cursor: pointer;
             }
+
             .btntwo {
               width: 42px;
               height: 24px;
@@ -6200,38 +6220,46 @@ export default {
             }
           }
         }
+
         .btnbox {
           .ant-upload-list {
             display: none !important;
           }
         }
+
         .onemain {
           margin-top: 20px;
           margin-left: 55px;
           color: #6f6f6f;
           font-size: 14px;
+
           .checkcon {
             position: relative;
+
             .in {
               position: absolute;
               // margin-top: 10px;
               left: 0;
               top: 3px;
             }
+
             .yulan {
               // color: yellow;
               margin-left: 22px;
               // display: inline-block;
             }
+
             .yulan2 {
               margin-left: 22px;
             }
+
             .ant-input-number {
               height: 24px;
               width: 24px;
               margin: 10px;
               border-radius: 4px;
               border: 1px solid #6d7584;
+
               .ant-input-number-input {
                 width: 100%;
                 height: 100%;
@@ -6243,58 +6271,72 @@ export default {
             }
           }
         }
+
         .twomain {
           margin-left: 20px;
           margin-top: 20px;
+
           .ant-switch-checked {
             background-color: #5dc988;
           }
+
           .info {
             margin-left: 10px;
             color: #6f6f6f;
             font-size: 14px;
             // margin-top: 10px;
           }
+
           .infor {
             margin-left: 38px;
             margin-top: 10px;
             color: #c7cbd2;
             font-size: 14px;
           }
+
           .chooseshow {
             // background-color: red;
             margin-left: 38px;
             margin-top: 12px;
+
             .fane {
               color: #6f6f6f;
               font-size: 14px;
             }
           }
+
           .choo {
             display: none;
           }
+
           .btm {
             margin-left: 38px;
             margin-top: 20px;
+
             .bmo {
               color: #6f6f6f;
               font-size: 14px;
             }
+
             .bmt {
               color: #c7cbd2;
               font-size: 14px;
               margin-top: 3px;
             }
+
             .chosecon {
               display: flex;
               margin-top: 6px;
               margin-bottom: 20px;
+
               .chose {
                 position: relative;
+
                 .inl {
                   position: absolute;
                   top: 2px;
                 }
+
                 .sh {
                   margin-left: 23px;
                   color: #6f6f6f;
@@ -6305,8 +6347,10 @@ export default {
         }
       }
     }
+
     .Lhead {
       display: flex;
+
       .btns {
         display: flex;
         margin-left: 20px;
@@ -6323,9 +6367,11 @@ export default {
           margin-right: 14px;
           flex-shrink: 0;
           cursor: pointer;
+
           .search {
             background-size: 100%;
           }
+
           .btnText {
             font-size: 14px;
             font-weight: 400;
@@ -6334,6 +6380,7 @@ export default {
             margin-left: 5px;
           }
         }
+
         .btn1 {
           .search {
             width: 15px;
@@ -6341,6 +6388,7 @@ export default {
             background-image: url("../../assets/images/courseManage/search1.png");
           }
         }
+
         .btn2 {
           .search {
             width: 16px;
@@ -6348,46 +6396,59 @@ export default {
             background-image: url("../../assets/images/courseManage/reset1.png");
           }
         }
+
         .btn3 {
           margin-right: 0px;
+
           .search {
             width: 17px;
             height: 18px;
             background-image: url("../../assets/images/courseManage/add1.png");
           }
         }
+
         .btn1:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/search0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
+
         .btn2:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/reset0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
+
         .btn3:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/add0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
       }
     }
+
     .Lbom {
       position: relative;
       margin-bottom: 20px;
+
       .item {
         width: 100%;
         height: 200px;
@@ -6395,6 +6456,7 @@ export default {
         margin-top: 40px;
         border-radius: 8px;
         border: 1px solid #f0f4fe;
+
         .itemhead {
           height: 50px;
           width: 100%;
@@ -6402,6 +6464,7 @@ export default {
           display: flex;
           align-items: center;
           position: relative;
+
           .lev {
             margin-left: 27px;
             margin-right: 16px;
@@ -6409,64 +6472,77 @@ export default {
             color: #409eff;
             font-size: 16px;
           }
+
           .lin {
             width: 1px;
             height: 35%;
             background-color: #c7cbd2;
           }
+
           .nam {
             margin-left: 16px;
             color: #4f5156;
             line-height: 100%;
             font-size: 16px;
           }
+
           .count {
             position: absolute;
             line-height: 100%;
             color: #4f5156;
             font-size: 14px;
             right: 40px;
+
             span:nth-child(2) {
               color: #63ca8c;
             }
           }
         }
+
         .itembomm {
           display: flex;
           align-items: center;
           height: 150px;
+
           .it {
             // margin-left: 110px;
             // margin-right: 110px;
             width: 13%;
             text-align: center;
+
             .on {
               font-size: 30px;
             }
+
             .ittext {
               color: #4f5156;
               margin-top: 16px;
               margin-left: -5px;
             }
           }
+
           .linee {
             background-color: #ecf2fb;
             width: 1px;
             height: 55%;
           }
+
           .itright {
             position: absolute;
             right: 45px;
             display: flex;
+
             .te {
               color: #4ea6ff;
               font-size: 14px;
               cursor: pointer;
             }
+
             .more {
               position: relative;
               height: 30px;
               display: flex;
+
               .moreArrow {
                 width: 13px;
                 height: 7px;
@@ -6477,6 +6553,7 @@ export default {
                 margin-left: 7px;
                 margin-top: 6px;
               }
+
               .moreItems {
                 width: 80px;
                 height: 70px;
@@ -6489,6 +6566,7 @@ export default {
                 left: 0px;
                 top: 20px;
                 z-index: 100;
+
                 .roleItem {
                   font-size: 14px;
                   font-weight: 400;
@@ -6498,14 +6576,17 @@ export default {
                   justify-content: center;
                   cursor: pointer;
                 }
+
                 .roleItem:hover {
                   color: #4ea6ff;
                 }
               }
             }
+
             .more:hover .moreArrow {
               background-image: url("../../assets/images/navtop/up.png");
             }
+
             .more:hover .moreItems {
               display: block;
             }
@@ -6515,12 +6596,15 @@ export default {
         .show {
           color: blue;
         }
+
         .noshow {
           display: none;
         }
       }
+
       .create {
         margin-top: 40px;
+
         .taskbox {
           width: 412px;
           height: 160px;
@@ -6529,21 +6613,25 @@ export default {
           // margin-left: 68px;
           margin-bottom: 40px;
           cursor: pointer;
+
           .leftt {
             position: absolute;
             top: 18px;
             left: 0;
           }
+
           .photo {
             position: absolute;
             top: 42px;
             left: 37px;
           }
+
           .rightt {
             position: absolute;
             top: 69px;
             right: 26px;
           }
+
           .centerbox {
             position: absolute;
             top: 52px;
@@ -6552,6 +6640,7 @@ export default {
             font-weight: 700;
             //line-height: 36px;
           }
+
           .centermain {
             color: rgba(135, 139, 146, 1);
             font-size: 14px;
@@ -6587,8 +6676,8 @@ export default {
             width: calc(100%);
             height: 40px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }