From 0ddd27a33a93071ed034a15323d67f0d2e54d6c1 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Thu, 23 Feb 2023 20:16:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E5=AD=A6=E5=91=98=E7=AE=A1=E7=90=86-=E5=B2=97=E4=BD=8D?=
 =?UTF-8?q?=E3=80=81=E8=AF=81=E4=B9=A6=E6=95=B0=E9=87=8F=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 2191 ++++++++++++--------------
 1 file changed, 1019 insertions(+), 1172 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 8f594e24..08fce279 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -12,9 +12,9 @@
         <div class="fort">项目经理：{{ manager }}</div>
         <div class="fort">起止时间：{{ startTime }}至{{ endTime }}</div>
       </div>
-      <div class="right">
-        <!-- 2022-12-10注释 后面放开 -->
-        <!-- <img
+    <div class="right">
+      <!-- 2022-12-10注释 后面放开 -->
+      <!-- <img
           class="img1"
           src="../../assets/images/leveladd/ma.png"
           @click="showCodeModel2()"
@@ -26,78 +26,41 @@
             action == 2 ||
             action == 0 ||
             action == 3 ||
-            action == -2
-          "
-        ></div>-->
+                  action == -2
+                "
+              ></div>-->
         <!-- 显示发布图标 -->
-        <img
-          v-if="action == 2 && checkPer(permissions)"
-          class="img2"
-          src="../../assets/images/leveladd/pub.png"
-        />
+        <img v-if="action == 2 && checkPer(permissions)" class="img2" src="../../assets/images/leveladd/pub.png" />
         <!-- 显示撤回发布图标 -->
-        <img
-          v-if="action == 3 && checkPer(permissions)"
-          class="img2"
-          src="../../assets/images/project/finish.png"
-        />
+        <img v-if="action == 3 && checkPer(permissions)" class="img2" src="../../assets/images/project/finish.png" />
         <!-- 显示审核图标 -->
-        <img
-          v-if="(action == 0 || action == -2) && checkPer(permissions)"
-          class="img2"
-          src="../../assets/images/project/reviewsubmit.png"
-        />
+        <img v-if="(action == 0 || action == -2) && checkPer(permissions)" class="img2"
+          src="../../assets/images/project/reviewsubmit.png" />
         <!-- 显示撤回审核图标 -->
-        <img
-          v-if="action == 1 && checkPer(permissions)"
-          class="img2"
-          src="../../assets/images/project/reviewrecall.png"
-        />
+        <img v-if="action == 1 && checkPer(permissions)" class="img2"
+          src="../../assets/images/project/reviewrecall.png" />
         <!-- <div class="pub">发布</div> -->
         <!-- 显示提交审核 -->
-        <div
-          class="pub"
-          style="width: 56px; color: #a497ff"
-          v-if="(action == 0 || action == -2) && checkPer(permissions)"
-          @click="submitExamine"
-        >
+        <div class="pub" style="width: 56px; color: #a497ff" v-if="(action == 0 || action == -2) && checkPer(permissions)"
+          @click="submitExamine">
           {{ act }}
         </div>
         <!-- 显示撤回审核 -->
-        <div
-          class="pub"
-          style="width: 56px; color: #a497ff"
-          v-if="action == 1 && checkPer(permissions)"
-          @click="showRecallReviewModal"
-        >
+        <div class="pub" style="width: 56px; color: #a497ff" v-if="action == 1 && checkPer(permissions)"
+          @click="showRecallReviewModal">
           {{ act }}
         </div>
         <!-- 显示发布 -->
-        <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 2 && checkPer(permissions)"
-          @click="showProjectPub"
-        >
+        <div class="pub" style="width: 28px" v-if="action == 2 && checkPer(permissions)" @click="showProjectPub">
           {{ act }}
         </div>
         <!-- 显示撤回发布 -->
-        <div
-          class="pub"
-          style="width: 56px; color: #57c887"
-          v-if="action == 3 && checkPer(permissions)"
-          @click="showBackModal"
-        >
+        <div class="pub" style="width: 56px; color: #57c887" v-if="action == 3 && checkPer(permissions)"
+          @click="showBackModal">
           {{ act }}
         </div>
         <!-- 项目提交审核弹窗 -->
-        <a-modal
-          v-model:visible="reviewModal"
-          :footer="null"
-          :closable="false"
-          wrapClassName="CopyModal"
-          centered="true"
-        >
+        <a-modal v-model:visible="reviewModal" :footer="null" :closable="false" wrapClassName="CopyModal" centered="true">
           <div class="delete">
             <div class="del_header"></div>
             <div class="del_main">
@@ -120,54 +83,54 @@
               </div>
             </div>
           </div>
-        </a-modal>
-        <!-- 已结束的显示 -->
-        <!-- <div class="pub" style="width: 28px" v-if="action == -1">
+      </a-modal>
+      <!-- 已结束的显示 -->
+      <!-- <div class="pub" style="width: 28px" v-if="action == -1">
           {{ act }}
         </div>
         <div class="line"></div>
         <img
           style="margin-right: 15px"
-          class="img2"
+                class="img2"
           src="../../assets/images/leveladd/more.png"
         />-->
-        <!-- <div class="more">
+      <!-- <div class="more">
           <span style="color: #7096e3; cursor: pointer">更多</span>
           <div class="moreArrow"></div>
           <div class="moreItems">
             <div class="sammo">撤回</div>
-            <div class="sammo">复制</div>
+                  <div class="sammo">复制</div>
           </div>
         </div> -->
-        <!-- 草稿/未发布的显示
+      <!-- 草稿/未发布的显示
         <div class="more" v-if="action == 0">
           <span style="color: #7096e3; cursor: pointer">更多</span>
           <div class="moreArrow"></div>
           <div class="moreItems">
             <div class="sammo">复制</div>
-            <div class="sammo" @click="showStartModal">存为模板</div>
+                  <div class="sammo" @click="showStartModal">存为模板</div>
           </div>
         </div>-->
-        <!-- 已发布的显示
+      <!-- 已发布的显示
         <div class="more" v-if="action == 1">
           <span style="color: #7096e3; cursor: pointer">更多</span>
           <div class="moreArrow"></div>
           <div class="moreItems">
             <div class="sammo" @click="showStopModal">结束</div>
             <div class="sammo">复制</div>
-            <div class="sammo" @click="showStartModal">存为模板</div>
+                  <div class="sammo" @click="showStartModal">存为模板</div>
           </div>
         </div>-->
-        <!-- 已结束的显示
+      <!-- 已结束的显示
         <div class="more" v-if="action == -1">
-          <span style="color: #7096e3; cursor: pointer">更多</span>
+                <span style="color: #7096e3; cursor: pointer">更多</span>
           <div class="moreArrow"></div>
           <div class="moreItems">-->
-        <!-- <div class="sammo">结束</div>
+      <!-- <div class="sammo">结束</div>
         <div class="sammo">复制</div>
-        <div class="sammo" @click="showStartModal">存为模板</div>
-      </div>
-    </div> -->
+              <div class="sammo" @click="showStartModal">存为模板</div>
+            </div>
+          </div> -->
         <div class="line"></div>
         <router-link to="/projectmanage">
           <div style="display: flex">
@@ -179,13 +142,8 @@
     </div>
     <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"
-      >
+      <a-tabs 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>
           <!-- 概览（无数据） -->
@@ -195,18 +153,14 @@
             </div>
             <div v-if="checkPer(permissions)" class="second">
               <!-- @click="totask" -->
-              <div
-                class="taskbox"
-                @click="
-                  () => {
-                    routered.push({
-                      path: `/taskadd`,
-                      query: { projectId: projectId },
-                    });
-                  }
-                "
-                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
-              >
+              <div class="taskbox" @click="
+                () => {
+                  routered.push({
+                    path: `/taskadd`,
+                    query: { projectId: projectId },
+                  });
+                }
+              " style="background: linear-gradient(180deg, #fef3dd, #fffaf0)">
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left1.png" />
                 </div>
@@ -221,11 +175,7 @@
                 </div>
                 <div class="centermain">快速添加任务/阶段</div>
               </div>
-              <div
-                class="taskbox"
-                @click="tostudent"
-                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
-              >
+              <div class="taskbox" @click="tostudent" style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)">
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />
                 </div>
@@ -239,9 +189,9 @@
                   添加学员
                 </div>
                 <div class="centermain">快速添加学员</div>
-              </div>
-              <!-- 2022-12-2注释 后面放开 -->
-              <!-- <div
+            </div>
+            <!-- 2022-12-2注释 后面放开 -->
+            <!-- <div
                 class="taskbox"
                 @click="showModal"
                 style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
@@ -257,9 +207,9 @@
                 </div>
                 <div class="centerbox" style="color: rgba(93, 201, 136, 1)">
                   发布
-                </div>
-                <div class="centermain">快速发布项目</div>
-              </div> -->
+                      </div>
+                      <div class="centermain">快速发布项目</div>
+                    </div> -->
             </div>
           </div>
           <!-- 概览（无数据） -->
@@ -309,33 +259,27 @@
                 <div>
                   <span class="nub1" style="color: #a497ff">{{
                     projectInfoOverview.completeRatio
-                  }}</span
-                  ><span style="color: #a497ff; font-size: 14px">%</span>
+                  }}</span><span style="color: #a497ff; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">总完成率</div>
               </div>
             </div>
             <div class="onerow">
-              <div class="taskmain">阶段信息</div>
-            </div>
-            <!-- <div class="stagemess">
-              <div class="stage1">阶段1</div>
-              <div class="stage2">阶段2</div>
-            </div> -->
+            <div class="taskmain">阶段信息</div>
+          </div>
+          <!-- <div class="stagemess">
+                    <div class="stage1">阶段1</div>
+                    <div class="stage2">阶段2</div>
+                  </div> -->
             <div class="stagemess">
-              <div
-                v-for="(item, index) in stageList"
-                :class="{
-                  stage1: index === choosedStageIndex,
-                  stage2: index !== choosedStageIndex,
-                }"
-                :key="item.stageId"
-                @click="stageChange(item, index)"
-              >
-                {{ item.name || "无阶段" }}
+              <div v-for="(item, index) in stageList" :class="{
+                stage1: index === choosedStageIndex,
+                stage2: index !== choosedStageIndex,
+              }" :key="item.stageId" @click="stageChange(item, index)">
+              {{ item.name || "无阶段" }}
               </div>
               <!-- <div class="stage1">阶段1</div>
-              <div class="stage2">阶段2</div> -->
+                    <div class="stage2">阶段2</div> -->
             </div>
             <div class="stagesecond">
               <div class="staname">阶段名称：</div>
@@ -343,34 +287,20 @@
             </div>
             <div class="stagelast">
               <div class="stagepro">
-                <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="
-                    stageOverviewList[choosedStageIndex]?.completeCourseRatio
-                  "
-                  :width="140"
-                />
+                <a-progress type="dashboard" gapDegree="0" :percent="
+                  stageOverviewList[choosedStageIndex]?.completeCourseRatio
+                " :width="140" />
                 <div class="protext">课程完成率</div>
               </div>
               <div class="stagepro">
-                <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="
-                    stageOverviewList[choosedStageIndex]?.completeExamRatio
-                  "
-                  :width="140"
-                />
+                <a-progress type="dashboard" gapDegree="0" :percent="
+                  stageOverviewList[choosedStageIndex]?.completeExamRatio
+                " :width="140" />
                 <div class="protext">考试通过率</div>
               </div>
               <div class="stagepro" style="margin-right: 0">
-                <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="stageOverviewList[choosedStageIndex]?.completeRatio"
-                  :width="140"
-                />
+                <a-progress type="dashboard" gapDegree="0" :percent="stageOverviewList[choosedStageIndex]?.completeRatio"
+                  :width="140" />
                 <div class="protext">作业完成率</div>
               </div>
               <div class="proright">
@@ -379,32 +309,23 @@
                 </div>
                 <div class="proright1">
                   <span class="textpro">阶段任务总数</span>
