From 630524b5ef1e9a7247292ad538ed7d5d4de9ff96 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Mon, 24 Oct 2022 18:17:29 +0800
Subject: [PATCH] =?UTF-8?q?style:=E4=BF=AE=E6=94=B9=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/learningpath/LevelAdd.vue  | 770 ++++++++++++++++++++++++---
 src/views/projectcenter/TaskPage.vue |  48 +-
 2 files changed, 730 insertions(+), 88 deletions(-)

diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index d1107707..eb1cd246 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -45,7 +45,8 @@
         :tabBarStyle="{ marginLeft: '10px' }"
       >
         <a-tab-pane key="1" tab="路径管理">
-          <div class="cont">
+          <!-- 无数据时的路径管理 -->
+          <!-- <div class="cont">
             <div class="pad"></div>
             <div class="sametab">
               <div class="Lhead">
@@ -72,71 +73,7 @@
                 </div>
               </div>
               <div class="Lbom">
-                <!-- 判断路径中是否有关卡 -->
-                <div v-if="level.length != 0">
-                  <div class="item" v-for="item in level" :key="item.id">
-                    <div class="itemhead">
-                      <div class="lev">{{ item.lev }}</div>
-                      <div class="lin"></div>
-                      <div class="nam">{{ item.name }}</div>
-                      <div class="count">
-                        <span>当前关卡</span>
-                        <span>{{ item.count }}</span>
-                        <span>个人</span>
-                      </div>
-                    </div>
-                    <div class="itembomm">
-                      <div class="it">
-                        <div class="on" style="color: #ffb145">
-                          {{ item.online }}
-                        </div>
-                        <div class="ittext">在线</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #ff89a4">
-                          {{ item.homework }}
-                        </div>
-                        <div class="ittext">作业</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #3fc5e3">
-                          {{ item.juan }}
-                        </div>
-                        <div class="ittext">问卷</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #5be1c0">
-                          {{ item.ballot }}
-                        </div>
-                        <div class="ittext">投票</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #a498ff">
-                          {{ item.test }}
-                        </div>
-                        <div class="ittext">考试</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="itright">
-                        <span class="te">编辑</span>
-                        <div class="more">
-                          <div class="te" style="margin-left: 20px">更多</div>
-                          <div class="moreArrow"></div>
-                          <div class="moreItems">
-                            <div class="roleItem">复制</div>
-                            <div class="roleItem">删除</div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div v-else>
+                <div>
                   <div class="create">
                     <div
                       class="taskbox"
@@ -166,6 +103,198 @@
               </div>
             </div>
             <div class="pad"></div>
