From 170c1a6d002f3bb963f19f0acbf24506715f8434 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=86=99=E4=B8=9C?= <2195178163@qq.com>
Date: Mon, 21 Nov 2022 15:51:55 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/learningpath/LevelAdd.vue | 1085 +++++++++++++--------------
 1 file changed, 533 insertions(+), 552 deletions(-)

diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index def8e4c5..1d60d385 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -12,27 +12,13 @@
       <div class="right">
         <img class="img1" src="../../assets/images/leveladd/ma.png" />
         <div v-if="action == 1 || action == 0" class="line"></div>
-        <img
-          v-if="action == 1 || action == 0"
-          class="img2"
-          src="../../assets/images/leveladd/pub.png"
-        />
+        <img v-if="action == 1 || action == 0" class="img2" src="../../assets/images/leveladd/pub.png" />
         <!-- 已发布的显示 -->
-        <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 1"
-          @click="showBackModal"
-        >
+        <div class="pub" style="width: 28px" v-if="action == 1" @click="showBackModal">
           {{ act }}
         </div>
         <!-- 未发布/草稿的显示 -->
-        <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 0"
-          @click="showPub"
-        >
+        <div class="pub" style="width: 28px" v-if="action == 0" @click="showPub">
           {{ act }}
         </div>
         <!-- 已结束的显示 -->
@@ -40,11 +26,7 @@
           {{ act }}
         </div> -->
         <div class="line"></div>
-        <img
-          style="margin-right: 15px"
-          class="img2"
-          src="../../assets/images/leveladd/more.png"
-        />
+        <img style="margin-right: 15px" class="img2" src="../../assets/images/leveladd/more.png" />
         <!-- 草稿/未发布的显示 -->
         <div class="more" v-if="action == 0">
           <span style="color: #7096e3; cursor: pointer">更多</span>
@@ -73,23 +55,18 @@
           </div>
         </div>
         <div class="line"></div>
-        <router-link to="/manage/learningpath"
-          ><div style="display: flex">
+        <router-link to="/manage/learningpath">
+          <div style="display: flex">
             <img class="img2" src="../../assets/images/leveladd/back.png" />
             <div class="return">返回</div>
-          </div></router-link
-        >
+          </div>
+        </router-link>
       </div>
     </div>
     <div class="split"></div>
     <div class="bom clearfix">
-      <a-tabs
-        class="tab"
-        v-model:activeKey="activeKey"
-        size="large"
-        @change="changeTabs"
-        :tabBarStyle="{ marginLeft: '10px' }"
-      >
+      <a-tabs class="tab" v-model:activeKey="activeKey" size="large" @change="changeTabs"
+        :tabBarStyle="{ marginLeft: '10px' }">
         <a-tab-pane key="1" tab="概览">
           <div class="split"></div>
           <!-- 概览（无数据） -->
@@ -99,10 +76,7 @@
             </div>
             <div class="second">
               <router-link :to="{ path: '/manage/leveladddetail' }">
-                <div
-                  class="taskbox"
-                  style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
-                >
+                <div class="taskbox" style="background: linear-gradient(180deg, #fef3dd, #fffaf0)">
                   <div class="leftt">
                     <img src="../../assets/images/taskpage/left1.png" />
                   </div>
@@ -118,11 +92,7 @@
                   <div class="centermain">快速添加任务/关卡</div>
                 </div>
               </router-link>
-              <div
-                class="taskbox"
-                @click="showAddStu"
-                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
-              >
+              <div class="taskbox" @click="showAddStu" style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)">
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />
                 </div>
@@ -137,11 +107,7 @@
                 </div>
                 <div class="centermain">快速添加学员</div>
               </div>
-              <div
-                class="taskbox"
-                @click="showModal"
-                style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
-              >
+              <div class="taskbox" @click="showModal" style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)">
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left3.png" />
                 </div>
@@ -160,65 +126,61 @@
           </div>
           <!-- 概览（有数据） -->
           <div :style="{ display: nodata ? 'none' : 'block' }">
-            <div class="onerow"><div class="taskmain">关卡概览</div></div>
+            <div class="onerow">
+              <div class="taskmain">关卡概览</div>
+            </div>
             <div class="second" style="margin-top: 0">
               <div class="nubbox">
                 <span class="nub1">{{
-                  routerInfoOverview.totalStudentCnt
+                    routerInfoOverview.totalStudentCnt
                 }}</span>
                 <div class="nub2">总人数</div>
               </div>
               <div class="nubbox">
                 <span class="nub1" style="color: #ff90ae">{{
-                  routerInfoOverview.studyStudentCnt
+                    routerInfoOverview.studyStudentCnt
                 }}</span>
                 <div class="nub2">学习人数</div>
               </div>
               <div class="nubbox">
                 <span class="nub1" style="color: #a497ff">{{
-                  routerInfoOverview.completeStudentCnt
+                    routerInfoOverview.completeStudentCnt
                 }}</span>
                 <div class="nub2">完成人数</div>
               </div>
               <div class="nubbox">
                 <div>
                   <span class="nub1" style="color: #5dc988">{{
-                    routerInfoOverview.onlineCourseCnt
-                  }}</span
-                  ><span style="color: #5dc988; font-size: 14px">%</span>
+                      routerInfoOverview.onlineCourseCnt
+                  }}</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">{{
-                    routerInfoOverview.offLineCourseCnt
-                  }}</span
-                  ><span style="color: #ff90ae; font-size: 14px">%</span>
+                      routerInfoOverview.offLineCourseCnt
+                  }}</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">{{
-                    routerInfoOverview.completeRatio
-                  }}</span
-                  ><span style="color: #a497ff; font-size: 14px">%</span>
+                      routerInfoOverview.completeRatio
+                  }}</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="onerow">
+              <div class="taskmain">关卡信息</div>
+            </div>
             <div class="stagemess">
-              <div
-                v-for="item in stageList"
-                :class="{
-                  stage1: item.stageId == choosedStageId,
-                  stage2: item.stageId != choosedStageId,
-                }"
-                :key="item.stageId"
-                @click="stageChange(item.name, item.stageId)"
-              >
+              <div v-for="item in stageList" :class="{
+                stage1: item.stageId == choosedStageId,
+                stage2: item.stageId != choosedStageId,
+              }" :key="item.stageId" @click="stageChange(item.name, item.stageId)">
                 关卡{{ item.stageId }}
               </div>
               <!-- <div class="stage1">阶段1</div>
@@ -230,30 +192,17 @@
             </div>
             <div class="stagelast">
               <div class="stagepro">
-                <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="chapterOverviewList.completeCourseRatio"
-                  :width="140"
-                />
+                <a-progress type="dashboard" gapDegree="0" :percent="chapterOverviewList.completeCourseRatio"
+                  :width="140" />
                 <div class="protext">课程完成率</div>
               </div>
               <div class="stagepro">
-                <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="chapterOverviewList.completeExamRatio"
-                  :width="140"
-                />
+                <a-progress type="dashboard" gapDegree="0" :percent="chapterOverviewList.completeExamRatio"
+                  :width="140" />
                 <div class="protext">考试通过率</div>
               </div>
               <div class="stagepro" style="margin-right: 0">
-                <a-progress
-                  type="dashboard"
-                  gapDegree="0"
-                  :percent="chapterOverviewList.completeRatio"
-                  :width="140"
-                />
+                <a-progress type="dashboard" gapDegree="0" :percent="chapterOverviewList.completeRatio" :width="140" />
                 <div class="protext">作业完成率</div>
               </div>
               <div class="proright">
@@ -262,30 +211,21 @@
                 </div>
                 <div class="proright1">
                   <span class="textpro">关卡任务总数</span>