-                  <a-progress
-                    :percent="
-                      stageOverviewList[choosedStageIndex]?.totalTaskCnt
-                    "
-                    style="width: 369px"
-                  />
+                  <a-progress :percent="
+                    stageOverviewList[choosedStageIndex]?.totalTaskCnt
+                  " style="width: 369px" />
                 </div>
                 <div class="pronub" style="margin-left: 142px">
                   {{ stageOverviewList[choosedStageIndex]?.totalReqCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">必修课</span>
-                  <a-progress
-                    :percent="stageOverviewList[choosedStageIndex]?.totalReqCnt"
-                    style="width: 369px"
-                  />
+                  <a-progress :percent="stageOverviewList[choosedStageIndex]?.totalReqCnt" style="width: 369px" />
                 </div>
                 <div class="pronub" style="margin-left: 142px">
                   {{ stageOverviewList[choosedStageIndex]?.totalOptCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">选修课</span>
-                  <a-progress
-                    :percent="stageOverviewList[choosedStageIndex]?.totalOptCnt"
-                    style="width: 369px"
-                  />
+                  <a-progress :percent="stageOverviewList[choosedStageIndex]?.totalOptCnt" style="width: 369px" />
                 </div>
               </div>
             </div>
@@ -416,109 +337,87 @@
             <div class="split"></div>
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
-              <ImpoterGroupLeader title="批量面授报名" :data="{targetId:projectId,type:1}" :url="`/admin/offcourse/importCourse`" :template-url="`/admin/project/exportTaskCoursePlan/${projectId}?type=1&taskType=2&thirdType=3`">
+              <ImpoterGroupLeader title="批量面授报名" :data="{ targetId: projectId, type: 1 }"
+                :url="`/admin/offcourse/importCourse`"
+                :template-url="`/admin/project/exportTaskCoursePlan/${projectId}?type=1&taskType=2&thirdType=3`">
                 <button class="btn">批量面授报名</button>
               </ImpoterGroupLeader>
-              <router-link
-                v-if="checkPer(permissions)"
-                :to="{ path: `/taskadd`, query: { projectId: projectId } }"
-              >
+              <router-link v-if="checkPer(permissions)" :to="{ path: `/taskadd`, query: { projectId: projectId } }">
                 <button class="edit">
-                  <img
-                    class="editimg"
-                    src="../../assets/images/projectadd/edit.png"
-                  />
+                  <img class="editimg" src="../../assets/images/projectadd/edit.png" />
                   <span class="editext">编辑</span>
                 </button>
-              </router-link>
-            </div>
-            <!-- <div class="taskSyllabus">
+            </router-link>
+          </div>
+          <!-- <div class="taskSyllabus">
             <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
               <template #expandIcon="{ isActive }">
                 <img
                   class="editimg"
                   src="../../assets/images/projectadd/edit.png"
                 />
-                <span class="editext">编辑</span>
-              </router-link>
-            </div> -->
-            <div
-              class="taskSyllabus"
-              v-if="
-                taskSyllabus &&
-                taskSyllabus.length &&
-                (taskSyllabus.length > 1 || taskSyllabus[0].name)
-              "
-            >
+                      <span class="editext">编辑</span>
+                    </router-link>
+                  </div> -->
+            <div class="taskSyllabus" v-if="
+              taskSyllabus &&
+              taskSyllabus.length &&
+              (taskSyllabus.length > 1 || taskSyllabus[0].name)
+            ">
               <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
                 <template #expandIcon="{ isActive }">
-                  <img
-                    :style="{
-                      width: isActive ? 9.1 : 8.1,
-                      height: isActive ? 8.1 : 9.1,
-                      'margin-right': isActive ? '12px' : '13px',
-                    }"
-                    :src="
-                      isActive
-                        ? require('../../assets/images/projectadd/open.png')
-                        : require('../../assets/images/projectadd/close.png')
-                    "
-                  />
+                  <img :style="{
+                    width: isActive ? 9.1 : 8.1,
+                    height: isActive ? 8.1 : 9.1,
+                    'margin-right': isActive ? '12px' : '13px',
+                  }" :src="
+  isActive
+    ? require('../../assets/images/projectadd/open.png')
+    : require('../../assets/images/projectadd/close.png')
+" />
                   <div></div>
                 </template>
                 <template v-for="(value, index) in taskSyllabus">
-                  <a-collapse-panel
-                    :key="index"
-                    v-if="value.name"
-                    :header="value.name"
-                  >
-                    <div
-                      class="course"
-                      v-for="(item, key) in value.taskList"
-                      :key="key"
-                    >
+                  <a-collapse-panel :key="index" v-if="value.name" :header="value.name">
+                    <div class="course" v-for="(item, key) in value.taskList" :key="key">
                       <div class="first">
                         <div class="icon">
-                          <div
-                            style="
-                              width: 31px;
-                              height: 28px;
-                              display: flex;
-                              align-items: center;
-                              justify-content: center;
-                            "
-                          >
-                            <img
-                              :src="
-                                item.type == 1
-                                  ? require('../../assets/images/leveladd/zai.png')
-                                  : item.type == 2
+                          <div style="
+                                    width: 31px;
+                                    height: 28px;
+                                    display: flex;
+                                    align-items: center;
+                                    justify-content: center;
+                                  ">
+                            <img :src="
+                              item.type == 1
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.type == 2
                                   ? require('../../assets/images/leveladd/mian.png')
                                   : item.type == 3
-                                  ? require('../../assets/images/leveladd/an.png')
-                                  : item.type == 4
-                                  ? require('../../assets/images/leveladd/zuo.png')
-                                  : item.type == 5
-                                  ? require('../../assets/images/leveladd/kao.png')
-                                  : item.type == 6
-                                  ? require('../../assets/images/leveladd/zhi.png')
-                                  : item.type == 7
-                                  ? require('../../assets/images/leveladd/wai.png')
-                                  : item.type == 8
-                                  ? require('../../assets/images/leveladd/tao.png')
-                                  : item.type == 9
-                                  ? require('../../assets/images/leveladd/huo.png')
-                                  : item.type == 10
-                                  ? require('../../assets/images/leveladd/ce.png')
-                                  : item.type == 11
-                                  ? require('../../assets/images/leveladd/pinggu.png')
-                                  : item.type == 12
-                                  ? require('../../assets/images/leveladd/tou.png')
-                                  : item.type == 13
-                                  ? require('../../assets/images/leveladd/tou.png')
-                                  : require('../../assets/images/leveladd/xiangmu.png')
-                              "
-                            />
+                                    ? require('../../assets/images/leveladd/an.png')
+                                    : item.type == 4
+                                      ? require('../../assets/images/leveladd/zuo.png')
+                                      : item.type == 5
+                                        ? require('../../assets/images/leveladd/kao.png')
+                                        : item.type == 6
+                                          ? require('../../assets/images/leveladd/zhi.png')
+                                          : item.type == 7
+                                            ? require('../../assets/images/leveladd/wai.png')
+                                            : item.type == 8
+                                              ? require('../../assets/images/leveladd/tao.png')
+                                              : item.type == 9
+                                                ? require('../../assets/images/leveladd/huo.png')
+                                                : item.type == 10
+                                                  ? require('../../assets/images/leveladd/ce.png')
+                                                  : item.type == 11
+                                                    ? require('../../assets/images/leveladd/pinggu.png')
+                                                    : item.type == 12
+                                                      ? require('../../assets/images/leveladd/tou.png')
+                                                      : item.type == 13
+                                                        ? require('../../assets/images/leveladd/tou.png')
+                                                        : require('../../assets/images/leveladd/xiangmu.png')
+                            " />
                           </div>
                         </div>
                         <div>
@@ -529,9 +428,7 @@
                         </div>
                       </div>
                       <div class="type">
-                        <div
-                          :class="item.flag == true ? 'typename1' : 'typename'"
-                        >
+                        <div :class="item.flag == true ? 'typename1' : 'typename'">
                           <span v-if="item.flag">必修</span>
                           <span v-else>选修</span>
                         </div>
@@ -549,93 +446,66 @@
                           }}人
                         </div>
                         <div style="display: flex">
-                          <a-progress
-                            :showInfo="false"
-                            :percent="
-                              parseInt(
-                                (item.finishStuCnt / item.totalStuCnt) * 100
-                              )
-                            "
-                            strokeColor="#FFC067"
-                            trailColor="rgba(253, 209, 98, 0.2)"
-                          />
-                          <span class="progresstext" style="margin-left: 10px"
-                            >{{
-                              parseInt(
-                                (item.finishStuCnt / item.totalStuCnt) * 100
-                              ) || 0
-                            }}%</span
-                          >
+                          <a-progress :showInfo="false" :percent="
+                            parseInt(
+                              (item.finishStuCnt / item.totalStuCnt) * 100
+                            )
+                          " strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)" />
+                          <span class="progresstext" style="margin-left: 10px">{{
+                            parseInt(
+                              (item.finishStuCnt / item.totalStuCnt) * 100
+                            ) || 0
+                          }}%</span>
                         </div>
                       </div>
                       <div v-if="checkPer(permissions)" class="operations">
-                        <div
-                          class="operation"
-                          style="cursor: pointer"
-                          @click="showFS(item)"
-                          v-if="item.type == 2"
-                        >
+                        <div class="operation" style="cursor: pointer" @click="showFS(item)" v-if="item.type == 2">
                           学员
                         </div>
-                        <div
-                          class="operation"
-                          style="cursor: pointer"
-                          @click="showAA(item.type, item.name, item)"
-                          v-if="item.type == 6 || item.type == 9"
-                        >
+                        <div class="operation" style="cursor: pointer" @click="showAA(item.type, item.name, item)"
+                          v-if="item.type == 6 || item.type == 9">
                           考勤
                         </div>
-                        <div
-                          class="operation"
-                          v-if="
-                            item.type != 2 && item.type != 6 && item.type != 9
-                          "
-                        ></div>
-                        <div
-                          class="operation"
-                          style="cursor: pointer"
-                          @click="showCodeModel(item)"
-                        >
+                        <div class="operation" v-if="
+                          item.type != 2 && item.type != 6 && item.type != 9
+                        "></div>
+                        <div class="operation" style="cursor: pointer" @click="showCodeModel(item)">
                           二维码
                         </div>
-                        <div
-                          class="operation"
-                          style="cursor: pointer; margin-right: 10px"
-                          @click="
-                            item.type == '1' ||
+                        <div class="operation" style="cursor: pointer; margin-right: 10px" @click="
+                          item.type == '1' ||
                             item.type == '3' ||
                             item.type == '6' ||
                             item.type == '7' ||
                             item.type == '8' ||
                             item.type == '9' ||
                             item.type == '11'
-                              ? showOnline(
-                                  item.name,
-                                  item.projectTaskId,
-                                  item.type,
-                                  item,
-                                  value.name
-                                )
-                              : item.type == '2'
+                            ? showOnline(
+                              item.name,
+                              item.projectTaskId,
+                              item.type,
+                              item,
+                              value.name
+                            )
+                            : item.type == '2'
                               ? showFace(item.name, item.projectTaskId, item)
                               : item.type == '4'
-                              ? showWork(item.name, item.projectTaskId, item)
-                              : item.type == '5'
-                              ? showTest(item.name, item.projectTaskId, item)
-                              : item.type == '10'
-                              ? showEval(
-                                  item.name,
-                                  item.projectTaskId,
-                                  item.type,
-                                  item
-                                )
-                              : item.type == '12'
-                              ? showVote(item.name, item.projectTaskId, item)
-                              : item.type == '13'
-                              ? showWork(item.name, item.projectTaskId)
-                              : null
-                          "
-                        >
+                                ? showWork(item.name, item.projectTaskId, item)
+                                : item.type == '5'
+                                  ? showTest(item.name, item.projectTaskId, item)
+                                  : item.type == '10'
+                                    ? showEval(
+                                      item.name,
+                                      item.projectTaskId,
+                                      item.type,
+                                      item
+                                    )
+                                    : item.type == '12'
+                                      ? showVote(item.name, item.projectTaskId, item)
+                                      : item.type == '13'
+                                        ? showWork(item.name, item.projectTaskId)
+                                        : null
+                        ">
                           管理
                         </div>
                       </div>
@@ -644,15 +514,10 @@
                 </template>
               </a-collapse>
               <!-- 无数据创建任务  v-if="taskSyllabus.length == 0"-->