+          </div> -->
+          <!-- 有数据时的路径管理 -->
+          <div style="flex: 1">
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+
+              <router-link to="/leveladddetail" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <div class="taskSyllabus">
+              <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')
+                    "
+                  />
+                  <div></div>
+                </template>
+                <a-collapse-panel
+                  v-for="(value, index) in taskSyllabus"
+                  :key="index"
+                  :header="value.text"
+                >
+                  <div
+                    class="course"
+                    v-for="(item, key) in value.children"
+                    :key="key"
+                  >
+                    <!-- :style="{width:item.course==='在线'?'28px':
+												height:item.course==='在线'?'27px':}" -->
+                    <div class="first">
+                      <div class="icon">
+                        <div
+                          style="
+                            width: 31px;
+                            height: 28px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                          "
+                        >
+                          <img
+                            :src="
+                              item.course === '在线'
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.course === '面授'
+                                ? require('../../assets/images/leveladd/mian.png')
+                                : item.course === '案例'
+                                ? require('../../assets/images/leveladd/an.png')
+                                : item.course === '作业'
+                                ? require('../../assets/images/leveladd/zuo.png')
+                                : item.course === '考试'
+                                ? require('../../assets/images/leveladd/kao.png')
+                                : item.course === '直播'
+                                ? require('../../assets/images/leveladd/zhi.png')
+                                : item.course === '外链'
+                                ? require('../../assets/images/leveladd/wai.png')
+                                : item.course === '讨论'
+                                ? require('../../assets/images/leveladd/tao.png')
+                                : item.course === '活动'
+                                ? require('../../assets/images/leveladd/huo.png')
+                                : item.course === '测评'
+                                ? require('../../assets/images/leveladd/ce.png')
+                                : item.course === '调研'
+                                ? require('../../assets/images/leveladd/diao.png')
+                                : item.course === '投票'
+                                ? require('../../assets/images/leveladd/tou.png')
+                                : null
+                            "
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="icontext">{{ item.name }}</div>
+                      </div>
+                    </div>
+                    <div class="type">
+                      <div
+                        :class="
+                          item.classify == '必修' ? 'typename1' : 'typename'
+                        "
+                      >
+                        {{ item.classify }}
+                      </div>
+                    </div>
+                    <div class="time">
+                      <div class="timetext">开始时间</div>
+                      <div class="timetext">{{ item.beginTime }}</div>
+                    </div>
+                    <div class="progress">
+                      <div class="progresstext">
+                        {{ item.complete }}/{{ item.total }}人
+                      </div>
+                      <div style="display: flex">
+                        <a-progress
+                          :showInfo="false"
+                          :percent="item.percent"
+                          strokeColor="#FFC067"
+                          trailColor="rgba(253, 209, 98, 0.2)"
+                        />
+                        <span class="progresstext" style="margin-left: 10px"
+                          >{{ item.percent }}%</span
+                        >
+                      </div>
+                    </div>
+                    <div class="operations">
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display: item.course === '面授' ? 'flex' : 'none',
+                        }"
+                        @click="showFS"
+                      >
+                        学员
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        @click="showAA"
+                        :style="{
+                          display:
+                            item.course === '直播' || item.course === '活动'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        考勤
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display:
+                            item.course === '直播' ||
+                            item.course === '活动' ||
+                            item.course === '面授'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                        @click="
+                          item.course === '面授'
+                            ? showCopyModal(item.course)
+                            : null
+                        "
+                      >
+                        二维码
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer; margin-right: 35px"
+                        @click="
+                          item.course === '在线' ||
+                          item.course === '案例' ||
+                          item.course === '外链' ||
+                          item.course === '讨论' ||
+                          item.course === '直播' ||
+                          item.course === '调研' ||
+                          item.course === '投票' ||
+                          item.course === '活动'
+                            ? showTime(item.course, item.name)
+                            : item.course === '考试' || item.course === '测评'
+                            ? showTest(item.course, item.name)
+                            : item.course === '面授'
+                            ? showFace(item.course)
+                            : item.course === '作业'
+                            ? showWork(item.course)
+                            : null
+                        "
+                      >
+                        管理
+                      </div>
+                    </div>
+                  </div>
+                </a-collapse-panel>
+              </a-collapse>
+            </div>
+            <div style="display: flex; height: 20px"></div>
           </div>
         </a-tab-pane>
         <a-tab-pane key="2" tab="学员管理" force-render>
@@ -372,7 +501,7 @@
       <a-modal
         style="padding: 0"
         :closable="sh"
-        v-model:visible="visible"
+        v-model:visible="visiblene"
         :footer="null"
         centered="true"
         wrapClassName="changeModal"
@@ -438,12 +567,52 @@
           </div>
         </div>
       </a-modal>
+      <!-- 面授管理二维码 -->
+      <a-modal
+        v-model:visible="copyModal"
+        :footer="null"
+        :closable="closeCopy"
+        wrapClassName="facemanageModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>面授管理</span>
+              <div class="close_exit" @click="closeCopyModal"></div>
+            </div>
+            <div class="body">
+              <div><img src="../../assets/images/taskpage/erweima.png" /></div>
+            </div>
+            <div class="footerr">
+              <div class="onload">下载二维码</div>
+              <div class="onloadpx">200*200</div>
+              <div class="onloadpx">400*400</div>
+              <div class="onloadpx">800*800</div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
       <!-- 添加学员抽屉 -->
       <add-stu v-model:AddSvisible="AddSvisible" />
       <!-- 导入学员抽屉 -->
       <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
       <!-- 学员管理查看抽屉 -->
       <check-stu v-model:CheckStuvisible="CheckStuvisible" />