-                  <a-progress
-                    :percent="chapterOverviewList.totalTaskCnt"
-                    style="width: 369px"
-                  />
+                  <a-progress :percent="chapterOverviewList.totalTaskCnt" style="width: 369px" />
                 </div>
                 <div class="pronub" style="margin-left: 206px">
                   {{ chapterOverviewList.totalReqCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">必修课</span>
-                  <a-progress
-                    :percent="chapterOverviewList.totalReqCnt"
-                    style="width: 369px"
-                  />
+                  <a-progress :percent="chapterOverviewList.totalReqCnt" style="width: 369px" />
                 </div>
                 <div class="pronub" style="margin-left: 142px">
                   {{ chapterOverviewList.totalOptCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">选修课</span>
-                  <a-progress
-                    :percent="chapterOverviewList.totalOptCnt"
-                    style="width: 369px"
-                  />
+                  <a-progress :percent="chapterOverviewList.totalOptCnt" style="width: 369px" />
                 </div>
               </div>
             </div>
@@ -335,20 +275,14 @@
               <div class="taskmain">任务大纲</div>
 
               <router-link to="/manage/leveladddetail" class="editright">
-                <img
-                  class="editimg"
-                  src="../../assets/images/leveladd/edit.png"
-                />
+                <img class="editimg" src="../../assets/images/leveladd/edit.png" />
                 <span class="editextb">编辑</span>
               </router-link>
             </div>
             <!-- 无数据显示快速创建 -->
             <div v-show="!taskSyllabus.length">
               <router-link :to="{ path: '/manage/leveladddetail' }">
-                <div
-                  class="taskbox"
-                  style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
-                >
+                <div class="taskbox" style="background: linear-gradient(180deg, #fef3dd, #fffaf0)">
                   <div class="leftt">
                     <img src="../../assets/images/taskpage/left1.png" />
                   </div>
@@ -371,72 +305,57 @@
             <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')
-                    "
-                  />
+                  <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.name"
-                >
-                  <div
-                    class="course"
-                    v-for="(item, key) in value.taskList"
-                    :key="key"
-                  >
+                <a-collapse-panel v-for="(value, index) in taskSyllabus" :key="index" :header="value.name">
+                  <div class="course" v-for="(item, key) in value.taskList" :key="key">
                     <!-- :style="{width:item.course==='在线'?'28px':
 												height:item.course==='在线'?'27px':}" -->
                     <div class="first">
                       <div class="icon">
-                        <div
-                          style="
+                        <div style="
                             width: 31px;
                             height: 28px;
                             display: flex;
                             align-items: center;
                             justify-content: center;
-                          "
-                        >
-                          <img
-                            :src="
-                              item.type === 1
-                                ? require('../../assets/images/leveladd/zai.png')
-                                : type === 2
+                          ">
+                          <img :src="
+                            item.type === 1
+                              ? require('../../assets/images/leveladd/zai.png')
+                              : type === 2
                                 ? require('../../assets/images/leveladd/mian.png')
                                 : item.type === 3
-                                ? require('../../assets/images/leveladd/an.png')
-                                : item.type === 4
-                                ? require('../../assets/images/leveladd/zuo.png')
-                                : item.type === 5
-                                ? require('../../assets/images/leveladd/kao.png')
-                                : item.type === 6
-                                ? require('../../assets/images/leveladd/zhi.png')
-                                : item.type === 7
-                                ? require('../../assets/images/leveladd/wai.png')
-                                : item.type === 8
-                                ? require('../../assets/images/leveladd/tao.png')
-                                : item.type === 9
-                                ? require('../../assets/images/leveladd/huo.png')
-                                : item.type === 10
-                                ? require('../../assets/images/leveladd/ce.png')
-                                : item.type === 11
-                                ? require('../../assets/images/leveladd/diao.png')
-                                : item.type === 12
-                                ? require('../../assets/images/leveladd/tou.png')
-                                : null
-                            "
-                          />
+                                  ? require('../../assets/images/leveladd/an.png')
+                                  : item.type === 4
+                                    ? require('../../assets/images/leveladd/zuo.png')
+                                    : item.type === 5
+                                      ? require('../../assets/images/leveladd/kao.png')
+                                      : item.type === 6
+                                        ? require('../../assets/images/leveladd/zhi.png')
+                                        : item.type === 7
+                                          ? require('../../assets/images/leveladd/wai.png')
+                                          : item.type === 8
+                                            ? require('../../assets/images/leveladd/tao.png')
+                                            : item.type === 9
+                                              ? require('../../assets/images/leveladd/huo.png')
+                                              : item.type === 10
+                                                ? require('../../assets/images/leveladd/ce.png')
+                                                : item.type === 11
+                                                  ? require('../../assets/images/leveladd/diao.png')
+                                                  : item.type === 12
+                                                    ? require('../../assets/images/leveladd/tou.png')
+                                                    : null
+                          " />
                         </div>
                       </div>
                       <div>
@@ -460,69 +379,45 @@
                         {{ 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
-                        >
+                        <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.type === 2 ? 'flex' : 'none',
-                        }"
-                        @click="showFS"
-                      >
+                      <div class="operation" style="cursor: pointer" :style="{
+                        display: item.type === 2 ? 'flex' : 'none',
+                      }" @click="showFS">
                         学员
                       </div>
-                      <div
-                        class="operation"
-                        style="cursor: pointer"
-                        @click="showAA(item.type, item.name)"
-                        :style="{
-                          display:
-                            item.type === 6 || item.type === 9
-                              ? 'flex'
-                              : 'none',
-                        }"
-                      >
+                      <div class="operation" style="cursor: pointer" @click="showAA(item.type, item.name)" :style="{
+                        display:
+                          item.type === 6 || item.type === 9
+                            ? 'flex'
+                            : 'none',
+                      }">
                         考勤
                       </div>
-                      <div
-                        class="operation"
-                        style="cursor: pointer"
-                        :style="{
-                          display:
-                            item.type === 6 ||
+                      <div class="operation" style="cursor: pointer" :style="{
+                        display:
+                          item.type === 6 ||
                             item.type === 9 ||
                             item.type === 2
-                              ? 'flex'
-                              : 'none',
-                        }"
-                        @click="
-                          item.type === 2
-                            ? showCopyModal(item.type)
-                            : item.type === 6
-                            ? showzhibModal(item.type)
-                            : item.type === 9
-                            ? showhuodModal(item.type)
-                            : null
-                        "
-                      >
+                            ? 'flex'
+                            : 'none',
+                      }" @click="
+  item.type === 2
+    ? showCopyModal(item.type)
+    : item.type === 6
+      ? showzhibModal(item.type)
+      : item.type === 9
+        ? showhuodModal(item.type)
+        : null
+">
                         二维码
                       </div>
-                      <div
-                        class="operation"
-                        style="cursor: pointer; margin-right: 35px"
-                        @click="
-                          item.type === 1 ||
+                      <div class="operation" style="cursor: pointer; margin-right: 35px" @click="
+                        item.type === 1 ||
                           item.type === 3 ||
                           item.type === 7 ||
                           item.type === 8 ||
@@ -530,16 +425,15 @@
                           item.type === 11 ||
                           item.type === 12 ||
                           item.type === 9
-                            ? showTime(item.type, item.name)
-                            : item.type === 5 || item.type === 10
+                          ? showTime(item.type, item.name)
+                          : item.type === 5 || item.type === 10
                             ? showTest(item.type, item.name)
                             : item.type === 2
-                            ? showFace(item.type)
-                            : item.type === 4
-                            ? showWork(item.type)
-                            : null
-                        "
-                      >
+                              ? showFace(item.type)
+                              : item.type === 4
+                                ? showWork(item.type)
+                                : null
+                      ">
                         管理
                       </div>
                     </div>
@@ -557,36 +451,18 @@
             <div class="pad"></div>
             <div class="xin" style="overflow-x: auto">
               <div class="xhead">
-                <a-input
-                  v-model:value="gatenamee"
-                  style="width: 270px; height: 40px; border-radius: 8px"
-                  placeholder="关卡名称"
-                />
+                <a-input v-model:value="gatenamee" style="width: 270px; height: 40px; border-radius: 8px"
+                  placeholder="关卡名称" />
                 <div class="btns" @click="searchLevel">
                   <div class="btn btn1">
                     <div class="search"></div>