-              <router-link
-                :to="{ path: `/taskadd`, query: { projectId: projectId } }"
-                class="taskbox"
-                style="
-                  background: linear-gradient(180deg, #ddeaff, #f0f8fe);
-                  display: block;
-                "
-                v-if="taskSyllabus.length == 0"
-              >
+              <router-link :to="{ path: `/taskadd`, query: { projectId: projectId } }" class="taskbox" style="
+                        background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                        display: block;
+                      " v-if="taskSyllabus.length == 0">
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />
                 </div>
@@ -670,18 +535,14 @@
               <!-- 无数据创建任务 -->
             </div>
             <div v-else-if="checkPer(permissions)">
-              <div
-                class="taskbox"
-                @click="
-                  () => {
-                    routered.push({
-                      path: `/taskadd`,
-                      query: { projectId: projectId },
-                    });
-                  }
-                "
-                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
-              >
+              <div class="taskbox" @click="
+                () => {
+                  routered.push({
+                    path: `/taskadd`,
+                    query: { projectId: projectId },
+                  });
+                }
+              " style="background: linear-gradient(180deg, #fef3dd, #fffaf0)">
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left1.png" />
                 </div>
@@ -705,24 +566,14 @@
           <div class="content3">
             <a-tabs v-model:activeKey="activeKey1">
               <a-tab-pane key="8" tab="学员管理">
-                <TableStudent
-                  :permissions="permissions"
-                  :type="1"
-                  :id="projectId"
-                  :columns="stuColumns"
-                  :stage="stage"
-                  :visable="tabFlag"
-                  :groupList="groupList"
-                >
+                <TableStudent :permissions="permissions" :type="1" :id="projectId" :columns="stuColumns" :stage="stage"
+                  :visable="tabFlag" :groupList="groupList">
                   <template #extension="{ data: { record } }">
-                    <a-button @click="showStudent(record)" type="link"
-                      >查看
+                    <a-button @click="showStudent(record)" type="link">查看
                     </a-button>
-                    <a-button @click="settingTopFlag(record)" type="link"
-                      >{{ record.topFlag ? "取消优秀" : "优秀学员" }}
+                    <a-button @click="settingTopFlag(record)" type="link">{{ record.topFlag ? "取消优秀" : "优秀学员" }}
                     </a-button>
-                    <a-button type="link" @click="showChangeGroupModal(record)"
-                      >换组
+                    <a-button type="link" @click="showChangeGroupModal(record)">换组
                     </a-button>
                   </template>
                 </TableStudent>
@@ -731,10 +582,7 @@
                 <div class="group">
                   <div class="groupleft">
                     <div class="groupname">小组名称：</div>
-                    <a-input
-                      v-model:value="valuestugn"
-                      placeholder="请输入小组名称"
-                    />
+                    <a-input v-model:value="valuestugn" placeholder="请输入小组名称" />
                   </div>
                   <div class="groupright">
                     <div class="btn1" @click="searchGroup">
@@ -759,7 +607,8 @@
                   <div class="btn2" @click="exportGroup">
                     <span class="btn2text">导出小组</span>
                   </div>
-                  <ImpoterGroupLeader :data="{targetId:projectId,type:1}" :url="`/admin/studentGroup/importGroup`" :template-url="`/admin/studentGroup/exportGroup/${projectId}`">
+                  <ImpoterGroupLeader :data="{ targetId: projectId, type: 1 }" :url="`/admin/studentGroup/importGroup`"
+                    :template-url="`/admin/studentGroup/exportGroup/${projectId}`">
                     <div class="btn2">
                       <span class="btn2text">导入小组长</span>
                     </div>
@@ -768,27 +617,17 @@
                 </div>
                 <!-- 小组列表  -->
                 <div class="groupmain">
-                  <div
-                    class="groupbox"
-                    v-for="item in groupPageList"
-                    :key="item.projectGroupId"
-                  >
+                  <div class="groupbox" v-for="item in groupPageList" :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
-                          >
+                          <span style="color: rgba(0, 0, 0, 0.45); cursor: pointer">. . .</span>
                           <div class="moreItems" v-if="checkPer(permissions)">
                             <div class="sammo" @click="showModal2(item)">
                               编辑
                             </div>
-                            <div
-                              class="sammo"
-                              @click="deleteGroupBtn(item.id)"
-                            >
+                            <div class="sammo" @click="deleteGroupBtn(item.id)">
                               删除
                             </div>
                           </div>
@@ -799,18 +638,15 @@
                         <div class="leader1">进度</div>
                         <a-progress :percent="(item.completeRatio || 0) * 100" />
                       </div>
-                      <div
-                        class="grofooter"
-                        @click="
-                          showMemberList(
-                            item.id,
-                            item.groupName,
-                            item.groupMemberCount
-                          )
-                        "
-                      >
-                        <div class="ftext">组员名单 ></div>
-                        <!-- <div class="peoples">
+                      <div class="grofooter" @click="
+                        showMemberList(
+                          item.id,
+                          item.groupName,
+                          item.groupMemberCount
+                        )
+                      ">
+                      <div class="ftext">组员名单 ></div>
+                      <!-- <div class="peoples">
                           <div class="people1">
                             <img
                               src="../../assets/images/taskpage/people1.png"
@@ -829,9 +665,9 @@
                           <div class="people4">
                             <img
                               src="../../assets/images/taskpage/people4.png"
-                            />
-                          </div>
-                        </div> -->
+                                  />
+                                </div>
+                              </div> -->
                       </div>
                     </div>
                   </div>
@@ -844,24 +680,15 @@
           <div class="split"></div>
           <a-tabs v-model:activeKey="activeKeyNotice">
             <a-tab-pane key="11" tab="公告">
-              <NoticePub
-                :permissions="permissions"
-                v-model:projectId="projectId"
-              ></NoticePub>
+              <NoticePub :permissions="permissions" v-model:projectId="projectId"></NoticePub>
             </a-tab-pane>
             <a-tab-pane key="12" tab="历史公告" force-render>
-              <NoticeHis
-                v-model:projectId="projectId"
-                :show="activeKeyNotice"
-              ></NoticeHis>
+              <NoticeHis v-model:projectId="projectId" :show="activeKeyNotice"></NoticeHis>
             </a-tab-pane>
           </a-tabs>
         </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">
-          <ProjectScore
-            :permissions="permissions"
-            :projectId="projectId"
-          ></ProjectScore>
+          <ProjectScore :permissions="permissions" :projectId="projectId"></ProjectScore>
         </a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
           <div class="split"></div>
@@ -872,28 +699,16 @@
               <div class="left">
                 <div class="time">
                   <div class="text">选择时间：</div>
-                  <a-range-picker
-                    v-model:value="valueDate"
-                    style="border-radius: 8px; height: 40px; margin-left: 5px"
-                    :placeholder="['      开始时间', '        结束时间']"
-                    @change="rankTimeChange"
-                  />
+                  <a-range-picker v-model:value="valueDate" style="border-radius: 8px; height: 40px; margin-left: 5px"
+                    :placeholder="['      开始时间', '        结束时间']" @change="rankTimeChange" />
                 </div>
               </div>
               <div class="right">
-                <div
-                  class="btn btn1"
-                  @click="rankSearch"
-                  style="cursor: pointer"
-                >
+                <div class="btn btn1" @click="rankSearch" style="cursor: pointer">
                   <div class="img1"></div>
                   <div class="te">搜索</div>
                 </div>
-                <div
-                  class="btn btn2"
-                  @click="rankReset"
-                  style="cursor: pointer"
-                >
+                <div class="btn btn2" @click="rankReset" style="cursor: pointer">
                   <div class="img2"></div>
                   <div class="te">重置</div>
                 </div>
@@ -906,32 +721,17 @@
                     <div class="left">进度排行 Top10</div>
                     <div class="icon"></div>
                     <div class="right">
-                      <a-select
-                        v-model:value="valuestu1"
-                        @change="jdSelectChange"
-                        style="width: 80px; margin-right: 16px"
-                        :options="rankjindu"
-                      >
+                      <a-select v-model:value="valuestu1" @change="jdSelectChange" style="width: 80px; margin-right: 16px"
+                        :options="rankjindu">
                       </a-select>
-                      <a-select
-                        v-model:value="valuestu2"
-                        @change="jdSelectChange1"
-                        style="width: 112px"
-                        :options="rankjieduan"
-                      ></a-select>
+                      <a-select v-model:value="valuestu2" @change="jdSelectChange1" style="width: 112px"
+                        :options="rankjieduan"></a-select>
                     </div>
                   </div>
                 </div>
                 <div class="tab">
-                  <a-table
-                    :columns="jindutablecolumns"
-                    :data-source="jindutabledata"
-                    :loading="processRankLoading"
-                    expandRowByClick="true"
-                    :scroll="{ y: 330 }"
-                    @expand="expandTable"
-                    :pagination="false"
-                  />
+                  <a-table :columns="jindutablecolumns" :data-source="jindutabledata" :loading="processRankLoading"
+                    expandRowByClick="true" :scroll="{ y: 330 }" @expand="expandTable" :pagination="false" />
                 </div>
               </div>
               <div class="rank">
@@ -939,25 +739,14 @@
                   <div class="inhead">
                     <div class="left">积分排行 Top10</div>
                     <div class="right">
-                      <a-select
-                        v-model:value="valuestu3"
-                        style="width: 80px"
-                        @change="jfSelectChange"
-                        :options="rankxuefen"
-                      ></a-select>
+                      <a-select v-model:value="valuestu3" style="width: 80px" @change="jfSelectChange"
+                        :options="rankxuefen"></a-select>
                     </div>
                   </div>
                 </div>
                 <div class="tab">
-                  <a-table
-                    :columns="xuefentablecolumns"
-                    :data-source="xuefentabledata"
-                    :loading="scoreRankLoading"
-                    expandRowByClick="true"
-                    :scroll="{ y: 330 }"
-                    @expand="expandTable"
-                    :pagination="false"
-                  />
+                  <a-table :columns="xuefentablecolumns" :data-source="xuefentabledata" :loading="scoreRankLoading"
+                    expandRowByClick="true" :scroll="{ y: 330 }" @expand="expandTable" :pagination="false" />
                 </div>
               </div>
               <div class="rank">
@@ -965,25 +754,14 @@
                   <div class="inhead">
                     <div class="left">学时排行 Top10</div>
                     <div class="right">
-                      <a-select
-                        v-model:value="valuestu4"
-                        @change="xsSelectChange"
-                        style="width: 80px"
-                        :options="rankxueshi"
-                      ></a-select>
+                      <a-select v-model:value="valuestu4" @change="xsSelectChange" style="width: 80px"
+                        :options="rankxueshi"></a-select>
                     </div>
                   </div>
                 </div>
                 <div class="tab">
-                  <a-table
-                    :columns="xueshitablecolumns"
-                    :data-source="xueshitabledata"
-                    :loading="studytimeRankLoading"
-                    expandRowByClick="true"
-                    :scroll="{ y: 330 }"
-                    @expand="expandTable"
-                    :pagination="false"
-                  />
+                  <a-table :columns="xueshitablecolumns" :data-source="xueshitabledata" :loading="studytimeRankLoading"
+                    expandRowByClick="true" :scroll="{ y: 330 }" @expand="expandTable" :pagination="false" />
                 </div>
               </div>
             </div>
@@ -993,21 +771,15 @@
           <div class="split"></div>
           <div v-if="!ischeckCertificate">
             <!-- 没有证书显示的页面 -->
-            <div
-              v-if="3 > 7"
-              style="
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 600px;
-                flex-direction: column;
-              "
-            >
+            <div v-if="3 > 7" style="
+                      display: flex;
+                      justify-content: center;
+                      align-items: center;
+                      height: 600px;
+                      flex-direction: column;
+                    ">
               <div class="certificate" @click="addCertificate">
-                <img
-                  style="width: 68px; height: 79px"
-                  src="../../assets/images/taskpage/nocertificate2.png"
-                />
+                <img style="width: 68px; height: 79px" src="../../assets/images/taskpage/nocertificate2.png" />
                 <div style="font-size: 20px; color: #409eff; margin-top: 16px">
                   无证书
                 </div>
@@ -1021,80 +793,57 @@
               <div class="addcertificate1" @click="addCertificate">
                 <div class="addcertext">+添加证书</div>
               </div>
-              <div
-                class="certificatelist"
-                v-for="(item, index) in certificatelist"
-                :key="index"
-              >
+              <div class="certificatelist" v-for="(item, index) in certificatelist" :key="index">
                 <div class="certificatelistMain">
-                  <img
-                    @click="previewPic"
-                    style="cursor: pointer; width: 140px; height: 200px"
-                    :src="fileUrl + item.url"
-                    alt=""
-                    srcset=""
-                  />
+                  <img @click="previewPic" style="cursor: pointer; width: 140px; height: 200px" :src="fileUrl + item.url"
+                    alt="" srcset="" />
                   <div class="cergetrules">
                     <div class="cergetrulesText">获取规则</div>
                     <div class="cergetrulesMain">
                       {{
                         item.finishType === 1
-                          ? "完成项目"
-                          : item.finishType === 2
+                        ? "完成项目"
+                        : item.finishType === 2
                           ? "完成阶段"
                           : item.finishType === 3
-                          ? "完成任务"
-                          : item.finishType === 4
-                          ? "考试合格"
-                          : item.finishType === 5
-                          ? "获得积分"
-                          : "-"
+                            ? "完成任务"
+                            : item.finishType === 4
+                              ? "考试合格"
+                              : item.finishType === 5
+                                ? "获得积分"
+                                : "-"
                       }}
                     </div>
                     <a-popover class="certificateMorebox">
                       <template #content>
-                        <div
-                          class="certificateMore"
-                          style="
-                            font-size: 12px;
-                            font-weight: 400;
-                            color: #333333;
-                          "
-                        >
-                          <div
-                            class="certificateMore1"
-                            style="line-height: 22px; cursor: pointer"
-                            @click="checkCertificate(item)"
-                          >
+                        <div class="certificateMore" style="
+                                  font-size: 12px;
+                                  font-weight: 400;
+                                  color: #333333;
+                                ">
+                          <div class="certificateMore1" style="line-height: 22px; cursor: pointer"
+                            @click="checkCertificate(item)">
                             查看
                           </div>
-                          <div
-                            class="certificateMore2"
-                            style="line-height: 22px; cursor: pointer"
-                            @click="editCertificate(item)"
-                          >
+                          <div class="certificateMore2" style="line-height: 22px; cursor: pointer"
+                            @click="editCertificate(item)">
                             编辑
                           </div>
-                          <div
-                            class="certificateMore3"
-                            style="line-height: 22px; cursor: pointer"
-                            @click="deleteCertificate(item)"
-                          >
+                          <div class="certificateMore3" style="line-height: 22px; cursor: pointer"
+                            @click="deleteCertificate(item)">
                             删除
                           </div>
                         </div>
                       </template>
                       <div>
                         更多
-                        <img
-                          style="width: 11px; height: 8px; margin-left: 2px"
-                          src="../../assets/images/project/triangle.png"
-                        />
-                      </div>
-                    </a-popover>
+                        <img style="width: 11px; height: 8px; margin-left: 2px"
+                          src="../../assets/images/project/triangle.png" />
+                    </div>
+                  </a-popover>
                     <!-- <div class="certificateMorebox">
-                    更多
-                  </div> -->
+                          更多
+                        </div> -->
                   </div>
                 </div>
                 <div class="certificateName">{{ item.name }}</div>
@@ -1102,33 +851,25 @@
             </div>
           </div>
           <!-- 查看证书显示的页面 -->
-          <TableCertificateStudent
-            :projectId="projectId"
-            :ACertificateCheckId="ACertificateCheckId"
-            v-if="ischeckCertificate"
-            v-model:ischeckCertificate="ischeckCertificate"
-          >
+          <TableCertificateStudent :projectId="projectId" :ACertificateCheckId="ACertificateCheckId"
+            v-if="ischeckCertificate" v-model:ischeckCertificate="ischeckCertificate">
           </TableCertificateStudent>
         </a-tab-pane>
         <a-tab-pane key="8" tab="设置">
           <div class="split"></div>
           <a-tabs v-model:activeKey="activeSetKey">
-            <a-tab-pane key="12" tab="基本信息">
-              <div class="content7">
+          <a-tab-pane key="12" tab="基本信息">
+            <div class="content7">
                 <!-- <div class="set_tit">
-              <span>基本信息</span>
-            </div> -->
-                <!-- <div class="line"></div> -->
-                <div class="set_body">
-                  <!-- <div class="edit" @click="showEditProj">
-                <div class="img"></div>
-                <div class="ed">编辑</div>
-              </div> -->
-                  <div
-                    class="edit"
-                    v-if="status != 3 && checkPer(permissions)"
-                    @click="toEdit"
-                  >
+                    <span>基本信息</span>
+                  </div> -->
+              <!-- <div class="line"></div> -->
+              <div class="set_body">
+                <!-- <div class="edit" @click="showEditProj">
+                      <div class="img"></div>
+                      <div class="ed">编辑</div>
+                    </div> -->
+                  <div class="edit" v-if="status != 3 && checkPer(permissions)" @click="toEdit">
                     <div class="img"></div>
                     <div class="ed">编辑</div>
                   </div>
@@ -1141,19 +882,13 @@
                   <div class="set_content">
                     <div class="setc_name"><span>封面图：</span></div>
                     <div class="setc_main">
-                      <img
-                        style="width: 151px; height: 84px"
-                        :src="picUrl"
-                        alt=""
-                      />
+                      <img style="width: 151px; height: 84px" :src="picUrl" alt="" />
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>项目时间：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999"
-                        >{{ startTime }} ～ {{ endTime }}</span
-                      >
+                      <span style="color: #999999">{{ startTime }} ～ {{ endTime }}</span>
                     </div>
                   </div>
                   <div class="set_content">
@@ -1171,41 +906,31 @@
                   <div class="set_content">
                     <div class="setc_name"><span>项目级别：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999"
-                        ><ProjectLevel
-                          v-model:value="level"
-                          :tag="true"
-                        ></ProjectLevel
-                      ></span>
+                      <span style="color: #999999">
+                        <ProjectLevel v-model:value="level" :tag="true"></ProjectLevel>
+                      </span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999"
-                        ><TrainClass
-                          v-model:value="systemId"
-                          :tag="true"
-                        ></TrainClass
-                      ></span>
+                      <span style="color: #999999">
+                        <TrainClass v-model:value="systemId" :tag="true"></TrainClass>
+                      </span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedSty" :disabled="true"
-                        ><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>是否BOEU实施：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedBOEU" :disabled="true"
-                        ><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>
                   <div class="set_content" v-if="remark">
@@ -1232,169 +957,103 @@
                       <div class="box"></div>
                       <div class="onetitle">上传共享文档</div>
                       <div class="oneedi">
-                        <a-switch
-                          size="small"
-                          v-model:checked="docChecked"
-                          @change="checkedClose"
-                        ></a-switch>
+                        <a-switch size="small" v-model:checked="docChecked" @change="checkedClose"></a-switch>
                       </div>
                     </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"
-                      >
-                        <span
-                          class="xkbtn"
-                          style="cursor: pointer; font-size: 17px"
-                          >上传</span
-                        >
-                        <img
-                          src="@/assets/images/basicinfo/cloud.png"
-                          style="
-                            cursor: pointer;
-                            width: 24px;
-                            height: 24px;
-                            margin-left: 8px;
-                            margin-bottom: 3px;
-                          "
-                          alt=""
-                        />
+                      <a-upload 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>
+                        <img src="@/assets/images/basicinfo/cloud.png" style="
+                                  cursor: pointer;
+                                  width: 24px;
+                                  height: 24px;
+                                  margin-left: 8px;
+                                  margin-bottom: 3px;
+                                " alt="" />
                       </a-upload>
-                      <div
-                        v-if="docChecked == true"
-                        class="btnbox"
-                        style="margin: 20px"
-                      >
+                      <div v-if="docChecked == true" class="btnbox" style="margin: 20px">
                         <span style="color: #999999">
                           支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                         </span>
                       </div>
-                      <div
-                        v-for="item in fileList"
-                        :key="item.uid"
-                        style="
-                          width: 500px;
-                          display: flex;
-                          margin-bottom: 30px;
-                          justify-content: space-between;
+                      <div v-for="item in fileList" :key="item.uid" style="
+                                width: 500px;
+                                display: flex;
+                                margin-bottom: 30px;
+                                justify-content: space-between;
                           align-items: center;
-                        "
-                        class="docListStyle"
-                      >
-                        <!-- <img
+                        " class="docListStyle">
+                      <!-- <img
                           src="@/assets/images/basicinfo/download.png"
                           style="
                             cursor: pointer;
                             width: 40px;
                             height: 40px;
                             margin-right: 40px;
-                          "
-                          alt=""
-                        /> -->
-                        <img
-                          v-if="
-                            item.name.indexOf('jpg') !== -1 ||
-                            item.name.indexOf('jpeg') !== -1 ||
-                            item.name.indexOf('png') !== -1
-                          "
-                          style="width: 27px; height: 32px; margin-right: 40px"
-                          src="@/assets/images/coursewareManage/pngpic.png"
-                        />
-                        <div v-else>
-                          <img
-                            v-if="item.name.indexOf('doc') !== -1"
-                            style="
-                              width: 27px;
-                              height: 32px;
-                              margin-right: 40px;
-                            "
-                            src="@/assets/images/coursewareManage/docpic.png"
-                          />
-                          <div v-else>
-                            <img
-                              v-if="item.name.indexOf('xls') !== -1"
-                              style="
-                                width: 27px;
-                                height: 32px;
-                                margin-right: 40px;
-                              "
-                              src="@/assets/images/coursewareManage/xlspic.png"
-                            />
-                            <div v-else>
-                              <img
-                                v-if="item.name.indexOf('ppt') !== -1"
-                                style="
-                                  width: 27px;
-                                  height: 32px;
-                                  margin-right: 40px;
                                 "
-                                src="@/assets/images/coursewareManage/pptpic.png"
-                              />
-                              <div v-else>
-                                <img
-                                  v-if="item.name.indexOf('pdf') !== -1"
-                                  style="
+                                alt=""
+                              /> -->
+                        <img v-if="
+                          item.name.indexOf('jpg') !== -1 ||
+                          item.name.indexOf('jpeg') !== -1 ||
+                          item.name.indexOf('png') !== -1
+                        " style="width: 27px; height: 32px; margin-right: 40px"
+                          src="@/assets/images/coursewareManage/pngpic.png" />
+                        <div v-else>
+                          <img v-if="item.name.indexOf('doc') !== -1" style="
                                     width: 27px;
                                     height: 32px;
                                     margin-right: 40px;
-                                  "
-                                  src="@/assets/images/coursewareManage/pdfpic.png"
-                                />
+                                  " src="@/assets/images/coursewareManage/docpic.png" />
+                          <div v-else>
+                            <img v-if="item.name.indexOf('xls') !== -1" style="
+                                      width: 27px;
+                                      height: 32px;
+                                      margin-right: 40px;
+                                    " src="@/assets/images/coursewareManage/xlspic.png" />
+                            <div v-else>
+                              <img v-if="item.name.indexOf('ppt') !== -1" style="
+                                        width: 27px;
+                                        height: 32px;
+                                        margin-right: 40px;
+                                      " src="@/assets/images/coursewareManage/pptpic.png" />
+                              <div v-else>
+                                <img v-if="item.name.indexOf('pdf') !== -1" style="
+                                          width: 27px;
+                                          height: 32px;
+                                          margin-right: 40px;
+                                        " src="@/assets/images/coursewareManage/pdfpic.png" />
                                 <div v-else>
-                                  <img
-                                    v-if="item.name.indexOf('zip') !== -1"
-                                    style="
-                                      width: 27px;
-                                      height: 32px;
-                                      margin-right: 40px;
-                                    "
-                                    src="@/assets/images/coursewareManage/zippic.png"
-                                  />
-                                  <img
-                                    v-else
-                                    style="
-                                      width: 27px;
-                                      height: 32px;
-                                      margin-right: 40px;
-                                    "
-                                    src="@/assets/images/coursewareManage/docpic.png"
-                                  />
+                                  <img v-if="item.name.indexOf('zip') !== -1" style="
+                                            width: 27px;
+                                            height: 32px;
+                                            margin-right: 40px;
+                                          " src="@/assets/images/coursewareManage/zippic.png" />
+                                  <img v-else style="
+                                            width: 27px;
+                                            height: 32px;
+                                            margin-right: 40px;
+                                          " src="@/assets/images/coursewareManage/docpic.png" />
                                 </div>
                               </div>
                             </div>
                           </div>
                         </div>
-                        <span
-                          style="
-                            font: oblique bold 16px Sans-serif;
-                            width: 300px;
-                            display: block;
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-                          "
-                          :title="item.name"
-                          >{{ item.name }}</span
-                        >
-                        <a
-                          href="javascript:void(0);"
-                          @click="
-                            downloadFile(
-                              item.response ? item.response.data : ''
-                            )
-                          "
-                          style="margin-left: 5px"
-                          >下载</a
-                        >
-                        <span
-                          style="color: #4ea6ff; float: right; cursor: pointer"
-                          @click="deFile(item.uid)"
-                          >删除</span
-                        >
+                        <span style="
+                                  font: oblique bold 16px Sans-serif;
+                                  width: 300px;
+                                  display: block;
+                                  overflow: hidden;
+                                  white-space: nowrap;
+                                  text-overflow: ellipsis;
+                                " :title="item.name">{{ item.name }}</span>
+                        <a href="javascript:void(0);" @click="
+                          downloadFile(
+                            item.response ? item.response.data : ''
+                          )
+                        " style="margin-left: 5px">下载</a>
+                        <span style="color: #4ea6ff; float: right; cursor: pointer" @click="deFile(item.uid)">删除</span>
                       </div>
                     </div>
                   </div>
@@ -1406,190 +1065,86 @@
       </a-tabs>
     </div>
     <!-- 时间管理抽屉 -->
-    <time-manage
-      v-model:Tvisible="visible"
-      :projectTaskId="projectTaskId"
-      :title="showTimeText"
-      :itemsType="itemstype"
-    />
+    <time-manage v-model:Tvisible="visible" :projectTaskId="projectTaskId" :title="showTimeText" :itemsType="itemstype" />
     <!-- 在线、案例等管理抽屉 -->
-    <ProjectOnlineManage
-      v-model:Tvisible="onlineVisible"
-      :projectTaskId="projectTaskId"
-      :title="showTimeText"
-      :itemsType="itemstype"
-      :datasource="commonData"
-      :levelName="commonLevelName"
-    />
+    <ProjectOnlineManage v-model:Tvisible="onlineVisible" :projectTaskId="projectTaskId" :title="showTimeText"
+      :itemsType="itemstype" :datasource="commonData" :levelName="commonLevelName" />
     <!-- 面授管理抽屉 -->
-    <ProjectFaceTaskManage
-      v-model:Fvisible="FaceVisivle"
-      :projectTaskId="projectTaskId"
-      :title="showFaceText"
-      :projectTaskInfo="projectTaskInfo"
-    />
+    <ProjectFaceTaskManage v-model:Fvisible="FaceVisivle" :projectTaskId="projectTaskId" :title="showFaceText"
+      :projectTaskInfo="projectTaskInfo" />
     <!-- 作业管理抽屉 -->
-    <ProjectHomeWorkManage
-      v-model:Wvisible="Wvisible"
-      :projectTaskId="projectTaskId"
-      :title="showWorkText"
-      :projectTaskInfo="projectTaskInfo"
-    />
+    <ProjectHomeWorkManage v-model:Wvisible="Wvisible" :projectTaskId="projectTaskId" :title="showWorkText"
+      :projectTaskInfo="projectTaskInfo" />
     <!-- 系统考试管理抽屉 -->
-    <ProjectExamManage
-      v-model:TMvisible="TMvisible"
-      :title="showTestText"
-      :projectTaskId="projectTaskId"
-      :datasource="examData"
-    />
+    <ProjectExamManage v-model:TMvisible="TMvisible" :title="showTestText" :projectTaskId="projectTaskId"
+      :datasource="examData" />
     <!-- 外部考试管理抽屉 -->
-    <ProjectExternalExamManage
-      v-model:TMvisibleExternal="TMvisibleExternal"
-      :title="showTestText"
-      :projectTaskId="projectTaskId"
-      :datasource="examData"
-    />
+    <ProjectExternalExamManage v-model:TMvisibleExternal="TMvisibleExternal" :title="showTestText"
+      :projectTaskId="projectTaskId" :datasource="examData" />
     <!-- 投票管理抽屉 -->
-    <ProjectVoteManage
-      v-model:ProjectVoteModelVisible="projectVoteModelVisible"
-      :title="voteModelVisibleTitle"
-      :levelName="voteLevelName"
-      :datasource="voteData"
-    />
+    <ProjectVoteManage v-model:ProjectVoteModelVisible="projectVoteModelVisible" :title="voteModelVisibleTitle"
+      :levelName="voteLevelName" :datasource="voteData" />
     <!-- 测评抽屉 -->
-    <ProjectEvalManage
-      v-model:Evalvisible="Evalvisible"
-      :title="showTestText"
-      :projectTaskId="projectTaskId"
-      :itemsType="evaltype"
-      :datasource="evalData"
-    />
+    <ProjectEvalManage v-model:Evalvisible="Evalvisible" :title="showTestText" :projectTaskId="projectTaskId"
+      :itemsType="evaltype" :datasource="evalData" />
     <!-- 添加证书抽屉 -->
-    <AddCertificate
-      v-model:ACertificate="ACertificate"
-      v-model:projectId="projectId"
-      v-model:ACertificateEdit="ACertificateEdit"
-      :getCertificate="getCertificate"
-      :ACertificateEditId="ACertificateEditId"
-    />
+    <AddCertificate v-model:ACertificate="ACertificate" v-model:projectId="projectId"
+      v-model:ACertificateEdit="ACertificateEdit" :getCertificate="getCertificate"
+      :ACertificateEditId="ACertificateEditId" />
     <!-- 创建证书抽屉 -->
     <CreateCertificate v-model:CCertificate="CCertificate" />
     <!-- 预览 -->
-    <a-modal
-      :title="null"
-      width="60%"
-      :footer="null"
-      v-model:visible="modal1Visible"
-      style="display: flex; justify-content: center; align-items: center"
-      @ok="setModal1Visible(false)"
-    >
-      <img
-        :width="screenWidth * 0.55"
-        src="https://picb6.photophoto.cn/32/552/32552236_1.jpg"
-        alt=""
-        srcset=""
-      />
+    <a-modal :title="null" width="60%" :footer="null" v-model:visible="modal1Visible"
+      style="display: flex; justify-content: center; align-items: center" @ok="setModal1Visible(false)">
+      <img :width="screenWidth * 0.55" src="https://picb6.photophoto.cn/32/552/32552236_1.jpg" alt="" srcset="" />
     </a-modal>
     <!-- 学员（小组管理）创建小组抽屉 -->
-    <subset-manage
-      v-model:Svisible="subsetVisivle"
-      :projectId="projectId"
-      v-model:getGroup="getGroup"
-    />
+    <subset-manage v-model:Svisible="subsetVisivle" :projectId="projectId" v-model:getGroup="getGroup" />
     <!-- 学员管理-添加学员抽屉 -->
     <!-- <stu-add v-model:Stuvisible="Stuvisible" /> -->
     <!-- 添加学员抽屉 -->
-    <proj-check-ship
-      v-model:ProjCheckvisible="Stuvisible"
-      :selectProjectId="projectId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="project"
-      :type="2"
-    />
+    <proj-check-ship v-model:ProjCheckvisible="Stuvisible" :selectProjectId="projectId" v-model:addAuthList="addAuthList"
+      :authClassify="authClassify" classify="project" :type="2" />
     <!-- 学员管理-导入学员抽屉 -->
     <import-stu v-model:Importvisible="Importvisible" />
     <!-- 查看学员 传入查看学员的id-->
-    <see-stu
-      v-model:Seevisible="Seevisible"
-      v-model:checkStuId="checkStuId"
-      v-model:projectId="projectId"
-    />
+    <see-stu 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"
-    />
+    <change-group 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:chooseGroupName="chooseGroupName"
-      v-model:groupMemberCount="groupMemberCount"
-      v-model:projectId="projectId"
-    />
+    <member-list v-model:Lvisible="Lvisible" v-model:chooseGroupId="chooseGroupId"
+      v-model:chooseGroupName="chooseGroupName" v-model:groupMemberCount="groupMemberCount"
+      v-model:projectId="projectId" />
     <!-- 面授学员抽屉 -->
-    <ProjectFaceStu
-      v-model:FSvisible="FSvisible"
-      :projectTaskInfo="facestudent"
-    />
+    <ProjectFaceStu v-model:FSvisible="FSvisible" :projectTaskInfo="facestudent" />
     <!-- 活动直播考勤抽屉 -->
-    <active-attendance
-      v-model:AAvisible="AAvisible"
-      :datasource="liveData"
-      :title="showKaoqinText"
-      types="2"
-      classify="2"
-    />
+    <active-attendance v-model:AAvisible="AAvisible" :datasource="liveData" :title="showKaoqinText" types="2"
+      classify="2" />
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="pubproject"
-        :title="null"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        :centered="true"
-        wrapClassName="pubproject"
-        width="679px"
-        height="437px"
-      >
-        <div
-          class="modalHeader"
-          style="
-            width: 100%;
-            height: 68px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-          "
-        >
+      <a-modal v-model:visible="pubproject" :title="null" @ok="closeModal" :footer="null" :closable="false"
+        :centered="true" wrapClassName="pubproject" width="679px" height="437px">
+        <div class="modalHeader" style="
+                  width: 100%;
+                  height: 68px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: space-between;
+                ">
           <div class="headerLeft" style="margin-left: 32px">
-            <span style="width: 15px; height: 15px"
-              ><img src="../../assets/images/taskpage/pub.png"
-            /></span>
-            <span
-              class="headerLeftText"
-              style="font-size: 16px; margin-left: 10px"
-              >项目发布</span
-            >
+            <span style="width: 15px; height: 15px"><img src="../../assets/images/taskpage/pub.png" /></span>
+            <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"
-            />
+            <img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
           </div>
         </div>
         <div class="modalMain">
           <div class="projectname">管理者进阶-腾飞班1</div>
           <div class="projecttime">
-            <span class="timeti">项目时间：</span
-            ><span class="timeme">2022/08/01-2022/08/30</span>
+            <span class="timeti">项目时间：</span><span class="timeme">2022/08/01-2022/08/30</span>
           </div>
           <div class="projectbox">
             <div class="promessage">
@@ -1606,12 +1161,8 @@
             <span class="sendtext">发送项目通知</span>
           </div>
           <div class="ckb">
-            <a-checkbox v-model:checked="checked1"
-              ><span class="sendpeo">发给老师</span></a-checkbox
-            >
-            <a-checkbox v-model:checked="checked2"
-              ><span class="sendpeo">发给学员</span></a-checkbox
-            >
+            <a-checkbox v-model:checked="checked1"><span class="sendpeo">发给老师</span></a-checkbox>
+            <a-checkbox v-model:checked="checked2"><span class="sendpeo">发给学员</span></a-checkbox>
           </div>
           <div class="pubtn">
             <a-button class="pubtn1" @click="closeModal">取消</a-button>
@@ -1623,89 +1174,53 @@
     <!-- 概览（无数据）-项目发布弹窗 -->
     <!-- 学员-创建小组弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="stugroup"
-        :title="null"
-        @ok="closeModal2"
-        :footer="null"
-        :closable="false"
-        :centered="true"
-        wrapClassName="doublepro"
-        width="624px"
-        height="332px"
-      >
-        <div
-          class="modalHeader"
-          style="
-            width: 100%;
-            height: 68px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-          "
-        >
+      <a-modal v-model:visible="stugroup" :title="null" @ok="closeModal2" :footer="null" :closable="false"
+        :centered="true" wrapClassName="doublepro" width="624px" height="332px">
+        <div class="modalHeader" style="
+                  width: 100%;
+                  height: 68px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: space-between;
+                ">
           <div class="headerLeft" style="margin-left: 32px">
             <span class="headerLeftText" style="font-size: 16px">{{
-                !groupInfo?.id ? "创建小组" : "编辑小组"
+              !groupInfo?.id ? "创建小组" : "编辑小组"
             }}</span>
           </div>
           <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
-            <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
-            />
+            <img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
           </div>
         </div>
         <div class="modalMain">
           <div class="name">
             <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
+              <img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
             </div>
             <div class="inname">小组名称:</div>
             <div class="in">
-              <a-input
-                v-model:value="groupInfo.groupName"
-                placeholder="请输入小组名称"
-                style="border-radius: 8px; height: 40px"
-                :maxlength="100"
-                show-count
-              />
+              <a-input v-model:value="groupInfo.groupName" placeholder="请输入小组名称" style="border-radius: 8px; height: 40px"
+                :maxlength="100" show-count />
             </div>
           </div>
           <div class="name">
             <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
+              <img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
             </div>
             <div class="inname">组员人数:</div>
             <div class="in">
-              <a-input-number
-                :min="0"
-                :max="300"
-                :precision="0"
-                style="width: 395px; height: 40px; border-radius: 8px"
-                v-model:value="groupInfo.groupMemberCount"
-              ></a-input-number>
+              <a-input-number :min="0" :max="300" :precision="0" style="width: 395px; height: 40px; border-radius: 8px"
+                v-model:value="groupInfo.groupMemberCount"></a-input-number>
             </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"
-              />
+              <img style="width: 10px; height: 10px; margin-left: 15px"
+                src="../../assets/images/basicinfo/asterisk.png" />
             </div>
             <div class="inname">小组长:</div>
             <div class="in">
-              <ProjectManager
-                v-model:value="groupInfo.leaderId"
-                v-model:name="groupInfo.leaderName"
-              ></ProjectManager>
+              <ProjectManager v-model:value="groupInfo.leaderId" v-model:name="groupInfo.leaderName"></ProjectManager>
             </div>
           </div>
           <div class="pubtn">
@@ -1718,14 +1233,8 @@
     <!-- 学员-创建小组弹窗 -->
     <!-- 取消学员弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="canclestu"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu"
-        centered="true"
-        @cancel="cancelyou"
-      >
+      <a-modal v-model:visible="canclestu" :footer="null" :closable="close" wrapClassName="canclestu" centered="true"
+        @cancel="cancelyou">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -1751,13 +1260,7 @@
     <!-- 取消学员弹窗 -->
     <!-- 优秀学员弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="canclestu1"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu1"
-        centered="true"
-      >
+      <a-modal v-model:visible="canclestu1" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -1783,13 +1286,7 @@
     <!-- 取消学员弹窗 -->
     <!-- 删除学员弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="deleteOneStu"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu1"
-        centered="true"
-      >
+      <a-modal v-model:visible="deleteOneStu" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -1815,14 +1312,8 @@
     <!-- 删除学员弹窗 -->
     <!-- 删除弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="delete_hs"
-        :footer="null"
-        :closable="closableQR"
-        wrapClassName="DelModal"
-        style="margin-top: 400px"
-        @cancel="delete_exit"
-      >
+      <a-modal 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>
           <div class="del_main">
@@ -1849,13 +1340,7 @@
     <!-- 删除弹窗 -->
     <!-- 批量删除弹窗 -->
     <div>
-      <a-modal
-        v-model:visible="allDelete"
-        :footer="null"
-        :closable="close"
-        wrapClassName="canclestu1"
-        centered="true"
-      >
+      <a-modal v-model:visible="allDelete" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -1881,50 +1366,27 @@
     <!-- 编辑项目弹窗 -->
     <proj-set v-model:editHs="editHs" v-model:projectId="projectId" />
     <!-- 发布弹窗 -->
-    <a-modal
-      v-model:visible="projectPub"
-      :title="null"
-      :footer="null"
-      :closable="false"
-      wrapClassName="projectPub"
-      width="679px"
-      height="437px"
-    >
-      <div
-        class="modalHeader"
-        style="
-          width: 100%;
-          height: 68px;
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-        "
-      >
+    <a-modal v-model:visible="projectPub" :title="null" :footer="null" :closable="false" wrapClassName="projectPub"
+      width="679px" height="437px">
+      <div class="modalHeader" style="
+                width: 100%;
+                height: 68px;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+              ">
         <div class="headerLeft" style="margin-left: 32px">
-          <span style="width: 15px; height: 15px"
-            ><img src="../../assets/images/taskpage/pub.png"
-          /></span>
-          <span
-            class="headerLeftText"
-            style="font-size: 16px; margin-left: 10px"
-            >项目发布</span
-          >
+          <span style="width: 15px; height: 15px"><img src="../../assets/images/taskpage/pub.png" /></span>
+          <span class="headerLeftText" style="font-size: 16px; margin-left: 10px">项目发布</span>
         </div>
-        <div
-          style="cursor: pointer; margin-right: 32px"
-          @click="closeProjectPub"
-        >
-          <img
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
+        <div style="cursor: pointer; margin-right: 32px" @click="closeProjectPub">
+          <img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
         </div>
       </div>
       <div class="modalMain">
         <div class="projectname">{{ releaseProjectName }}</div>
         <div class="projecttime" v-if="startTime">
-          <span class="timeti">项目时间：</span
-          ><span class="timeme">{{ startTime }}~{{ endTime }}</span>
+          <span class="timeti">项目时间：</span><span class="timeme">{{ startTime }}~{{ endTime }}</span>
         </div>
         <div class="projectbox">
           <div class="promessage">
@@ -1936,9 +1398,9 @@
           <div class="stumessage">
             <div class="messageme1">学员信息</div>
             <div class="messagege1">项目共{{ projectStudentsNum }}名学员</div>
-          </div>
         </div>
-        <!-- <div class="send">
+      </div>
+      <!-- <div class="send">
           <a-switch v-model:checked="checked" size="small" />
           <span class="sendtext">发送路径通知</span>
         </div>
@@ -1947,30 +1409,21 @@
             ><span class="sendpeo">发给老师</span></a-checkbox
           >
           <a-checkbox v-model:checked="checkStu"
-            ><span class="sendpeo">发给学员</span></a-checkbox
-          >
-        </div> -->
+                  ><span class="sendpeo">发给学员</span></a-checkbox
+                >
+              </div> -->
         <div class="pubtn">
           <a-button class="pubtn1" @click="closeProjectPub">取消</a-button>
           <a-button class="pubtn2" @click="releaseProject">发布</a-button>
         </div>
       </div>
       <!--  加载动画 -->
-      <div
-        class="aeLoading"
-        :style="{ display: projectPubLoading ? 'flex' : 'none' }"
-      >
+      <div class="aeLoading" :style="{ display: projectPubLoading ? 'flex' : 'none' }">
         <a-spin :spinning="projectPubLoading" />
       </div>
     </a-modal>
     <!-- 撤回弹窗 -->
-    <a-modal
-      v-model:visible="backModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="backModal" :footer="null" :closable="closeBack" wrapClassName="CopyModal" centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -1995,13 +1448,8 @@
       </div>
     </a-modal>
     <!-- 项目撤回审核弹窗 -->
-    <a-modal
-      v-model:visible="recallReviewModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="recallReviewModal" :footer="null" :closable="false" wrapClassName="CopyModal"
+      centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -2026,13 +1474,7 @@
       </div>
     </a-modal>
     <!-- 结束项目弹窗 -->
-    <a-modal
-      v-model:visible="stopModal"
-      :footer="null"
-      :closable="closeStop"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="stopModal" :footer="null" :closable="closeStop" wrapClassName="CopyModal" centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -2059,13 +1501,7 @@
       </div>
     </a-modal>
     <!-- 存为模版弹窗 -->
-    <a-modal
-      v-model:visible="startModal"
-      :footer="null"
-      :closable="closeStart"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="startModal" :footer="null" :closable="closeStart" wrapClassName="CopyModal" centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -2089,19 +1525,10 @@
       </div>
     </a-modal>
     <!-- 二维码弹窗 -->
-    <two-dimensional-code
-      v-model:codevisible="codevisible"
-      :codeInfo="codeInfo"
-      index="0"
-      type="课程二维码"
-    />
+    <two-dimensional-code v-model:codevisible="codevisible" :codeInfo="codeInfo" index="0" type="课程二维码" />
     <!-- 二维码弹窗 -->
     <!-- 换组弹窗 -->
-    <ChangeGroupModal
-      v-model:changegroupV="changegroupV"
-      :groupList="groupList"
-      :checkgroupStuId="checkgroupStuId"
-    />
+    <ChangeGroupModal v-model:changegroupV="changegroupV" :groupList="groupList" :checkgroupStuId="checkgroupStuId" />
     <!-- 换组弹窗 -->
   </div>
 </template>
@@ -2223,6 +1650,24 @@ export default {
             </div>
           ),
         },
+        {
+          title: "岗位",
+          dataIndex: "studentJobName",
+          key: "studentJobName",
+          width: 80,
+          align: "center",
+          className: "h",
+          ellipsis: true
+        },
+        {
+          title: "证书数量",
+          dataIndex: "certCount",
+          key: "certCount",
+          width: 80,
+          align: "center",
+          className: "h",
+          ellipsis: true
+        },
         {
           title: "状态",
           dataIndex: "status",
@@ -2236,8 +1681,8 @@ export default {
               {record.finishTaskNum == 0
                 ? "未开始"
                 : record.finishTaskNum == record.totalTaskNum
-                ? "已完成"
-                : "进行中"}
+                  ? "已完成"
+                  : "进行中"}
             </div>
           ),
         },