+      <!-- 面授学员抽屉 -->
+      <face-stu v-model:FSvisible="FSvisible" />
+      <!-- 活动考勤抽屉 -->
+      <active-attendance v-model:AAvisible="AAvisible" />
+      <!-- 时间管理抽屉 -->
+      <time-manage v-model:Tvisible="visible" :title="showTimeText" />
+      <!-- 考试管理抽屉 -->
+      <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+      <!-- 面授管理抽屉 -->
+      <face-manage v-model:Fvisible="FaceVisivle" />
+      <!-- 作业管理抽屉 -->
+      <work-manage v-model:Wvisible="Wvisible" />
     </div>
   </div>
 </template>
@@ -452,9 +621,25 @@ import { ref, reactive, toRefs } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
 import CheckStu from "../../components/drawers/CheckStu";
+import FaceStu from "../../components/drawers/FaceStu";
+import ActiveAttendance from "../../components/drawers/ActiveAttendance";
+import TimeManage from "../../components/drawers/TimeManage";
+import TestManage from "../../components/drawers/TestManage";
+import FaceManage from "../../components/drawers/FaceManage";
+import WorkManage from "../../components/drawers/WorkManage";
 export default {
   name: "LevelAdd",
-  components: { AddStu, ImpStu, CheckStu },
+  components: {
+    AddStu,
+    ImpStu,
+    CheckStu,
+    FaceStu,
+    ActiveAttendance,
+    TimeManage,
+    TestManage,
+    FaceManage,
+    WorkManage,
+  },
   methods: {},
   setup() {
     const state = reactive({
@@ -464,6 +649,7 @@ export default {
       AddSvisible: false, //添加学员抽屉
       AddImpStuvisible: false, //导入学员抽屉
       CheckStuvisible: false, //学员管理的查看抽屉
+      Wvisible: false, //作业管理
       projectNameListt: [
         {
           id: 1,
@@ -542,16 +728,131 @@ export default {
           label: "关卡2",
         },
       ],
+      //任务大纲列表
+      taskSyllabus: [
+        {
+          text: "阶段1腾飞班阶段1",
+          children: [
+            {
+              course: "在线",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-10 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "直播",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-12 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "面授",
+              name: "管理面授课",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 80, //总人数
+              complete: 0, //完成人数
+              percent: 0,
+            },
+            {
+              course: "活动",
+              name: "管理活动",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 40, //完成人数
+              percent: 80,
+            },
+            {
+              course: "作业",
+              name: "管理者作业",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 30, //完成人数
+              percent: 60,
+            },
+            {
+              course: "考试",
+              name: "管理者考试",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 50, //完成人数
+              percent: 100,
+            },
+          ],
+        },
+        {
+          text: "阶段2腾飞班阶段2",
+          children: [
+            {
+              course: "讨论",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "测评",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "调研",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "投票",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+          ],
+        },
+      ],
       activeKey: ref("1"),
       value: ref(" "),
       checked2: false,
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
-      visible: false,
+      visiblene: false,
       sh: false,
       closeDeleteAll: false,
       curLevel: "",
+      taskSyllabusActive: 0,
+      //在线管理等页面传递参数
+      showTimeText: "",
+      //考试、测评页面传递参数
+      showTestText: "",
+      FSvisible: false, //面授学员
+      AAvisible: false, //活动/直播考勤
+      copyModal: false, //面授二维码弹窗
+      closeCopy: false, //面授二维码关闭图标
+      visible: false, //时间管理
+      TMvisible: false, //考试管理
+      FaceVisivle: false, //面授管理
       //关卡的数据
       level: [
         // {
@@ -799,6 +1100,42 @@ export default {
     const showCheckStu = () => {
       state.CheckStuvisible = true;
     };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    //面授学员的弹窗
+    const showFS = () => {
+      state.FSvisible = true;
+    };
+    //活动考勤的抽屉
+    const showAA = () => {
+      state.AAvisible = true;
+    };
+    // 时间管理
+    const showTime = (course, name) => {
+      console.log("点击管理");
+      state.visible = true;
+      state.showTimeText = "【" + course + "】" + name;
+      // console.log("state.showTimeText", state.showTimeText);
+    };
+    //考试管理的抽屉
+    const showTest = (course, name) => {
+      state.TMvisible = true;
+      state.showTestText = "【" + course + "】" + name;
+    };
+    //新增
+    const showFace = () => {
+      //面授管理的抽屉
+      // console.log("点击管理");
+      state.FaceVisivle = true;
+    };
+    //作业管理的抽屉
+    const showWork = () => {
+      state.Wvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -814,6 +1151,14 @@ export default {
       showAddStu,
       showImpStu,
       showCheckStu,
+      showFS,
+      showAA,
+      showCopyModal,
+      closeCopyModal,
+      showTime,
+      showTest,
+      showFace,
+      showWork,
     };
   },
 };
@@ -936,6 +1281,107 @@ export default {
     }
   }
 }
+.facemanageModal {
+  .ant-modal {
+    width: 532px !important;
+    height: 428px !important;
+    .ant-modal-content {
+      width: 532px !important;
+      height: 428px !important;
+      .ant-modal-body {
+        width: 532px !important;
+        height: 428px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 532px;
+          height: 428px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .footerr {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              .onload {
+                color: rgba(51, 51, 51, 1);
+                font-size: 14px;
+              }
+              .onloadpx {
+                width: 80px;
+                height: 32px;
+                border: 1px solid rgba(56, 125, 247, 1);
+                border-radius: 4px;
+                color: rgba(56, 125, 247, 1);
+                margin-left: 20px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .changeModal {
   .ant-modal {
     width: 549px !important;
@@ -1471,6 +1917,192 @@ export default {
         }
       }
     }
+
+    .onerow {
+      //width: 100%;
+      display: flex;
+      height: 40px;
+      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;
+        right: 168px;
+        background-color: #409eff;
+        width: 130px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        color: #ffffff;
+        cursor: pointer;
+      }
+      .edit {
+        position: absolute;
+        right: 38px;
+        top: 0;
+        color: #409eff;
+        width: 100px;
+        height: 40px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        .editimg {
+          width: 15px;
+          height: 15px;
+          margin-top: -2px;
+          margin-left: 25px;
+          margin-right: 5px;
+        }
+        .editext {
+          line-height: 40px;
+        }
+      }
+      .edit:hover {
+        color: #ffffff;
+        background-color: #409eff;
+        cursor: pointer;
+        .editimg {
+          background-image: url("../../assets/images/projectadd/edit1.png");
+        }
+      }
+    }
+    .taskSyllabus {
+      // flex: 1;
+      overflow-x: auto;
+
+      .ant-collapse {
+        border: 0px;
+        background-color: rgba(255, 255, 255, 0);
+        min-width: 1040px;
+      }
+
+      .ant-collapse-content > .ant-collapse-content-box {
+        padding-top: 0px;
+        padding-bottom: 0px;
+      }
+      .ant-collapse > .ant-collapse-item {
+        border: 0px;
+      }
+      .ant-collapse-header {
+        display: flex;
+        height: 49px;
+        background-color: #eff4fc;
+        align-items: center;
+        margin-top: 20px;
+        margin-left: 38px;
+        margin-right: 40px;
+        font-size: 16px;
+        font-weight: 400;
+        color: #409eff;
+        line-height: 36px;
+        .ant-collapse-arrow {
+          margin-left: 15px !important;
+        }
+      }
+      .ant-collapse-content {
+        border-top: 0px;
+      }
+    }
+    .course {
+      //width: 100%;
+      flex-shrink: 0;
+      margin-right: 24px;
+
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      padding: 25px 0px;
+      margin-left: 22px;
+
+      //margin: 0 12px;
+      border: 1px solid #f2f6fc;
+      border-top: 0px;
+      .first {
+        //position: relative;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        //height: 71px;
+        margin-left: 12px;
+        margin-right: 50px;
+
+        .iconame {
+          //position: absolute;
+          color: #4f5156;
+          font-size: 16px;
+          margin-left: 4px;
+        }
+        .icontext {
+          //positipn: absolute;
+          color: #999ba3;
+          font-size: 14px;
+          margin-left: 12px;
+          width: 83px;
+        }
+      }
+      .type {
+        //height: 71px;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        margin-right: 50px;
+        .typename {
+          width: 63px;
+          height: 23px;
+          color: #5dc988;
+          font-size: 14px;
+          background-color: #f2f6fc;
+          border-radius: 4px;
+          text-align: center;
+        }
+        .typename1 {
+          width: 63px;
+          height: 23px;
+          color: #f0f4fe;
+          font-size: 14px;
+          background-color: #5dc988;
+          border-radius: 4px;
+          text-align: center;
+        }
+      }
+      .time {
+        //height: 71px;
+        flex-grow: 1;
+        margin-right: 50px;
+        .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: 200px;
+        //flex-grow: 1;
+        .operation {
+          color: #4ea6ff;
+          font-size: 14px;
+          padding: 10px;
+          margin-left: auto;
+        }
+      }
+    }
+
     .xwid {
       // width: 100%;
       // height: 100%;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index aeeedb2e..078557c2 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -372,9 +372,10 @@
                               ? 'flex'
                               : 'none',
                         }"
-                        
                         @click="
-                          item.course === '面授' ? showCopyModal(item.course) : null
+                          item.course === '面授'
+                            ? showCopyModal(item.course)
+                            : null
                         "
                       >
                         二维码
@@ -788,13 +789,12 @@
           </div>
         </a-tab-pane>
         <a-tab-pane key="4" tab="公告">
-
           <NoticePub></NoticePub>
         </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">
           <ProjectScore></ProjectScore>
         </a-tab-pane>
-         
+
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -1488,7 +1488,7 @@
             <div class="close_exit" @click="closeCopyModal"></div>
           </div>
           <div class="body">
-            <div><img src="../../assets/images/taskpage/erweima.png"/></div>
+            <div><img src="../../assets/images/taskpage/erweima.png" /></div>
           </div>
           <div class="footerr">
             <div class="onload">下载二维码</div>
@@ -1538,7 +1538,6 @@ export default {
     NoticePub,
     ProjectScore,
     TaskImpStu,
-
   },
   setup() {
     const state = reactive({
@@ -2298,19 +2297,27 @@ export default {
               justifyContent: "center",
             }}
           >
-            <div class="studentopea1" onClick={() => {
-              if(value.excellent === false){
-                state.canclestu = true;
-              }else if(value.excellent === true){
-                state.canclestu = false;
-              }
-                    }}>
+            <div
+              class="studentopea1"
+              onClick={() => {
+                if (value.excellent === false) {
+                  state.canclestu = true;
+                } else if (value.excellent === true) {
+                  state.canclestu = false;
+                }
+              }}
+            >
               {value.excellent ? "取消优秀" : "优秀学员"}
             </div>
 
-            <div class="studentopea2" onClick={() => {
-                      state.Seevisible = true;
-                    }}>查看</div>
+            <div
+              class="studentopea2"
+              onClick={() => {
+                state.Seevisible = true;
+              }}
+            >
+              查看
+            </div>
             <div class="studentSelect">
               <a-select
                 style="width: 50px"
@@ -2319,9 +2326,13 @@ export default {
                 dropdownClassName="tabledropdown"
               >
                 <a-select-option value="换组" label="换组">
-                  <div onClick={() => {
+                  <div
+                    onClick={() => {
                       state.Changevisible = true;
-                    }}>换组</div>
+                    }}
+                  >
+                    换组
+                  </div>
                 </a-select-option>
                 <a-select-option value="删除" label="删除">
                   <div
@@ -3560,7 +3571,6 @@ export default {
         }
       }
     }
-   
   }
   .content3 {
     margin-top: 20px;