-                    <a-button
-                      class="btnText"
-                      style="
-                        border: none;
-                        background: none;
-                        transform: translateY(-20%);
-                      "
-                      >搜索</a-button
-                    >
+                    <a-button class="btnText" style="border:none;background:none;transform: translateY(-20%);">搜索
+                    </a-button>
                   </div>
                   <div class="btn btn2" @click="resetLevel">
                     <div class="search"></div>
-                    <a-button
-                      style="
-                        border: none;
-                        background: none;
-                        transform: translateY(-20%);
-                        width: 100%;
-                      "
-                      class="btnText"
-                      >重置</a-button
-                    >
+                    <a-button style="border:none;background:none; transform: translateY(-20%);width:100%;"
+                      class="btnText">重置</a-button>
                   </div>
                 </div>
               </div>
@@ -594,12 +470,8 @@
                 <button class="addx" @click="showAddStu">添加学员</button>
                 <button class="addd" @click="showImpStu">导入学员</button>
                 <div class="select">
-                  <a-select
-                    style="width: 130px"
-                    value="更多操作"
-                    @change="handleStuChange"
-                    :options="projectNameList"
-                  ></a-select>
+                  <a-select style="width: 130px" value="更多操作" @change="handleStuChange" :options="projectNameList">
+                  </a-select>
                 </div>
               </div>
               <div class="talk">
@@ -616,34 +488,18 @@
                 </div>
               </div>
               <div class="tableBox" style="margin-top: 30px">
-                <a-table
-                  style="border: 1px solid #f2f6fe"
-                  :columns="tableDataFunc()"
-                  :scroll="{ x: 1500, y: 235 }"
-                  :data-source="tableData"
-                  :loading="tableDataTotal === -1 ? true : false"
-                  expandRowByClick="true"
-                  @expand="expandTable"
-                  :pagination="false"
-                  :row-selection="{
+                <a-table style="border: 1px solid #f2f6fe" :columns="tableDataFunc()" :scroll="{ x: 1500, y: 235 }"
+                  :data-source="tableData" :loading="tableDataTotal === -1 ? true : false" expandRowByClick="true"
+                  @expand="expandTable" :pagination="false" :row-selection="{
                     columnWidth: 30,
                     selectedRowKeys: selectedRowKeys,
                     onChange: onSelectChange,
-                  }"
-                />
+                  }" />
 
                 <div class="pa">
-                  <a-pagination
-                    showSizeChanger="true"
-                    showQuickJumper="true"
-                    hideOnSinglePage="true"
-                    :pageSize="pageSize"
-                    :current="currentPage"
-                    :total="tableDataTotal"
-                    @change="pageChange"
-                    class="pagination"
-                    style="display: block"
-                  />
+                  <a-pagination showSizeChanger="true" showQuickJumper="true" hideOnSinglePage="true"
+                    :pageSize="pageSize" :current="currentPage" :total="tableDataTotal" @change="pageChange"
+                    class="pagination" style="display: block" />
                 </div>
               </div>
             </div>
@@ -672,64 +528,32 @@
                     </div>
                     <div class="onemain clearfix">
                       <div class="checkcon">
-                        <input
-                          type="checkbox"
-                          name="cb1"
-                          value="yulan"
-                          class="in"
-                        />
+                        <input type="checkbox" name="cb1" value="yulan" class="in" />
                         <span class="yulan">预览其他关卡</span><br />
                         <div style="width: 10px; height: 4px"></div>
                         <div style="display: flex; align-items: center">
                           <span class="yulan2">学员可预览第</span>
                           <span style="color: #4ea6ff" v-show="number">1</span>
-                          <a-input-number
-                            v-model:value="nubvalue"
-                            v-show="inputbox"
-                            :controls="false"
-                            :autofocus="true"
-                            :min="1"
-                          />
-                          <span>关-第</span
-                          ><span style="color: #4ea6ff" v-show="number">4</span>
-                          <a-input-number
-                            v-model:value="nubvalue1"
-                            v-show="inputbox"
-                            :controls="false"
-                            :autofocus="true"
-                            :min="1"
-                          />
+                          <a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true"
+                            :min="1" />
+                          <span>关-第</span><span style="color: #4ea6ff" v-show="number">4</span>
+                          <a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false"
+                            :autofocus="true" :min="1" />
                           <span>关内容</span>
                         </div>
                       </div>
                       <div class="checkcon" style="margin-top: 20px">
-                        <input
-                          type="checkbox"
-                          name="cb1"
-                          value="xuexi"
-                          class="in"
-                        />
+                        <input type="checkbox" name="cb1" value="xuexi" class="in" />
                         <span class="yulan">学习其他关卡</span><br />
                         <div style="width: 10px; height: 4px"></div>
                         <div style="display: flex; align-items: center">
                           <span class="yulan2">学员可预览第</span>
                           <span style="color: #4ea6ff" v-show="number">1</span>
-                          <a-input-number
-                            v-model:value="nubvalue2"
-                            v-show="inputbox"
-                            :controls="false"
-                            :autofocus="true"
-                            :min="1"
-                          />
-                          <span>关-第</span
-                          ><span style="color: #4ea6ff" v-show="number">4</span>
-                          <a-input-number
-                            v-model:value="nubvalue3"
-                            v-show="inputbox"
-                            :controls="false"
-                            :autofocus="true"
-                            :min="1"
-                          />
+                          <a-input-number v-model:value="nubvalue2" v-show="inputbox" :controls="false"
+                            :autofocus="true" :min="1" />
+                          <span>关-第</span><span style="color: #4ea6ff" v-show="number">4</span>
+                          <a-input-number v-model:value="nubvalue3" v-show="inputbox" :controls="false"
+                            :autofocus="true" :min="1" />
                           <span>关内容</span>
                         </div>
                       </div>
@@ -753,46 +577,26 @@
                       </div>
                     </div>
                     <div class="btnbox" style="margin: 20px">
-                      <a-upload
-                        v-model:file-list="fileList"
-                        name="file"
-                        action="/api/file/upload"
-                        @change="handleChange"
-                      >
-                        <span
-                          class="xkbtn"
-                          style="cursor: pointer; font-size: 17px"
-                          >上传</span
-                        >
-                        <img
-                          src="@/assets/images/basicinfo/cloud.png"
-                          style="cursor: pointer; width: 34px; height: 34px"
-                          alt=""
-                        />
+                      <a-upload v-model:file-list="fileList" name="file" action="/api/file/upload"
+                        @change="handleChange">
+                        <span class="xkbtn" style="cursor: pointer; font-size: 17px">上传</span>
+                        <img src="@/assets/images/basicinfo/cloud.png"
+                          style="cursor: pointer; width: 34px; height: 34px" alt="" />
                       </a-upload>
                       <div class="btnbox" style="margin: 20px">
                         <span style="color: #999999">
                           支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                         </span>
                       </div>
-                      <div
-                        v-for="item in docList"
-                        :key="item.src"
-                        style="margin-top: 20px"
-                        class="docListStyle"
-                      >
-                        <img
-                          src="@/assets/images/doc.png"
-                          style="
+                      <div v-for="item in docList" :key="item.src" style="margin-top: 20px;" class="docListStyle">
+                        <img src="@/assets/images/doc.png" style="
                             cursor: pointer;
                             width: 30px;
                             height: 25px;
                             margin-right: 10px;
-                          "
-                          alt=""
-                        />
+                          " alt="" />
                         <span style="font: oblique bolder 16px 宋体">{{
-                          item.name
+                            item.name
                         }}</span>
                         <span style="color: #4ea6ff; float: right">删除</span>
                       </div>
@@ -804,14 +608,8 @@
           </a-tabs>
         </a-tab-pane>
       </a-tabs>
-      <a-modal
-        style="padding: 0"
-        :closable="sh"
-        v-model:visible="visiblene"
-        :footer="null"
-        centered="true"
-        wrapClassName="changeModal"
-      >
+      <a-modal style="padding: 0" :closable="sh" v-model:visible="visiblene" :footer="null" centered="true"
+        wrapClassName="changeModal">
         <div class="con">
           <div class="header">
             <div class="inhe">