@@ -2385,7 +1830,7 @@ export default {
       inputValue3: 5,
       valueaddm: "", //创建小组输入小组长
       valueaddg: "", //创建小组输入名称
-      groupInfo: {leaderName:'',leaderId:''}, //创建小组
+      groupInfo: { leaderName: '', leaderId: '' }, //创建小组
       groupPageList: [], //小组列表
       groupNumber: 0, //组员人数
       valuestun: "", //学员管理姓名
@@ -3027,16 +2472,16 @@ export default {
     };
     //点击确定创建小组
     const createG = () => {
-      if(!state.groupInfo.groupName){
+      if (!state.groupInfo.groupName) {
         return message.warning("请输入小组名称");
       }
-      if(!state.groupInfo.leaderId){
+      if (!state.groupInfo.leaderId) {
         return message.warning("请选择小组长");
       }
-      if(!state.groupInfo.leaderName){
+      if (!state.groupInfo.leaderName) {
         return message.warning("请选择小组长");
       }
-      if(!state.groupInfo.groupMemberCount){
+      if (!state.groupInfo.groupMemberCount) {
         return message.warning("请输入组员数量");
       }
       createGroup();
@@ -3454,7 +2899,7 @@ export default {
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          {/* console.log("点击了111", text); */}
+                          {/* console.log("点击了111", text); */ }
                           showDeleteOne(text.record.studentId);
                         }}
                       >
@@ -3649,12 +3094,12 @@ export default {
             value.source == 0
               ? "报名加入"
               : value.source == 1
-              ? "指定添加"
-              : value.source == 2
-              ? "组织添加"
-              : value.source == 3
-              ? "受众添加"
-              : "-", //加入方式
+                ? "指定添加"
+                : value.source == 2
+                  ? "组织添加"
+                  : value.source == 3
+                    ? "受众添加"
+                    : "-", //加入方式
           stutime: toDate(value.beginStudyTime, "Y-M-D"), //开始学习时间
         };
         array.push(obj);
@@ -3675,7 +3120,7 @@ export default {
           leaderId: value.leaderId, //组长id
           leaderName: value.leaderName, //组长名称
           groupMemberCount: value.groupMemberCount, //组员人数 == 1 ? "指定添加" : "随机分组",
-          source: value.source ,
+          source: value.source,
           completeTaskCnt: value.completeTaskCnt, //完成任务数
           totalTaskCnt: value.totalTaskCnt, //累计任务数
           completeRatio: value.completeRatio ? value.completeRatio : 0, //完成比例
@@ -3698,10 +3143,10 @@ export default {
           state.valuegood == "优秀学员"
             ? 1
             : state.valuegood == "普通学员"
-            ? 0
-            : state.valuegood == "全部"
-            ? ""
-            : "",
+              ? 0
+              : state.valuegood == "全部"
+                ? ""
+                : "",
       };
       //重新获取列表
       getStu(obj);
@@ -3840,25 +3285,25 @@ export default {
         pageSize: 10,
         projectId: state.projectId,
       };
-      getGroupList(objf).then((res) => {state.groupPageList = res.data.data.rows})
+      getGroupList(objf).then((res) => { state.groupPageList = res.data.data.rows })
     };
     //删除小组
     const deleteGroupBtn = (projectGroupId) => {
-      deleteGroup({projectGroupId}).then(() => {
+      deleteGroup({ projectGroupId }).then(() => {
         message.success("删除小组成功");
         getGroup();
       });
     };
     //创建小组
     const createGroup = async () => {
-      console.log("state.groupPageList"+ state.groupPageList)
+      console.log("state.groupPageList" + state.groupPageList)
       const d = state.groupPageList.filter(item => item.leaderId === state.groupInfo.leaderId);
-      if(d.length > 0) {
-        return message.warn(d[0].leaderName+"已是小组长，请重新选择");
+      if (d.length > 0) {
+        return message.warn(d[0].leaderName + "已是小组长，请重新选择");
       }
       const id = state.groupInfo.id
-      await editGroup({...state.groupInfo,projectId:state.projectId})
-      message.success(id?'小组编辑成功':"小组创建成功");
+      await editGroup({ ...state.groupInfo, projectId: state.projectId })
+      message.success(id ? '小组编辑成功' : "小组创建成功");
       getGroup();
       getStu();
     };
@@ -4072,14 +3517,14 @@ export default {
           state.action == 2
             ? "发布"
             : state.action == 0
-            ? "提交审核"
-            : state.action == 1
-            ? "撤回审核"
-            : state.action == 3
-            ? "撤回发布"
-            : state.action == -1
-            ? ""
-            : "-";
+              ? "提交审核"
+              : state.action == 1
+                ? "撤回审核"
+                : state.action == 3
+                  ? "撤回发布"
+                  : state.action == -1
+                    ? ""
+                    : "-";
       });
     };
     //打开发布弹窗
@@ -4362,36 +3807,36 @@ export default {
           status == -1
             ? (isEnd = true)
             : nowTime > endTime
-            ? (isEnd = true)
-            : (isEnd = false);
+              ? (isEnd = true)
+              : (isEnd = false);
           break;
         case 3:
           status == -1
             ? (isEnd = true)
             : nowTime > endTime
-            ? (isEnd = true)
-            : (isEnd = false);
+              ? (isEnd = true)
+              : (isEnd = false);
           break;
         case 5:
           status == -1
             ? (isEnd = true)
             : nowTime > endTime
-            ? (isEnd = true)
-            : (isEnd = false);
+              ? (isEnd = true)
+              : (isEnd = false);
           break;
         case 7:
           status == -1
             ? (isEnd = true)
             : nowTime > endTime
-            ? (isEnd = true)
-            : (isEnd = false);
+              ? (isEnd = true)
+              : (isEnd = false);
           break;
         case 10:
           status == -1
             ? (isEnd = true)
             : nowTime > endTime
-            ? (isEnd = true)
-            : (isEnd = false);
+              ? (isEnd = true)
+              : (isEnd = false);
           break;
       }
       return isEnd;
@@ -4410,9 +3855,9 @@ export default {
           return message.error("该任务无法学习，请联系管理员进行替换。");
         window.open(
           window.location.protocol +
-            import.meta.env.VUE_APP_BOE_API_URL +
-            "/mobile/pages/study/courseStudy?id=" +
-            item.targetId,
+          import.meta.env.VUE_APP_BOE_API_URL +
+          "/mobile/pages/study/courseStudy?id=" +
+          item.targetId,
           "_top"
         );
       }
@@ -4778,27 +4223,28 @@ export default {
   display: table;
   clear: both;
 }
+
 .ant-upload.ant-upload-select-picture-card {
   width: 170px;
   height: 200px;
 }
+
 .pubproject {
   .ant-modal {
     .ant-modal-body {
       .modalHeader {
-        background: linear-gradient(
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
-        );
+        background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%);
       }
+
       padding: 0;
+
       .modalHeader {
-        background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
-        );
+        background: linear-gradient(0deg,
+            rgba(78, 166, 255, 0) 0%,
+            rgba(78, 166, 255, 0.2) 100%);
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -4807,33 +4253,37 @@ export default {
           margin-left: 62px;
           font-weight: 500;
         }
+
         .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)
-            );
+            background: linear-gradient(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;
@@ -4841,21 +4291,22 @@ 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)
-            );
+            background: linear-gradient(180deg,
+                rgba(221, 234, 255, 1),
+                rgba(240, 248, 254, 1));
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -4863,6 +4314,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -4870,30 +4322,37 @@ 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;
           margin-top: 25px;
+
           //margin-bottom: 29px;
           .pubtn1 {
             width: 100px;
@@ -4908,6 +4367,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -4925,6 +4385,7 @@ export default {
     }
   }
 }
+
 .xkbtn11 {
   cursor: pointer;
   width: 130px;
@@ -4936,21 +4397,26 @@ export default {
   color: #fff;
   margin-top: 24px;
 }
+
 .canclestu {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-close {
         margin-right: 18px;
         margin-top: 5px;
       }
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -4958,6 +4424,7 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           // position: absolute;
           // left: 50%;
           // top: 10%;
@@ -4966,20 +4433,21 @@ export default {
             position: absolute;
             width: calc(100%);
             height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon1 {
                 width: 16px;
                 height: 16px;
@@ -4987,6 +4455,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -4997,6 +4466,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -5006,6 +4476,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -5014,10 +4485,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -5028,17 +4501,20 @@ export default {
                 justify-content: center;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -5050,17 +4526,21 @@ export default {
     }
   }
 }
+
 .CopyModal {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -5068,6 +4548,7 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           // position: absolute;
           // left: 50%;
           // top: 10%;
@@ -5076,20 +4557,21 @@ export default {
             position: absolute;
             width: calc(100%);
             height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -5097,6 +4579,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -5107,6 +4590,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -5116,6 +4600,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -5124,10 +4609,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -5138,17 +4625,20 @@ export default {
                 justify-content: center;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -5160,21 +4650,26 @@ export default {
     }
   }
 }
+
 .canclestu1 {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-close {
         margin-right: 18px;
         margin-top: 5px;
       }
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -5182,6 +4677,7 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           // position: absolute;
           // left: 50%;
           // top: 10%;
@@ -5190,20 +4686,21 @@ export default {
             position: absolute;
             width: calc(100%);
             height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon1 {
                 width: 16px;
                 height: 16px;
@@ -5211,6 +4708,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/notice.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -5221,6 +4719,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -5230,6 +4729,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -5238,10 +4738,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -5252,17 +4754,20 @@ export default {
                 justify-content: center;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -5274,21 +4779,23 @@ export default {
     }
   }
 }
+
 .doublepro {
   .ant-modal {
     .ant-modal-body {
       .modalHeader {
-        background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
-        );
+        background: linear-gradient(0deg,
+            rgba(78, 166, 255, 0) 0%,
+            rgba(78, 166, 255, 0.2) 100%);
       }
+
       padding: 0;
+
       .modalMain {
         display: flex;
         flex-direction: column;
         align-items: center;
+
         .name {
           width: 78%;
           // background-color: lightcoral;
@@ -5297,26 +4804,31 @@ export default {
           margin-top: 32px;
           align-items: center;
           height: 40px;
+
           // border: 1px solid black;
           .inname {
             color: #000000;
             font-size: 14px;
             margin-left: 7px;
           }
+
           .in {
             margin-left: 14px;
             width: 81%;
+
             .ant-input {
               border-radius: 5px;
               // height: 120%;
               width: 100%;
               height: 30px;
             }
+
             .ant-select {
               border-radius: 5px;
               // height: 120%;
               width: 100%;
               height: 40px;
+
               .ant-select-selector {
                 border-radius: 8px;
                 // height: 120%;
@@ -5326,10 +4838,12 @@ export default {
             }
           }
         }
+
         .pubtn {
           display: flex;
           justify-content: center;
           margin-top: 25px;
+
           //margin-bottom: 29px;
           .pubtn1 {
             width: 100px;
@@ -5344,6 +4858,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -5361,16 +4876,17 @@ export default {
     }
   }
 }
+
 .projectPub {
   .ant-modal {
     .ant-modal-body {
       padding: 0;
+
       .modalHeader {
-        background: linear-gradient(
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
-        );
+        background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%);
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -5380,33 +4896,37 @@ 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)
-            );
+            background: linear-gradient(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;
@@ -5414,21 +4934,22 @@ 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)
-            );
+            background: linear-gradient(180deg,
+                rgba(221, 234, 255, 1),
+                rgba(240, 248, 254, 1));
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -5436,6 +4957,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -5443,30 +4965,37 @@ 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;
           margin-top: 25px;
+
           //margin-bottom: 29px;
           .pubtn1 {
             width: 100px;
@@ -5481,6 +5010,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -5498,10 +5028,12 @@ export default {
     }
   }
 }
+
 .taskpage {
   width: 100%;
   display: flex;
   flex-direction: column;
+
   //position: relative;
   .addhead {
     width: 100%;
@@ -5511,27 +5043,32 @@ export default {
     justify-content: space-between;
     align-items: center;
     position: relative;
+
     .leftimg {
       width: 151px;
       height: 100px;
       border: 10px solid #e7f2ff;
       border-radius: 8px;
       margin-left: 20px;
+
       .img {
         width: 100%;
         height: 100%;
       }
     }
+
     .imgfor {
       margin-left: 32px;
       display: flex;
       flex: 1;
       flex-direction: column;
+
       .forz {
         color: #363636;
         font-weight: 600;
         font-size: 16px;
       }
+
       .fort {
         display: flex;
         flex-wrap: wrap;
@@ -5540,11 +5077,13 @@ export default {
         margin-top: 2px;
       }
     }
+
     @media screen and (max-width: 1030px) {
       .imgfor {
         margin-left: 20px;
       }
     }
+
     .right {
       // width: 500px;
       height: 100%;
@@ -5553,22 +5092,26 @@ export default {
       //right: 0;
       display: flex;
       align-items: center;
+
       .img1 {
         width: 24px;
         height: 24px;
         margin-right: 50px;
       }
+
       .line {
         height: 65%;
         width: 1px;
         background-color: #e8effa;
         margin-right: 28px;
       }
+
       .img2 {
         width: 42px;
         height: 42px;
         margin-right: 10px;
       }
+
       .pub {
         color: #ffb64e;
         font-size: 14px;
@@ -5576,18 +5119,21 @@ export default {
         margin-right: 30px;
         cursor: pointer;
       }
+
       .return {
         color: #4ea6ff;
         font-size: 14px;
         margin-top: 10px;
         margin-right: 60px;
       }
+
       .more {
         position: relative;
         margin-right: 30px;
         height: 30px;
         display: flex;
         align-items: center;
+
         .moreArrow {
           width: 13px;
           height: 7px;
@@ -5597,6 +5143,7 @@ export default {
           margin: 2px;
           margin-left: 15px;
         }
+
         .moreItems {
           width: 110px;
           // height: 80px;
@@ -5611,50 +5158,63 @@ export default {
           top: 30px;
           z-index: 100;
           cursor: pointer;
+
           .sammo {
             text-align: center;
             margin-top: 12px;
             cursor: pointer;
           }
+
           .sammo:hover {
             color: #4ea6ff;
           }
         }
+
         .moreItems:hover {
           display: block;
         }
       }
+
       @media screen and (max-width: 1240px) {
         .line {
           margin-right: 10px;
         }
+
         .img1 {
           margin-right: 15px;
         }
+
         .img2 {
           margin-right: 10px;
         }
+
         .return {
           margin-right: 10px;
         }
+
         .pub {
           margin-right: 10px;
         }
+
         .more {
           margin-right: 10px;
         }
       }
+
       .more:hover .moreArrow {
         background-image: url("../../assets/images/navtop/up.png");
       }
+
       .more:hover .moreItems {
         display: block;
       }
     }
   }
+
   .tableBox {
     margin: 20px 38px 30px;
-    .ant-table-thead > tr > th {
+
+    .ant-table-thead>tr>th {
       font-size: 14px;
       font-weight: 400;
       color: #999ba3;
@@ -5663,23 +5223,28 @@ export default {
       background-color: #eff4fc;
     }
   }
+
   .split {
     width: 100%;
     height: 20px;
     background-color: #edf0f5;
   }
+
   .content {
+
     //margin: 0 37px;
-    .ant-tabs-top > .ant-tabs-nav::before,
-    .ant-tabs-bottom > .ant-tabs-nav::before,
-    .ant-tabs-top > div > .ant-tabs-nav::before,
-    .ant-tabs-bottom > div > .ant-tabs-nav::before {
+    .ant-tabs-top>.ant-tabs-nav::before,
+    .ant-tabs-bottom>.ant-tabs-nav::before,
+    .ant-tabs-top>div>.ant-tabs-nav::before,
+    .ant-tabs-bottom>div>.ant-tabs-nav::before {
       border-bottom: 0px;
     }
+
     .ant-tabs-nav-wrap {
       margin-left: 30px;
       margin-top: 10px;
     }
+
     .onerow {
       //width: 100%;
       display: flex;
@@ -5687,12 +5252,14 @@ export default {
       position: relative;
       margin-top: 15px;
       margin-left: 38px;
+
       //margin-right: 38px;
       .taskmain {
         font-size: 18px;
         padding-top: 7px;
         color: #000000;
       }
+
       .btn {
         position: absolute;
         top: 0;
@@ -5705,6 +5272,7 @@ export default {
         color: #ffffff;
         cursor: pointer;
       }
+
       .edit {
         position: absolute;
         right: 38px;
@@ -5715,31 +5283,37 @@ export default {
         height: 40px;
         border: 1px solid #4ea6ff;
         border-radius: 8px;
+
         .editimg {
           width: 15px;
           height: 15px;
           margin-top: -2px;
           margin-right: 5px;
         }
+
         .editext {
           line-height: 40px;
         }
       }
+
       .edit:hover {
         color: #ffffff;
         background-color: #4ea6ff;
         cursor: pointer;
+
         .editimg {
           background-image: url("../../assets/images/projectadd/edit1.png");
         }
       }
     }
+
     .second {
       display: flex;
       justify-content: left;
       flex-wrap: wrap;
       margin-top: 40px;
       margin-left: 20px;
+
       .nubbox {
         width: 253px;
         height: 116px;
@@ -5751,16 +5325,19 @@ export default {
         background: #fafbfc;
         border-radius: 10px;
         margin-left: 15px;
+
         .nub1 {
           color: #ffb54a;
           font-size: 30px;
           font-weight: 700;
         }
+
         .nub2 {
           color: #6d7584;
           font-size: 14px;
         }
       }
+
       .taskbox {
         width: 412px;
         height: 160px;
@@ -5769,21 +5346,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;
@@ -5792,6 +5373,7 @@ export default {
           font-weight: 700;
           //line-height: 36px;
         }
+
         .centermain {
           color: rgba(135, 139, 146, 1);
           font-size: 14px;
@@ -5801,9 +5383,11 @@ export default {
         }
       }
     }
+
     .stagemess {
       display: flex;
       margin-left: 38px;
+
       .stage1 {
         width: 100px;
         height: 33px;
@@ -5817,6 +5401,7 @@ export default {
         margin-top: 19px;
         cursor: pointer;
       }
+
       .stage2 {
         width: 100px;
         height: 33px;
@@ -5832,67 +5417,82 @@ export default {
         cursor: pointer;
       }
     }
+
     .stagesecond {
       display: flex;
       margin-left: 39px;
       margin-top: 29px;
+
       .staname {
         color: #999ba3;
         font-size: 14px;
       }
+
       .stamess {
         color: #4f5156;
         font-size: 14px;
       }
     }
+
     .stagelast {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       margin-bottom: 55px;
+
       .stagepro {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-top: 55px;
         margin-right: 120px;
+
         .ant-progress-circle-path {
           stroke: #4ea6ff;
         }
+
         .ant-progress-text {
           color: #4ea6ff;
           font-weight: 700;
         }
+
         .protext {
           color: #6d7584;
           font-size: 14px;
           margin-top: 25px;
         }
       }
+
       .proright {
         width: 500px;
         margin-top: 55px;
         margin-left: 50px;
+
         .ant-progress-bg {
           height: 24px !important;
           background: #4ea6ff;
         }
+
         .ant-progress-inner {
           height: 24px;
         }
+
         .pronub {
           color: #4ea6ff;
           font-size: 14px;
           margin: 5px 0;
         }
+
         .proright1 {
           display: flex;
           justify-content: right;
+
           .textpro {
             color: #6d7584;
             font-size: 14px;
             margin-right: 20px;
           }
+
           .ant-progress-text {
             color: #4ea6ff;
             font-size: 14px;
@@ -5901,21 +5501,26 @@ export default {
         }
       }
     }
+
     .taskSyllabus {
       // flex: 1;
       overflow-x: auto;
+
       .ant-collapse {
         border: 0px;
         background-color: rgba(255, 255, 255, 0);
         min-width: 1040px;
       }
-      .ant-collapse-content > .ant-collapse-content-box {
+
+      .ant-collapse-content>.ant-collapse-content-box {
         padding-top: 0px;
         padding-bottom: 0px;
       }
-      .ant-collapse > .ant-collapse-item {
+
+      .ant-collapse>.ant-collapse-item {
         border: 0px;
       }
+
       .ant-collapse-header {
         display: flex;
         height: 49px;
@@ -5928,14 +5533,17 @@ export default {
         font-weight: 400;
         color: #4ea6ff;
         line-height: 36px;
+
         .ant-collapse-arrow {
           margin-left: 15px !important;
         }
       }
+
       .ant-collapse-content {
         border-top: 0px;
       }
     }
+
     .taskbox {
       width: 412px;
       height: 160px;
@@ -5945,21 +5553,25 @@ export default {
       margin-bottom: 40px;
       margin-top: 32px;
       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;
@@ -5968,6 +5580,7 @@ export default {
         font-weight: 700;
         //line-height: 36px;
       }
+
       .centermain {
         color: rgba(135, 139, 146, 1);
         font-size: 14px;
@@ -5976,6 +5589,7 @@ export default {
         bottom: 49px;
       }
     }
+
     .stage {
       display: flex;
       height: 49px;
@@ -5984,9 +5598,11 @@ export default {
       margin-top: 20px;
       margin-left: 38px;
       margin-right: 38px;
+
       .stageimg {
         margin-left: 31px;
       }
+
       .stagename {
         color: #4ea6ff;
         font-size: 16px;
@@ -5994,6 +5610,7 @@ export default {
         line-height: 36px;
       }
     }
+
     .course {
       //width: 100%;
       flex-shrink: 0;
@@ -6006,6 +5623,7 @@ export default {
       //margin: 0 12px;
       border: 1px solid #f2f6fc;
       border-top: 0px;
+
       .first {
         //position: relative;
         display: flex;
@@ -6015,12 +5633,14 @@ export default {
         margin-left: 12px;
         margin-right: 50px;
         width: 120px;
+
         .iconame {
           //position: absolute;
           color: #4f5156;
           font-size: 16px;
           margin-left: 4px;
         }
+
         .icontext {
           //positipn: absolute;
           color: #999ba3;
@@ -6032,12 +5652,14 @@ export default {
           white-space: nowrap;
         }
       }
+
       .type {
         //height: 71px;
         display: flex;
         flex-grow: 1;
         align-items: center;
         margin-right: 50px;
+
         .typename {
           width: 63px;
           height: 23px;
@@ -6047,6 +5669,7 @@ export default {
           border-radius: 4px;
           text-align: center;
         }
+
         .typename1 {
           width: 63px;
           height: 23px;
@@ -6057,29 +5680,35 @@ export default {
           text-align: center;
         }
       }
+
       .time {
         //height: 71px;
         flex-grow: 1;
         margin-right: 50px;
         width: 100px;
+
         .timetext {
           font-size: 14px;
           color: #999ba3;
         }
       }
+
       .progress {
         width: 168px;
         margin-left: 10px;
         margin-right: 50px;
         flex-grow: 1;
+
         .progresstext {
           color: #ffc067;
           font-size: 14px;
         }
       }
+
       .operations {
         display: flex;
         width: 240px;
+
         //flex-grow: 1;
         .operation {
           color: #4ea6ff;
@@ -6092,30 +5721,37 @@ export default {
       }
     }
   }
+
   .content3 {
     margin-top: 20px;
+
     .ant-tabs-tab-btn {
       font-size: 18px;
       font-weight: 700;
     }
+
     .group {
       display: flex;
+
       .groupleft {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         margin-left: 32px;
+
         .groupname {
           height: 22px;
           width: 70px;
           color: #000000;
           font-size: 14px;
         }
+
         .ant-input {
           border-radius: 8px;
           width: 264px;
           height: 40px;
         }
+
         .ant-select-selector {
           border-radius: 8px;
           width: 264px;
@@ -6123,9 +5759,11 @@ export default {
           padding-top: 5px;
         }
       }
+
       .groupright {
         display: flex;
         margin-left: 48px;
+
         .btn1 {
           width: 100px;
           height: 40px;
@@ -6137,12 +5775,14 @@ export default {
           border-radius: 8px;
           background: #4ea6ff;
           cursor: pointer;
+
           .btn1text {
             color: #ffffff;
             margin-left: 5px;
             font-size: 14px;
           }
         }
+
         .btn2 {
           width: 100px;
           height: 40px;
@@ -6154,6 +5794,7 @@ export default {
           border-radius: 8px;
           cursor: pointer;
           background: #ffffff;
+
           .btn2text {
             color: #4ea6ff;
             margin-left: 5px;
@@ -6162,9 +5803,11 @@ export default {
         }
       }
     }
+
     .second2 {
       display: flex;
       margin: 30px 0 0 32px;
+
       .btn1 {
         width: 130px;
         height: 40px;
@@ -6176,12 +5819,14 @@ export default {
         border-radius: 8px;
         background: #4ea6ff;
         cursor: pointer;
+
         .btn1text {
           color: #ffffff;
           margin-left: 5px;
           font-size: 14px;
         }
       }
+
       .btn2 {
         width: 130px;
         height: 40px;
@@ -6193,6 +5838,7 @@ export default {
         border-radius: 8px;
         cursor: pointer;
         background: #ffffff;
+
         .btn2text {
           color: #4ea6ff;
           margin-left: 5px;
@@ -6200,6 +5846,7 @@ export default {
         }
       }
     }
+
     .talk {
       margin-top: 24px;
       margin-left: 32px;
@@ -6213,28 +5860,34 @@ export default {
       // opacity: 0.22;
       display: flex;
       align-items: center;
+
       .im {
         width: 14px;
         height: 15px;
         margin-left: 17px;
       }
+
       .xu {
         height: 100%;
         line-height: 40px;
         margin-left: 13px;
+
         .yi {
           color: #4f5156;
           font-size: 14px;
         }
+
         .zon {
           color: #999ba3;
           font-size: 14px;
           margin-left: 34px;
         }
+
         .th {
           color: #4ea6ff;
         }
       }
+
       .clear {
         cursor: pointer;
         font-size: 14px;
@@ -6244,25 +5897,29 @@ export default {
         right: 20px;
       }
     }
+
     .tab {
-      .ant-table-thead > tr > th {
+      .ant-table-thead>tr>th {
         background-color: rgba(239, 244, 252, 1);
         color: rgba(0, 0, 0, 0.85);
       }
-      .ant-table-tbody > tr > td {
+
+      .ant-table-tbody>tr>td {
         border-bottom: 1px solid #f0f6fc;
         color: rgba(0, 0, 0, 0.65);
       }
+
       th.h {
         background-color: #eff4fc !important;
       }
-      .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
+
+      .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
         background: rgba(250, 250, 250, 1);
       }
+
       .nostu {
         width: 100%;
+
         .nostuimg {
           margin: 75px auto;
           width: 412px;
@@ -6271,6 +5928,7 @@ export default {
           background-size: 100% 100%;
         }
       }
+
       .pa {
         // left: 0;
         margin-top: 15px;
@@ -6282,21 +5940,25 @@ export default {
         // position: absolute;
         // bottom: 20px;
       }
+
       .operation {
         display: flex;
         justify-content: center;
         align-items: center;
         color: #4ea6ff;
+
         .nselect {
           justify-content: center;
           align-items: center;
           display: flex;
+
           .jc {
             margin-left: 20px;
             cursor: pointer;
             white-space: nowrap;
           }
         }
+
         .tableSelect {
           // margin-right: 10px;
           margin-left: -5px;
@@ -6306,12 +5968,14 @@ export default {
           white-space: nowrap;
         }
       }
+
       .studentName {
         font-size: 14px;
         font-weight: 400;
         color: rgba(0, 0, 0, 0.65);
         line-height: 22px;
       }
+
       .studentExcellent {
         width: 64px;
         height: 24px;
@@ -6321,11 +5985,13 @@ export default {
         margin-left: 24px;
         display: flex;
         align-items: center;
+
         .studentExcellentImg {
           width: 16px;
           height: 16px;
           margin-left: 7px;
         }
+
         .studentExcellentT {
           font-size: 12px;
           font-weight: 400;
@@ -6334,6 +6000,7 @@ export default {
           margin-left: 3px;
         }
       }
+
       .studentopea1 {
         font-size: 14px;
         font-weight: 400;
@@ -6343,6 +6010,7 @@ export default {
         border-right: 1px solid #e9e9e9;
         cursor: pointer;
       }
+
       .studentopea2 {
         font-size: 14px;
         font-weight: 400;
@@ -6353,27 +6021,29 @@ export default {
         border-right: 1px solid #e9e9e9;
         cursor: pointer;
       }
+
       .studentSelect {
         margin-left: 8px;
         display: inline-block;
-        .ant-select:not(.ant-select-customize-input)
-          .ant-select-selector
-          .ant-select-selection-search-input {
+
+        .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
           background-color: rgba(255, 255, 255, 0);
           border: none;
         }
+
         .ant-select:not(.ant-select-customize-input) .ant-select-selector {
           background-color: rgba(255, 255, 255, 0);
           border: none;
         }
-        .ant-select-single:not(.ant-select-customize-input)
-          .ant-select-selector {
+
+        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
           padding: 0;
         }
-        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
-          .ant-select-selector {
+
+        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
           box-shadow: none;
         }
+
         .ant-select-arrow {
           right: 0px;
           color: rgba(56, 125, 247, 1);
@@ -6382,21 +6052,25 @@ export default {
           // top: 17px;
           top: 15px;
         }
+
         .ant-select-selection-item {
           font-size: 14px;
           font-weight: 400;
           color: rgba(56, 125, 247, 1);
           line-height: 33px;
         }
+
         .ant-select-single.ant-select-open .ant-select-selection-item {
           color: rgba(56, 125, 247, 1);
         }
       }
     }
+
     .groupmain {
       display: flex;
       flex-wrap: wrap;
       margin-left: 32px;
+
       .groupbox {
         width: 264px;
         height: 181px;
@@ -6406,23 +6080,27 @@ export default {
         box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.05);
         margin-top: 16px;
         margin-right: 20px;
+
         .grouptitle {
           display: flex;
           justify-content: space-between;
           margin-top: 5px;
           border-bottom: 1px solid rgba(232, 232, 232, 1);
+
           .goodgruop {
             color: rgba(0, 0, 0, 0.85);
             font-size: 16px;
             line-height: 36px;
             font-weight: 600;
           }
+
           .more {
             position: relative;
             //margin-right: 30px;
             height: 30px;
             display: flex;
             align-items: center;
+
             .moreItems {
               width: 76px;
               height: 80px;
@@ -6436,88 +6114,110 @@ export default {
               top: 30px;
               z-index: 100;
               cursor: pointer;
+
               .sammo {
                 text-align: center;
                 margin-top: 12px;
                 cursor: pointer;
               }
+
               .sammo:hover {
                 color: #4ea6ff;
               }
             }
+
             .moreItems:hover {
               display: block;
             }
           }
+
           @media screen and (max-width: 1240px) {
             .line {
               margin-right: 10px;
             }
+
             .img1 {
               margin-right: 15px;
             }
+
             .img2 {
               margin-right: 10px;
             }
+
             .return {
               margin-right: 10px;
             }
+
             .pub {
               margin-right: 10px;
             }
+
             .more {
               margin-right: 10px;
             }
           }
+
           .more:hover .moreArrow {
             background-image: url("../../assets/images/navtop/up.png");
           }
+
           .more:hover .moreItems {
             display: block;
           }
         }
+
         .leader {
           color: rgba(0, 0, 0, 1);
           font-size: 14px;
           margin-top: 16px;
           //margin-left: 24px;
         }
+
         .grocenter {
           display: flex;
           margin-top: 14px;
+
           .leader1 {
             color: rgba(0, 0, 0, 1);
             font-size: 14px;
             width: 51px;
           }
+
           .ant-progress-outer {
             width: 170px;
           }
         }
+
         .grofooter {
           display: flex;
           justify-content: space-between;
           cursor: pointer;
           margin-top: 30px;
+
           .ftext {
             color: rgba(56, 139, 225, 1);
             font-size: 14px;
           }
+
           .peoples {
             display: flex;
             position: relative;
+
             .people1 {
               position: absolute;
               right: 22px;
             }
+
             .people2 {
               position: absolute;
               right: 31px;
             }
+
             .people3 {
               position: absolute;
               right: 40px;
             }
+
             .people4 {
               position: absolute;
               right: 49px;
@@ -6526,15 +6226,18 @@ export default {
         }
       }
     }
+
     .projectscore {
       .pjc_body {
         margin-left: 34px;
         margin-right: 34px;
+
         .pjcb_header {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin: 24px auto;
+
           .edit_btn {
             width: 100px;
             // padding: 0px 26px 0px 26px;
@@ -6547,12 +6250,14 @@ export default {
             justify-content: center;
             flex-shrink: 0;
             cursor: pointer;
+
             .edit {
               width: 15px;
               height: 15px;
               background-image: url(@/assets/images/coursewareManage/export1.png);
               background-size: 100% 100%;
             }
+
             .btnText {
               font-size: 14px;
               font-weight: 400;
@@ -6562,12 +6267,15 @@ export default {
             }
           }
         }
+
         .pjcb_content {
           border: 1px solid #4ea6ff;
           padding: 32px;
+
           .pjcb_content :last-child {
             margin-bottom: 0px;
           }
+
           .content {
             margin-bottom: 24px;
           }
@@ -6575,10 +6283,12 @@ export default {
       }
     }
   }
+
   .content6 {
     margin-top: 20px;
     width: 100%;
     height: 100%;
+
     // background-color: #bfa;
     .title {
       font-size: 18px;
@@ -6586,35 +6296,41 @@ export default {
       color: #333333;
       margin-left: 34px;
     }
+
     .line {
       width: 100%;
       height: 1px;
       margin-top: 10px;
       background: #e8e8e8;
     }
+
     .search {
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
       margin: 30px 34px 0 34px;
+
       .left {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         margin-right: 10px;
+
         .text {
           font-size: 14px;
           font-weight: 400;
           color: rgba(0, 0, 0, 0.85);
           white-space: nowrap;
         }
+
         .name {
           display: flex;
           align-items: center;
           margin-bottom: 10px;
           margin-right: 56px;
         }
+
         .time {
           display: flex;
           align-items: center;
@@ -6622,8 +6338,10 @@ export default {
           margin-bottom: 10px;
         }
       }
+
       .right {
         display: flex;
+
         .btn {
           display: flex;
           width: 100px;
@@ -6632,6 +6350,7 @@ export default {
           justify-content: center;
           align-items: center;
           margin-bottom: 10px;
+
           .img1 {
             width: 15px;
             height: 17px;
@@ -6639,6 +6358,7 @@ export default {
             background-size: 100%;
             margin-right: 5px;
           }
+
           .img2 {
             width: 16px;
             height: 18px;
@@ -6647,11 +6367,13 @@ export default {
             margin-right: 5px;
           }
         }
+
         .btn1 {
           background: #4ea6ff;
           color: #fff;
           margin-right: 16px;
         }
+
         .btn2 {
           border: 1px solid #4ea6ff;
           background: #ffffff;
@@ -6659,12 +6381,14 @@ export default {
         }
       }
     }
+
     .main {
       margin-top: 10px;
       display: flex;
       flex-wrap: wrap;
       margin-left: 34px;
       margin-bottom: 20px;
+
       .rank {
         width: 422px;
         height: 506px;
@@ -6673,6 +6397,7 @@ export default {
         border-radius: 2px;
         border: 1px solid rgba(125, 125, 125, 0.39);
         margin-bottom: 20px;
+
         .rankhead {
           height: 75px;
           width: 100%;
@@ -6681,9 +6406,11 @@ export default {
           display: flex;
           justify-content: center;
           align-items: center;
+
           .ant-select-selector {
             color: #4ea6ff !important;
           }
+
           .inhead {
             width: 374px;
             // background-color: lightblue;
@@ -6692,6 +6419,7 @@ export default {
             align-items: center;
             margin-top: 10px;
             position: relative;
+
             .icon {
               position: absolute;
               width: 14px;
@@ -6700,11 +6428,13 @@ export default {
               background-size: 100%;
               left: 120px;
             }
+
             .left {
               font-size: 16px;
               font-weight: 500;
               color: rgba(0, 0, 0, 0.85);
             }
+
             .right {
               .ant-select {
                 .ant-select-selector {
@@ -6715,43 +6445,49 @@ export default {
             }
           }
         }
+
         .tab {
           // margin-top: 20px;
           // margin-left: 24px;
           border-radius: 4px 4px 0px 0px;
           border: 1px solid #e9e9e9;
           margin: 20px 24px 0 24px;
+
           th.h {
             background-color: #eff4fc !important;
           }
-          .ant-table-tbody
-            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-            > td {
+
+          .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
             background: #f6f9fd;
           }
         }
       }
     }
   }
+
   //设置的基本信息
   .content7 {
     margin-top: 20px;
+
     .set_tit {
       margin-left: 34px;
       font-size: 18px;
       font-weight: 500;
       color: #232425;
     }
+
     .line {
       width: 100%;
       height: 1px;
       background-color: #e8e8e8;
       margin-top: 10px;
     }
+
     .set_body {
       margin-left: 34px;
       margin-right: 34px;
       position: relative;
+
       .edit {
         position: absolute;
         width: 100px;
@@ -6763,6 +6499,7 @@ export default {
         justify-content: center;
         right: 0;
         cursor: pointer;
+
         .img {
           width: 18px;
           height: 18px;
@@ -6770,21 +6507,25 @@ export default {
           background-size: 100%;
           margin-right: 7px;
         }
+
         .ed {
           font-size: 14px;
           font-weight: 400;
           color: #ffffff;
         }
       }
+
       .set_content {
         margin: 32px auto;
         display: flex;
+
         // justify-content: end;
         .setc_name {
           width: 150px;
           display: flex;
           justify-content: end;
         }
+
         .setc_main {
           flex: 1;
           margin-left: 12px;
@@ -6792,44 +6533,54 @@ export default {
       }
     }
   }
+
   //设置的共享文档
   .sametab {
     // margin-left: 30px;
     // margin-right: 30px;
     margin-top: 30px;
     width: 100%;
+
     // 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: #4ea6ff;
             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;
@@ -6839,6 +6590,7 @@ export default {
               margin-left: 20px;
               cursor: pointer;
             }
+
             .btntwo {
               width: 42px;
               height: 24px;
@@ -6851,38 +6603,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%;
@@ -6894,58 +6654,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;
@@ -6956,11 +6730,14 @@ export default {
         }
       }
     }
+
     .Lhead {
       display: flex;
+
       .btns {
         display: flex;
         margin-left: 20px;
+
         // flex-wrap: wrap;
         .btn {
           padding: 0px 26px 0px 26px;
@@ -6974,9 +6751,11 @@ export default {
           margin-right: 14px;
           flex-shrink: 0;
           cursor: pointer;
+
           .search {
             background-size: 100%;
           }
+
           .btnText {
             font-size: 14px;
             font-weight: 400;
@@ -6985,6 +6764,7 @@ export default {
             margin-left: 5px;
           }
         }
+
         .btn1 {
           .search {
             width: 15px;
@@ -6992,6 +6772,7 @@ export default {
             background-image: url("../../assets/images/courseManage/search1.png");
           }
         }
+
         .btn2 {
           .search {
             width: 16px;
@@ -6999,46 +6780,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;
@@ -7046,6 +6840,7 @@ export default {
         margin-top: 40px;
         border-radius: 8px;
         border: 1px solid #f0f4fe;
+
         .itemhead {
           height: 50px;
           width: 100%;
@@ -7053,6 +6848,7 @@ export default {
           display: flex;
           align-items: center;
           position: relative;
+
           .lev {
             margin-left: 27px;
             margin-right: 16px;
@@ -7060,64 +6856,77 @@ export default {
             color: #4ea6ff;
             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;
@@ -7128,6 +6937,7 @@ export default {
                 margin-left: 7px;
                 margin-top: 6px;
               }
+
               .moreItems {
                 width: 80px;
                 height: 70px;
@@ -7140,6 +6950,7 @@ export default {
                 left: 0px;
                 top: 20px;
                 z-index: 100;
+
                 .roleItem {
                   font-size: 14px;
                   font-weight: 400;
@@ -7149,28 +6960,35 @@ 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;
             }
           }
         }
+
         .show {
           color: blue;
         }
+
         .noshow {
           display: none;
         }
       }
+
       .create {
         margin-top: 40px;
+
         .taskbox {
           width: 412px;
           height: 160px;
@@ -7179,21 +6997,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;
@@ -7202,6 +7024,7 @@ export default {
             font-weight: 700;
             //line-height: 36px;
           }
+
           .centermain {
             color: rgba(135, 139, 146, 1);
             font-size: 14px;
@@ -7213,6 +7036,7 @@ export default {
       }
     }
   }
+
   .certificate {
     width: 412px;
     height: 212px;
@@ -7223,11 +7047,13 @@ export default {
     background-image: url(../../assets/images/taskpage/nocertificate.png);
     background-size: 100% 100%;
   }
+
   .certificate1 {
     padding: 36px;
     display: flex;
     min-height: 400px;
     flex-wrap: wrap;
+
     .addcertificate1 {
       width: 210px;
       height: 256px;
@@ -7241,6 +7067,7 @@ export default {
       margin-right: 16px;
       background-color: rgba(64, 158, 255, 0.06);
       margin-bottom: 20px;
+
       .addcertext {
         font-size: 16px;
         font-weight: 500;
@@ -7248,6 +7075,7 @@ export default {
         line-height: 22px;
       }
     }
+
     .certificatelist {
       display: flex;
       align-items: center;
@@ -7255,6 +7083,7 @@ export default {
       margin-left: 16px;
       margin-right: 16px;
       margin-bottom: 20px;
+
       .certificatelistMain {
         width: 210px;
         height: 256px;
@@ -7263,12 +7092,14 @@ export default {
         justify-content: center;
         align-items: center;
         flex-direction: column;
+
         .cergetrules {
           width: 210px;
           display: flex;
           height: 26px;
           align-items: center;
           margin-top: 8px;
+
           .cergetrulesText {
             font-size: 12px;
             font-weight: 400;
@@ -7277,6 +7108,7 @@ export default {
             margin-left: 12px;
             font-size: 12px;
           }
+
           .cergetrulesMain {
             font-size: 12px;
             color: #999;
@@ -7291,6 +7123,7 @@ export default {
             border: 1px solid #409eff;
             text-align: center;
           }
+
           .certificateMorebox {
             font-size: 12px;
             font-weight: 600;
@@ -7300,6 +7133,7 @@ export default {
             position: relative;
             margin-left: 31px;
           }
+
           .certificateMore {
             position: absolute;
             width: 45px;
@@ -7316,6 +7150,7 @@ export default {
           }
         }
       }
+
       .certificateName {
         width: 210px;
         overflow: hidden;
@@ -7332,10 +7167,12 @@ export default {
     }
   }
 }
+
 .DelModal {
   .ant-modal {
     .ant-modal-content {
       width: 424px !important;
+
       .ant-modal-body {
         .delete {
           z-index: 9999;
@@ -7347,24 +7184,26 @@ export default {
           left: 50%;
           top: 10%;
           transform: translate(-50%, -50%);
+
           .del_header {
             position: absolute;
             width: calc(100%);
             height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .del-icon {
                 width: 16px;
                 height: 16px;
@@ -7372,6 +7211,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/notice.png);
                 background-size: 100% 100%;
               }
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -7379,6 +7219,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -7389,6 +7230,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -7396,10 +7238,12 @@ export default {
               justify-content: center;
               align-items: center;
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -7411,16 +7255,19 @@ export default {
                 margin-right: 14px;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;