diff --git a/src/assets/images/notSelect.png b/src/assets/images/notSelect.png
new file mode 100644
index 00000000..33d633a6
Binary files /dev/null and b/src/assets/images/notSelect.png differ
diff --git a/src/assets/images/select.png b/src/assets/images/select.png
new file mode 100644
index 00000000..70d9089e
Binary files /dev/null and b/src/assets/images/select.png differ
diff --git a/src/assets/images/selectAll.png b/src/assets/images/selectAll.png
new file mode 100644
index 00000000..d796f599
Binary files /dev/null and b/src/assets/images/selectAll.png differ
diff --git a/src/components/OpenPages.vue b/src/components/OpenPages.vue
index 09209b3e..864bd64d 100644
--- a/src/components/OpenPages.vue
+++ b/src/components/OpenPages.vue
@@ -9,7 +9,6 @@
       animation="500"
       @start="onStart"
       @end="onEnd"
-      :list="openList"
       style="display: flex"
     >
       <template #item="{ element }">
diff --git a/src/components/drawers/AddEval.vue b/src/components/drawers/AddEval.vue
index cf9bba58..018fa898 100644
--- a/src/components/drawers/AddEval.vue
+++ b/src/components/drawers/AddEval.vue
@@ -276,7 +276,6 @@ export default {
             RouterEditTask(editObj1)
               .then((res) => {
                 console.log("调用学历路径添加接口后", res.data);
-                ctx.emit("changeData", false);
               })
               .catch((err) => {
                 console.log(err);
diff --git a/src/components/drawers/AddRef.vue b/src/components/drawers/AddRef.vue
index 80e102a3..ebd5f223 100644
--- a/src/components/drawers/AddRef.vue
+++ b/src/components/drawers/AddRef.vue
@@ -76,7 +76,7 @@
     </div>
   </a-drawer>
 </template>
-  <script>
+<script>
 import { reactive, toRefs, ref } from "vue";
 import * as api from "../../api/indexExternalChain";
 import * as apiTask from "../../api/indexTaskadd";
@@ -121,6 +121,7 @@ export default {
     const closeDrawer = () => {
       console.log(props, 1111);
       ctx.emit("update:addrefVisible", false);
+      console.log("props", props.routerId);
       state.inputV2 = "";
       state.inputV1 = "";
       state.textV1 = "";
@@ -206,7 +207,7 @@ export default {
   },
 };
 </script>
-  <style lang="scss">
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
@@ -346,4 +347,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/components/drawers/AddVote.vue b/src/components/drawers/AddVote.vue
index f0098423..196f6966 100644
--- a/src/components/drawers/AddVote.vue
+++ b/src/components/drawers/AddVote.vue
@@ -52,7 +52,8 @@
             </div>
             <!-- 创建投票侧弹窗 -->
             <div>
-              <cre-vote v-model:crevoteVisible="crevotevisible" />
+              <cre-vote v-model:crevoteVisible="crevotevisible" 
+              @setStemId="changeStemId"/>
             </div>
             <!-- 创建投票侧弹窗 -->
           </div>
@@ -132,6 +133,7 @@ const rowSelection = ref({
     console.log(selected, selectedRows, changeRows);
   },
 });
+
 export default {
   name: "AddVote",
   components: {
@@ -204,8 +206,9 @@ export default {
         .createVote(obj)
         .then((res) => {
             console.log("创建成功", res);
-            message.success("创建成功");
-            closeDrawer();
+          message.success("创建成功");
+          // changeStemId();
+          closeDrawer();
           apitaskadd
             .addTask({
               courseId: 0,
@@ -223,6 +226,9 @@ export default {
           // state.createLoading = false;
         });
     };
+    const changeStemId = (stemId) => {
+      console.log(stemId);
+    }
     return {
       ...toRefs(state),
       showDrawerCreVote,
@@ -231,6 +237,7 @@ export default {
       rowSelection,
       options1,
       createVoteText,
+      changeStemId,
     };
   },
 };
diff --git a/src/components/drawers/CreVote.vue b/src/components/drawers/CreVote.vue
index 4957fc70..38a7fb3e 100644
--- a/src/components/drawers/CreVote.vue
+++ b/src/components/drawers/CreVote.vue
@@ -72,41 +72,15 @@
       </div>
       <div class="main_btns">
         <button class="btn1">取消</button>
-        <button
-          class="btn2"
-          onclick="{()=> {
-          createVoteText()
-        }}"
-        >
-          确定
-        </button>
+        <button class="btn2" @click="createQueTit">确定</button>
       </div>
     </div>
   </a-drawer>
 </template>
   <script>
-import { reactive, toRefs, ref } from "vue";
-import { useRouter } from "vue-router";
+import { reactive, toRefs } from "vue";
 import * as api from "../../api/indexVote";
 import { message } from "ant-design-vue";
-import { toDate } from "../../api/method";
-const router = useRouter();
-const rowSelection = ref({
-  checkStrictly: false,
-  onChange: (selectedRowKeys, selectedRows) => {
-    console.log(
-      `selectedRowKeys: ${selectedRowKeys}`,
-      "selectedRows: ",
-      selectedRows
-    );
-  },
-  onSelect: (record, selected, selectedRows) => {
-    console.log(record, selected, selectedRows);
-  },
-  onSelectAll: (selected, selectedRows, changeRows) => {
-    console.log(selected, selectedRows, changeRows);
-  },
-});
 export default {
   name: "CreVote",
   // components: {
@@ -119,12 +93,6 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
-      inputV1: "",
-      inputV2: "",
-      inputV3: "",
-      time: undefined,
-      endTimes: "",
-      startTimes: "",
       questions: [
         {
           inputV: "",
@@ -171,60 +139,54 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
-    //创建投票信息
-    const createVoteText = () => {
-      if (!state.inputV1) return message.info("请输入投票名称");
-      if (state.time != undefined) {
-        state.endTimes = toDate(
-          new Date(state.time[0].$d).getTime() / 1000,
-          "Y-M-D"
-        );
-        state.startTimes = toDate(
-          new Date(state.time[1].$d).getTime() / 1000,
-          "Y-M-D"
-        );
-      }
 
-      let obj = {
-        baseVote: "",
-        createTime: "",
-        createUser: 0,
-        stem: "",
-        stemId: 0,
-        updateTime: "",
-        updateUser: 0,
-        voteEndTime: state.endTimes,
-        voteExplain: "",
-        voteFlag: "",
-        voteId: 0,
-        voteName: state.inputV1,
-        voteStartTime: state.startTimes,
-        voteTag: "",
-      };
-      api
-        .createVote(obj)
-        .then((res) => {
-          setTimeout(() => {
-            console.log("创建成功", res);
-            message.success("创建成功");
-            // state.createLoading = false;
-            router.push("/leveladd");
-            // getLearnPath();
-          }, 1000);
-        })
-        .catch((err) => {
-          console.log("创建失败", err);
-          // state.createLoading = false;
-        });
+    const createQueTit = () => {
+      if (!state.questions[0].inputV) {
+        message.destroy();
+        return message.info("请输入题干");
+      }
+      // if (!state.questions.optins.opvalue) {
+      //   message.destroy();
+      //   return message.info("请输入选项");
+      // }
+      console.log(state.questions[0].inputV);
+    let obj = {
+      createTime: "",
+      createUser: 0,
+      optionDto: [
+        {
+          optionId: 0,
+          optionName: "",
+          optionPictureAddress: "",
+        },
+      ],
+      optionId: 0,
+      optionName: "",
+      optionPictureAddress: "",
+      stem: state.questions[0].inputV,
+      stemId: 0,
+      updateTime: "",
+      updateUser: 0,
+    };
+    api
+      .createOptionMessage(obj)
+      .then((res) => {
+        console.log("创建成功", res);
+        message.success("创建成功");
+        // ctx.emit("setStemId",obj.stem);
+        closeDrawer();
+      })
+      .catch((err) => {
+        console.log(err);
+      });
     };
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
-      rowSelection,
-      createVoteText,
       addQue,
       addOpt,
+      createQueTit,
     };
   },
 };
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 2043dcf8..ba441477 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -603,6 +603,7 @@ import ManageRight from "../../components/drawers/ManageRight";
 import * as api from "../../api/index1";
 import { message } from "ant-design-vue";
 import { toDate } from "../../api/method";
+import { storage } from "../../api/storage";
 export default {
   name: "learningPath",
   components: { OwnerShip, PowerList, QueryRight, ManageRight },
@@ -1080,7 +1081,7 @@ export default {
                       router.push({
                         path: "/leveladd",
                       });
-                      localStorage.setItem("routerId", text.record.id);
+                      storage.set("routerId", text.record.id);
                     }}
                   >
                     管理
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index d920b069..3bbbf7e2 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -899,6 +899,8 @@ import WorkManage from "../../components/drawers/WorkManage";
 // import { useRoute } from "vue-router";
 // import { useStore } from "vuex";
 import * as api from "../../api/index1";
+import { storage } from "../../api/storage";
+
 export default {
   name: "LevelAdd",
   components: {
@@ -917,7 +919,7 @@ export default {
     // const routers = useRoute();
     // const store = useStore();
     const state = reactive({
-      routerId: localStorage.getItem("routerId"), //学习路径页面传的学习路径id
+      routerId: storage.get("routerId") ? storage.get("routerId") : null, //学习路径页面传的学习路径id
       gatename: null, //关卡名称
       gatenamee: null, //学员管理关卡名称
       deleteAll: false, //批量删除学员弹窗
@@ -1236,7 +1238,7 @@ export default {
         },
       ],
     });
-    console.log("store", state.routerId);
+    // console.log("store", state.routerId);
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
       if (value === "批量删除") {
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 6b91d9f3..7835dcc6 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -258,14 +258,14 @@
               <img src="../../assets/images/leveladd/diao.png" />
             </div>
             <div class="text">评估</div>
-                      <!-- 添加评估侧弹窗 -->
-          <div>
-            <add-invist
-              v-model:addinvistVisible="addinvistvisible"
-              @changeData="updateTableData"
-            />
-          </div>
-          <!-- 添加评估侧弹窗 -->
+            <!-- 添加评估侧弹窗 -->
+            <div>
+              <add-invist
+                v-model:addinvistVisible="addinvistvisible"
+                @changeData="updateTableData"
+              />
+            </div>
+            <!-- 添加评估侧弹窗 -->
           </div>
           <div class="lin"></div>
         </div>
@@ -275,7 +275,7 @@
               <img src="../../assets/images/leveladd/tou.png" />
             </div>
             <div class="text">投票</div>
-                        <!-- 添加投票侧弹窗 -->
+            <!-- 添加投票侧弹窗 -->
             <div>
               <add-vote
                 v-model:addvoteVisible="addvotevisible"
@@ -525,18 +525,20 @@
     <!-- 导入学员抽屉 -->
     <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
     <!-- 添加讨论侧弹窗 -->
-          <div>
-            <add-discuss
-              v-model:adddiscussVisible="adddiscussvisible" v-model:isStudiscuss="isStudiscuss"
-            />
-          </div>
+    <div>
+      <add-discuss
+        v-model:adddiscussVisible="adddiscussvisible"
+        v-model:isStudiscuss="isStudiscuss"
+      />
+    </div>
     <!-- 添加讨论侧弹窗 -->
     <!-- 添加活动侧弹窗 -->
-          <div>
-            <add-active
-              v-model:addactiveVisible="addactivevisible" v-model:isStudiscuss="isStudiscuss"
-            />
-          </div>
+    <div>
+      <add-active
+        v-model:addactiveVisible="addactivevisible"
+        v-model:isStudiscuss="isStudiscuss"
+      />
+    </div>
     <!-- 添加活动侧弹窗 -->
     <!-- 批量删除学员弹窗 -->
     <a-modal
@@ -625,6 +627,7 @@ import AddRef from "../../components/drawers/AddRef.vue";
 import * as api from "../../api/indexLevel";
 import { GetRouterDetail, RouterDeleteTask } from "../../api/indexTask";
 import { message } from "ant-design-vue";
+import { storage } from "../../api/storage";
 export default {
   name: "LevelAddDetail",
   components: {
@@ -636,12 +639,13 @@ export default {
     AddTest,
     AddEval,
     AddInvist,
-   AddVote,
+    AddVote,
     AddLive,
     AddRef,
   },
   setup() {
     const state = reactive({
+      routerId: storage.get("routerId") ? storage.get("routerId") : null,
       level: [
         {
           chapterId: "1",
@@ -1099,8 +1103,8 @@ export default {
                   <span
                     style="color:#4EA6FF;margin-right:25px;cursor:pointer"
                     onClick={() => {
-                      console.log("编辑id",e.record.routerTaskId);
-                      console.log("编辑类型",e.record.lei);
+                      console.log("编辑id", e.record.routerTaskId);
+                      console.log("编辑类型", e.record.lei);
                       state.editID = e.record.routerTaskId;
                       //state.addhomeworkvisible = true;
                     }}
@@ -1409,7 +1413,7 @@ export default {
       showDrawerAddInvist,
       showDrawerAddVote,
       deleteLevelTask,
-       showDrawerAddLive,
+      showDrawerAddLive,
       showDrawerAddRef,
       closeDeleteModel,
       clearEditData,
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 5fc73e92..bb2ee96f 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -635,7 +635,7 @@ import ProjCheckShip from "../../components/drawers/ProjCheckPower";
 import ProjManageShip from "../../components/drawers/ProjManagePower";
 import * as api from "../../api/index";
 import { toDate } from "../../api/method";
-
+import { storage } from "../../api/storage";
 export default {
 	name: "projectManage",
 	components: { ProjOwnerShip, ProjPowerList, ProjCheckShip, ProjManageShip },
@@ -1984,7 +1984,13 @@ export default {
 											</div>
 										</a-select-option>
 										<a-select-option value="基础信息" label="基础信息">
-											<router-link to="/taskpage">基础信息</router-link>
+										<div onClick={()=>{
+											router.push({
+                        path: "/taskpage",
+                      });
+                      storage.set("projectId", value.record.projectId);
+										}}>基础信息</div>
+										
 										</a-select-option>
 									</a-select>
 								) : value.record.status ===1||	value.record.status == 1 && Number(value.record.beginTime) > Math.ceil(new Date().getTime / 1000)  ? (
@@ -2031,7 +2037,12 @@ export default {
 											</div>
 										</a-select-option>
 										<a-select-option value="基础信息" label="基础信息">
-											<router-link to="/taskpage">基础信息</router-link>
+										<div onClick={()=>{
+											router.push({
+                        path: "/taskpage",
+                      });
+                      storage.set("projectId", value.record.projectId);
+										}}>基础信息</div>
 										</a-select-option>
 									</a-select>
 								) : value.record.status === -1 ? (
@@ -2069,7 +2080,15 @@ export default {
 											</div>
 										</a-select-option>
 										<a-select-option value="基础信息" label="基础信息">
+										<div onClick={()=>{
+											router.push({
+                        path: "/taskpage",
+                      });
+                      storage.set("projectId", value.record.projectId);
+										}}>基础信息</div>
+											{/**
 											<router-link to="/taskpage">基础信息</router-link>
+											*/}
 										</a-select-option>
 									</a-select>
 								) : (
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index dc72021b..b717def6 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -24,7 +24,6 @@
             animation="500"
             @start="onStart"
             @end="onEnd"
-            :list="level"
           >
             <template #item="{ element }">
               <div
@@ -346,8 +345,27 @@
                     margin-left: 46px;
                   "
                 >
-                  <a-checkbox :checked="selectRow.length !== 0 ? true : false">
-                  </a-checkbox>
+                  <img
+                    style="
+                      width: 16px;
+                      height: 16px;
+                      cursor: pointer;
+                      margin-top: 12px;
+                    "
+                    :src="
+                      selectAll === 0
+                        ? require('../../assets/images/notSelect.png')
+                        : selectAll === 1
+                        ? require('../../assets/images/selectAll.png')
+                        : require('../../assets/images/select.png')
+                    "
+                    @click="selectRowAll"
+                  />
+                  <!-- <a-checkbox
+                    v-model:checked="selectAll"
+                    @change="selectRowAll"
+                  >
+                  </a-checkbox> -->
                   <div style="margin-top: 2px; margin-left: 8px">类型</div>
                 </div>
                 <div style="width: 120px; text-align: center">任务名称</div>
@@ -368,7 +386,6 @@
                 animation="500"
                 @start="onStart"
                 @end="onEnd"
-                :list="tableData"
               >
                 <template #item="{ element }">
                   <div
@@ -406,7 +423,7 @@
                         ></div>
                         <a-checkbox
                           :id="element.id"
-                          v-model:checked="checked"
+                          v-model:checked="element.checked"
                           @change="changeRow"
                         >
                         </a-checkbox>
@@ -426,6 +443,7 @@
                             :checked="element.checked1"
                             size="small"
                             active-color="red"
+                            @click="changeCourseType(element.id)"
                           />
                           <div class="showt clearfix">
                             <div
@@ -462,7 +480,10 @@
                           >
                             编辑
                           </span>
-                          <span style="color: #4ea6ff; cursor: pointer" @click="showDelete()">
+                          <span
+                            style="color: #4ea6ff; cursor: pointer"
+                            @click="showDelete()"
+                          >
                             删除
                           </span>
                         </div>
@@ -735,6 +756,7 @@ import * as apiinvist from "../../api/indexInvist";
 import * as apivote from "../../api/indexVote";
 import * as apistage from "../../api/indexStage";
 import draggable from "vuedraggable";
+import { storage } from "../../api/storage";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -793,6 +815,7 @@ export default {
   },
   setup() {
     const state = reactive({
+      projectId: storage.get("projectId") ? storage.get("projectId") : null,
       projectNameList: [
         {
           id: 1,
@@ -971,7 +994,9 @@ export default {
       deleteActivityID: null, //删除活动id
       deleteID: "",
       selectRow: [], //选择行
+      selectAll: 0, //0：未选择，1：全选，2：部分选择
     });
+    console.log("projectId", state.projectId);
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
     };
@@ -1040,10 +1065,12 @@ export default {
           creater: value.name,
           cretime: value.duration ? value.duration : "-",
           checked1: value.flag ? true : false,
+          checked: false, //是否选中类型
         };
         array.push(obj);
       });
       state.tableData = array;
+      console.log("state.tableData", state.tableData);
     };
 
     const tableDataFunc = () => {
@@ -1667,9 +1694,9 @@ export default {
       state.isActive = !state.isActive;
     };
 
-    //选择表格
+    //选择单个任务
     const changeRow = (e) => {
-      console.log("选择行", e);
+      //selectRow:已经选择的任务的id数组
       let arr = state.selectRow;
       if (e.target.checked) {
         arr.push(e.target.id);
@@ -1681,7 +1708,46 @@ export default {
         });
       }
       state.selectRow = arr;
-      console.log("state.selectRow", state.selectRow);
+      //判断是否是全部选择或者是全部未选择来修改selectAll框的样式
+      if (arr.length !== 0) {
+        if (arr.length === state.tableData.length) {
+          state.selectAll = 1;
+        } else {
+          state.selectAll = 2;
+        }
+      } else {
+        state.selectAll = 0;
+      }
+      console.log("state.selectRow", state.selectRow, state.selectAll);
+    };
+    //全选任务或全不选任务
+    const selectRowAll = () => {
+      let arr = state.tableData;
+      let array = [];
+      if (state.selectAll === 0 || state.selectAll === 2) {
+        arr.map((value) => {
+          // console.log("value", value, index);
+          value.checked = true;
+          array.push(value.id);
+          // if (value == e.target.id) {
+          //   arr.splice(index, 1);
+          // }
+          state.selectAll = 1;
+        });
+      } else {
+        array = [];
+        arr.map((value) => {
+          // console.log("value", value, index);
+          value.checked = false;
+          state.selectAll = 0;
+        });
+      }
+      state.tableData = arr;
+      state.selectRow = array;
+    };
+    //修改任务的课程类型 id为任务id
+    const changeCourseType = (id) => {
+      console.log("任务id", id);
     };
     return {
       ...toRefs(state),
@@ -1734,6 +1800,8 @@ export default {
       editStage,
       updateTableData,
       changeRow,
+      selectRowAll,
+      changeCourseType,
     };
   },
 };
@@ -2517,7 +2585,7 @@ export default {
             }
           }
           .tableBox {
-            padding-bottom: 20px;
+            margin-bottom: 20px;
             margin-top: 20px;
             .chosen {
               background-color: #f2f6fc;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 3e7b0152..5fe62266 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1,196 +1,234 @@
 <!-- 任务页面 -->
 <template>
-	<div class="taskpage">
-		<div class="addhead" style="flex-shrink: 0">
-			<div class="leftimg">
-				<img class="img" src="../../assets/images/projectadd/picture.png" />
-			</div>
-			<div class="imgfor">
-				<div class="forz">管理者进阶-腾飞班</div>
-				<div class="fort">项目经理：黄华、刘俊</div>
-				<div class="fort">起止时间：2022-07-21 00:00至2022-10-21 00:00</div>
-			</div>
-			<div class="right">
-				<img class="img1" src="../../assets/images/leveladd/ma.png" />
-				<div class="line"></div>
-				<img class="img2" src="../../assets/images/leveladd/pub.png" />
-				<div class="pub">发布</div>
-				<div class="line"></div>
-				<img style="margin-right: 15px" class="img2" src="../../assets/images/leveladd/more.png" />
-				<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>
-				</div>
-				<div class="line"></div>
-				<router-link to="/projectmanage">
-					<div style="display: flex">
-						<img class="img2" src="../../assets/images/leveladd/back.png" />
-						<div class="return">返回</div>
-					</div>
-				</router-link>
-			</div>
-		</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' }">
-				<a-tab-pane key="1" tab="概览">
-					<div class="split"></div>
-					<!-- 概览（无数据） -->
-					<div>
-						<div class="onerow">
-							<div class="taskmain">快速创建项目详情</div>
-						</div>
-						<div class="second">
-							<div class="taskbox" @click="totask" style="background: linear-gradient(180deg, #fef3dd, #fffaf0)">
-								<div class="leftt">
-									<img src="../../assets/images/taskpage/left1.png" />
-								</div>
-								<div class="photo">
-									<img src="../../assets/images/taskpage/picture1.png" />
-								</div>
-								<div class="rightt">
-									<img src="../../assets/images/taskpage/right1.png" />
-								</div>
-								<div class="centerbox" style="color: rgba(255, 182, 78, 1)">
-									添加任务
-								</div>
-								<div class="centermain">快速添加任务/阶段</div>
-							</div>
-							<div class="taskbox" @click="tostudent" style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)">
-								<div class="leftt">
-									<img src="../../assets/images/taskpage/left2.png" />
-								</div>
-								<div class="photo">
-									<img src="../../assets/images/taskpage/picture2.png" />
-								</div>
-								<div class="rightt">
-									<img src="../../assets/images/taskpage/right2.png" />
-								</div>
-								<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
-									添加学员
-								</div>
-								<div class="centermain">快速添加学员</div>
-							</div>
-							<div class="taskbox" @click="showModal" style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)">
-								<div class="leftt">
-									<img src="../../assets/images/taskpage/left3.png" />
-								</div>
-								<div class="photo">
-									<img src="../../assets/images/taskpage/picture3.png" />
-								</div>
-								<div class="rightt">
-									<img src="../../assets/images/taskpage/right3.png" />
-								</div>
-								<div class="centerbox" style="color: rgba(93, 201, 136, 1)">
-									发布
-								</div>
-								<div class="centermain">快速发布项目</div>
-							</div>
-						</div>
-					</div>
-					<!-- 概览（无数据） -->
-					<!-- 概览（有数据） -->
-					<div style="display: none">
-						<div class="onerow">
-							<div class="taskmain">项目概览</div>
-						</div>
-						<div class="second" style="margin-top: 0">
-							<div class="nubbox">
-								<span class="nub1">200</span>
-								<div class="nub2">总人数</div>
-							</div>
-							<div class="nubbox">
-								<span class="nub1" style="color: #ff90ae">15</span>
-								<div class="nub2">必修课</div>
-							</div>
-							<div class="nubbox">
-								<span class="nub1" style="color: #a497ff">15</span>
-								<div class="nub2">选修课</div>
-							</div>
-							<div class="nubbox">
-								<div>
-									<span class="nub1" style="color: #5dc988">50</span><span
-										style="color: #5dc988; font-size: 14px">%</span>
-								</div>
-								<div class="nub2">完成率</div>
-							</div>
-							<div class="nubbox">
-								<div>
-									<span class="nub1" style="color: #ff90ae">30</span><span
-										style="color: #ff90ae; font-size: 14px">%</span>
-								</div>
-								<div class="nub2">必修完成率</div>
-							</div>
-							<div class="nubbox">
-								<div>
-									<span class="nub1" style="color: #a497ff">30</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="stagesecond">
-							<div class="staname">阶段名称：</div>
-							<div class="stamess">管理者进阶-腾飞班1第一阶段</div>
-						</div>
-						<div class="stagelast">
-							<div class="stagepro">
-								<a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" />
-								<div class="protext">课程完成率</div>
-							</div>
-							<div class="stagepro">
-								<a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" />
-								<div class="protext">考试通过率</div>
-							</div>
-							<div class="stagepro" style="margin-right: 0">
-								<a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" />
-								<div class="protext">作业合格率</div>
-							</div>
-							<div class="proright">
-								<div class="pronub" style="margin-left: 280px">10</div>
-								<div class="proright1">
-									<span class="textpro">阶段任务总数</span>
-									<a-progress :percent="50" style="width: 369px" />
-								</div>
-								<div class="pronub" style="margin-left: 206px">5</div>
-								<div class="proright1">
-									<span class="textpro">必修课</span>
-									<a-progress :percent="25" style="width: 369px" />
-								</div>
-								<div class="pronub" style="margin-left: 142px">1</div>
-								<div class="proright1">
-									<span class="textpro">选修课</span>
-									<a-progress :percent="5" style="width: 369px" />
-								</div>
-							</div>
-						</div>
-					</div>
-					<!-- 概览（有数据） -->
-				</a-tab-pane>
-				<a-tab-pane key="2" tab="任务" force-render>
-					<div style="flex: 1">
-						<div class="split"></div>
-						<div class="onerow">
-							<div class="taskmain">任务大纲</div>
-							<button class="btn" @click="showFaceIn">批量面授报名</button>
-							<button to="/taskadd" class="edit">
-								<img class="editimg" src="../../assets/images/projectadd/edit.png" />
-								<span class="editext">编辑</span>
-							</button>
-						</div>
-						<!-- <div class="taskSyllabus">
+  <div class="taskpage">
+    <div class="addhead" style="flex-shrink: 0">
+      <div class="leftimg">
+        <img class="img" src="../../assets/images/projectadd/picture.png" />
+      </div>
+      <div class="imgfor">
+        <div class="forz">管理者进阶-腾飞班</div>
+        <div class="fort">项目经理：黄华、刘俊</div>
+        <div class="fort">起止时间：2022-07-21 00:00至2022-10-21 00:00</div>
+      </div>
+      <div class="right">
+        <img class="img1" src="../../assets/images/leveladd/ma.png" />
+        <div class="line"></div>
+        <img class="img2" src="../../assets/images/leveladd/pub.png" />
+        <div class="pub">发布</div>
+        <div class="line"></div>
+        <img
+          style="margin-right: 15px"
+          class="img2"
+          src="../../assets/images/leveladd/more.png"
+        />
+        <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>
+        </div>
+        <div class="line"></div>
+        <router-link to="/projectmanage">
+          <div style="display: flex">
+            <img class="img2" src="../../assets/images/leveladd/back.png" />
+            <div class="return">返回</div>
+          </div>
+        </router-link>
+      </div>
+    </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' }"
+      >
+        <a-tab-pane key="1" tab="概览">
+          <div class="split"></div>
+          <!-- 概览（无数据） -->
+          <div>
+            <div class="onerow">
+              <div class="taskmain">快速创建项目详情</div>
+            </div>
+            <div class="second">
+              <div
+                class="taskbox"
+                @click="totask"
+                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left1.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture1.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right1.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+                  添加任务
+                </div>
+                <div class="centermain">快速添加任务/阶段</div>
+              </div>
+              <div
+                class="taskbox"
+                @click="tostudent"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture2.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  添加学员
+                </div>
+                <div class="centermain">快速添加学员</div>
+              </div>
+              <div
+                class="taskbox"
+                @click="showModal"
+                style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left3.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture3.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right3.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(93, 201, 136, 1)">
+                  发布
+                </div>
+                <div class="centermain">快速发布项目</div>
+              </div>
+            </div>
+          </div>
+          <!-- 概览（无数据） -->
+          <!-- 概览（有数据） -->
+          <div style="display: none">
+            <div class="onerow">
+              <div class="taskmain">项目概览</div>
+            </div>
+            <div class="second" style="margin-top: 0">
+              <div class="nubbox">
+                <span class="nub1">200</span>
+                <div class="nub2">总人数</div>
+              </div>
+              <div class="nubbox">
+                <span class="nub1" style="color: #ff90ae">15</span>
+                <div class="nub2">必修课</div>
+              </div>
+              <div class="nubbox">
+                <span class="nub1" style="color: #a497ff">15</span>
+                <div class="nub2">选修课</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #5dc988">50</span
+                  ><span style="color: #5dc988; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">完成率</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #ff90ae">30</span
+                  ><span style="color: #ff90ae; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">必修完成率</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #a497ff">30</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="stagesecond">
+              <div class="staname">阶段名称：</div>
+              <div class="stamess">管理者进阶-腾飞班1第一阶段</div>
+            </div>
+            <div class="stagelast">
+              <div class="stagepro">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">课程完成率</div>
+              </div>
+              <div class="stagepro">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">考试通过率</div>
+              </div>
+              <div class="stagepro" style="margin-right: 0">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">作业合格率</div>
+              </div>
+              <div class="proright">
+                <div class="pronub" style="margin-left: 280px">10</div>
+                <div class="proright1">
+                  <span class="textpro">阶段任务总数</span>
+                  <a-progress :percent="50" style="width: 369px" />
+                </div>
+                <div class="pronub" style="margin-left: 206px">5</div>
+                <div class="proright1">
+                  <span class="textpro">必修课</span>
+                  <a-progress :percent="25" style="width: 369px" />
+                </div>
+                <div class="pronub" style="margin-left: 142px">1</div>
+                <div class="proright1">
+                  <span class="textpro">选修课</span>
+                  <a-progress :percent="5" style="width: 369px" />
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 概览（有数据） -->
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="任务" force-render>
+          <div style="flex: 1">
+            <div class="split"></div>
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+              <button class="btn" @click="showFaceIn">批量面授报名</button>
+              <button to="/taskadd" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </button>
+            </div>
+            <!-- <div class="taskSyllabus">
             <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
               <template #expandIcon="{ isActive }">
                 <img
@@ -200,1061 +238,1411 @@
                 <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':
+            <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="
+                    <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(item.course)" :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)
-		: item.course === '直播'
-			? showzhibModal(item.course)
-			: item.course === '活动'
-				? showhuodModal(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>
-							<!-- 无数据创建任务 -->
-							<router-link to="/taskadd" class="taskbox" style="
+                          "
+                        >
+                          <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(item.course)"
+                        :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)
+                            : item.course === '直播'
+                            ? showzhibModal(item.course)
+                            : item.course === '活动'
+                            ? showhuodModal(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>
+              <!-- 无数据创建任务 -->
+              <router-link
+                to="/taskadd"
+                class="taskbox"
+                style="
                   background: linear-gradient(180deg, #ddeaff, #f0f8fe);
                   display: block;
-                ">
-								<div class="leftt">
-									<img src="../../assets/images/taskpage/left2.png" />
-								</div>
-								<div class="photo">
-									<img src="../../assets/images/taskpage/picture8.png" />
-								</div>
-								<div class="rightt">
-									<img src="../../assets/images/taskpage/right2.png" />
-								</div>
-								<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
-									创建任务
-								</div>
-								<div class="centermain">点击创建项目任务</div>
-							</router-link>
-							<!-- 无数据创建任务 -->
-						</div>
-						<div style="display: flex; height: 20px"></div>
-					</div>
-				</a-tab-pane>
-				<a-tab-pane key="3" tab="学员">
-					<div class="split"></div>
-					<div class="content3">
-						<a-tabs v-model:activeKey="activeKey1">
-							<a-tab-pane key="8" tab="学员管理">
-								<div class="group">
-									<div class="groupleft">
-										<div style="
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture8.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建任务
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </router-link>
+              <!-- 无数据创建任务 -->
+            </div>
+            <div style="display: flex; height: 20px"></div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="3" tab="学员">
+          <div class="split"></div>
+          <div class="content3">
+            <a-tabs v-model:activeKey="activeKey1">
+              <a-tab-pane key="8" tab="学员管理">
+                <div class="group">
+                  <div class="groupleft">
+                    <div
+                      style="
                         display: flex;
                         align-items: center;
                         margin-right: 10px;
                         margin-bottom: 10px;
-                      ">
-											<div class="groupname" style="width: 42px">姓名：</div>
-											<a-input v-model:value="valuestun" placeholder="请输入姓名" />
-										</div>
-										<div style="
+                      "
+                    >
+                      <div class="groupname" style="width: 42px">姓名：</div>
+                      <a-input
+                        v-model:value="valuestun"
+                        placeholder="请输入姓名"
+                      />
+                    </div>
+                    <div
+                      style="
                         display: flex;
                         align-items: center;
                         margin-right: 10px;
                         margin-bottom: 10px;
-                      ">
-											<div class="groupname">小组名称：</div>
-											<a-input v-model:value="valuestug" placeholder="请输入小组名称" />
-										</div>
-										<div style="
+                      "
+                    >
+                      <div class="groupname">小组名称：</div>
+                      <a-input
+                        v-model:value="valuestug"
+                        placeholder="请输入小组名称"
+                      />
+                    </div>
+                    <div
+                      style="
                         display: flex;
                         align-items: center;
                         margin-right: 10px;
                         margin-bottom: 10px;
-                      ">
-											<div class="groupname" style="width: 42px">部门：</div>
-											<a-select v-model:value="valuestub" placeholder="请选择部门" />
-										</div>
-										<div style="
+                      "
+                    >
+                      <div class="groupname" style="width: 42px">部门：</div>
+                      <a-select
+                        v-model:value="valuestub"
+                        placeholder="请选择部门"
+                      />
+                    </div>
+                    <div
+                      style="
                         display: flex;
                         align-items: center;
                         margin-bottom: 10px;
-                      ">
-											<div class="groupname" style="width: 42px">学员：</div>
-											<a-select v-model:value="valuegood" placeholder="是否为优秀学员" :options="goodstuList" />
-										</div>
-									</div>
-									<div class="groupright">
-										<div class="btn1">
-											<img src="../../assets/images/courseManage/search0.png" />
-											<span class="btn1text">搜索</span>
-										</div>
-										<div class="btn2">
-											<img src="../../assets/images/courseManage/reset1.png" />
-											<span class="btn2text">重置</span>
-										</div>
-									</div>
-								</div>
-								<div class="second2" style="margin-top: 20px">
-									<div class="btn1" @click="showStuAdd">
-										<img src="../../assets/images/courseManage/add0.png" />
-										<span class="btn1text">添加学员</span>
-									</div>
-									<div class="btn2" @click="showImportStu">
-										<img src="../../assets/images/courseManage/reset2.png" />
-										<span class="btn2text">导入学员</span>
-									</div>
-									<div class="btn2">
-										<img src="../../assets/images/projectadd/delete.png" />
-										<span class="btn2text">批量删除</span>
-									</div>
-								</div>
-								<div class="talk">
-									<img class="im" src="../../assets/images/leveladd/gan.png" />
-									<div class="xu">
-										<span class="yi">已选择</span>
-										<div style="width: 5px; display: inline-block"></div>
-										<span class="th">2</span>
-										<div style="width: 5px; display: inline-block"></div>
-										<span class="yi">项</span>
-										<span class="zon">列表选项总计：</span>
-										<span class="yi">4</span>
-										<span class="yi">条</span>
-									</div>
-									<div class="clear">清空</div>
-								</div>
-								<div class="tab" style="margin: 20px 32px 30px 32px">
-									<a-table style="border: 1px solid #f2f6fe" :columns="studentColumns()" :data-source="tabledata"
-										:loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" :scroll="{ x: 1400 }"
-										@expand="expandTable" :pagination="false" :row-selection="{
-											columnWidth: 30,
-											selectedRowKeys: selectedRowKeys,
-											onChange: onSelectChange,
-										}" />
-									<div class="nostu" style="display: block">
-										<div class="nostuimg"></div>
-									</div>
-									<div class="pa">
-										<a-pagination showSizeChanger="true" showQuickJumper="true" hideOnSinglePage="true"
-											:pageSize="pageSize" :current="currentPage" :total="tableDataTotal" class="pagination" />
-									</div>
-								</div>
-							</a-tab-pane>
-							<a-tab-pane key="9" tab="小组管理" force-render>
-								<div class="group">
-									<div class="groupleft">
-										<div class="groupname">小组名称：</div>
-										<a-input v-model:value="valuestugn" placeholder="请输入小组名称" />
-									</div>
-									<div class="groupright">
-										<div class="btn1">
-											<img src="../../assets/images/courseManage/search0.png" />
-											<span class="btn1text">搜索</span>
-										</div>
-										<div class="btn2">
-											<img src="../../assets/images/courseManage/reset1.png" />
-											<span class="btn2text">重置</span>
-										</div>
-									</div>
-								</div>
-								<div class="second2">
-									<div class="btn1" @click="showModal2">
-										<img src="../../assets/images/courseManage/add0.png" />
-										<span class="btn1text">创建小组</span>
-									</div>
-									<div class="btn2" @click="showSubset">
-										<img src="../../assets/images/courseManage/reset2.png" />
-										<span class="btn2text">随机分组</span>
-									</div>
-								</div>
-								<div class="groupmain">
-									<div class="groupbox">
-										<div style="width: 90%">
-											<div class="grouptitle">
-												<div class="goodgruop">好好学习小组</div>
-												<div class="more">
-													<span style="color: rgba(0, 0, 0, 0.45); cursor: pointer">. . .</span>
-													<div class="moreItems">
-														<div class="sammo">编辑</div>
-														<div class="sammo">删除</div>
-													</div>
-												</div>
-											</div>
-											<div class="leader">组长：小李</div>
-											<div class="grocenter">
-												<div class="leader1">进度</div>
-												<a-progress :percent="55" />
-											</div>
-											<div class="grofooter" @click="showMemberList">
-												<div class="ftext">组员名单 ></div>
-												<div class="peoples">
-													<div class="people1">
-														<img src="../../assets/images/taskpage/people1.png" />
-													</div>
-													<div class="people2">
-														<img src="../../assets/images/taskpage/people2.png" />
-													</div>
-													<div class="people3">
-														<img src="../../assets/images/taskpage/people3.png" />
-													</div>
-													<div class="people4">
-														<img src="../../assets/images/taskpage/people4.png" />
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="groupbox">
-										<div style="width: 90%">
-											<div class="grouptitle">
-												<div class="goodgruop">全能小组</div>
-												<div class="more">
-													<span style="color: rgba(0, 0, 0, 0.45); cursor: pointer">. . .</span>
-													<div class="moreItems">
-														<div class="sammo">编辑</div>
-														<div class="sammo">删除</div>
-													</div>
-												</div>
-											</div>
-											<div class="leader">组长：小李</div>
-											<div class="grocenter">
-												<div class="leader1">进度</div>
-												<a-progress :percent="55" />
-											</div>
-											<div class="grofooter" @click="showMemberList">
-												<div class="ftext">组员名单 ></div>
-												<div class="peoples">
-													<div class="people1">
-														<img src="../../assets/images/taskpage/people1.png" />
-													</div>
-													<div class="people2">
-														<img src="../../assets/images/taskpage/people2.png" />
-													</div>
-													<div class="people3">
-														<img src="../../assets/images/taskpage/people3.png" />
-													</div>
-													<div class="people4">
-														<img src="../../assets/images/taskpage/people4.png" />
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="groupbox">
-										<div style="width: 90%">
-											<div class="grouptitle">
-												<div class="goodgruop">宇宙第一最强小组</div>
-												<div class="more">
-													<span style="color: rgba(0, 0, 0, 0.45); cursor: pointer">. . .</span>
-													<div class="moreItems">
-														<div class="sammo">编辑</div>
-														<div class="sammo">删除</div>
-													</div>
-												</div>
-											</div>
-											<div class="leader">组长：小李</div>
-											<div class="grocenter">
-												<div class="leader1">进度</div>
-												<a-progress :percent="55" />
-											</div>
-											<div class="grofooter" @click="showMemberList">
-												<div class="ftext">组员名单 ></div>
-												<div class="peoples">
-													<div class="people1">
-														<img src="../../assets/images/taskpage/people1.png" />
-													</div>
-													<div class="people2">
-														<img src="../../assets/images/taskpage/people2.png" />
-													</div>
-													<div class="people3">
-														<img src="../../assets/images/taskpage/people3.png" />
-													</div>
-													<div class="people4">
-														<img src="../../assets/images/taskpage/people4.png" />
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="groupbox">
-										<div style="width: 90%">
-											<div class="grouptitle">
-												<div class="goodgruop">天天向上小组</div>
-												<div class="more">
-													<span style="color: rgba(0, 0, 0, 0.45); cursor: pointer">. . .</span>
-													<div class="moreItems">
-														<div class="sammo">编辑</div>
-														<div class="sammo">删除</div>
-													</div>
-												</div>
-											</div>
-											<div class="leader">组长：小李</div>
-											<div class="grocenter">
-												<div class="leader1">进度</div>
-												<a-progress :percent="55" />
-											</div>
-											<div class="grofooter" @click="showMemberList">
-												<div class="ftext">组员名单 ></div>
-												<div class="peoples">
-													<div class="people1">
-														<img src="../../assets/images/taskpage/people1.png" />
-													</div>
-													<div class="people2">
-														<img src="../../assets/images/taskpage/people2.png" />
-													</div>
-													<div class="people3">
-														<img src="../../assets/images/taskpage/people3.png" />
-													</div>
-													<div class="people4">
-														<img src="../../assets/images/taskpage/people4.png" />
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-							</a-tab-pane>
-						</a-tabs>
-					</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="split"></div>
-					<div class="content6">
-						<div class="title">排行榜</div>
-						<div class="line"></div>
-						<div class="search">
-							<div class="left">
-								<div class="name">
-									<div class="text">姓名：</div>
-									<a-input v-model:value="valueName" placeholder="请输入姓名" style="
+                      "
+                    >
+                      <div class="groupname" style="width: 42px">学员：</div>
+                      <a-select
+                        v-model:value="valuegood"
+                        placeholder="是否为优秀学员"
+                        :options="goodstuList"
+                      />
+                    </div>
+                  </div>
+                  <div class="groupright">
+                    <div class="btn1">
+                      <img src="../../assets/images/courseManage/search0.png" />
+                      <span class="btn1text">搜索</span>
+                    </div>
+                    <div class="btn2">
+                      <img src="../../assets/images/courseManage/reset1.png" />
+                      <span class="btn2text">重置</span>
+                    </div>
+                  </div>
+                </div>
+                <div class="second2" style="margin-top: 20px">
+                  <div class="btn1" @click="showStuAdd">
+                    <img src="../../assets/images/courseManage/add0.png" />
+                    <span class="btn1text">添加学员</span>
+                  </div>
+                  <div class="btn2" @click="showImportStu">
+                    <img src="../../assets/images/courseManage/reset2.png" />
+                    <span class="btn2text">导入学员</span>
+                  </div>
+                  <div class="btn2">
+                    <img src="../../assets/images/projectadd/delete.png" />
+                    <span class="btn2text">批量删除</span>
+                  </div>
+                </div>
+                <div class="talk">
+                  <img class="im" src="../../assets/images/leveladd/gan.png" />
+                  <div class="xu">
+                    <span class="yi">已选择</span>
+                    <div style="width: 5px; display: inline-block"></div>
+                    <span class="th">2</span>
+                    <div style="width: 5px; display: inline-block"></div>
+                    <span class="yi">项</span>
+                    <span class="zon">列表选项总计：</span>
+                    <span class="yi">4</span>
+                    <span class="yi">条</span>
+                  </div>
+                  <div class="clear">清空</div>
+                </div>
+                <div class="tab" style="margin: 20px 32px 30px 32px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="studentColumns()"
+                    :data-source="tabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 1400 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="nostu" style="display: block">
+                    <div class="nostuimg"></div>
+                  </div>
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="9" tab="小组管理" force-render>
+                <div class="group">
+                  <div class="groupleft">
+                    <div class="groupname">小组名称：</div>
+                    <a-input
+                      v-model:value="valuestugn"
+                      placeholder="请输入小组名称"
+                    />
+                  </div>
+                  <div class="groupright">
+                    <div class="btn1">
+                      <img src="../../assets/images/courseManage/search0.png" />
+                      <span class="btn1text">搜索</span>
+                    </div>
+                    <div class="btn2">
+                      <img src="../../assets/images/courseManage/reset1.png" />
+                      <span class="btn2text">重置</span>
+                    </div>
+                  </div>
+                </div>
+                <div class="second2">
+                  <div class="btn1" @click="showModal2">
+                    <img src="../../assets/images/courseManage/add0.png" />
+                    <span class="btn1text">创建小组</span>
+                  </div>
+                  <div class="btn2" @click="showSubset">
+                    <img src="../../assets/images/courseManage/reset2.png" />
+                    <span class="btn2text">随机分组</span>
+                  </div>
+                </div>
+                <div class="groupmain">
+                  <div class="groupbox">
+                    <div style="width: 90%">
+                      <div class="grouptitle">
+                        <div class="goodgruop">好好学习小组</div>
+                        <div class="more">
+                          <span
+                            style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
+                            >. . .</span
+                          >
+                          <div class="moreItems">
+                            <div class="sammo">编辑</div>
+                            <div class="sammo">删除</div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="leader">组长：小李</div>
+                      <div class="grocenter">
+                        <div class="leader1">进度</div>
+                        <a-progress :percent="55" />
+                      </div>
+                      <div class="grofooter" @click="showMemberList">
+                        <div class="ftext">组员名单 ></div>
+                        <div class="peoples">
+                          <div class="people1">
+                            <img
+                              src="../../assets/images/taskpage/people1.png"
+                            />
+                          </div>
+                          <div class="people2">
+                            <img
+                              src="../../assets/images/taskpage/people2.png"
+                            />
+                          </div>
+                          <div class="people3">
+                            <img
+                              src="../../assets/images/taskpage/people3.png"
+                            />
+                          </div>
+                          <div class="people4">
+                            <img
+                              src="../../assets/images/taskpage/people4.png"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="groupbox">
+                    <div style="width: 90%">
+                      <div class="grouptitle">
+                        <div class="goodgruop">全能小组</div>
+                        <div class="more">
+                          <span
+                            style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
+                            >. . .</span
+                          >
+                          <div class="moreItems">
+                            <div class="sammo">编辑</div>
+                            <div class="sammo">删除</div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="leader">组长：小李</div>
+                      <div class="grocenter">
+                        <div class="leader1">进度</div>
+                        <a-progress :percent="55" />
+                      </div>
+                      <div class="grofooter" @click="showMemberList">
+                        <div class="ftext">组员名单 ></div>
+                        <div class="peoples">
+                          <div class="people1">
+                            <img
+                              src="../../assets/images/taskpage/people1.png"
+                            />
+                          </div>
+                          <div class="people2">
+                            <img
+                              src="../../assets/images/taskpage/people2.png"
+                            />
+                          </div>
+                          <div class="people3">
+                            <img
+                              src="../../assets/images/taskpage/people3.png"
+                            />
+                          </div>
+                          <div class="people4">
+                            <img
+                              src="../../assets/images/taskpage/people4.png"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="groupbox">
+                    <div style="width: 90%">
+                      <div class="grouptitle">
+                        <div class="goodgruop">宇宙第一最强小组</div>
+                        <div class="more">
+                          <span
+                            style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
+                            >. . .</span
+                          >
+                          <div class="moreItems">
+                            <div class="sammo">编辑</div>
+                            <div class="sammo">删除</div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="leader">组长：小李</div>
+                      <div class="grocenter">
+                        <div class="leader1">进度</div>
+                        <a-progress :percent="55" />
+                      </div>
+                      <div class="grofooter" @click="showMemberList">
+                        <div class="ftext">组员名单 ></div>
+                        <div class="peoples">
+                          <div class="people1">
+                            <img
+                              src="../../assets/images/taskpage/people1.png"
+                            />
+                          </div>
+                          <div class="people2">
+                            <img
+                              src="../../assets/images/taskpage/people2.png"
+                            />
+                          </div>
+                          <div class="people3">
+                            <img
+                              src="../../assets/images/taskpage/people3.png"
+                            />
+                          </div>
+                          <div class="people4">
+                            <img
+                              src="../../assets/images/taskpage/people4.png"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="groupbox">
+                    <div style="width: 90%">
+                      <div class="grouptitle">
+                        <div class="goodgruop">天天向上小组</div>
+                        <div class="more">
+                          <span
+                            style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
+                            >. . .</span
+                          >
+                          <div class="moreItems">
+                            <div class="sammo">编辑</div>
+                            <div class="sammo">删除</div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="leader">组长：小李</div>
+                      <div class="grocenter">
+                        <div class="leader1">进度</div>
+                        <a-progress :percent="55" />
+                      </div>
+                      <div class="grofooter" @click="showMemberList">
+                        <div class="ftext">组员名单 ></div>
+                        <div class="peoples">
+                          <div class="people1">
+                            <img
+                              src="../../assets/images/taskpage/people1.png"
+                            />
+                          </div>
+                          <div class="people2">
+                            <img
+                              src="../../assets/images/taskpage/people2.png"
+                            />
+                          </div>
+                          <div class="people3">
+                            <img
+                              src="../../assets/images/taskpage/people3.png"
+                            />
+                          </div>
+                          <div class="people4">
+                            <img
+                              src="../../assets/images/taskpage/people4.png"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </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="split"></div>
+          <div class="content6">
+            <div class="title">排行榜</div>
+            <div class="line"></div>
+            <div class="search">
+              <div class="left">
+                <div class="name">
+                  <div class="text">姓名：</div>
+                  <a-input
+                    v-model:value="valueName"
+                    placeholder="请输入姓名"
+                    style="
                       width: 264px;
                       height: 40px;
                       border-radius: 8px;
                       margin-left: 5px;
-                    " />
-								</div>
-								<div class="time">
-									<div class="text">选择时间：</div>
-									<a-range-picker v-model:value="valueDate" style="border-radius: 8px; height: 40px; margin-left: 5px"
-										:placeholder="['      开始时间', '        结束时间']" />
-								</div>
-							</div>
-							<div class="right">
-								<div class="btn btn1">
-									<div class="img1"></div>
-									<div class="te">搜索</div>
-								</div>
-								<div class="btn btn2">
-									<div class="img2"></div>
-									<div class="te">重置</div>
-								</div>
-							</div>
-						</div>
-						<div class="main">
-							<div class="rank">
-								<div class="rankhead">
-									<div class="inhead">
-										<div class="left">进度排行 Top10</div>
-										<div class="icon"></div>
-										<div class="right">
-											<a-select v-model:value="valuestu1" style="width: 80px; margin-right: 16px" :options="rankjindu">
-											</a-select>
-											<a-select v-model:value="valuestu2" style="width: 112px" :options="rankjieduan"></a-select>
-										</div>
-									</div>
-								</div>
-								<div class="tab">
-									<a-table :columns="jindutablecolumns" :data-source="jindutabledata"
-										:loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" :scroll="{ y: 330 }"
-										@expand="expandTable" :pagination="false" />
-								</div>
-							</div>
-							<div class="rank">
-								<div class="rankhead">
-									<div class="inhead">
-										<div class="left">学分排行 Top10</div>
-										<div class="right">
-											<a-select v-model:value="valuestu3" style="width: 80px" :options="rankxuefen"></a-select>
-										</div>
-									</div>
-								</div>
-								<div class="tab">
-									<a-table :columns="xuefentablecolumns" :data-source="xuefentabledata"
-										:loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" :scroll="{ y: 330 }"
-										@expand="expandTable" :pagination="false" />
-								</div>
-							</div>
-							<div class="rank">
-								<div class="rankhead">
-									<div class="inhead">
-										<div class="left">学识排行 Top10</div>
-										<div class="right">
-											<a-select v-model:value="valuestu4" style="width: 80px" :options="rankxueshi"></a-select>
-										</div>
-									</div>
-								</div>
-								<div class="tab">
-									<a-table :columns="xueshitablecolumns" :data-source="xueshitabledata"
-										:loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" :scroll="{ y: 330 }"
-										@expand="expandTable" :pagination="false" />
-								</div>
-							</div>
-						</div>
-					</div>
-				</a-tab-pane>
-				<a-tab-pane key="7" tab="设置">
-					<div class="split"></div>
-					<div class="content7">
-						<div class="set_tit">
-							<span>基本信息</span>
-						</div>
-						<!-- <hr color="#E8E8E8" />
+                    "
+                  />
+                </div>
+                <div class="time">
+                  <div class="text">选择时间：</div>
+                  <a-range-picker
+                    v-model:value="valueDate"
+                    style="border-radius: 8px; height: 40px; margin-left: 5px"
+                    :placeholder="['      开始时间', '        结束时间']"
+                  />
+                </div>
+              </div>
+              <div class="right">
+                <div class="btn btn1">
+                  <div class="img1"></div>
+                  <div class="te">搜索</div>
+                </div>
+                <div class="btn btn2">
+                  <div class="img2"></div>
+                  <div class="te">重置</div>
+                </div>
+              </div>
+            </div>
+            <div class="main">
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">进度排行 Top10</div>
+                    <div class="icon"></div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu1"
+                        style="width: 80px; margin-right: 16px"
+                        :options="rankjindu"
+                      >
+                      </a-select>
+                      <a-select
+                        v-model:value="valuestu2"
+                        style="width: 112px"
+                        :options="rankjieduan"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="tab">
+                  <a-table
+                    :columns="jindutablecolumns"
+                    :data-source="jindutabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ y: 330 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                  />
+                </div>
+              </div>
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">学分排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu3"
+                        style="width: 80px"
+                        :options="rankxuefen"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="tab">
+                  <a-table
+                    :columns="xuefentablecolumns"
+                    :data-source="xuefentabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ y: 330 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                  />
+                </div>
+              </div>
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">学识排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu4"
+                        style="width: 80px"
+                        :options="rankxueshi"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="tab">
+                  <a-table
+                    :columns="xueshitablecolumns"
+                    :data-source="xueshitabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ y: 330 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="7" tab="设置">
+          <div class="split"></div>
+          <div class="content7">
+            <div class="set_tit">
+              <span>基本信息</span>
+            </div>
+            <!-- <hr color="#E8E8E8" />
              -->
-						<div class="line"></div>
-						<div class="set_body">
-							<div class="edit" @click="edit_hShow">
-								<div class="img"></div>
-								<div class="ed">编辑</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>项目名称：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>封面图：</span></div>
-								<div class="setc_main">
-									<img src="@/assets/images/projectadd/picture.png" alt="" />
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>项目时间：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">2022-7-16 12:30 ～ 2022-7-30 12:30</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>项目经理：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">张雪</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>资源归属：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">-</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>项目说明：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">-</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>同步学习记录：</span></div>
-								<div class="setc_main" @click="changecheck2">
-									<a-radio v-model:checked="checkedd"><span
-											style="color: #333333">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>项目级别：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">-</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>培训体系：</span></div>
-								<div class="setc_main">
-									<span style="color: #999999">-</span>
-								</div>
-							</div>
-							<div class="set_content">
-								<div class="setc_name"><span>是否BOEU实施：</span></div>
-								<div class="setc_main" @click="changecheck3">
-									<a-radio v-model:checked="checkedd2"><span style="color: #333333">BOEU实施</span></a-radio>
-								</div>
-							</div>
-						</div>
-					</div>
-				</a-tab-pane>
-			</a-tabs>
-		</div>
-		<!-- 时间管理抽屉 -->
-		<time-manage v-model:Tvisible="visible" :title="showTimeText" />
-		<!-- 面授管理抽屉 -->
-		<face-manage v-model:Fvisible="FaceVisivle" />
-		<!-- 学员（小组管理）创建小组抽屉 -->
-		<subset-manage v-model:Svisible="subsetVisivle" />
-		<!-- 学员管理-添加学员抽屉 -->
-		<stu-add v-model:Stuvisible="Stuvisible" />
-		<!-- 学员管理-导入学员抽屉 -->
-		<import-stu v-model:Importvisible="Importvisible" />
-		<!-- 查看学员 -->
-		<see-stu v-model:Seevisible="Seevisible" />
-		<!-- 学员换组 -->
-		<change-group v-model:Changevisible="Changevisible" />
-		<!-- 组员名单抽屉 -->
-		<member-list v-model:Lvisible="Lvisible" />
-		<!-- 面授学员抽屉 -->
-		<face-stu v-model:FSvisible="FSvisible" />
-		<!-- 活动考勤抽屉 -->
-		<active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
-		<!-- 作业管理抽屉 -->
-		<work-manage v-model:Wvisible="Wvisible" />
-		<!-- 考试管理抽屉 -->
-		<test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
-		<!-- 批量面授报名 -->
-		<task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
+            <div class="line"></div>
+            <div class="set_body">
+              <div class="edit" @click="edit_hShow">
+                <div class="img"></div>
+                <div class="ed">编辑</div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目名称：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>封面图：</span></div>
+                <div class="setc_main">
+                  <img src="@/assets/images/projectadd/picture.png" alt="" />
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目时间：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999"
+                    >2022-7-16 12:30 ～ 2022-7-30 12:30</span
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目经理：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">张雪</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>资源归属：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目说明：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>同步学习记录：</span></div>
+                <div class="setc_main" @click="changecheck2">
+                  <a-radio v-model:checked="checkedd"
+                    ><span style="color: #333333"
+                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                    ></a-radio
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目级别：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>培训体系：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>是否BOEU实施：</span></div>
+                <div class="setc_main" @click="changecheck3">
+                  <a-radio v-model:checked="checkedd2"
+                    ><span style="color: #333333">BOEU实施</span></a-radio
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
+      </a-tabs>
+    </div>
+    <!-- 时间管理抽屉 -->
+    <time-manage v-model:Tvisible="visible" :title="showTimeText" />
+    <!-- 面授管理抽屉 -->
+    <face-manage v-model:Fvisible="FaceVisivle" />
+    <!-- 学员（小组管理）创建小组抽屉 -->
+    <subset-manage v-model:Svisible="subsetVisivle" />
+    <!-- 学员管理-添加学员抽屉 -->
+    <stu-add v-model:Stuvisible="Stuvisible" />
+    <!-- 学员管理-导入学员抽屉 -->
+    <import-stu v-model:Importvisible="Importvisible" />
+    <!-- 查看学员 -->
+    <see-stu v-model:Seevisible="Seevisible" />
+    <!-- 学员换组 -->
+    <change-group v-model:Changevisible="Changevisible" />
+    <!-- 组员名单抽屉 -->
+    <member-list v-model:Lvisible="Lvisible" />
+    <!-- 面授学员抽屉 -->
+    <face-stu v-model:FSvisible="FSvisible" />
+    <!-- 活动考勤抽屉 -->
+    <active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
+    <!-- 作业管理抽屉 -->
+    <work-manage v-model:Wvisible="Wvisible" />
+    <!-- 考试管理抽屉 -->
+    <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+    <!-- 批量面授报名 -->
+    <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
 
-		<!-- 概览（无数据）-项目发布弹窗 -->
-		<div>
-			<a-modal v-model:visible="pubproject" :title="null" @ok="closeModal" :footer="null" :closable="false"
-				:centered="true" wrapClassName="pubproject" width="679px" height="437px">
-				<div class="modalHeader" style="
+    <!-- 概览（无数据）-项目发布弹窗 -->
+    <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;
-          ">
-					<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>
-					</div>
-					<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
-						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
-					</div>
-				</div>
-				<div class="modalMain">
-					<div class="projectname">管理者进阶-腾飞班1</div>
-					<div class="projecttime">
-						<span class="timeti">项目时间：</span><span class="timeme">2022/08/01-2022/08/30</span>
-					</div>
-					<div class="projectbox">
-						<div class="promessage">
-							<div class="messageme">项目信息</div>
-							<div class="messagege">当前项目共0个阶段，0个任务</div>
-						</div>
-						<div class="stumessage">
-							<div class="messageme1">学员信息</div>
-							<div class="messagege1">项目共0名学员</div>
-						</div>
-					</div>
-					<div class="send">
-						<a-switch v-model:checked="checked" size="small" />
-						<span class="sendtext">发送项目通知</span>
-					</div>
-					<div class="ckb">
-						<a-checkbox v-model:checked="checked1"><span class="sendpeo">发给老师</span></a-checkbox>
-						<a-checkbox v-model:checked="checked2"><span class="sendpeo">发给学员</span></a-checkbox>
-					</div>
-					<div class="pubtn">
-						<a-button class="pubtn1" @click="closeModal">取消</a-button>
-						<a-button class="pubtn2" @click="closeModal">发布</a-button>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 概览（无数据）-项目发布弹窗 -->
-		<!-- 学员-创建小组弹窗 -->
-		<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="
+          "
+        >
+          <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
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div class="projectname">管理者进阶-腾飞班1</div>
+          <div class="projecttime">
+            <span class="timeti">项目时间：</span
+            ><span class="timeme">2022/08/01-2022/08/30</span>
+          </div>
+          <div class="projectbox">
+            <div class="promessage">
+              <div class="messageme">项目信息</div>
+              <div class="messagege">当前项目共0个阶段，0个任务</div>
+            </div>
+            <div class="stumessage">
+              <div class="messageme1">学员信息</div>
+              <div class="messagege1">项目共0名学员</div>
+            </div>
+          </div>
+          <div class="send">
+            <a-switch v-model:checked="checked" size="small" />
+            <span class="sendtext">发送项目通知</span>
+          </div>
+          <div class="ckb">
+            <a-checkbox v-model:checked="checked1"
+              ><span class="sendpeo">发给老师</span></a-checkbox
+            >
+            <a-checkbox v-model:checked="checked2"
+              ><span class="sendpeo">发给学员</span></a-checkbox
+            >
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal">发布</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 概览（无数据）-项目发布弹窗 -->
+    <!-- 学员-创建小组弹窗 -->
+    <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;
-          ">
-					<div class="headerLeft" style="margin-left: 32px">
-						<span class="headerLeftText" style="font-size: 16px">创建小组</span>
-					</div>
-					<div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
-						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
-					</div>
-				</div>
-				<div class="modalMain">
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">小组名称:</div>
-						<div class="in">
-							<a-input v-model:value="valueaddg" placeholder="请输入小组名称" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="name">
-						<div class="star" style="margin-top: -4px">
-							<img style="width: 10px; height: 10px; margin-left: 15px"
-								src="../../assets/images/basicinfo/asterisk.png" />
-						</div>
-						<div class="inname">小组长:</div>
-						<div class="in">
-							<a-input v-model:value="valueaddm" placeholder="请输入小组长" style="border-radius: 8px; height: 40px" />
-						</div>
-					</div>
-					<div class="pubtn">
-						<a-button class="pubtn1" @click="closeModal2">取消</a-button>
-						<a-button class="pubtn2" @click="closeModal2">确定</a-button>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 学员-创建小组弹窗 -->
-		<!-- 取消学员弹窗 -->
-		<div>
-			<a-modal v-model:visible="canclestu" :footer="null" :closable="close" wrapClassName="canclestu" centered="true"
-				@cancel="closeModal1">
-				<div class="delete">
-					<div class="del_header"></div>
-					<div class="del_main">
-						<div class="header">
-							<div class="icon1"></div>
-							<span>提示</span>
-						</div>
-						<div class="body">
-							<span>您是否授予此学员优秀学员称号？</span>
-						</div>
-						<div class="del_btnbox">
-							<div class="del_btn btn1">
-								<div class="btnText" @click="closeModal1">取消</div>
-							</div>
-							<div class="del_btn btn2">
-								<div class="btnText" @click="closeModal1">确定</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 取消学员弹窗 -->
-		<!-- 优秀学员弹窗 -->
-		<div>
-			<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">
-						<div class="header">
-							<div class="icon1"></div>
-							<span>提示</span>
-						</div>
-						<div class="body">
-							<span>您是否取消此学员优学员称号？</span>
-						</div>
-						<div class="del_btnbox">
-							<div class="del_btn btn1">
-								<div class="btnText" @click="closeModal3">取消</div>
-							</div>
-							<div class="del_btn btn2">
-								<div class="btnText" @click="closeModal3">确定</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 取消学员弹窗 -->
-		<!-- 删除学员弹窗 -->
-		<div>
-			<a-modal v-model:visible="canclestu2" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
-				<div class="delete">
-					<div class="del_header"></div>
-					<div class="del_main">
-						<div class="header">
-							<div class="icon1"></div>
-							<span>提示</span>
-						</div>
-						<div class="body">
-							<span>您确定要删除此学员吗</span>
-						</div>
-						<div class="del_btnbox">
-							<div class="del_btn btn1">
-								<div class="btnText" @click="closeModal4">取消</div>
-							</div>
-							<div class="del_btn btn2">
-								<div class="btnText" @click="closeModal4">确定</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 删除学员弹窗 -->
-		<!-- 编辑弹窗 -->
-		<div>
-			<a-modal v-model:visible="edit_hs" :title="null" @ok="closeModal" :footer="null" :closable="false"
-				wrapClassName="set_edit" width="679px" @cancel="edit_exit">
-				<div class="modalHeader" style="
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px">创建小组</span>
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">小组名称:</div>
+            <div class="in">
+              <a-input
+                v-model:value="valueaddg"
+                placeholder="请输入小组名称"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px; margin-left: 15px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">小组长:</div>
+            <div class="in">
+              <a-input
+                v-model:value="valueaddm"
+                placeholder="请输入小组长"
+                style="border-radius: 8px; height: 40px"
+              />
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal2">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal2">确定</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 学员-创建小组弹窗 -->
+    <!-- 取消学员弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="canclestu"
+        :footer="null"
+        :closable="close"
+        wrapClassName="canclestu"
+        centered="true"
+        @cancel="closeModal1"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您是否授予此学员优秀学员称号？</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="closeModal1">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="closeModal1">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 取消学员弹窗 -->
+    <!-- 优秀学员弹窗 -->
+    <div>
+      <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">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您是否取消此学员优学员称号？</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="closeModal3">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="closeModal3">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 取消学员弹窗 -->
+    <!-- 删除学员弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="canclestu2"
+        :footer="null"
+        :closable="close"
+        wrapClassName="canclestu1"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除此学员吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="closeModal4">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="closeModal4">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 删除学员弹窗 -->
+    <!-- 编辑弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="edit_hs"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="set_edit"
+        width="679px"
+        @cancel="edit_exit"
+      >
+        <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/edit.png" /></span>
-						<span class="headerLeftText" style="font-size: 16px; margin-left: 10px">编辑</span>
-					</div>
-					<div style="cursor: pointer; margin-right: 32px" @click="edit_exit">
-						<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close.png" />
-					</div>
-				</div>
-				<div class="modalMain">
-					<div class="projectname">基本信息</div>
-					<div class="setbody">
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">项目名称：</span>
-							</div>
-							<div class="btnbox">
-								<a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="请输入项目名称"
-									maxlength="20" />
-							</div>
-						</div>
-						<div class="main_item2">
-							<div class="signbox">
-								<span style="margin-right: 3px">直播封面：</span>
-							</div>
-							<div class="lodalimg">
-								<div class="lodalcenter">
-									<span style="color: #448ef7; margin-right: 10px">+</span>
-									<span style="color: #448ef7">添加图片</span>
-								</div>
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">项目时间：</span>
-							</div>
-							<div class="btnbox">
-								<a-range-picker style="width: 424px" :placeholder="['      开始时间', '        结束时间']" />
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">项目经理：</span>
-							</div>
-							<div class="btnbox">
-								<a-select dropdownClassName="dropdown-style" style="width: 424px" placeholder="请选择项目经理"
-									:options="options1" allowClear showSearch />
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">资源归属：</span>
-							</div>
-							<div class="btnbox">
-								<a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="自动带出 可修改"
-									maxlength="20" />
-							</div>
-						</div>
-						<div class="main_item2">
-							<div class="signbox">
-								<span style="margin-right: 3px">项目说明：</span>
-							</div>
-							<div class="textarea">
-								<a-textarea v-model:value="textV1" placeholder="请输入说明" allow-clear maxlength="150" />
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<span style="margin-right: 3px">同步学习记录：</span>
-							</div>
-							<div class="btnbox">
-								<a-radio-group v-model:value="radioV1">
-									<a-radio v-model:checked="checked" :value="1" @click="cloradio1">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）
-									</a-radio>
-								</a-radio-group>
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">项目级别：</span>
-							</div>
-							<div class="btnbox">
-								<a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="集团级/组织级/现地级/部门级"
-									maxlength="20" />
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">培训体系：</span>
-							</div>
-							<div class="btnbox">
-								<a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="集团级/组织级/现地级/部门级"
-									maxlength="20" />
-							</div>
-						</div>
-						<div class="main_item">
-							<div class="signbox">
-								<div class="sign">
-									<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-								</div>
-								<span style="margin-right: 3px">是否BOEU实施：</span>
-							</div>
-							<div class="btnbox">
-								<a-radio-group v-model:value="radioV2">
-									<a-radio v-model:checked="checked" :value="1" @click="cloradio2">BOEU实施</a-radio>
-								</a-radio-group>
-							</div>
-						</div>
-					</div>
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span style="width: 15px; height: 15px"
+              ><img src="../../assets/images/taskpage/edit.png"
+            /></span>
+            <span
+              class="headerLeftText"
+              style="font-size: 16px; margin-left: 10px"
+              >编辑</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="edit_exit">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div class="projectname">基本信息</div>
+          <div class="setbody">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目名称：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入项目名称"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">直播封面：</span>
+              </div>
+              <div class="lodalimg">
+                <div class="lodalcenter">
+                  <span style="color: #448ef7; margin-right: 10px">+</span>
+                  <span style="color: #448ef7">添加图片</span>
+                </div>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目时间：</span>
+              </div>
+              <div class="btnbox">
+                <a-range-picker
+                  style="width: 424px"
+                  :placeholder="['      开始时间', '        结束时间']"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目经理：</span>
+              </div>
+              <div class="btnbox">
+                <a-select
+                  dropdownClassName="dropdown-style"
+                  style="width: 424px"
+                  placeholder="请选择项目经理"
+                  :options="options1"
+                  allowClear
+                  showSearch
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">资源归属：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="自动带出 可修改"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">项目说明：</span>
+              </div>
+              <div class="textarea">
+                <a-textarea
+                  v-model:value="textV1"
+                  placeholder="请输入说明"
+                  allow-clear
+                  maxlength="150"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">同步学习记录：</span>
+              </div>
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV1">
+                  <a-radio
+                    v-model:checked="checked"
+                    :value="1"
+                    @click="cloradio1"
+                    >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）
+                  </a-radio>
+                </a-radio-group>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目级别：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="集团级/组织级/现地级/部门级"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">培训体系：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="集团级/组织级/现地级/部门级"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">是否BOEU实施：</span>
+              </div>
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV2">
+                  <a-radio
+                    v-model:checked="checked"
+                    :value="1"
+                    @click="cloradio2"
+                    >BOEU实施</a-radio
+                  >
+                </a-radio-group>
+              </div>
+            </div>
+          </div>
 
-					<div class="pubtn">
-						<a-button class="pubtn1" @click="closeModal">取消</a-button>
-						<a-button class="pubtn2" @click="closeModal">发布</a-button>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 编辑弹窗 -->
-		<!-- 删除弹窗 -->
-		<div>
-			<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">
-						<div class="header">
-							<div class="del-icon"></div>
-							<span>提示</span>
-							<div class="close_exit" @click="delete_exit"></div>
-						</div>
-						<div class="body">
-							<span>您确定要删除此课程吗</span>
-						</div>
-						<div class="del_btnbox">
-							<div class="del_btn btn1">
-								<div class="btnText" @click="delete_exit">取消</div>
-							</div>
-							<div class="del_btn btn2">
-								<div class="btnText" @click="delete_exit">确定</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</a-modal>
-		</div>
-		<!-- 删除弹窗 -->
-		<!-- 面授管理二维码 -->
-		<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>
-		<!-- 直播管理二维码 -->
-		<a-modal v-model:visible="zhibModal" :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="closezhibModal"></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>
-		<!-- 活动管理二维码 -->
-		<a-modal v-model:visible="huodModal" :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="closehuodModal"></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>
-	</div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal">发布</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 编辑弹窗 -->
+    <!-- 删除弹窗 -->
+    <div>
+      <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">
+            <div class="header">
+              <div class="del-icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="delete_exit"></div>
+            </div>
+            <div class="body">
+              <span>您确定要删除此课程吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="delete_exit">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="delete_exit">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 删除弹窗 -->
+    <!-- 面授管理二维码 -->
+    <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>
+    <!-- 直播管理二维码 -->
+    <a-modal
+      v-model:visible="zhibModal"
+      :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="closezhibModal"></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>
+    <!-- 活动管理二维码 -->
+    <a-modal
+      v-model:visible="huodModal"
+      :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="closehuodModal"></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>
+  </div>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
@@ -1275,3492 +1663,3523 @@ import ChangeGroup from "../../components/drawers/ChangeGroup";
 import NoticePub from "../../components/drawers/NoticePub";
 import ProjectScore from "../../components/drawers/ProjectScore";
 import TaskImpStu from "../../components/drawers/TaskFaceIn";
+import { storage } from "../../api/storage";
 export default {
-	name: "taskPage",
-	components: {
-		// CaretRightOutlined,
-		TimeManage,
-		FaceManage,
-		SubsetManage,
-		MemberList,
-		FaceStu,
-		ActiveAttendance,
-		WorkManage,
-		TestManage,
-		StuAdd,
-		ImportStu,
-		SeeStu,
-		ChangeGroup,
-		NoticePub,
-		ProjectScore,
-		TaskImpStu,
-	},
-	setup() {
-		const state = reactive({
-			goodstuList: [
-				{
-					id: 1,
-					value: "全部",
-					label: "全部",
-				},
-				{
-					id: 2,
-					value: "普通学员",
-					label: "普通学员",
-				},
-				{
-					id: 3,
-					value: "优秀学员",
-					label: "优秀学员",
-				},
-			],
-			tabledata: [
-				{
-					key: 1,
-					name: "小李",
-					bum: "产研部",
-					gangw: "产品经理",
-					group: "好好学习",
-					progress: "5/20",
-					diploma: "0",
-					stutime: "2022-10-31 23:12:00",
-					putin: "手动加入",
-					excellent: true, //是否是优秀学员
-				},
-				{
-					key: 2,
-					name: "小刘",
-					bum: "产研部",
-					gangw: "产品经理",
-					group: "天天向上",
-					progress: "5/20",
-					diploma: "0",
-					stutime: "2022-10-21 23:12:00",
-					putin: "手动加入",
-					excellent: false, //是否是优秀学员
-				},
-				{
-					key: 3,
-					name: "小王",
-					bum: "产研部",
-					gangw: "后端",
-					group: "好好学习",
-					progress: "5/20",
-					diploma: "0",
-					stutime: "2022-10-11 23:12:00",
-					putin: "手动加入",
-					excellent: false, //是否是优秀学员
-				},
-				{
-					key: 4,
-					name: "小赵",
-					bum: "产研部",
-					gangw: "前端",
-					group: "天天向上",
-					progress: "5/20",
-					diploma: "0",
-					stutime: "2022-10-31 23:12:00",
-					putin: "手动加入",
-					excellent: true, //是否是优秀学员
-				},
-			],
+  name: "taskPage",
+  components: {
+    // CaretRightOutlined,
+    TimeManage,
+    FaceManage,
+    SubsetManage,
+    MemberList,
+    FaceStu,
+    ActiveAttendance,
+    WorkManage,
+    TestManage,
+    StuAdd,
+    ImportStu,
+    SeeStu,
+    ChangeGroup,
+    NoticePub,
+    ProjectScore,
+    TaskImpStu,
+  },
+  setup() {
+    const state = reactive({
+      projectId: storage.get("projectId") ? storage.get("projectId") : null,
+      goodstuList: [
+        {
+          id: 1,
+          value: "全部",
+          label: "全部",
+        },
+        {
+          id: 2,
+          value: "普通学员",
+          label: "普通学员",
+        },
+        {
+          id: 3,
+          value: "优秀学员",
+          label: "优秀学员",
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+          group: "好好学习",
+          progress: "5/20",
+          diploma: "0",
+          stutime: "2022-10-31 23:12:00",
+          putin: "手动加入",
+          excellent: true, //是否是优秀学员
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          gangw: "产品经理",
+          group: "天天向上",
+          progress: "5/20",
+          diploma: "0",
+          stutime: "2022-10-21 23:12:00",
+          putin: "手动加入",
+          excellent: false, //是否是优秀学员
+        },
+        {
+          key: 3,
+          name: "小王",
+          bum: "产研部",
+          gangw: "后端",
+          group: "好好学习",
+          progress: "5/20",
+          diploma: "0",
+          stutime: "2022-10-11 23:12:00",
+          putin: "手动加入",
+          excellent: false, //是否是优秀学员
+        },
+        {
+          key: 4,
+          name: "小赵",
+          bum: "产研部",
+          gangw: "前端",
+          group: "天天向上",
+          progress: "5/20",
+          diploma: "0",
+          stutime: "2022-10-31 23:12:00",
+          putin: "手动加入",
+          excellent: true, //是否是优秀学员
+        },
+      ],
 
-			//进度排行学员
-			rankjindu: [{ value: "学员", label: "学员" }],
-			valuestu1: "学员",
-			//进度排行阶段
-			rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
-			valuestu2: "第一阶段",
-			//学分排行
-			rankxuefen: [{ value: "学员", label: "学员" }],
-			valuestu3: "学员",
-			//学识排行
-			rankxueshi: [{ value: "学员", label: "学员" }],
-			valuestu4: "学员",
-			visible: false, //时间管理
-			FaceVisivle: false, //面授管理
-			subsetVisivle: false, //随机小组
-			Lvisible: false, //组员名单
-			FSvisible: false, //面授学员
-			AAvisible: false, //活动考勤
-			Wvisible: false, //作业管理
-			TMvisible: false, //考试管理
-			Stuvisible: false, //添加学员
-			Importvisible: false, //导入学员
-			Seevisible: false, //查看学员
-			Changevisible: false, //学员换组
-			edit_hs: false, //编辑弹窗
-			delete_hs: false, //删除弹窗
-			copyModal: false, //面授二维码弹窗
-			closeCopy: false, //面授二维码关闭图标
-			zhibModal: false, //直播二维码弹窗
+      //进度排行学员
+      rankjindu: [{ value: "学员", label: "学员" }],
+      valuestu1: "学员",
+      //进度排行阶段
+      rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
+      valuestu2: "第一阶段",
+      //学分排行
+      rankxuefen: [{ value: "学员", label: "学员" }],
+      valuestu3: "学员",
+      //学识排行
+      rankxueshi: [{ value: "学员", label: "学员" }],
+      valuestu4: "学员",
+      visible: false, //时间管理
+      FaceVisivle: false, //面授管理
+      subsetVisivle: false, //随机小组
+      Lvisible: false, //组员名单
+      FSvisible: false, //面授学员
+      AAvisible: false, //活动考勤
+      Wvisible: false, //作业管理
+      TMvisible: false, //考试管理
+      Stuvisible: false, //添加学员
+      Importvisible: false, //导入学员
+      Seevisible: false, //查看学员
+      Changevisible: false, //学员换组
+      edit_hs: false, //编辑弹窗
+      delete_hs: false, //删除弹窗
+      copyModal: false, //面授二维码弹窗
+      closeCopy: false, //面授二维码关闭图标
+      zhibModal: false, //直播二维码弹窗
 
-			huodModal: false, //活动二维码弹窗
+      huodModal: false, //活动二维码弹窗
 
-			pubproject: false,
-			stugroup: false,
-			canclestu: false,
-			canclestu1: false,
-			canclestu2: false,
-			checked: false,
-			checked1: true,
-			checked2: false,
-			checkedd: false, //设置按钮1
-			checkedd2: false, //设置按钮2
-			radioV1: "",
-			radioV2: "",
-			activeKey: "1", //1:概览 2.任务...
-			activeKey1: "8", //8:学员管理 9：小组管理
-			activeKey2: "3",
-			inputValue: 5,
-			inputValue2: 5,
-			inputValue3: 5,
-			valueaddm: "", //创建小组输入小组长
-			valueaddg: "", //创建小组输入名称
-			valuestun: "", //学员管理姓名
-			valuegood: "",
-			valuestub: "", //学员管理部门
-			valuestug: "", //学员管理小组名称
-			valueName: "", //排行榜输入姓名
-			valueDate: "", //排行榜输入日期
-			noticeChecked: true,
-			noticeContent: "",
-			TaskFaceImpStuvisible: false, //批量面授报名
+      pubproject: false,
+      stugroup: false,
+      canclestu: false,
+      canclestu1: false,
+      canclestu2: false,
+      checked: false,
+      checked1: true,
+      checked2: false,
+      checkedd: false, //设置按钮1
+      checkedd2: false, //设置按钮2
+      radioV1: "",
+      radioV2: "",
+      activeKey: "1", //1:概览 2.任务...
+      activeKey1: "8", //8:学员管理 9：小组管理
+      activeKey2: "3",
+      inputValue: 5,
+      inputValue2: 5,
+      inputValue3: 5,
+      valueaddm: "", //创建小组输入小组长
+      valueaddg: "", //创建小组输入名称
+      valuestun: "", //学员管理姓名
+      valuegood: "",
+      valuestub: "", //学员管理部门
+      valuestug: "", //学员管理小组名称
+      valueName: "", //排行榜输入姓名
+      valueDate: "", //排行榜输入日期
+      noticeChecked: true,
+      noticeContent: "",
+      TaskFaceImpStuvisible: false, //批量面授报名
 
-			//进度排行表
-			jindutabledata: [
-				{
-					rank: "1",
-					name: "哈哈",
-					jd: "80%",
-				},
+      //进度排行表
+      jindutabledata: [
+        {
+          rank: "1",
+          name: "哈哈",
+          jd: "80%",
+        },
 
-				{
-					rank: "2",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "3",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "4",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "5",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "6",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "7",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "8",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "9",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "10",
-					name: "哈哈",
-					jd: "70%",
-				},
-			],
-			jindutablecolumns: [
-				{
-					title: "排名",
-					dataIndex: "rank",
-					key: "rank",
-					width: 50,
-					align: "center",
-					className: "h",
-					customRender: (text) => {
-						if (text.record.rank == "1") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/one.png")}
-								/>
-							);
-						} else if (text.record.rank == "2") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/two.png")}
-								/>
-							);
-						} else if (text.record.rank == "3") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/three.png")}
-								/>
-							);
-						} else {
-							return <div>{text.record.rank}</div>;
-						}
-					},
-				},
-				{
-					title: "名称",
-					dataIndex: "name",
-					key: "name",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
+        {
+          rank: "2",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "3",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "4",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "5",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "6",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "7",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "8",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "9",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "10",
+          name: "哈哈",
+          jd: "70%",
+        },
+      ],
+      jindutablecolumns: [
+        {
+          title: "排名",
+          dataIndex: "rank",
+          key: "rank",
+          width: 50,
+          align: "center",
+          className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
+        },
+        {
+          title: "名称",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
 
-				{
-					title: "进度",
-					dataIndex: "jd",
-					key: "jd",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
-			],
-			//学分排行表
-			xuefentabledata: [
-				{
-					rank: "1",
-					name: "哈哈",
-					jd: "80%",
-				},
+        {
+          title: "进度",
+          dataIndex: "jd",
+          key: "jd",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+      //学分排行表
+      xuefentabledata: [
+        {
+          rank: "1",
+          name: "哈哈",
+          jd: "80%",
+        },
 
-				{
-					rank: "2",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "3",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "4",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "5",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "6",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "7",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "8",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "9",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "10",
-					name: "哈哈",
-					jd: "70%",
-				},
-			],
-			xuefentablecolumns: [
-				{
-					title: "排名",
-					dataIndex: "rank",
-					key: "rank",
-					width: 50,
-					align: "center",
-					className: "h",
-					customRender: (text) => {
-						if (text.record.rank == "1") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/one.png")}
-								/>
-							);
-						} else if (text.record.rank == "2") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/two.png")}
-								/>
-							);
-						} else if (text.record.rank == "3") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/three.png")}
-								/>
-							);
-						} else {
-							return <div>{text.record.rank}</div>;
-						}
-					},
-				},
-				{
-					title: "名称",
-					dataIndex: "name",
-					key: "name",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
+        {
+          rank: "2",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "3",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "4",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "5",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "6",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "7",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "8",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "9",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "10",
+          name: "哈哈",
+          jd: "70%",
+        },
+      ],
+      xuefentablecolumns: [
+        {
+          title: "排名",
+          dataIndex: "rank",
+          key: "rank",
+          width: 50,
+          align: "center",
+          className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
+        },
+        {
+          title: "名称",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
 
-				{
-					title: "进度",
-					dataIndex: "jd",
-					key: "jd",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
-			],
-			//学识排行表
-			xueshitabledata: [
-				{
-					rank: "1",
-					name: "哈哈",
-					jd: "80%",
-				},
+        {
+          title: "进度",
+          dataIndex: "jd",
+          key: "jd",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+      //学识排行表
+      xueshitabledata: [
+        {
+          rank: "1",
+          name: "哈哈",
+          jd: "80%",
+        },
 
-				{
-					rank: "2",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "3",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "4",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "5",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "6",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "7",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "8",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "9",
-					name: "哈哈",
-					jd: "70%",
-				},
-				{
-					rank: "10",
-					name: "哈哈",
-					jd: "70%",
-				},
-			],
-			xueshitablecolumns: [
-				{
-					title: "排名",
-					dataIndex: "rank",
-					key: "rank",
-					width: 50,
-					align: "center",
-					className: "h",
-					customRender: (text) => {
-						if (text.record.rank == "1") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/one.png")}
-								/>
-							);
-						} else if (text.record.rank == "2") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/two.png")}
-								/>
-							);
-						} else if (text.record.rank == "3") {
-							return (
-								<img
-									style={{ width: 24, height: 24 }}
-									src={require("../../assets/images/taskpage/three.png")}
-								/>
-							);
-						} else {
-							return <div>{text.record.rank}</div>;
-						}
-					},
-				},
-				{
-					title: "名称",
-					dataIndex: "name",
-					key: "name",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
+        {
+          rank: "2",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "3",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "4",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "5",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "6",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "7",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "8",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "9",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "10",
+          name: "哈哈",
+          jd: "70%",
+        },
+      ],
+      xueshitablecolumns: [
+        {
+          title: "排名",
+          dataIndex: "rank",
+          key: "rank",
+          width: 50,
+          align: "center",
+          className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
+        },
+        {
+          title: "名称",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
 
-				{
-					title: "进度",
-					dataIndex: "jd",
-					key: "jd",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
-			],
+        {
+          title: "进度",
+          dataIndex: "jd",
+          key: "jd",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
 
-			//任务大纲列表
-			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,
-						},
-						{
-							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,
-						},
-					],
-				},
-				{
-					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,
-						},
-					],
-				},
-			],
-			taskSyllabusActive: 0,
-			//在线管理等页面传递参数
-			showTimeText: "",
-			//考试、测评页面传递参数
-			showTestText: "",
-			//直播、活动页面传递参数
-			showkaoqinText: "",
-		});
+      //任务大纲列表
+      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,
+            },
+            {
+              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,
+            },
+          ],
+        },
+        {
+          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,
+            },
+          ],
+        },
+      ],
+      taskSyllabusActive: 0,
+      //在线管理等页面传递参数
+      showTimeText: "",
+      //考试、测评页面传递参数
+      showTestText: "",
+      //直播、活动页面传递参数
+      showkaoqinText: "",
+    });
 
-		// 输入接入 -- start --
+    // 输入接入 -- start --
 
-		const router = useRoute();
-		console.log('route:', router.query.id)
+    const router = useRoute();
+    console.log("route:", router.query.id);
 
-		// 输入接入 -- start --
+    // 输入接入 -- start --
 
-		//学员学员管理渲染
-		const getTableDate = () => {
-			let datas = state.tabledata;
-			datas.map((value) => {
-				{
-					//单层项目
-					value.operations = (
-						<div class="operation">
-							<div class="nSelect">
-								<div class="nselect">
-									<div
-										class="jc"
-										onClick={() => {
-											// state.QR_hs = true;
-											// state.ftsQR_hs = true;
-											state.canclestu = true;
-										}}
-									>
-										优秀学员
-									</div>
-									<div
-										class="jc"
-										onClick={() => {
-											state.Seevisible = true;
-										}}
-									>
-										查看
-									</div>
-									<div class="tableSelect">
-										<a-select
-											style="width: 50px;margin-top:2px;margin-left:25px"
-											value="更多"
-											// options={state.projectNameList}
-											dropdownClassName="tabledropdown"
-										>
-											<a-select-option
-												value="换组"
-												label="换组"
-												style="padding-left:35px"
-											>
-												<div
-													onClick={() => {
-														// state.copy_hs = true;
-													}}
-												>
-													复制
-												</div>
-											</a-select-option>
-											<a-select-option
-												value="删除"
-												label="删除"
-												style="padding-left:35px"
-											>
-												<div
-													onClick={() => {
-														state.delete_hs = true;
-													}}
-												>
-													删除
-												</div>
-											</a-select-option>
-										</a-select>
-									</div>
-								</div>
-							</div>
-						</div>
-					);
-				}
-			});
-			state.tableData = datas;
-		};
-		getTableDate();
+    //学员学员管理渲染
+    const getTableDate = () => {
+      let datas = state.tabledata;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operations = (
+            <div class="operation">
+              <div class="nSelect">
+                <div class="nselect">
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      // state.QR_hs = true;
+                      // state.ftsQR_hs = true;
+                      state.canclestu = true;
+                    }}
+                  >
+                    优秀学员
+                  </div>
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      state.Seevisible = true;
+                    }}
+                  >
+                    查看
+                  </div>
+                  <div class="tableSelect">
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="换组"
+                        label="换组"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            // state.copy_hs = true;
+                          }}
+                        >
+                          复制
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="删除"
+                        label="删除"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            state.delete_hs = true;
+                          }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                </div>
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = datas;
+    };
+    getTableDate();
 
-		const totask = () => {
-			state.activeKey = "2";
-		};
-		const tostudent = () => {
-			state.activeKey = "3";
-			state.activeKey1 = "8";
-		};
-		const showModal = () => {
-			state.pubproject = true;
-		};
-		const closeModal = () => {
-			state.pubproject = false;
-		};
-		const showModal1 = () => {
-			state.canclestu = true;
-		};
-		const closeModal1 = () => {
-			state.canclestu = false;
-		};
-		const showModal3 = () => {
-			state.canclestu1 = true;
-		};
-		const closeModal3 = () => {
-			state.canclestu1 = false;
-		};
-		const showModal4 = () => {
-			state.canclestu2 = true;
-		};
-		const closeModal4 = () => {
-			state.canclestu2 = false;
-		};
-		const showModal2 = () => {
-			state.stugroup = true;
-		};
-		const closeModal2 = () => {
-			state.stugroup = false;
-		};
-		const showCopyModal = () => {
-			state.copyModal = true;
-		};
-		const closeCopyModal = () => {
-			state.copyModal = false;
-		};
-		const showFaceIn = () => {
-			state.TaskFaceImpStuvisible = true;
-		};
-		//新增
-		const showTime = (course) => {
-			console.log("点击管理");
-			state.visible = true;
-			state.showTimeText = "【" + course + "】" + "管理";
-			// console.log("state.showTimeText", state.showTimeText);
-		};
-		//新增
-		const showFace = () => {
-			//面授管理的抽屉
-			// console.log("点击管理");
-			state.FaceVisivle = true;
-		};
-		const showSubset = () => {
-			//面授管理的抽屉
-			// console.log("点击管理");
-			state.subsetVisivle = true;
-		};
-		//面授学员的弹窗
-		const showFS = () => {
-			state.FSvisible = true;
-		};
-		//面授学员的弹窗
-		const showMemberList = () => {
-			state.Lvisible = true;
-		};
-		//活动考勤的抽屉
-		const showAA = (course) => {
-			state.AAvisible = true;
-			state.showkaoqinText = "【" + course + "】" + "考勤";
-		};
-		//作业管理的抽屉
-		const showWork = () => {
-			state.Wvisible = true;
-		};
-		//考试管理的抽屉
-		const showTest = (course, name) => {
-			state.TMvisible = true;
-			state.showTestText = "【" + course + "】" + name;
-		};
-		const showStuAdd = () => {
-			state.Stuvisible = true;
-		};
-		const showSeeStu = () => {
-			state.Seevisible = true;
-		};
-		const showImportStu = () => {
-			state.Importvisible = true;
-		};
-		const showChangeGroup = () => {
-			state.Changevisible = true;
-		};
-		const changecheck2 = () => {
-			state.checkedd = !state.checkedd;
-		};
-		const changecheck3 = () => {
-			state.checkedd2 = !state.checkedd2;
-		};
-		const edit_hShow = () => {
-			state.edit_hs = true;
-		};
-		const edit_exit = () => {
-			state.edit_hs = false;
-			state.radioV1 = "";
-			state.radioV2 = "";
-		};
-		const cloradio1 = (value) => {
-			if (value != "") {
-				state.radioV1 = "";
-			}
-		};
-		const cloradio2 = (value) => {
-			if (value != "") {
-				state.radioV2 = "";
-			}
-		};
-		const showzhibModal = () => {
-			state.zhibModal = true;
-		};
-		const showhuodModal = () => {
-			state.huodModal = true;
-		};
-		const closezhibModal = () => {
-			state.zhibModal = false;
-		};
-		const closehuodModal = () => {
-			state.huodModal = false;
-		};
+    const totask = () => {
+      state.activeKey = "2";
+    };
+    const tostudent = () => {
+      state.activeKey = "3";
+      state.activeKey1 = "8";
+    };
+    const showModal = () => {
+      state.pubproject = true;
+    };
+    const closeModal = () => {
+      state.pubproject = false;
+    };
+    const showModal1 = () => {
+      state.canclestu = true;
+    };
+    const closeModal1 = () => {
+      state.canclestu = false;
+    };
+    const showModal3 = () => {
+      state.canclestu1 = true;
+    };
+    const closeModal3 = () => {
+      state.canclestu1 = false;
+    };
+    const showModal4 = () => {
+      state.canclestu2 = true;
+    };
+    const closeModal4 = () => {
+      state.canclestu2 = false;
+    };
+    const showModal2 = () => {
+      state.stugroup = true;
+    };
+    const closeModal2 = () => {
+      state.stugroup = false;
+    };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showFaceIn = () => {
+      state.TaskFaceImpStuvisible = true;
+    };
+    //新增
+    const showTime = (course) => {
+      console.log("点击管理");
+      state.visible = true;
+      state.showTimeText = "【" + course + "】" + "管理";
+      // console.log("state.showTimeText", state.showTimeText);
+    };
+    //新增
+    const showFace = () => {
+      //面授管理的抽屉
+      // console.log("点击管理");
+      state.FaceVisivle = true;
+    };
+    const showSubset = () => {
+      //面授管理的抽屉
+      // console.log("点击管理");
+      state.subsetVisivle = true;
+    };
+    //面授学员的弹窗
+    const showFS = () => {
+      state.FSvisible = true;
+    };
+    //面授学员的弹窗
+    const showMemberList = () => {
+      state.Lvisible = true;
+    };
+    //活动考勤的抽屉
+    const showAA = (course) => {
+      state.AAvisible = true;
+      state.showkaoqinText = "【" + course + "】" + "考勤";
+    };
+    //作业管理的抽屉
+    const showWork = () => {
+      state.Wvisible = true;
+    };
+    //考试管理的抽屉
+    const showTest = (course, name) => {
+      state.TMvisible = true;
+      state.showTestText = "【" + course + "】" + name;
+    };
+    const showStuAdd = () => {
+      state.Stuvisible = true;
+    };
+    const showSeeStu = () => {
+      state.Seevisible = true;
+    };
+    const showImportStu = () => {
+      state.Importvisible = true;
+    };
+    const showChangeGroup = () => {
+      state.Changevisible = true;
+    };
+    const changecheck2 = () => {
+      state.checkedd = !state.checkedd;
+    };
+    const changecheck3 = () => {
+      state.checkedd2 = !state.checkedd2;
+    };
+    const edit_hShow = () => {
+      state.edit_hs = true;
+    };
+    const edit_exit = () => {
+      state.edit_hs = false;
+      state.radioV1 = "";
+      state.radioV2 = "";
+    };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    };
+    const cloradio2 = (value) => {
+      if (value != "") {
+        state.radioV2 = "";
+      }
+    };
+    const showzhibModal = () => {
+      state.zhibModal = true;
+    };
+    const showhuodModal = () => {
+      state.huodModal = true;
+    };
+    const closezhibModal = () => {
+      state.zhibModal = false;
+    };
+    const closehuodModal = () => {
+      state.huodModal = false;
+    };
 
-		//学员管理列表操作
-		const studentData = () => {
-			let arr = state.tabledata;
-			arr.map((value) => {
-				value.operation = (
-					<div
-						style={{
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "center",
-						}}
-					>
-						<div
-							class="studentopea1"
-							onClick={() => {
-								if (value.excellent === false) {
-									state.canclestu = true;
-								} else if (value.excellent === true) {
-									state.canclestu1 = true;
-								}
-							}}
-						>
-							{value.excellent ? "取消优秀" : "优秀学员"}
-						</div>
+    //学员管理列表操作
+    const studentData = () => {
+      let arr = state.tabledata;
+      arr.map((value) => {
+        value.operation = (
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <div
+              class="studentopea1"
+              onClick={() => {
+                if (value.excellent === false) {
+                  state.canclestu = true;
+                } else if (value.excellent === true) {
+                  state.canclestu1 = true;
+                }
+              }}
+            >
+              {value.excellent ? "取消优秀" : "优秀学员"}
+            </div>
 
-						<div
-							class="studentopea2"
-							onClick={() => {
-								state.Seevisible = true;
-							}}
-						>
-							查看
-						</div>
-						<div class="studentSelect">
-							<a-select
-								style="width: 50px"
-								value="更多"
-								// options={state.projectNameList}
-								dropdownClassName="tabledropdown"
-							>
-								<a-select-option value="换组" label="换组">
-									<div
-										onClick={() => {
-											state.Changevisible = true;
-										}}
-									>
-										换组
-									</div>
-								</a-select-option>
-								<a-select-option value="删除" label="删除">
-									<div
-										onClick={() => {
-											console.log("点击了111");
-											state.canclestu2 = true;
-										}}
-									>
-										删除
-									</div>
-								</a-select-option>
-							</a-select>
-						</div>
-					</div>
-				);
-			});
-			state.tabledata = arr;
-			// console.log("state.tabledata", state.tabledata);
-		};
-		studentData();
-		const studentColumns = () => {
-			const tablecolumns = [
-				{
-					title: "姓名",
-					dataIndex: "name",
-					key: "name",
-					width: 30,
-					align: "left",
-					className: "h",
-					// scopedSlots: { customRender: "action" }, //引入的插槽
-					customRender: (text) => {
-						console.log(text.excellent);
-						return (
-							<div>
-								{text.record.excellent ? (
-									<div
-										style={{
-											display: "flex",
-											alignItems: "center",
-										}}
-									>
-										<span class="stydentName">{text.value}</span>
-										<div class="studentExcellent">
-											<img
-												class="studentExcellentImg"
-												src={require("../../assets/images/taskpage/excellent.png")}
-											/>
-											<span class="studentExcellentT">优秀</span>
-										</div>
-									</div>
-								) : (
-									<div>
-										<span>{text.value}</span>
-									</div>
-								)}
-							</div>
-						);
-					},
-				},
-				{
-					title: "部门",
-					dataIndex: "bum",
-					key: "bum",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
-				{
-					title: "岗位",
-					dataIndex: "gangw",
-					key: "gangw",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
-				{
-					title: "所属小组",
-					dataIndex: "group",
-					key: "group",
-					width: 50,
-					align: "center",
-					className: "h",
-				},
-				{
-					title: "进度",
-					dataIndex: "progress",
-					key: "progress",
-					width: 30,
-					align: "center",
-					className: "h",
-				},
-				{
-					title: "证书",
-					dataIndex: "diploma",
-					key: "diploma",
-					width: 30,
-					align: "center",
-					className: "h",
-				},
-				{
-					title: "最近学习时间",
-					dataIndex: "stutime",
-					key: "stutime",
-					width: 50,
-					align: "center",
-					className: "h",
-					// sorter: {
-					//   compare: (a, b) => a.stutime - b.stutime,
-					//   multiple: 3,
-					// },
-				},
-				{
-					title: "加入方式",
-					dataIndex: "putin",
-					key: "putin",
-					width: 40,
-					align: "center",
-					className: "h",
-				},
-				{
-					title: "操作",
-					dataIndex: "operation",
-					key: "operation",
-					width: 60,
-					align: "center",
-					className: "h",
-				},
-			];
-			return tablecolumns;
-		};
-		const delete_exit = () => {
-			state.delete_hs = false;
-		};
-		return {
-			...toRefs(state),
-			totask,
-			tostudent,
-			showModal,
-			closeModal,
-			showModal1,
-			closeModal1,
-			showModal2,
-			closeModal2,
-			showModal3,
-			closeModal3,
-			showModal4,
-			closeModal4,
-			showCopyModal,
-			closeCopyModal,
-			showTime,
-			showFace,
-			showSubset,
-			showMemberList,
-			showFS,
-			showAA,
-			showWork,
-			showTest,
-			changecheck2,
-			changecheck3,
-			showStuAdd,
-			showImportStu,
-			showSeeStu,
-			showChangeGroup,
-			showFaceIn,
-			edit_hShow,
-			edit_exit,
-			cloradio1,
-			cloradio2,
-			studentColumns,
-			delete_exit,
-			showzhibModal,
-			showhuodModal,
-			closehuodModal,
-			closezhibModal,
-		};
-	},
+            <div
+              class="studentopea2"
+              onClick={() => {
+                state.Seevisible = true;
+              }}
+            >
+              查看
+            </div>
+            <div class="studentSelect">
+              <a-select
+                style="width: 50px"
+                value="更多"
+                // options={state.projectNameList}
+                dropdownClassName="tabledropdown"
+              >
+                <a-select-option value="换组" label="换组">
+                  <div
+                    onClick={() => {
+                      state.Changevisible = true;
+                    }}
+                  >
+                    换组
+                  </div>
+                </a-select-option>
+                <a-select-option value="删除" label="删除">
+                  <div
+                    onClick={() => {
+                      console.log("点击了111");
+                      state.canclestu2 = true;
+                    }}
+                  >
+                    删除
+                  </div>
+                </a-select-option>
+              </a-select>
+            </div>
+          </div>
+        );
+      });
+      state.tabledata = arr;
+      // console.log("state.tabledata", state.tabledata);
+    };
+    studentData();
+    const studentColumns = () => {
+      const tablecolumns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            console.log(text.excellent);
+            return (
+              <div>
+                {text.record.excellent ? (
+                  <div
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                    }}
+                  >
+                    <span class="stydentName">{text.value}</span>
+                    <div class="studentExcellent">
+                      <img
+                        class="studentExcellentImg"
+                        src={require("../../assets/images/taskpage/excellent.png")}
+                      />
+                      <span class="studentExcellentT">优秀</span>
+                    </div>
+                  </div>
+                ) : (
+                  <div>
+                    <span>{text.value}</span>
+                  </div>
+                )}
+              </div>
+            );
+          },
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所属小组",
+          dataIndex: "group",
+          key: "group",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "进度",
+          dataIndex: "progress",
+          key: "progress",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "证书",
+          dataIndex: "diploma",
+          key: "diploma",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "最近学习时间",
+          dataIndex: "stutime",
+          key: "stutime",
+          width: 50,
+          align: "center",
+          className: "h",
+          // sorter: {
+          //   compare: (a, b) => a.stutime - b.stutime,
+          //   multiple: 3,
+          // },
+        },
+        {
+          title: "加入方式",
+          dataIndex: "putin",
+          key: "putin",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          dataIndex: "operation",
+          key: "operation",
+          width: 60,
+          align: "center",
+          className: "h",
+        },
+      ];
+      return tablecolumns;
+    };
+    const delete_exit = () => {
+      state.delete_hs = false;
+    };
+    return {
+      ...toRefs(state),
+      totask,
+      tostudent,
+      showModal,
+      closeModal,
+      showModal1,
+      closeModal1,
+      showModal2,
+      closeModal2,
+      showModal3,
+      closeModal3,
+      showModal4,
+      closeModal4,
+      showCopyModal,
+      closeCopyModal,
+      showTime,
+      showFace,
+      showSubset,
+      showMemberList,
+      showFS,
+      showAA,
+      showWork,
+      showTest,
+      changecheck2,
+      changecheck3,
+      showStuAdd,
+      showImportStu,
+      showSeeStu,
+      showChangeGroup,
+      showFaceIn,
+      edit_hShow,
+      edit_exit,
+      cloradio1,
+      cloradio2,
+      studentColumns,
+      delete_exit,
+      showzhibModal,
+      showhuodModal,
+      closehuodModal,
+      closezhibModal,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .clearfix:before,
 .clearfix:after {
-	content: " ";
-	display: table;
-	clear: both;
+  content: " ";
+  display: table;
+  clear: both;
 }
 
 .pubproject {
-	.ant-modal {
-		.ant-modal-body {
-			.modalHeader {
-				background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-						rgba(78, 166, 255, 0) 100%);
-			}
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
 
-			padding: 0;
+      padding: 0;
 
-			.modalHeader {
-				background: linear-gradient(0deg,
-						rgba(78, 166, 255, 0) 0%,
-						rgba(78, 166, 255, 0.2) 100%);
-			}
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			.modalMain {
-				.projectname {
-					color: rgba(79, 81, 86, 1);
-					font-size: 14px;
-					line-height: 36px;
-					margin-left: 62px;
-					font-weight: 500;
-				}
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          margin-left: 62px;
+          font-weight: 500;
+        }
 
-				.projecttime {
-					margin-left: 221px;
+        .projecttime {
+          margin-left: 221px;
 
-					.timeti {
-						color: rgba(153, 155, 163, 1);
-						font-size: 14px;
-						line-height: 36px;
-					}
+          .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;
-					}
-				}
+          .timeme {
+            color: rgba(79, 81, 86, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+        }
 
-				.projectbox {
-					margin-top: 26px;
-					display: flex;
-					justify-content: center;
+        .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));
-						border-radius: 10px;
-						margin-right: 7px;
+          .promessage {
+            width: 280px;
+            height: 110px;
+            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;
-							line-height: 36px;
-							margin-top: 17px;
-							margin-left: 30px;
-						}
+            .messageme {
+              color: rgba(255, 182, 78, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
 
-						.messagege {
-							color: rgba(153, 155, 163, 1);
-							font-size: 14px;
-							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));
-						border-radius: 10px;
+          .stumessage {
+            width: 280px;
+            height: 110px;
+            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;
-							line-height: 36px;
-							margin-top: 17px;
-							margin-left: 30px;
-						}
+            .messageme1 {
+              color: rgba(78, 166, 255, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
 
-						.messagege1 {
-							color: rgba(153, 155, 163, 1);
-							font-size: 14px;
-							margin-left: 30px;
-						}
-					}
-				}
+            .messagege1 {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+        }
 
-				.send {
-					margin-top: 30px;
-					margin-left: 61px;
+        .send {
+          margin-top: 30px;
+          margin-left: 61px;
 
-					.sendtext {
-						margin-left: 11px;
-						color: rgba(109, 117, 132, 1);
-						font-size: 14px;
-					}
-				}
+          .sendtext {
+            margin-left: 11px;
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
+          }
+        }
 
-				.ckb {
-					margin-top: 20px;
-					margin-left: 62px;
+        .ckb {
+          margin-top: 20px;
+          margin-left: 62px;
 
-					.sendpeo {
-						color: rgba(109, 117, 132, 1);
-						font-size: 14px;
-					}
+          .sendpeo {
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
+          }
 
-					.ant-checkbox-inner {
-						border-radius: 4px;
-					}
-				}
+          .ant-checkbox-inner {
+            border-radius: 4px;
+          }
+        }
 
-				.pubtn {
-					display: flex;
-					justify-content: center;
-					margin-top: 25px;
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
 
-					//margin-bottom: 29px;
-					.pubtn1 {
-						width: 100px;
-						height: 40px;
-						margin-right: 16px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: rgba(78, 166, 255, 1);
-						font-size: 14px;
-						//line-height: 36px;
-						align-items: center;
-						background: rgba(255, 255, 255, 1);
-					}
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
 
-					.pubtn2 {
-						width: 100px;
-						height: 40px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: #ffffff;
-						font-size: 14px;
-						align-items: center;
-						//line-height: 36px;
-						background: #409eff;
-					}
-				}
-			}
-		}
-	}
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
 }
 
 .canclestu {
-	.ant-modal {
-		width: 424px !important;
-		height: 258px !important;
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
 
-		.ant-modal-content {
-			width: 424px !important;
-			height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
 
-			.ant-modal-close {
-				margin-right: 18px;
-				margin-top: 5px;
-			}
+      .ant-modal-close {
+        margin-right: 18px;
+        margin-top: 5px;
+      }
 
-			.ant-modal-body {
-				width: 424px !important;
-				height: 258px !important;
-				padding: 0 !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
 
-				.delete {
-					z-index: 999;
-					width: 424px;
-					height: 258px;
-					background: #ffffff;
-					box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-					border-radius: 4px;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
 
-					// position: absolute;
-					// left: 50%;
-					// top: 10%;
-					// transform: translate(-50%, -50%);
-					.del_header {
-						position: absolute;
-						width: calc(100%);
-						height: 68px;
-						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-								rgba(78, 166, 255, 0) 100%);
-					}
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
 
-					.del_main {
-						width: 100%;
-						position: relative;
+          .del_main {
+            width: 100%;
+            position: relative;
 
-						.header {
-							display: flex;
-							align-items: center;
-							padding-top: 20px;
-							padding-left: 26px;
-							font-size: 16px;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
 
-							.icon1 {
-								width: 16px;
-								height: 16px;
-								margin-right: 10px;
-								background-image: url(@/assets/images/coursewareManage/QR.png);
-								background-size: 100% 100%;
-							}
+              .icon1 {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
 
-							.close_exit {
-								position: absolute;
-								right: 42px;
-								cursor: pointer;
-								width: 20px;
-								height: 20px;
-								background-image: url(@/assets/images/coursewareManage/close.png);
-								background-size: 100% 100%;
-							}
-						}
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
 
-						.body {
-							width: 100%;
-							margin: 34px auto 56px auto;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-							flex-direction: column;
-							// background-color: red;
-							position: relative;
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
 
-							.back {
-								position: absolute;
-								top: 30px;
-								font-size: 12px;
-								font-weight: 400;
-								color: #666666;
-							}
-						}
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
 
-						.del_btnbox {
-							display: flex;
-							margin: 30px auto;
-							justify-content: center;
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
 
-							.del_btn {
-								width: 100px;
-								height: 40px;
-								background: rgba(64, 158, 255, 0);
-								border-radius: 8px;
-								display: flex;
-								align-items: center;
-								justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
-								flex-shrink: 0;
-								cursor: pointer;
+                flex-shrink: 0;
+                cursor: pointer;
 
-								.btnText {
-									font-size: 14px;
-									font-weight: 400;
-									line-height: 40px;
-								}
-							}
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
 
-							.btn1 {
-								border: 1px solid rgba(64, 158, 255, 1);
-								color: #4ea6ff;
-								margin-right: 14px;
-							}
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
 
-							.btn2 {
-								background-color: #409eff;
-								color: #ffffff;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
+              .btn2 {
+                background-color: #409eff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .canclestu1 {
-	.ant-modal {
-		width: 424px !important;
-		height: 258px !important;
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
 
-		.ant-modal-content {
-			width: 424px !important;
-			height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
 
-			.ant-modal-close {
-				margin-right: 18px;
-				margin-top: 5px;
-			}
+      .ant-modal-close {
+        margin-right: 18px;
+        margin-top: 5px;
+      }
 
-			.ant-modal-body {
-				width: 424px !important;
-				height: 258px !important;
-				padding: 0 !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
 
-				.delete {
-					z-index: 999;
-					width: 424px;
-					height: 258px;
-					background: #ffffff;
-					box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-					border-radius: 4px;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
 
-					// position: absolute;
-					// left: 50%;
-					// top: 10%;
-					// transform: translate(-50%, -50%);
-					.del_header {
-						position: absolute;
-						width: calc(100%);
-						height: 68px;
-						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-								rgba(78, 166, 255, 0) 100%);
-					}
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
 
-					.del_main {
-						width: 100%;
-						position: relative;
+          .del_main {
+            width: 100%;
+            position: relative;
 
-						.header {
-							display: flex;
-							align-items: center;
-							padding-top: 20px;
-							padding-left: 26px;
-							font-size: 16px;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
 
-							.icon1 {
-								width: 16px;
-								height: 16px;
-								margin-right: 10px;
-								background-image: url(@/assets/images/coursewareManage/notice.png);
-								background-size: 100% 100%;
-							}
+              .icon1 {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
 
-							.close_exit {
-								position: absolute;
-								right: 42px;
-								cursor: pointer;
-								width: 20px;
-								height: 20px;
-								background-image: url(@/assets/images/coursewareManage/close.png);
-								background-size: 100% 100%;
-							}
-						}
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
 
-						.body {
-							width: 100%;
-							margin: 34px auto 56px auto;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-							flex-direction: column;
-							// background-color: red;
-							position: relative;
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
 
-							.back {
-								position: absolute;
-								top: 30px;
-								font-size: 12px;
-								font-weight: 400;
-								color: #666666;
-							}
-						}
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
 
-						.del_btnbox {
-							display: flex;
-							margin: 30px auto;
-							justify-content: center;
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
 
-							.del_btn {
-								width: 100px;
-								height: 40px;
-								background: rgba(64, 158, 255, 0);
-								border-radius: 8px;
-								display: flex;
-								align-items: center;
-								justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
-								flex-shrink: 0;
-								cursor: pointer;
+                flex-shrink: 0;
+                cursor: pointer;
 
-								.btnText {
-									font-size: 14px;
-									font-weight: 400;
-									line-height: 40px;
-								}
-							}
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
 
-							.btn1 {
-								border: 1px solid rgba(64, 158, 255, 1);
-								color: #4ea6ff;
-								margin-right: 14px;
-							}
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
 
-							.btn2 {
-								background-color: #409eff;
-								color: #ffffff;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
+              .btn2 {
+                background-color: #409eff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .doublepro {
-	.ant-modal {
-		.ant-modal-body {
-			.modalHeader {
-				background: linear-gradient(0deg,
-						rgba(78, 166, 255, 0) 0%,
-						rgba(78, 166, 255, 0.2) 100%);
-			}
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			padding: 0;
+      padding: 0;
 
-			.modalMain {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
 
-				.name {
-					width: 78%;
-					// background-color: lightcoral;
-					display: flex;
-					justify-content: right;
-					margin-top: 32px;
-					align-items: center;
-					height: 40px;
-					// border: 1px solid black;
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
 
-					.inname {
-						color: #000000;
-						font-size: 14px;
-						margin-left: 7px;
-					}
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
 
-					.in {
-						margin-left: 14px;
-						width: 81%;
+          .in {
+            margin-left: 14px;
+            width: 81%;
 
-						.ant-input {
-							border-radius: 5px;
-							// height: 120%;
-							width: 100%;
-							height: 30px;
-						}
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 30px;
+            }
 
-						.ant-select {
-							border-radius: 5px;
-							// height: 120%;
-							width: 100%;
-							height: 40px;
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
 
-							.ant-select-selector {
-								border-radius: 8px;
-								// height: 120%;
-								width: 100%;
-								height: 40px;
-							}
-						}
-					}
-				}
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
 
-				.pubtn {
-					display: flex;
-					justify-content: center;
-					margin-top: 25px;
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
 
-					//margin-bottom: 29px;
-					.pubtn1 {
-						width: 100px;
-						height: 40px;
-						margin-right: 16px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: rgba(78, 166, 255, 1);
-						font-size: 14px;
-						//line-height: 36px;
-						align-items: center;
-						background: rgba(255, 255, 255, 1);
-					}
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
 
-					.pubtn2 {
-						width: 100px;
-						height: 40px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: #ffffff;
-						font-size: 14px;
-						align-items: center;
-						//line-height: 36px;
-						background: #409eff;
-					}
-				}
-			}
-		}
-	}
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
 }
 
 .facemanageModal {
-	.ant-modal {
-		width: 532px !important;
-		height: 428px !important;
+  .ant-modal {
+    width: 532px !important;
+    height: 428px !important;
 
-		.ant-modal-content {
-			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;
+      .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;
+        .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%);
-					}
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
 
-					.del_main {
-						width: 100%;
-						position: relative;
+          .del_main {
+            width: 100%;
+            position: relative;
 
-						.header {
-							display: flex;
-							align-items: center;
-							padding-top: 20px;
-							padding-left: 26px;
-							font-size: 16px;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
 
-							.icon {
-								width: 16px;
-								height: 16px;
-								margin-right: 10px;
-								background-image: url(@/assets/images/coursewareManage/QR.png);
-								background-size: 100% 100%;
-							}
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
 
-							.close_exit {
-								position: absolute;
-								right: 42px;
-								cursor: pointer;
-								width: 20px;
-								height: 20px;
-								background-image: url(@/assets/images/coursewareManage/close.png);
-								background-size: 100% 100%;
-							}
-						}
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
 
-						.body {
-							width: 100%;
-							margin: 34px auto 56px auto;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-							flex-direction: column;
-							// background-color: red;
-							position: relative;
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
 
-							.back {
-								position: absolute;
-								top: 30px;
-								font-size: 12px;
-								font-weight: 400;
-								color: #666666;
-							}
-						}
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
 
-						.footerr {
-							display: flex;
-							justify-content: center;
-							align-items: center;
+            .footerr {
+              display: flex;
+              justify-content: center;
+              align-items: center;
 
-							.onload {
-								color: rgba(51, 51, 51, 1);
-								font-size: 14px;
-							}
+              .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;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
+              .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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .taskpage {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-
-	//position: relative;
-	.addhead {
-		width: 100%;
-		height: 130px;
-		// background-color: lightgreen;
-		display: flex;
-		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;
-				color: #878b92;
-				font-size: 14px;
-				margin-top: 2px;
-			}
-		}
-
-		@media screen and (max-width: 1030px) {
-			.imgfor {
-				margin-left: 20px;
-			}
-		}
-
-		.right {
-			// width: 500px;
-			height: 100%;
-			// background-color: red;
-			//position: absolute;
-			//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: 22px;
-			}
-
-			.pub {
-				color: #ffb64e;
-				font-size: 14px;
-				margin-top: 5px;
-				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;
-					display: inline-block;
-					background-image: url("../../assets/images/navtop/down.png");
-					background-size: 100%;
-					margin: 2px;
-					margin-left: 15px;
-				}
-
-				.moreItems {
-					width: 110px;
-					height: 80px;
-					display: none;
-					background: #ffffff;
-					box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-					// border-radius: 3px;
-					border: 0px solid #dcdcdc;
-					position: absolute;
-					left: -48px;
-					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 {
-			font-size: 14px;
-			font-weight: 400;
-			color: #999ba3;
-			line-height: 36px;
-			padding: 5px 16px;
-			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 {
-			border-bottom: 0px;
-		}
-
-		.ant-tabs-nav-wrap {
-			margin-left: 30px;
-			margin-top: 10px;
-		}
-
-		.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;
-				background: #ffffff;
-				width: 100px;
-				height: 40px;
-				border: 1px solid #409eff;
-				border-radius: 8px;
-
-				.editimg {
-					width: 15px;
-					height: 15px;
-					margin-top: -2px;
-					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");
-				}
-			}
-		}
-
-		.second {
-			display: flex;
-			justify-content: left;
-			flex-wrap: wrap;
-			margin-top: 40px;
-			margin-left: 20px;
-
-			.nubbox {
-				width: 253px;
-				height: 116px;
-				margin-top: 20px;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
-				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;
-				border-radius: 10px;
-				position: relative;
-				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;
-					left: 145px;
-					font-size: 20px;
-					font-weight: 700;
-					//line-height: 36px;
-				}
-
-				.centermain {
-					color: rgba(135, 139, 146, 1);
-					font-size: 14px;
-					position: absolute;
-					left: 144px;
-					bottom: 49px;
-				}
-			}
-		}
-
-		.stagemess {
-			display: flex;
-			margin-left: 38px;
-
-			.stage1 {
-				width: 100px;
-				height: 33px;
-				text-align: center;
-				line-height: 34px;
-				border-radius: 6px;
-				color: #ffffff;
-				font-size: 16px;
-				background: #4ea6ff;
-				margin-right: 10px;
-				margin-top: 19px;
-				cursor: pointer;
-			}
-
-			.stage2 {
-				width: 100px;
-				height: 33px;
-				text-align: center;
-				line-height: 34px;
-				border-radius: 6px;
-				border: 1px solid #ebeef3;
-				color: #000000;
-				font-size: 16px;
-				background: #ffffff;
-				margin-right: 10px;
-				margin-top: 19px;
-				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;
-						font-weight: 700;
-					}
-				}
-			}
-		}
-
-		.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;
-			}
-		}
-
-		.taskbox {
-			width: 412px;
-			height: 160px;
-			border-radius: 10px;
-			position: relative;
-			margin-left: 68px;
-			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;
-				left: 145px;
-				font-size: 20px;
-				font-weight: 700;
-				//line-height: 36px;
-			}
-
-			.centermain {
-				color: rgba(135, 139, 146, 1);
-				font-size: 14px;
-				position: absolute;
-				left: 144px;
-				bottom: 49px;
-			}
-		}
-
-		.stage {
-			display: flex;
-			height: 49px;
-			background-color: #eff4fc;
-			align-items: center;
-			margin-top: 20px;
-			margin-left: 38px;
-			margin-right: 38px;
-
-			.stageimg {
-				margin-left: 31px;
-			}
-
-			.stagename {
-				color: #409eff;
-				font-size: 16px;
-				padding-left: 9px;
-				line-height: 36px;
-			}
-		}
-
-		.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;
-				}
-			}
-		}
-	}
-
-	.content3 {
-		margin-top: 20px;
-
-		.ant-tabs-tab-btn {
-			font-size: 18px;
-			font-weight: 700;
-		}
-
-		.group {
-			display: flex;
-			justify-content: space-between;
-
-			.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;
-					height: 40px;
-					padding-top: 5px;
-				}
-			}
-
-			.groupright {
-				display: flex;
-
-				.btn1 {
-					width: 100px;
-					height: 40px;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					margin-right: 16px;
-					border: 1px solid #409eff;
-					border-radius: 8px;
-					background: #409eff;
-					cursor: pointer;
-
-					.btn1text {
-						color: #ffffff;
-						margin-left: 5px;
-						font-size: 14px;
-					}
-				}
-
-				.btn2 {
-					width: 100px;
-					height: 40px;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					margin-right: 32px;
-					border: 1px solid #409eff;
-					border-radius: 8px;
-					cursor: pointer;
-					background: #ffffff;
-
-					.btn2text {
-						color: #409eff;
-						margin-left: 5px;
-						font-size: 14px;
-					}
-				}
-			}
-		}
-
-		.second2 {
-			display: flex;
-			margin: 30px 0 0 32px;
-
-			.btn1 {
-				width: 130px;
-				height: 40px;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin-right: 16px;
-				border: 1px solid #409eff;
-				border-radius: 8px;
-				background: #409eff;
-				cursor: pointer;
-
-				.btn1text {
-					color: #ffffff;
-					margin-left: 5px;
-					font-size: 14px;
-				}
-			}
-
-			.btn2 {
-				width: 130px;
-				height: 40px;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin-right: 16px;
-				border: 1px solid #409eff;
-				border-radius: 8px;
-				cursor: pointer;
-				background: #ffffff;
-
-				.btn2text {
-					color: #409eff;
-					margin-left: 5px;
-					font-size: 14px;
-				}
-			}
-		}
-
-		.talk {
-			margin-top: 24px;
-			margin-left: 32px;
-			margin-right: 32px;
-			margin-bottom: 11px;
-			position: relative;
-			//width: 90%;
-			height: 40px;
-			background: #f5faff;
-			border: 1px solid #4ea6ff;
-			// 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;
-				color: #387df7;
-				line-height: 24px;
-				position: absolute;
-				right: 20px;
-			}
-		}
-
-		.tab {
-			.ant-table-thead>tr>th {
-				background-color: rgba(239, 244, 252, 1);
-				color: rgba(0, 0, 0, 0.85);
-			}
-
-			.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 {
-				background: rgba(250, 250, 250, 1);
-			}
-
-			.nostu {
-				width: 100%;
-
-				.nostuimg {
-					margin: 75px auto;
-					width: 412px;
-					height: 212px;
-					background-image: url(@/assets/images/taskpage/nostu.png);
-					background-size: 100% 100%;
-				}
-			}
-
-			.pa {
-				// left: 0;
-				margin-top: 15px;
-				width: 100%;
-				// height: 20px;
-				// background-color: red;
-				display: flex;
-				justify-content: right;
-				// 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;
-					display: flex;
-					align-items: center;
-					justify-content: right;
-					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;
-				border-radius: 2px;
-				border: 1px solid #ffb64e;
-				background-color: rgba(255, 182, 78, 0.1);
-				margin-left: 24px;
-				display: flex;
-				align-items: center;
-
-				.studentExcellentImg {
-					width: 16px;
-					height: 16px;
-					margin-left: 7px;
-				}
-
-				.studentExcellentT {
-					font-size: 12px;
-					font-weight: 400;
-					color: #ffb64e;
-					line-height: 17px;
-					margin-left: 3px;
-				}
-			}
-
-			.studentopea1 {
-				font-size: 14px;
-				font-weight: 400;
-				color: #387df7;
-				line-height: 22px;
-				padding-right: 8px;
-				border-right: 1px solid #e9e9e9;
-				cursor: pointer;
-			}
-
-			.studentopea2 {
-				font-size: 14px;
-				font-weight: 400;
-				color: #387df7;
-				line-height: 22px;
-				padding-right: 8px;
-				padding-left: 8px;
-				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 {
-					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 {
-					padding: 0;
-				}
-
-				.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);
-					font-size: 14px;
-					line-height: 36px;
-					// 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;
-				display: flex;
-				justify-content: center;
-				border: 1px solid #e9e9e9;
-				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;
-							display: none;
-							background: #ffffff;
-							box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-							// border-radius: 3px;
-							border: 0px solid #dcdcdc;
-							position: absolute;
-							left: -48px;
-							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;
-						}
-					}
-				}
-			}
-		}
-
-		.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;
-						height: 38px;
-						background: rgb(64, 158, 255);
-						border-radius: 8px;
-						border: 1px solid rgba(64, 158, 255, 1);
-						display: flex;
-						align-items: center;
-						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;
-							color: rgb(255, 255, 255);
-							line-height: 36px;
-							margin-left: 5px;
-						}
-					}
-				}
-
-				.pjcb_content {
-					border: 1px solid #388be1;
-					padding: 32px;
-
-					.pjcb_content :last-child {
-						margin-bottom: 0px;
-					}
-
-					.content {
-						margin-bottom: 24px;
-					}
-				}
-			}
-		}
-	}
-
-	.content6 {
-		margin-top: 20px;
-		width: 100%;
-		height: 100%;
-
-		// background-color: #bfa;
-		.title {
-			font-size: 18px;
-			font-weight: 500;
-			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;
-					// margin-left: 56px;
-					margin-bottom: 10px;
-				}
-			}
-
-			.right {
-				display: flex;
-
-				.btn {
-					display: flex;
-					width: 100px;
-					height: 40px;
-
-					border-radius: 8px;
-					justify-content: center;
-					align-items: center;
-					margin-bottom: 10px;
-
-					.img1 {
-						width: 15px;
-						height: 17px;
-						background-image: url(../../assets/images/coursewareManage/search0.png);
-						background-size: 100%;
-						margin-right: 5px;
-					}
-
-					.img2 {
-						width: 16px;
-						height: 18px;
-						background-image: url(../../assets/images/coursewareManage/reset1.png);
-						background-size: 100%;
-						margin-right: 5px;
-					}
-				}
-
-				.btn1 {
-					background: #409eff;
-					color: #fff;
-					margin-right: 16px;
-				}
-
-				.btn2 {
-					border: 1px solid #388be1;
-					background: #ffffff;
-					color: #388be1;
-				}
-			}
-		}
-
-		.main {
-			margin-top: 10px;
-			display: flex;
-			flex-wrap: wrap;
-			margin-left: 34px;
-			margin-bottom: 20px;
-
-			.rank {
-				width: 422px;
-				height: 506px;
-				margin-right: 80px;
-				background: #ffffff;
-				border-radius: 2px;
-				border: 1px solid rgba(125, 125, 125, 0.39);
-				margin-bottom: 20px;
-
-				.rankhead {
-					height: 75px;
-					width: 100%;
-					border-bottom: 1px solid #e9e9e9;
-					// background-color: #bfa;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-
-					.ant-select-selector {
-						color: #388be1 !important;
-					}
-
-					.inhead {
-						width: 374px;
-						// background-color: lightblue;
-						display: flex;
-						justify-content: space-between;
-						align-items: center;
-						margin-top: 10px;
-						position: relative;
-
-						.icon {
-							position: absolute;
-							width: 14px;
-							height: 14px;
-							background-image: url(../../assets/images/leveladd/info.png);
-							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 {
-									border-radius: 4px !important;
-
-									border: 1px solid #388be1;
-								}
-							}
-						}
-					}
-				}
-
-				.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 {
-						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;
-				height: 40px;
-				background: #388be1;
-				border-radius: 8px;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				right: 0;
-				cursor: pointer;
-
-				.img {
-					width: 18px;
-					height: 18px;
-					background-image: url(../../assets/images/basicinfo/edit.png);
-					background-size: 100%;
-					margin-right: 7px;
-				}
-
-				.ed {
-					font-size: 14px;
-					font-weight: 400;
-					color: #ffffff;
-				}
-			}
-
-			.set_content {
-				margin: 32px auto;
-				display: flex;
-
-				// justify-content: end;
-				.setc_name {
-					width: 150px;
-					display: flex;
-					justify-content: end;
-				}
-
-				.setc_main {
-					flex: 1;
-					margin-left: 12px;
-				}
-			}
-		}
-	}
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+
+  //position: relative;
+  .addhead {
+    width: 100%;
+    height: 130px;
+    // background-color: lightgreen;
+    display: flex;
+    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;
+        color: #878b92;
+        font-size: 14px;
+        margin-top: 2px;
+      }
+    }
+
+    @media screen and (max-width: 1030px) {
+      .imgfor {
+        margin-left: 20px;
+      }
+    }
+
+    .right {
+      // width: 500px;
+      height: 100%;
+      // background-color: red;
+      //position: absolute;
+      //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: 22px;
+      }
+
+      .pub {
+        color: #ffb64e;
+        font-size: 14px;
+        margin-top: 5px;
+        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;
+          display: inline-block;
+          background-image: url("../../assets/images/navtop/down.png");
+          background-size: 100%;
+          margin: 2px;
+          margin-left: 15px;
+        }
+
+        .moreItems {
+          width: 110px;
+          height: 80px;
+          display: none;
+          background: #ffffff;
+          box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+          // border-radius: 3px;
+          border: 0px solid #dcdcdc;
+          position: absolute;
+          left: -48px;
+          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 {
+      font-size: 14px;
+      font-weight: 400;
+      color: #999ba3;
+      line-height: 36px;
+      padding: 5px 16px;
+      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 {
+      border-bottom: 0px;
+    }
+
+    .ant-tabs-nav-wrap {
+      margin-left: 30px;
+      margin-top: 10px;
+    }
+
+    .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;
+        background: #ffffff;
+        width: 100px;
+        height: 40px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+
+        .editimg {
+          width: 15px;
+          height: 15px;
+          margin-top: -2px;
+          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");
+        }
+      }
+    }
+
+    .second {
+      display: flex;
+      justify-content: left;
+      flex-wrap: wrap;
+      margin-top: 40px;
+      margin-left: 20px;
+
+      .nubbox {
+        width: 253px;
+        height: 116px;
+        margin-top: 20px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        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;
+        border-radius: 10px;
+        position: relative;
+        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;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
+      }
+    }
+
+    .stagemess {
+      display: flex;
+      margin-left: 38px;
+
+      .stage1 {
+        width: 100px;
+        height: 33px;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+        color: #ffffff;
+        font-size: 16px;
+        background: #4ea6ff;
+        margin-right: 10px;
+        margin-top: 19px;
+        cursor: pointer;
+      }
+
+      .stage2 {
+        width: 100px;
+        height: 33px;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+        border: 1px solid #ebeef3;
+        color: #000000;
+        font-size: 16px;
+        background: #ffffff;
+        margin-right: 10px;
+        margin-top: 19px;
+        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;
+            font-weight: 700;
+          }
+        }
+      }
+    }
+
+    .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;
+      }
+    }
+
+    .taskbox {
+      width: 412px;
+      height: 160px;
+      border-radius: 10px;
+      position: relative;
+      margin-left: 68px;
+      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;
+        left: 145px;
+        font-size: 20px;
+        font-weight: 700;
+        //line-height: 36px;
+      }
+
+      .centermain {
+        color: rgba(135, 139, 146, 1);
+        font-size: 14px;
+        position: absolute;
+        left: 144px;
+        bottom: 49px;
+      }
+    }
+
+    .stage {
+      display: flex;
+      height: 49px;
+      background-color: #eff4fc;
+      align-items: center;
+      margin-top: 20px;
+      margin-left: 38px;
+      margin-right: 38px;
+
+      .stageimg {
+        margin-left: 31px;
+      }
+
+      .stagename {
+        color: #409eff;
+        font-size: 16px;
+        padding-left: 9px;
+        line-height: 36px;
+      }
+    }
+
+    .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;
+        }
+      }
+    }
+  }
+
+  .content3 {
+    margin-top: 20px;
+
+    .ant-tabs-tab-btn {
+      font-size: 18px;
+      font-weight: 700;
+    }
+
+    .group {
+      display: flex;
+      justify-content: space-between;
+
+      .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;
+          height: 40px;
+          padding-top: 5px;
+        }
+      }
+
+      .groupright {
+        display: flex;
+
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 16px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          background: #409eff;
+          cursor: pointer;
+
+          .btn1text {
+            color: #ffffff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+
+        .btn2 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 32px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          cursor: pointer;
+          background: #ffffff;
+
+          .btn2text {
+            color: #409eff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+
+    .second2 {
+      display: flex;
+      margin: 30px 0 0 32px;
+
+      .btn1 {
+        width: 130px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 16px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        background: #409eff;
+        cursor: pointer;
+
+        .btn1text {
+          color: #ffffff;
+          margin-left: 5px;
+          font-size: 14px;
+        }
+      }
+
+      .btn2 {
+        width: 130px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 16px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        cursor: pointer;
+        background: #ffffff;
+
+        .btn2text {
+          color: #409eff;
+          margin-left: 5px;
+          font-size: 14px;
+        }
+      }
+    }
+
+    .talk {
+      margin-top: 24px;
+      margin-left: 32px;
+      margin-right: 32px;
+      margin-bottom: 11px;
+      position: relative;
+      //width: 90%;
+      height: 40px;
+      background: #f5faff;
+      border: 1px solid #4ea6ff;
+      // 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;
+        color: #387df7;
+        line-height: 24px;
+        position: absolute;
+        right: 20px;
+      }
+    }
+
+    .tab {
+      .ant-table-thead > tr > th {
+        background-color: rgba(239, 244, 252, 1);
+        color: rgba(0, 0, 0, 0.85);
+      }
+
+      .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 {
+        background: rgba(250, 250, 250, 1);
+      }
+
+      .nostu {
+        width: 100%;
+
+        .nostuimg {
+          margin: 75px auto;
+          width: 412px;
+          height: 212px;
+          background-image: url(@/assets/images/taskpage/nostu.png);
+          background-size: 100% 100%;
+        }
+      }
+
+      .pa {
+        // left: 0;
+        margin-top: 15px;
+        width: 100%;
+        // height: 20px;
+        // background-color: red;
+        display: flex;
+        justify-content: right;
+        // 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;
+          display: flex;
+          align-items: center;
+          justify-content: right;
+          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;
+        border-radius: 2px;
+        border: 1px solid #ffb64e;
+        background-color: rgba(255, 182, 78, 0.1);
+        margin-left: 24px;
+        display: flex;
+        align-items: center;
+
+        .studentExcellentImg {
+          width: 16px;
+          height: 16px;
+          margin-left: 7px;
+        }
+
+        .studentExcellentT {
+          font-size: 12px;
+          font-weight: 400;
+          color: #ffb64e;
+          line-height: 17px;
+          margin-left: 3px;
+        }
+      }
+
+      .studentopea1 {
+        font-size: 14px;
+        font-weight: 400;
+        color: #387df7;
+        line-height: 22px;
+        padding-right: 8px;
+        border-right: 1px solid #e9e9e9;
+        cursor: pointer;
+      }
+
+      .studentopea2 {
+        font-size: 14px;
+        font-weight: 400;
+        color: #387df7;
+        line-height: 22px;
+        padding-right: 8px;
+        padding-left: 8px;
+        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 {
+          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 {
+          padding: 0;
+        }
+
+        .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);
+          font-size: 14px;
+          line-height: 36px;
+          // 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;
+        display: flex;
+        justify-content: center;
+        border: 1px solid #e9e9e9;
+        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;
+              display: none;
+              background: #ffffff;
+              box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+              // border-radius: 3px;
+              border: 0px solid #dcdcdc;
+              position: absolute;
+              left: -48px;
+              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;
+            }
+          }
+        }
+      }
+    }
+
+    .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;
+            height: 38px;
+            background: rgb(64, 158, 255);
+            border-radius: 8px;
+            border: 1px solid rgba(64, 158, 255, 1);
+            display: flex;
+            align-items: center;
+            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;
+              color: rgb(255, 255, 255);
+              line-height: 36px;
+              margin-left: 5px;
+            }
+          }
+        }
+
+        .pjcb_content {
+          border: 1px solid #388be1;
+          padding: 32px;
+
+          .pjcb_content :last-child {
+            margin-bottom: 0px;
+          }
+
+          .content {
+            margin-bottom: 24px;
+          }
+        }
+      }
+    }
+  }
+
+  .content6 {
+    margin-top: 20px;
+    width: 100%;
+    height: 100%;
+
+    // background-color: #bfa;
+    .title {
+      font-size: 18px;
+      font-weight: 500;
+      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;
+          // margin-left: 56px;
+          margin-bottom: 10px;
+        }
+      }
+
+      .right {
+        display: flex;
+
+        .btn {
+          display: flex;
+          width: 100px;
+          height: 40px;
+
+          border-radius: 8px;
+          justify-content: center;
+          align-items: center;
+          margin-bottom: 10px;
+
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/coursewareManage/search0.png);
+            background-size: 100%;
+            margin-right: 5px;
+          }
+
+          .img2 {
+            width: 16px;
+            height: 18px;
+            background-image: url(../../assets/images/coursewareManage/reset1.png);
+            background-size: 100%;
+            margin-right: 5px;
+          }
+        }
+
+        .btn1 {
+          background: #409eff;
+          color: #fff;
+          margin-right: 16px;
+        }
+
+        .btn2 {
+          border: 1px solid #388be1;
+          background: #ffffff;
+          color: #388be1;
+        }
+      }
+    }
+
+    .main {
+      margin-top: 10px;
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 34px;
+      margin-bottom: 20px;
+
+      .rank {
+        width: 422px;
+        height: 506px;
+        margin-right: 80px;
+        background: #ffffff;
+        border-radius: 2px;
+        border: 1px solid rgba(125, 125, 125, 0.39);
+        margin-bottom: 20px;
+
+        .rankhead {
+          height: 75px;
+          width: 100%;
+          border-bottom: 1px solid #e9e9e9;
+          // background-color: #bfa;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          .ant-select-selector {
+            color: #388be1 !important;
+          }
+
+          .inhead {
+            width: 374px;
+            // background-color: lightblue;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 10px;
+            position: relative;
+
+            .icon {
+              position: absolute;
+              width: 14px;
+              height: 14px;
+              background-image: url(../../assets/images/leveladd/info.png);
+              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 {
+                  border-radius: 4px !important;
+
+                  border: 1px solid #388be1;
+                }
+              }
+            }
+          }
+        }
+
+        .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 {
+            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;
+        height: 40px;
+        background: #388be1;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        right: 0;
+        cursor: pointer;
+
+        .img {
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/edit.png);
+          background-size: 100%;
+          margin-right: 7px;
+        }
+
+        .ed {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+
+      .set_content {
+        margin: 32px auto;
+        display: flex;
+
+        // justify-content: end;
+        .setc_name {
+          width: 150px;
+          display: flex;
+          justify-content: end;
+        }
+
+        .setc_main {
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+    }
+  }
 }
 
 .set_edit {
-	.ant-modal {
-		width: 866px !important;
-		height: 870px !important;
+  .ant-modal {
+    width: 866px !important;
+    height: 870px !important;
 
-		.ant-modal-body {
-			.modalHeader {
-				background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-						rgba(78, 166, 255, 0) 100%);
-			}
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
 
-			padding: 0;
+      padding: 0;
 
-			.modalHeader {
-				background: linear-gradient(0deg,
-						rgba(78, 166, 255, 0) 0%,
-						rgba(78, 166, 255, 0.2) 100%);
-			}
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
 
-			.modalMain {
-				.projectname {
-					color: rgba(79, 81, 86, 1);
-					font-size: 14px;
-					line-height: 36px;
-					margin-left: 62px;
-					font-weight: 500;
-					margin-bottom: 24px;
-				}
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          margin-left: 62px;
+          font-weight: 500;
+          margin-bottom: 24px;
+        }
 
-				.setbody {
-					margin-left: 67px;
+        .setbody {
+          margin-left: 67px;
 
-					.main_item {
-						display: flex;
-						align-items: center;
-						margin-bottom: 32px;
+          .main_item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 32px;
 
-						.signbox {
-							width: 130px;
-							display: flex;
-							justify-content: end;
-							align-items: center;
-							white-space: nowrap;
+            .signbox {
+              width: 130px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              white-space: nowrap;
 
-							.sign {
-								margin-right: 5px;
-							}
-						}
+              .sign {
+                margin-right: 5px;
+              }
+            }
 
-						.btnbox {
-							display: flex;
-							flex: 1;
-							align-items: center;
+            .btnbox {
+              display: flex;
+              flex: 1;
+              align-items: center;
 
-							.xkbtn {
-								cursor: pointer;
-								width: 130px;
-								height: 40px;
-								background: #388be1;
-								border-radius: 8px;
-								border: 0;
-								margin-right: 8px;
-								color: #fff;
-							}
-						}
-					}
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 8px;
+                color: #fff;
+              }
+            }
+          }
 
-					.main_item2 {
-						display: flex;
-						align-items: flex-start;
-						margin-bottom: 32px;
+          .main_item2 {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 32px;
 
-						.signbox {
-							width: 130px;
-							display: flex;
-							justify-content: end;
-							align-items: center;
-							white-space: nowrap;
+            .signbox {
+              width: 130px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              white-space: nowrap;
 
-							.sign {
-								margin-right: 5px;
-							}
-						}
+              .sign {
+                margin-right: 5px;
+              }
+            }
 
-						.lodalimg {
-							width: 120px;
-							height: 120px;
-							border: 1px dashed #387df7;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-							cursor: pointer;
+            .lodalimg {
+              width: 120px;
+              height: 120px;
+              border: 1px dashed #387df7;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              cursor: pointer;
 
-							.lodalimg {
-								display: flex;
-								white-space: nowrap;
-							}
-						}
+              .lodalimg {
+                display: flex;
+                white-space: nowrap;
+              }
+            }
 
-						.kqszbox {
-							.qdqtbox {
-								margin-left: 5px;
-								cursor: pointer;
-							}
+            .kqszbox {
+              .qdqtbox {
+                margin-left: 5px;
+                cursor: pointer;
+              }
 
-							.qdbtn,
-							.qtbtn {
-								width: 75px;
-								height: 24px;
-								background: rgba(56, 139, 225, 0.16);
-								border-radius: 2px;
-								border: 1px solid #387df7;
-								display: flex;
-								align-items: center;
-								justify-content: center;
+              .qdbtn,
+              .qtbtn {
+                width: 75px;
+                height: 24px;
+                background: rgba(56, 139, 225, 0.16);
+                border-radius: 2px;
+                border: 1px solid #387df7;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
-								.btntext {
-									color: #387df7;
-								}
-							}
+                .btntext {
+                  color: #387df7;
+                }
+              }
 
-							.setbox {
-								display: flex;
-								flex-wrap: wrap;
-								margin-top: 10px;
-								margin-bottom: 24px;
+              .setbox {
+                display: flex;
+                flex-wrap: wrap;
+                margin-top: 10px;
+                margin-bottom: 24px;
 
-								.timerbox {
-									margin-top: 6px;
-									margin-right: 32px;
-									display: flex;
-									align-items: center;
-									flex-wrap: nowrap;
-								}
-							}
-						}
+                .timerbox {
+                  margin-top: 6px;
+                  margin-right: 32px;
+                  display: flex;
+                  align-items: center;
+                  flex-wrap: nowrap;
+                }
+              }
+            }
 
-						.btnbox2 {
-							display: flex;
-							flex-direction: column;
-							justify-content: flex-start;
+            .btnbox2 {
+              display: flex;
+              flex-direction: column;
+              justify-content: flex-start;
 
-							.xkbtn {
-								cursor: pointer;
-								width: 130px;
-								height: 40px;
-								background: #388be1;
-								border-radius: 8px;
-								border: 0;
-								margin-right: 16px 8px 32px 0;
-								color: #fff;
-								margin-top: 16px;
-								margin-bottom: 60px;
-							}
-						}
-					}
-				}
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 16px 8px 32px 0;
+                color: #fff;
+                margin-top: 16px;
+                margin-bottom: 60px;
+              }
+            }
+          }
+        }
 