@@ -824,15 +622,8 @@
             <div class="inher">
               <div class="cur">当前关卡：关卡2</div>
               <div class="select">
-                <a-select
-                  v-model:value="curLevel"
-                  style="width: 100%"
-                  placeholder="请选择关卡"
-                  :options="projectNameList4"
-                  @change="selectProjectName4"
-                  allowClear
-                  showSearch
-                ></a-select>
+                <a-select v-model:value="curLevel" style="width: 100%" placeholder="请选择关卡" :options="projectNameList4"
+                  @change="selectProjectName4" allowClear showSearch></a-select>
               </div>
               <div class="btn">
                 <button class="sameb btn1">取消</button>
@@ -840,24 +631,15 @@
               </div>
             </div>
           </div>
-        </div></a-modal
-      >
+        </div>
+      </a-modal>
 
       <!-- 查看学员 传入查看学员的id-->
-      <see-stu
-        v-model:Seevisible="Seevisible"
-        v-model:checkStuId="checkStuId"
-        v-model:projectId="projectId"
-      />
+      <see-stu v-model:Seevisible="Seevisible" v-model:checkStuId="checkStuId" v-model:projectId="projectId" />
 
       <!-- 批量删除学员弹窗 -->
-      <a-modal
-        v-model:visible="deleteAll"
-        :footer="null"
-        :closable="closeDeleteAll"
-        wrapClassName="CopyModal"
-        centered="true"
-      >
+      <a-modal v-model:visible="deleteAll" :footer="null" :closable="closeDeleteAll" wrapClassName="CopyModal"
+        centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -881,13 +663,8 @@
         </div>
       </a-modal>
       <!-- 面授管理二维码 -->
-      <a-modal
-        v-model:visible="copyModal"
-        :footer="null"
-        :closable="closeCopy"
-        wrapClassName="facemanageModal"
-        centered="true"
-      >
+      <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">
@@ -909,13 +686,8 @@
         </div>
       </a-modal>
       <!-- 直播管理二维码 -->
-      <a-modal
-        v-model:visible="zhibModal"
-        :footer="null"
-        :closable="closeCopy"
-        wrapClassName="facemanageModal"
-        centered="true"
-      >
+      <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">
@@ -937,13 +709,8 @@
         </div>
       </a-modal>
       <!-- 活动管理二维码 -->
-      <a-modal
-        v-model:visible="huodModal"
-        :footer="null"
-        :closable="closeCopy"
-        wrapClassName="facemanageModal"
-        centered="true"
-      >
+      <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">
@@ -969,17 +736,11 @@
       <!-- 导入学员抽屉 -->
       <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
       <!-- 学员管理查看抽屉 -->
-      <check-stu
-        v-model:CheckStuvisible="CheckStuvisible"
-        v-model:studentId="studentId"
-      />
+      <check-stu v-model:CheckStuvisible="CheckStuvisible" v-model:studentId="studentId" />
       <!-- 面授学员抽屉 -->
       <face-stu v-model:FSvisible="FSvisible" />
       <!-- 活动考勤抽屉 -->
-      <active-attendance
-        v-model:AAvisible="AAvisible"
-        :title="showKaoqinText"
-      />
+      <active-attendance v-model:AAvisible="AAvisible" :title="showKaoqinText" />
       <!-- 时间管理抽屉 -->
       <time-manage v-model:Tvisible="visible" :title="showTimeText" />
       <!-- 考试管理抽屉 -->
@@ -994,40 +755,21 @@
       <a-spin :spinning="addLoading" tip="添加中..." />
     </div>
     <!-- 发布弹窗 -->
-    <a-modal
-      v-model:visible="pub"
-      :title="null"
-      :footer="null"
-      :closable="false"
-      wrapClassName="pub"
-      width="679px"
-      height="437px"
-    >
-      <div
-        class="modalHeader"
-        style="
+    <a-modal v-model:visible="pub" :title="null" :footer="null" :closable="false" wrapClassName="pub" width="679px"
+      height="437px">
+      <div class="modalHeader" style="
           width: 100%;
           height: 68px;
           display: flex;
           align-items: center;
           justify-content: space-between;
-        "
-      >
+        ">
         <div class="headerLeft" style="margin-left: 32px">
-          <span style="width: 15px; height: 15px"
-            ><img src="../../assets/images/taskpage/pub.png"
-          /></span>
-          <span
-            class="headerLeftText"
-            style="font-size: 16px; margin-left: 10px"
-            >路径发布</span
-          >
+          <span style="width: 15px; height: 15px"><img src="../../assets/images/taskpage/pub.png" /></span>
+          <span class="headerLeftText" style="font-size: 16px; margin-left: 10px">路径发布</span>
         </div>
         <div style="cursor: pointer; margin-right: 32px" @click="closePub">
-          <img
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
+          <img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
         </div>
       </div>
       <div class="modalMain">
@@ -1065,13 +807,7 @@
       </div>
     </a-modal>
     <!-- 撤回路径弹窗 -->
-    <a-modal
-      v-model:visible="backModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="backModal" :footer="null" :closable="closeBack" wrapClassName="CopyModal" centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -1096,13 +832,8 @@
       </div>
     </a-modal>
     <!-- 复制路径弹窗 -->
-    <a-modal
-      v-model:visible="dcopyModal"
-      :footer="null"
-      :closable="dcloseCopy"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="dcopyModal" :footer="null" :closable="dcloseCopy" wrapClassName="CopyModal"
+      centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -1126,13 +857,8 @@
       </div>
     </a-modal>
     <!-- 结束路径弹窗 -->