-				.pubtn {
-					display: flex;
-					justify-content: center;
-					margin-top: 25px;
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
 
-					//margin-bottom: 29px;
-					.pubtn1 {
-						width: 100px;
-						height: 40px;
-						margin-right: 16px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: rgba(78, 166, 255, 1);
-						font-size: 14px;
-						//line-height: 36px;
-						align-items: center;
-						background: rgba(255, 255, 255, 1);
-					}
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
 
-					.pubtn2 {
-						width: 100px;
-						height: 40px;
-						margin-bottom: 29px;
-						border: 1px solid #409eff;
-						border-radius: 4px;
-						color: #ffffff;
-						font-size: 14px;
-						align-items: center;
-						//line-height: 36px;
-						background: #409eff;
-					}
-				}
-			}
-		}
-	}
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
 }
 
 .DelModal {
-	.ant-modal {
-		.ant-modal-content {
-			width: 424px !important;
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
 
-			.ant-modal-body {
-				.delete {
-					z-index: 9999;
-					width: 424px;
-					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%);
+      .ant-modal-body {
+        .delete {
+          z-index: 9999;
+          width: 424px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
 
-					.del_header {
-						position: absolute;
-						width: calc(100%);
-						height: 40px;
-						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-								rgba(78, 166, 255, 0) 100%);
-					}
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
 
-					.del_main {
-						width: 100%;
-						position: relative;
+          .del_main {
+            width: 100%;
+            position: relative;
 
-						.header {
-							display: flex;
-							align-items: center;
-							padding-top: 20px;
-							padding-left: 26px;
-							font-size: 16px;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
 
-							.del-icon {
-								width: 16px;
-								height: 16px;
-								margin-right: 10px;
-								background-image: url(@/assets/images/coursewareManage/notice.png);
-								background-size: 100% 100%;
-							}
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
 
-							.icon {
-								width: 16px;
-								height: 16px;
-								margin-right: 10px;
-								background-image: url(@/assets/images/coursewareManage/QR.png);
-								background-size: 100% 100%;
-							}
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
 
-							.close_exit {
-								position: absolute;
-								right: 42px;
-								cursor: pointer;
-								width: 20px;
-								height: 20px;
-								background-image: url(@/assets/images/coursewareManage/close.png);
-								background-size: 100% 100%;
-							}
-						}
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
 
-						.body {
-							width: 100%;
-							margin: 34px auto 56px auto;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-						}
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            }
 
-						.del_btnbox {
-							display: flex;
-							margin: 30px auto;
-							justify-content: center;
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
 
-							.del_btn {
-								width: 100px;
-								height: 40px;
-								background: rgba(64, 158, 255, 0);
-								border-radius: 8px;
-								display: flex;
-								align-items: center;
-								justify-content: center;
-								margin-right: 14px;
-								flex-shrink: 0;
-								cursor: pointer;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
 
-								.btnText {
-									font-size: 14px;
-									font-weight: 400;
-									line-height: 40px;
-								}
-							}
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
 
-							.btn1 {
-								border: 1px solid rgba(64, 158, 255, 1);
-								color: #4ea6ff;
-							}
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
 
-							.btn2 {
-								background-color: #4ea6ff;
-								color: #ffffff;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 </style>