-    <a-modal
-      v-model:visible="stopModal"
-      :footer="null"
-      :closable="dicloseStop"
-      wrapClassName="CopyModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="stopModal" :footer="null" :closable="dicloseStop" wrapClassName="CopyModal"
+      centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -1196,7 +922,7 @@ export default {
     TestManage,
     FaceManage,
     WorkManage,
-    SeeStu,
+    SeeStu
   },
   setup() {
     // const routers = useRoute();
@@ -1237,17 +963,17 @@ export default {
       picUrl: null,
       projectNameList: [
         {
-          value: "1",
-          label: "导出信息",
+          value: '1',
+          label: '导出信息',
         },
         {
-          value: "2",
-          label: "批量调整关卡",
+          value: '2',
+          label: '批量调整关卡',
         },
         {
-          value: "3",
-          label: "批量删除",
-        },
+          value: '3',
+          label: '批量删除',
+        }
       ],
       // 共享文档列表
       docList: [
@@ -1581,7 +1307,7 @@ export default {
     const stageChange = (name, id) => {
       state.choosedStageId = id;
       state.stateName = name;
-    };
+    }
     const changeTabs = (e) => {
       console.log("切换tabs", e, state.routerId);
       if (e == 2) {
@@ -1771,6 +1497,7 @@ export default {
         .catch((err) => {
           console.log("复制失败", err);
         });
+
     };
     const showStop = () => {
       state.stopModal = true;
@@ -1812,10 +1539,10 @@ export default {
           state.action == 0
             ? "发布"
             : state.action == 1
-            ? "撤回"
-            : state.action == -1
-            ? ""
-            : "-";
+              ? "撤回"
+              : state.action == -1
+                ? ""
+                : "-";
       });
     };
     // 获取项目概览
@@ -1862,13 +1589,11 @@ export default {
           //   }
           levelList.stageList = [];
           for (let i in data) {
-            if (i == 0) {
-              state.stateName = data[0].name;
-            }
+            if (i == 0) { state.stateName = data[0].name }
             levelList.stageList.push({
               stageId: Number(i) + 1,
-              name: data[i].name,
-            });
+              name: data[i].name
+            })
           }
         })
         .catch((err) => {
@@ -1901,7 +1626,7 @@ export default {
             .delStudent({ routerId: 100, studentIds: [id] })
             .then((res) => {
               message.success("删除成功");
-              getStudent();
+              getStudent()
               console.log(res);
             })
             .catch((err) => {
@@ -1912,74 +1637,62 @@ export default {
       });
     };
     const searchLevel = () => {
-      const result = state.tableData.filter(
-        (item) => item.cur == state.gatenamee
-      );
+      const result = state.tableData.filter(item => item.cur == state.gatenamee)
       state.tableData = result;
     };
     const resetLevel = () => {
-      state.gatenamee = "";
+      state.gatenamee = '';
       getStudent();
     };
     const handleStuChange = (value) => {
       console.log(value);
-      if (value == 2) {
-        state.visiblene = true;
-      }
-      if (value == 3) {
-        deleteStu();
-      }
+      if (value == 2) { state.visiblene = true }
+      if (value == 3) { deleteStu() }
     };
     const deleteStu = () => {
       if (state.selectedRowKeys.length == 0) {
         message.warning("请选择成员");
-        return;
+        return
       }
       let obj = {
         routerId: 100,
         studentIds: state.selectedRowKeys,
-      };
-      api
-        .delStudent(obj)
-        .then((res) => {
-          console.log(res);
-          getStudent();
-          message.success("批量删除成功");
-        })
-        .catch((err) => {
-          message.error("批量删除失败" + err);
-          console.log(err);
-        });
+      }
+      api.delStudent(obj).then((res) => {
+        console.log(res);
+        getStudent();
+        message.success("批量删除成功")
+      }).catch(err => {
+        message.error("批量删除失败" + err);
+        console.log(err)
+      })
     };
     const pageChange = (value) => {
       state.currentPage = value;
       getStudent();
-    };
+    }
     const setconfig = () => {
       let obj = {
-        autoJoinFlag: 0,
-        deptBoList: [
+        "autoJoinFlag": 0,
+        "deptBoList": [
           {
-            deptId: 0,
-            deptName: "",
-          },
+            "deptId": 0,
+            "deptName": ""
+          }
         ],
-        preLearnFlag: 0,
-        previewFlag: 0,
-        routerId: 0,
-        showFlag: 0,
-      };
-      api
-        .setConfig(obj)
-        .then((res) => {
-          message.success("编辑成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          console.log(err);
-          message.error("编辑失败");
-        });
-    };
+        "preLearnFlag": 0,
+        "previewFlag": 0,
+        "routerId": 0,
+        "showFlag": 0
+      }
+      api.setConfig(obj).then((res) => {
+        message.success("编辑成功")
+        console.log(res);
+      }).catch(err => {
+        console.log(err);
+        message.error("编辑失败")
+      })
+    }
     return {
       ...toRefs(state),
       ...toRefs(levelList),
@@ -2038,12 +1751,12 @@ export default {
   .ant-modal {
     .ant-modal-body {
       padding: 0;
+
       .modalHeader {
-        background: linear-gradient(
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
-        );
+        background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%);
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -2052,33 +1765,37 @@ export default {
           margin-left: 62px;
           font-weight: 500;
         }
+
         .projecttime {
           margin-left: 221px;
+
           .timeti {
             color: rgba(153, 155, 163, 1);
             font-size: 14px;
             line-height: 36px;
           }
+
           .timeme {
             color: rgba(79, 81, 86, 1);
             font-size: 14px;
             line-height: 36px;
           }
         }
+
         .projectbox {
           margin-top: 26px;
           display: flex;
           justify-content: center;
+
           .promessage {
             width: 280px;
             height: 110px;
-            background: linear-gradient(
-              180deg,
-              rgba(254, 243, 221, 1),
-              rgba(255, 250, 240, 1)
-            );
+            background: linear-gradient(180deg,
+                rgba(254, 243, 221, 1),
+                rgba(255, 250, 240, 1));
             border-radius: 10px;
             margin-right: 7px;
+
             .messageme {
               color: rgba(255, 182, 78, 1);
               font-size: 14px;
@@ -2086,21 +1803,22 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
               margin-left: 30px;
             }
           }
+
           .stumessage {
             width: 280px;
             height: 110px;
-            background: linear-gradient(
-              180deg,
-              rgba(221, 234, 255, 1),
-              rgba(240, 248, 254, 1)
-            );
+            background: linear-gradient(180deg,
+                rgba(221, 234, 255, 1),
+                rgba(240, 248, 254, 1));
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -2108,6 +1826,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -2115,30 +1834,37 @@ export default {
             }
           }
         }
+
         .send {
           margin-top: 30px;
           margin-left: 61px;
+
           .sendtext {
             margin-left: 11px;
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
         }
+
         .ckb {
           margin-top: 20px;
           margin-left: 62px;
+
           .sendpeo {
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
+
           .ant-checkbox-inner {
             border-radius: 4px;
           }
         }
+
         .pubtn {
           display: flex;
           justify-content: center;
           margin-top: 25px;
+
           //margin-bottom: 29px;
           .pubtn1 {
             width: 100px;
@@ -2153,6 +1879,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -2170,23 +1897,28 @@ export default {
     }
   }
 }
+
 .clearfix:before,
 .clearfix:after {
   content: " ";
   display: block;
   clear: both;
 }
+
 .CopyModal {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -2194,6 +1926,7 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           // position: absolute;
           // left: 50%;
           // top: 10%;
@@ -2202,20 +1935,21 @@ export default {
             position: absolute;
             width: calc(100%);
             height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -2223,6 +1957,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -2233,6 +1968,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -2242,6 +1978,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -2250,15 +1987,18 @@ export default {
                 color: #666666;
               }
             }
+
             .docListStyle {
               display: flex;
               width: 300px !important;
               justify-content: space-around;
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -2270,17 +2010,20 @@ export default {
 
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -2292,17 +2035,21 @@ export default {
     }
   }
 }
+
 .facemanageModal {
   .ant-modal {
     width: 532px !important;
     height: 428px !important;
+
     .ant-modal-content {
       width: 532px !important;
       height: 428px !important;
+
       .ant-modal-body {
         width: 532px !important;
         height: 428px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 532px;
@@ -2310,6 +2057,7 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           // position: absolute;
           // left: 50%;
           // top: 10%;
@@ -2318,20 +2066,21 @@ export default {
             position: absolute;
             width: calc(100%);
             height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -2339,6 +2088,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -2349,6 +2099,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -2358,6 +2109,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -2366,14 +2118,17 @@ export default {
                 color: #666666;
               }
             }
+
             .footerr {
               display: flex;
               justify-content: center;
               align-items: center;
+
               .onload {
                 color: rgba(51, 51, 51, 1);
                 font-size: 14px;
               }
+
               .onloadpx {
                 width: 80px;
                 height: 32px;
@@ -2393,17 +2148,21 @@ export default {
     }
   }
 }
+
 .changeModal {
   .ant-modal {
     width: 549px !important;
     height: 245px !important;
+
     .ant-modal-content {
       width: 549px !important;
       height: 245px !important;
+
       .ant-modal-body {
         padding: 0 !important;
         width: 549px !important;
         height: 245px !important;
+
         .con {
           // background-color: #bfa;
           width: 100%;
@@ -2416,16 +2175,16 @@ export default {
             position: relative;
             justify-content: center;
 
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
+
             .inhe {
               width: 80%;
               height: 100%;
               display: flex;
               justify-content: space-between;
               align-items: center;
+
               .mod {
                 left: 30px;
                 top: 27px;
@@ -2434,11 +2193,13 @@ export default {
                 height: 17px;
                 background-image: url(../../assets/images/leveladd/mod.png);
               }
+
               .tz {
                 color: #000000;
                 font-weight: 400;
                 font-size: 16px;
               }
+
               .mg {
                 width: 20px;
                 height: 20px;
@@ -2448,26 +2209,32 @@ export default {
               }
             }
           }
+
           .mid {
             width: 100%;
             display: flex;
             height: 100%;
             justify-content: center;
+
             .inher {
               width: 80%;
               height: 100%;
+
               .cur {
                 color: #6f6f6f;
                 font-size: 14px;
               }
+
               .select {
                 margin-top: 10px;
               }
+
               .btn {
                 width: 100%;
                 display: flex;
                 justify-content: center;
                 margin-top: 30px;
+
                 .sameb {
                   width: 100px;
                   height: 40px;
@@ -2475,11 +2242,13 @@ export default {
 
                   border-radius: 8px;
                 }
+
                 .btn1 {
                   color: #4ea6ff;
                   background: #ffffff;
                   border: 1px solid #4ea6ff;
                 }
+
                 .btn2 {
                   margin-left: 16px;
                   border: 0;
@@ -2498,6 +2267,7 @@ export default {
 .addwrapper {
   width: 100%;
   height: 100%;
+
   .addhead {
     width: 100%;
     height: 130px;
@@ -2505,34 +2275,41 @@ export default {
     display: flex;
     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;
+
       .forz {
         color: #363636;
         font-size: 16px;
       }
+
       .fort {
         color: #878b92;
         font-size: 14px;
         margin-top: 20px;
       }
     }
+
     @media screen and (max-width: 1030px) {
       .imgfor {
         margin-left: 20px;
       }
     }
+
     .right {
       // width: 500px;
       height: 100%;
@@ -2541,22 +2318,26 @@ export default {
       right: 0;
       display: flex;
       align-items: center;
+
       .img1 {
         width: 24px;
         height: 24px;
         margin-right: 50px;
       }
+
       .line {
         height: 65%;
         width: 1px;
         background-color: #e8effa;
         margin-right: 28px;
       }
+
       .img2 {
         width: 42px;
         height: 42px;
         margin-right: 22px;
       }
+
       .pub {
         color: #ffb64e;
         font-size: 14px;
@@ -2564,18 +2345,21 @@ export default {
         margin-right: 30px;
         cursor: pointer;
       }
+
       .return {
         color: #4ea6ff;
         font-size: 14px;
         margin-top: 10px;
         margin-right: 60px;
       }
+
       .more {
         position: relative;
         margin-right: 30px;
         height: 30px;
         display: flex;
         align-items: center;
+
         .moreArrow {
           width: 13px;
           height: 7px;
@@ -2585,6 +2369,7 @@ export default {
           margin: 2px;
           margin-left: 15px;
         }
+
         .moreItems {
           width: 110px;
           // height: 80px;
@@ -2599,62 +2384,77 @@ export default {
           top: 30px;
           z-index: 100;
           cursor: pointer;
+
           .sammo {
             text-align: center;
             margin-top: 12px;
             cursor: pointer;
           }
+
           .sammo:hover {
             color: #4ea6ff;
           }
         }
+
         .moreItems:hover {
           display: block;
         }
       }
+
       @media screen and (max-width: 1240px) {
         .line {
           margin-right: 10px;
         }
+
         .img1 {
           margin-right: 15px;
         }
+
         .img2 {
           margin-right: 10px;
         }
+
         .return {
           margin-right: 10px;
         }
+
         .pub {
           margin-right: 10px;
         }
+
         .more {
           margin-right: 10px;
         }
       }
+
       .more:hover .moreArrow {
         background-image: url("../../assets/images/navtop/up.png");
       }
+
       .more:hover .moreItems {
         display: block;
       }
     }
   }
+
   .split {
     width: 100%;
     height: 20px;
     background-color: #edf0f5;
   }
+
   .bom {
     .tab {
       margin-top: 10px;
       // margin-left: 10px;
     }
-    .ant-tabs > .ant-tabs-nav,
-    .ant-tabs > div > .ant-tabs-nav {
+
+    .ant-tabs>.ant-tabs-nav,
+    .ant-tabs>div>.ant-tabs-nav {
       margin-left: 0px !important;
       padding-left: 32px !important;
     }
+
     .onerow {
       //width: 100%;
       display: flex;
@@ -2662,12 +2462,14 @@ export default {
       position: relative;
       margin-top: 15px;
       margin-left: 38px;
+
       //margin-right: 38px;
       .taskmain {
         font-size: 18px;
         padding-top: 7px;
         color: #000000;
       }
+
       .btn {
         position: absolute;
         top: 0;
@@ -2680,6 +2482,7 @@ export default {
         color: #ffffff;
         cursor: pointer;
       }
+
       .editright {
         position: absolute;
         right: 38px;
@@ -2696,11 +2499,13 @@ export default {
           width: 15px;
           height: 15px;
         }
+
         .editextb {
           color: #fff;
           margin-left: 10px;
         }
       }
+
       // .edit:hover {
       //   color: #ffffff;
       //   background-color: #409eff;
@@ -2710,12 +2515,14 @@ export default {
       //   }
       // }
     }
+
     .second {
       display: flex;
       justify-content: left;
       flex-wrap: wrap;
       margin-top: 40px;
       margin-left: 20px;
+
       .nubbox {
         width: 253px;
         height: 116px;
@@ -2727,16 +2534,19 @@ export default {
         background: #fafbfc;
         border-radius: 10px;
         margin-left: 15px;
+
         .nub1 {
           color: #ffb54a;
           font-size: 30px;
           font-weight: 700;
         }
+
         .nub2 {
           color: #6d7584;
           font-size: 14px;
         }
       }
+
       .taskbox {
         width: 412px;
         height: 160px;
@@ -2745,21 +2555,25 @@ export default {
         margin-left: 68px;
         margin-bottom: 40px;
         cursor: pointer;
+
         .leftt {
           position: absolute;
           top: 18px;
           left: 0;
         }
+
         .photo {
           position: absolute;
           top: 42px;
           left: 37px;
         }
+
         .rightt {
           position: absolute;
           top: 69px;
           right: 26px;
         }
+
         .centerbox {
           position: absolute;
           top: 52px;
@@ -2768,6 +2582,7 @@ export default {
           font-weight: 700;
           //line-height: 36px;
         }
+
         .centermain {
           color: rgba(135, 139, 146, 1);
           font-size: 14px;
@@ -2777,9 +2592,11 @@ export default {
         }
       }
     }
+
     .stagemess {
       display: flex;
       margin-left: 38px;
+
       .stage1 {
         width: 100px;
         height: 33px;
@@ -2793,6 +2610,7 @@ export default {
         margin-top: 19px;
         cursor: pointer;
       }
+
       .stage2 {
         width: 100px;
         height: 33px;
@@ -2808,67 +2626,82 @@ export default {
         cursor: pointer;
       }
     }
+
     .stagesecond {
       display: flex;
       margin-left: 39px;
       margin-top: 29px;
+
       .staname {
         color: #999ba3;
         font-size: 14px;
       }
+
       .stamess {
         color: #4f5156;
         font-size: 14px;
       }
     }
+
     .stagelast {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       margin-bottom: 55px;
+
       .stagepro {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-top: 55px;
         margin-right: 120px;
+
         .ant-progress-circle-path {
           stroke: #4ea6ff;
         }
+
         .ant-progress-text {
           color: #4ea6ff;
           font-weight: 700;
         }
+
         .protext {
           color: #6d7584;
           font-size: 14px;
           margin-top: 25px;
         }
       }
+
       .proright {
         width: 500px;
         margin-top: 55px;
         margin-left: 50px;
+
         .ant-progress-bg {
           height: 24px !important;
           background: #4ea6ff;
         }
+
         .ant-progress-inner {
           height: 24px;
         }
+
         .pronub {
           color: #4ea6ff;
           font-size: 14px;
           margin: 5px 0;
         }
+
         .proright1 {
           display: flex;
           justify-content: right;
+
           .textpro {
             color: #6d7584;
             font-size: 14px;
             margin-right: 20px;
           }
+
           .ant-progress-text {
             color: #4ea6ff;
             font-size: 14px;
@@ -2877,17 +2710,21 @@ export default {
         }
       }
     }
+
     .sametab {
       // margin-left: 30px;
       // margin-right: 30px;
       margin-top: 30px;
       width: 100%;
+
       // background-color: green;
       .Lhead {
         display: flex;
+
         .btns {
           display: flex;
           margin-left: 20px;
+
           // flex-wrap: wrap;
           .btn {
             padding: 0px 26px 0px 26px;
@@ -2901,9 +2738,11 @@ export default {
             margin-right: 14px;
             flex-shrink: 0;
             cursor: pointer;
+
             .search {
               background-size: 100%;
             }
+
             .btnText {
               font-size: 14px;
               font-weight: 400;
@@ -2912,6 +2751,7 @@ export default {
               margin-left: 5px;
             }
           }
+
           .btn1 {
             .search {
               width: 15px;
@@ -2919,6 +2759,7 @@ export default {
               background-image: url("../../assets/images/courseManage/search1.png");
             }
           }
+
           .btn2 {
             .search {
               width: 16px;
@@ -2926,46 +2767,59 @@ export default {
               background-image: url("../../assets/images/courseManage/reset1.png");
             }
           }
+
           .btn3 {
             margin-right: 0px;
+
             .search {
               width: 17px;
               height: 18px;
               background-image: url("../../assets/images/courseManage/add1.png");
             }
           }
+
           .btn1:hover {
             background: rgba(64, 158, 255, 1);
+
             .search {
               background-image: url("../../assets/images/courseManage/search0.png");
             }
+
             .btnText {
               color: #ffffff;
             }
           }
+
           .btn2:hover {
             background: rgba(64, 158, 255, 1);
+
             .search {
               background-image: url("../../assets/images/courseManage/reset0.png");
             }
+
             .btnText {
               color: #ffffff;
             }
           }
+
           .btn3:hover {
             background: rgba(64, 158, 255, 1);
+
             .search {
               background-image: url("../../assets/images/courseManage/add0.png");
             }
+
             .btnText {
               color: #ffffff;
             }
           }
         }
       }
+
       .Lbom {
         position: relative;
         margin-bottom: 20px;
+
         .item {
           width: 100%;
           height: 200px;
@@ -2973,6 +2827,7 @@ export default {
           margin-top: 40px;
           border-radius: 8px;
           border: 1px solid #f0f4fe;
+
           .itemhead {
             height: 50px;
             width: 100%;
@@ -2980,6 +2835,7 @@ export default {
             display: flex;
             align-items: center;
             position: relative;
+
             .lev {
               margin-left: 27px;
               margin-right: 16px;
@@ -2987,64 +2843,77 @@ export default {
               color: #409eff;
               font-size: 16px;
             }
+
             .lin {
               width: 1px;
               height: 35%;
               background-color: #c7cbd2;
             }
+
             .nam {
               margin-left: 16px;
               color: #4f5156;
               line-height: 100%;
               font-size: 16px;
             }
+
             .count {
               position: absolute;
               line-height: 100%;
               color: #4f5156;
               font-size: 14px;
               right: 40px;
+
               span:nth-child(2) {
                 color: #63ca8c;
               }
             }
           }
+
           .itembomm {
             display: flex;
             align-items: center;
             height: 150px;
+
             .it {
               // margin-left: 110px;
               // margin-right: 110px;
               width: 13%;
               text-align: center;
+
               .on {
                 font-size: 30px;
               }
+
               .ittext {
                 color: #4f5156;
                 margin-top: 16px;
                 margin-left: -5px;
               }
             }
+
             .linee {
               background-color: #ecf2fb;
               width: 1px;
               height: 55%;
             }
+
             .itright {
               position: absolute;
               right: 45px;
               display: flex;
+
               .te {
                 color: #4ea6ff;
                 font-size: 14px;
                 cursor: pointer;
               }
+
               .more {
                 position: relative;
                 height: 30px;
                 display: flex;
+
                 .moreArrow {
                   width: 13px;
                   height: 7px;
@@ -3055,6 +2924,7 @@ export default {
                   margin-left: 7px;
                   margin-top: 6px;
                 }
+
                 .moreItems {
                   width: 80px;
                   height: 70px;
@@ -3067,6 +2937,7 @@ export default {
                   left: 0px;
                   top: 20px;
                   z-index: 100;
+
                   .roleItem {
                     font-size: 14px;
                     font-weight: 400;
@@ -3076,14 +2947,17 @@ export default {
                     justify-content: center;
                     cursor: pointer;
                   }
+
                   .roleItem:hover {
                     color: #4ea6ff;
                   }
                 }
               }
+
               .more:hover .moreArrow {
                 background-image: url("../../assets/images/navtop/up.png");
               }
+
               .more:hover .moreItems {
                 display: block;
               }
@@ -3093,12 +2967,15 @@ export default {
           .show {
             color: blue;
           }
+
           .noshow {
             display: none;
           }
         }
+
         .create {
           margin-top: 40px;
+
           .taskbox {
             width: 412px;
             height: 160px;
@@ -3107,21 +2984,25 @@ export default {
             // margin-left: 68px;
             margin-bottom: 40px;
             cursor: pointer;
+
             .leftt {
               position: absolute;
               top: 18px;
               left: 0;
             }
+
             .photo {
               position: absolute;
               top: 42px;
               left: 37px;
             }
+
             .rightt {
               position: absolute;
               top: 69px;
               right: 26px;
             }
+
             .centerbox {
               position: absolute;
               top: 52px;
@@ -3130,6 +3011,7 @@ export default {
               font-weight: 700;
               //line-height: 36px;
             }
+
             .centermain {
               color: rgba(135, 139, 146, 1);
               font-size: 14px;
@@ -3141,6 +3023,7 @@ export default {
         }
       }
     }
+
     .cont {
       display: flex;
 
@@ -3158,12 +3041,14 @@ export default {
       position: relative;
       margin-top: 15px;
       margin-left: 38px;
+
       //margin-right: 38px;
       .taskmain {
         font-size: 18px;
         padding-top: 7px;
         color: #000000;
       }
+
       .btn {
         position: absolute;
         top: 0;
@@ -3176,6 +3061,7 @@ export default {
         color: #ffffff;
         cursor: pointer;
       }
+
       .edit {
         position: absolute;
         right: 38px;
@@ -3185,6 +3071,7 @@ export default {
         height: 40px;
         border: 1px solid #409eff;
         border-radius: 8px;
+
         .editimg {
           width: 15px;
           height: 15px;
@@ -3192,19 +3079,23 @@ export default {
           margin-left: 25px;
           margin-right: 5px;
         }
+
         .editext {
           line-height: 40px;
         }
       }
+
       .edit:hover {
         color: #ffffff;
         background-color: #409eff;
         cursor: pointer;
+
         .editimg {
           background-image: url("../../assets/images/projectadd/edit1.png");
         }
       }
     }
+
     .taskbox {
       width: 412px;
       height: 160px;
@@ -3214,21 +3105,25 @@ export default {
       margin-bottom: 10px;
       margin-top: 10px;
       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;
@@ -3237,6 +3132,7 @@ export default {
         font-weight: 700;
         //line-height: 36px;
       }
+
       .centermain {
         color: rgba(135, 139, 146, 1);
         font-size: 14px;
@@ -3245,6 +3141,7 @@ export default {
         bottom: 49px;
       }
     }
+
     .taskSyllabus {
       // flex: 1;
       overflow-x: auto;
@@ -3255,13 +3152,15 @@ export default {
         min-width: 1040px;
       }
 
-      .ant-collapse-content > .ant-collapse-content-box {
+      .ant-collapse-content>.ant-collapse-content-box {
         padding-top: 0px;
         padding-bottom: 0px;
       }
-      .ant-collapse > .ant-collapse-item {
+
+      .ant-collapse>.ant-collapse-item {
         border: 0px;
       }
+
       .ant-collapse-header {
         display: flex;
         height: 49px;
@@ -3274,14 +3173,17 @@ export default {
         font-weight: 400;
         color: #409eff;
         line-height: 36px;
+
         .ant-collapse-arrow {
           margin-left: 15px !important;
         }
       }
+
       .ant-collapse-content {
         border-top: 0px;
       }
     }
+
     .course {
       //width: 100%;
       flex-shrink: 0;
@@ -3296,6 +3198,7 @@ export default {
       //margin: 0 12px;
       border: 1px solid #f2f6fc;
       border-top: 0px;
+
       .first {
         //position: relative;
         display: flex;
@@ -3311,6 +3214,7 @@ export default {
           font-size: 16px;
           margin-left: 4px;
         }
+
         .icontext {
           //positipn: absolute;
           color: #999ba3;
@@ -3319,12 +3223,14 @@ export default {
           width: 83px;
         }
       }
+
       .type {
         //height: 71px;
         display: flex;
         flex-grow: 1;
         align-items: center;
         margin-right: 50px;
+
         .typename {
           width: 63px;
           height: 23px;
@@ -3334,6 +3240,7 @@ export default {
           border-radius: 4px;
           text-align: center;
         }
+
         .typename1 {
           width: 63px;
           height: 23px;
@@ -3344,28 +3251,34 @@ export default {
           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;
@@ -3384,19 +3297,24 @@ export default {
       margin-top: 30px;
       display: flex;
       margin-bottom: 20px;
+
       // overflow-x: auto;
       .pad {
         height: 100%;
         width: 40px;
         flex-shrink: 0;
       }
+
       .xin {
         width: 100%;
+
         .xhead {
           display: flex;
+
           .btns {
             display: flex;
             margin-left: 20px;
+
             // flex-wrap: wrap;
             .btn {
               padding: 0px 26px 0px 26px;
@@ -3410,9 +3328,11 @@ export default {
               margin-right: 14px;
               flex-shrink: 0;
               cursor: pointer;
+
               .search {
                 background-size: 100%;
               }
+
               .btnText {
                 font-size: 14px;
                 font-weight: 400;
@@ -3421,6 +3341,7 @@ export default {
                 margin-left: 5px;
               }
             }
+
             .btn1 {
               .search {
                 width: 15px;
@@ -3428,6 +3349,7 @@ export default {
                 background-image: url("../../assets/images/courseManage/search1.png");
               }
             }
+
             .btn2 {
               .search {
                 width: 16px;
@@ -3435,46 +3357,59 @@ export default {
                 background-image: url("../../assets/images/courseManage/reset1.png");
               }
             }
+
             .btn3 {
               margin-right: 0px;
+
               .search {
                 width: 17px;
                 height: 18px;
                 background-image: url("../../assets/images/courseManage/add1.png");
               }
             }
+
             .btn1:hover {
               background: rgba(64, 158, 255, 1);
+
               .search {
                 background-image: url("../../assets/images/courseManage/search0.png");
               }
+
               .btnText {
                 color: #ffffff;
               }
             }
+
             .btn2:hover {
               background: rgba(64, 158, 255, 1);
+
               .search {
                 background-image: url("../../assets/images/courseManage/reset0.png");
               }
+
               .btnText {
                 color: #ffffff;
               }
             }
+
             .btn3:hover {
               background: rgba(64, 158, 255, 1);
+
               .search {
                 background-image: url("../../assets/images/courseManage/add0.png");
               }
+
               .btnText {
                 color: #ffffff;
               }
             }
           }
         }
+
         .xheadb {
           display: flex;
           margin-top: 30px;
+
           .addx {
             width: 130px;
             height: 40px;
@@ -3485,6 +3420,7 @@ export default {
             cursor: pointer;
             margin-right: 20px;
           }
+
           .addd {
             width: 130px;
             height: 40px;
@@ -3495,25 +3431,30 @@ export default {
             cursor: pointer;
             margin-right: 20px;
           }
+
           .select {
             .ant-select {
               //
               // border: 0 !important;
               border-radius: 11px;
+
               .ant-select-selector {
                 border: 1px solid #4ea6ff !important;
+
                 .ant-select-selection-placeholder {
                   padding-left: 15px;
                   color: #4ea6ff;
                 }
               }
             }
+
             .ant-select-selection-item {
               padding-left: 15px;
               color: #4ea6ff;
             }
           }
         }
+
         .talk {
           margin-top: 24px;
           margin-bottom: 11px;
@@ -3524,30 +3465,36 @@ export default {
           // opacity: 0.22;
           display: flex;
           align-items: center;
+
           .im {
             width: 14px;
             height: 15px;
             margin-left: 27px;
             margin-top: -3px;
           }
+
           .xu {
             height: 100%;
             line-height: 50px;
             margin-left: 13px;
+
             .yi {
               color: #4f5156;
               font-size: 14px;
             }
+
             .zon {
               color: #999ba3;
               font-size: 14px;
               margin-left: 34px;
             }
+
             .th {
               color: #4ea6ff;
             }
           }
         }
+
         .tableBox {
           margin-bottom: 80px;
 
@@ -3555,26 +3502,29 @@ export default {
             margin-left: 11px !important;
             padding-left: 9px !important;
           }
+
           .ant-checkbox-wrapper {
             align-items: center;
             margin-top: -2px;
           }
+
           .ant-table-selection-column {
             padding: 0px !important;
             padding-left: 38px !important;
           }
-          .ant-table-thead > tr > th {
+
+          .ant-table-thead>tr>th {
             background-color: rgba(239, 244, 252, 1);
           }
+
           th.h {
             background-color: #eff4fc !important;
           }
 
-          .ant-table-tbody
-            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-            > td {
+          .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
             background: #f6f9fd;
           }
+
           .pa {
             left: 0;
             width: 100%;
@@ -3588,37 +3538,46 @@ export default {
         }
       }
     }
+
     .Gcon {
       display: flex;
+
       .pad {
         height: 100%;
         width: 40px;
       }
+
       .Gin {
         // background-color: #bfa;
         margin-top: 30px;
+
         .headone {
           // background-color: red;
           display: flex;
           text-align: center;
+
           .box {
             width: 4px;
             height: 20px;
             background-color: #409eff;
             border-radius: 2px;
           }
+
           .onetitle {
             margin-left: 15px;
             color: #333333;
             font-size: 14px;
           }
+
           .oneedi {
             margin-left: 15px;
             color: #4ea6ff;
             cursor: pointer;
           }
+
           .twobtn {
             display: flex;
+
             .btnone {
               width: 42px;
               height: 24px;
@@ -3628,6 +3587,7 @@ export default {
               margin-left: 20px;
               cursor: pointer;
             }
+
             .btntwo {
               width: 42px;
               height: 24px;
@@ -3640,33 +3600,40 @@ export default {
             }
           }
         }
+
         .onemain {
           margin-top: 20px;
           margin-left: 55px;
           color: #6f6f6f;
           font-size: 14px;
+
           .checkcon {
             position: relative;
+
             .in {
               position: absolute;
               // margin-top: 10px;
               left: 0;
               top: 3px;
             }
+
             .yulan {
               // color: yellow;
               margin-left: 22px;
               // display: inline-block;
             }
+
             .yulan2 {
               margin-left: 22px;
             }
+
             .ant-input-number {
               height: 24px;
               width: 24px;
               margin: 10px;
               border-radius: 4px;
               border: 1px solid #6d7584;
+
               .ant-input-number-input {
                 width: 100%;
                 height: 100%;
@@ -3678,58 +3645,72 @@ export default {
             }
           }
         }
+
         .twomain {
           margin-left: 20px;
           margin-top: 20px;
+
           .ant-switch-checked {
             background-color: #5dc988;
           }
+
           .info {
             margin-left: 10px;
             color: #6f6f6f;
             font-size: 14px;
             // margin-top: 10px;
           }
+
           .infor {
             margin-left: 38px;
             margin-top: 10px;
             color: #c7cbd2;
             font-size: 14px;
           }
+
           .chooseshow {
             // background-color: red;
             margin-left: 38px;
             margin-top: 12px;
+
             .fane {
               color: #6f6f6f;
               font-size: 14px;
             }
           }
+
           .choo {
             display: none;
           }
+
           .btm {
             margin-left: 38px;
             margin-top: 20px;
+
             .bmo {
               color: #6f6f6f;
               font-size: 14px;
             }
+
             .bmt {
               color: #c7cbd2;
               font-size: 14px;
               margin-top: 3px;
             }
+
             .chosecon {
               display: flex;
               margin-top: 6px;
               margin-bottom: 20px;
+
               .chose {
                 position: relative;
+
                 .inl {
                   position: absolute;
                   top: 2px;
                 }
+
                 .sh {
                   margin-left: 23px;
                   color: #6f6f6f;