diff --git a/src/api/indexTask.js b/src/api/indexTask.js
index 7862f35b..084cd195 100644
--- a/src/api/indexTask.js
+++ b/src/api/indexTask.js
@@ -3,7 +3,10 @@ import http from "./config";
 
 // 获取路径图详情-包含关卡及任务列表
 export const GetRouterDetail = (routerId,useTask="") => http.get(`/admin/router/detail?routerId=${routerId}&useTask=${useTask}`)
+//
+export const changeChapterSort = (list) => http.post("/admin/router/changeChapterSort",list)
 
+export const changeTasklistSort = (list) => http.post("/admin/router/changeTasklistSort",list)
 // 新建或编辑阶段任务
 export const ProjectEditTask = (obj) => http.post('/admin/project/editTask',obj)
 // 新建或编辑关卡任务
diff --git a/src/components/drawers/UnlockMode.vue b/src/components/drawers/UnlockMode.vue
index 38f382af..e3827484 100644
--- a/src/components/drawers/UnlockMode.vue
+++ b/src/components/drawers/UnlockMode.vue
@@ -39,7 +39,7 @@
           <span style="font-weight: 500">描述：</span
           ><span>不设学习限制，学员可以在任何时间学习</span>
         </div>
-        <div v-if="selectClassifyType === 2" class="type1 type2">
+        <!-- <div v-if="selectClassifyType === 2" class="type1 type2">
           <div>
             <span style="font-weight: 500">描述：</span
             ><span>辩论、活动、测评、调研、投票按照设置时间</span>
@@ -48,22 +48,22 @@
             <span>解锁单元：</span>
             <a-radio v-model:checked="checked">逐个任务解锁</a-radio>
           </div>
-        </div>
-        <div v-if="selectClassifyType === 3" class="type1 type3">
+        </div> -->
+        <div v-if="selectClassifyType === 2" class="type1 type3">
           <div>
             <span style="font-weight: 500">描述：</span
             ><span>前一个阶段达成目标后解锁下一个阶段</span>
           </div>
           <div class="radio" style="display: flex">
             <div style="margin-top: 1px">解锁条件：</div>
-            <a-radio-group v-model:value="radioSelect">
+            <a-radio-group v-model:value="radioSelect" @change="changeUnlockMode">
               <div>
-                <a-radio :value="1"
+                <a-radio :value="2"
                   >逐个任务解锁，完成一个任务后解锁下一个</a-radio
                 >
               </div>
               <div style="margin-top: 24px">
-                <a-radio :value="2"
+                <a-radio :value="3"
                   >完成当前阶段所有必修任务解锁下一阶段</a-radio
                 >
               </div>
@@ -150,6 +150,9 @@ export default {
         }else{
           message.error(res.data.msg)
         }
+      }).catch(e=>{
+        console.log(e)
+        message.error(e.data.msg)
       })
     }
 
@@ -169,14 +172,28 @@ export default {
         for(let key in state.formData){
           state.formData[key] = props.routerInfo[key]
         }
+        if(state.formData.unlockMode === 1){
+          state.selectClassifyType = 1
+        }else if(state.formData.unlockMode === 2 || state.formData.unlockMode === 3){
+          state.selectClassifyType = 2
+          state.radioSelect = state.formData.unlockMode
+        }
       }
     };
 
     const selectClassify = (e) => {
       state.selectClassifyType = e.type;
-      state.formData.unlockMode = e.type
-     
+      if(e.type === 1){
+        state.formData.unlockMode = e.type
+      }
+      // state.formData.unlockMode = e.type
     };
+
+    const changeUnlockMode = (e) =>{
+      
+      state.formData.unlockMode = e.target.value
+      console.log(e,state.formData)
+    }
    
     return {
       ...toRefs(state),
@@ -185,6 +202,7 @@ export default {
       saveUnlock,
       // change,
       selectClassify,
+      changeUnlockMode
     };
   },
 };
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 12e4658b..d3ae7a98 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -16,20 +16,11 @@
             v-for="item in level"
             :key="item.id"
           > -->
-            <draggable
-              v-model="level"
-              chosenClass="chosen"
-              ghostClass="ghost"
-              forceFallback="true"
-              group="stage"
-              animation="500"
-            >
+            <draggable v-model="level" chosenClass="chosen" ghostClass="ghost" forceFallback="true" group="stage"
+              animation="500" @end="changeSort">
               <template #item="{ element }">
-                <div
-                  class="items"
-                  :class="isactive == element.chapterId ? 'active' : ''"
-                  @click="changebgc(element.chapterId)"
-                >
+                <div class="items" :class="isactive == element.chapterId ? 'active' : ''"
+                  @click="changebgc(element.chapterId)">
                   <div class="items1">
                     <div class="boxs_left">
                       <a-popover placement="topLeft" trigger="click">
@@ -42,25 +33,17 @@
                           <span>关卡说明</span>
                         </template>
                         <div class="script">
-                          <span style="font-size: 12px; color: #ffffff"
-                            >说明</span
-                          >
+                          <span style="font-size: 12px; color: #ffffff">说明</span>
                         </div>
                       </a-popover>
                       <div class="imgIcon" @click="showModal(element)"></div>
                     </div>
                     <div class="boxs_right">
-                      <div
-                        class="imgIcon"
-                        @click="showDeleteChapter(element.chapterId)"
-                      ></div>
+                      <div class="imgIcon" @click="showDeleteChapter(element.chapterId)"></div>
                     </div>
                   </div>
                   <div class="items2">
-                    <a-popover
-                      placement="topLeft"
-                      v-if="element.name?.length > 10"
-                    >
+                    <a-popover placement="topLeft" v-if="element.name?.length > 10">
                       <template #content>
                         <div style="width: 130px">
                           {{ element.name }}
@@ -75,9 +58,9 @@
                     </div>
                   </div>
                   <!-- <div class="itemle">
-              <div class="tit">{{ item.remark }}</div>
-              <div class="name">{{ item.name }}</div>
-            </div> -->
+                    <div class="tit">{{ item.remark }}</div>
+                    <div class="name">{{ item.name }}</div>
+                  </div> -->
                 </div>
               </template>
             </draggable>
@@ -106,14 +89,8 @@
           </div>
         </div>
       </div>
-      <a-modal
-        v-model:visible="modal"
-        centered="true"
-        :footer="null"
-        :closable="clos"
-        wrapClassName="AddLevell"
-        @cancel="closeModal"
-      >
+      <a-modal v-model:visible="modal" centered="true" :footer="null" :closable="clos" wrapClassName="AddLevell"
+        @cancel="closeModal">
         <div class="header">
           <div class="headmain">
             <div class="add">编辑/添加关卡</div>
@@ -124,41 +101,25 @@
           <div class="inma">
             <div class="name">
               <div class="d" style="margin-top: 2px; margin-right: 2px">
-                <img
-                  style="width: 10px; height: 10px"
-                  src="../../assets/images/basicinfo/asterisk.png"
-                />
+                <img style="width: 10px; height: 10px" src="../../assets/images/basicinfo/asterisk.png" />
               </div>
               <div class="fir">关卡名称：</div>
               <div class="input">
-                <a-input
-                  style="width: 100%"
-                  v-model:value="value1"
-                  :maxlength="20"
-                  placeholder="请输入关卡名称"
-                />
+                <a-input style="width: 100%" v-model:value="value1" :maxlength="20" placeholder="请输入关卡名称" />
               </div>
               <div class="co">{{ value1.length }}/20</div>
             </div>
             <div class="name">
-              <div
-                class="d"
-                style="
+              <div class="d" style="
                   width: 10px;
                   height: 10px;
                   margin-top: 2px;
                   margin-right: 2px;
-                "
-              ></div>
+                "></div>
               <div class="fir">关卡说明：</div>
               <div class="input">
-                <a-textarea
-                  style="width: 100%"
-                  v-model:value="value2"
-                  :maxlength="100"
-                  placeholder="请输入关卡说明"
-                  :rows="5"
-                />
+                <a-textarea style="width: 100%" v-model:value="value2" :maxlength="100" placeholder="请输入关卡说明"
+                  :rows="5" />
               </div>
               <div class="co1">{{ value2.length }}/100</div>
             </div>
@@ -168,14 +129,8 @@
             </div>
           </div>
         </div>
-        <div
-          class="aeLoading"
-          :style="{ display: addLoading ? 'flex' : 'none' }"
-        >
-          <a-spin
-            :spinning="addLoading"
-            :tip="updateChapterID ? '修改中...' : ''"
-          />
+        <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+          <a-spin :spinning="addLoading" :tip="updateChapterID ? '修改中...' : ''" />
         </div>
       </a-modal>
       <div class="right" :style="{ display: gqxy_hs ? 'block' : 'none' }">
@@ -195,26 +150,25 @@
               <div class="select" style="margin-right:90px;">
                 <span>学习模式：</span>
                 <!-- <div class="inputbox"> -->
-                  <!-- <input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'闯关模式':''" /> -->
-                  <a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px" disabled>
-                      <a-select-option :value="1">自由学习模式</a-select-option>
-                      <a-select-option :value="2">闯关模式</a-select-option>
-                  </a-select>
-                  <a-button type="primary" size="large" style="border-radius: 8px;" @click="showModeVisible">切换模式</a-button>
-                  <!-- <div class="bottonbox" @click="showModeVisible">
+                <!-- <input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'闯关模式':''" /> -->
+                <a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px" disabled>
+                  <a-select-option :value="1">自由学习模式</a-select-option>
+                  <a-select-option :value="2">闯关模式</a-select-option>
+                  <a-select-option :value="3">闯关模式</a-select-option>
+                </a-select>
+                <a-button type="primary" size="large" style="border-radius: 8px;"
+                  @click="showModeVisible">切换模式</a-button>
+                <!-- <div class="bottonbox" @click="showModeVisible">
                     <div class="btnText">切换模式</div>
                   </div> -->
                 <!-- </div> -->
-                <unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible" :routerInfo="routerInfo" @successA="successA"/>
+                <unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible"
+                  :routerInfo="routerInfo" @successA="successA" />
               </div>
               <div class="line"></div>
               <router-link to="/leveladd">
                 <div style="display: flex">
-                  <img
-                    class="img2"
-                    style="margin-right: 22px"
-                    src="../../assets/images/leveladd/back.png"
-                  />
+                  <img class="img2" style="margin-right: 22px" src="../../assets/images/leveladd/back.png" />
                   <div class="return">返回</div>
                 </div>
               </router-link>
@@ -231,19 +185,11 @@
             </div>
             <!-- 添加在线侧弹窗 -->
             <div>
-              <add-online
-                v-model:addonlineVisible="addonlinevisible"
-                @changeData="updateTableData"
-                v-model:isactive="isactive"
-                v-model:routerId="routerId"
-                v-model:routerTaskId="routerTaskId"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:edit="edit"
-                v-model:EditOnlineId="EditOnlineId"
-                :isLevel="isLevel"
-              />
+              <add-online v-model:addonlineVisible="addonlinevisible" @changeData="updateTableData"
+                v-model:isactive="isactive" v-model:routerId="routerId" v-model:routerTaskId="routerTaskId"
+                v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
+                v-model:projectTaskId="projectTaskId" v-model:edit="edit" v-model:EditOnlineId="EditOnlineId"
+                :isLevel="isLevel" />
             </div>
             <!-- 添加在线侧弹窗 -->
             <div class="lin"></div>
@@ -256,17 +202,9 @@
               <div class="text">面授</div>
             </div>
             <!-- 添加面授 -->
-            <add-faceteach
-              @changeData="updateTableData"
-              v-model:edit="edit"
-              v-model:isactive="isactive"
-              v-model:routerId="routerId"
-              v-model:chooseStageId="chooseStageId"
-              v-model:routerTaskId="routerTaskId"
-              v-model:addfaceteachVisible="addfaceteachVisible"
-              v-model:EditFaceId="EditFaceId"
-              :isLevel="isLevel"
-            />
+            <add-faceteach @changeData="updateTableData" v-model:edit="edit" v-model:isactive="isactive"
+              v-model:routerId="routerId" v-model:chooseStageId="chooseStageId" v-model:routerTaskId="routerTaskId"
+              v-model:addfaceteachVisible="addfaceteachVisible" v-model:EditFaceId="EditFaceId" :isLevel="isLevel" />
             <!-- 添加面授 -->
             <div class="lin"></div>
           </div>
@@ -279,19 +217,11 @@
             </div>
             <!-- 添加案例侧弹窗 -->
             <div>
-              <add-case
-                v-model:addcaseVisible="addcasevisible"
-                @changeData="updateTableData"
-                v-model:isactive="isactive"
-                v-model:routerId="routerId"
-                v-model:routerTaskId="routerTaskId"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:edit="edit"
-                v-model:EditCaseId="EditCaseId"
-                :isLevel="isLevel"
-              />
+              <add-case v-model:addcaseVisible="addcasevisible" @changeData="updateTableData"
+                v-model:isactive="isactive" v-model:routerId="routerId" v-model:routerTaskId="routerTaskId"
+                v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
+                v-model:projectTaskId="projectTaskId" v-model:edit="edit" v-model:EditCaseId="EditCaseId"
+                :isLevel="isLevel" />
             </div>
             <!-- 添加案例侧弹窗 -->
             <div class="lin"></div>
@@ -305,40 +235,26 @@
             </div>
             <!-- 添加作业侧弹窗 -->
             <div>
-              <add-homework
-                v-model:addhomeworkVisible="addhomeworkvisible"
-                :isLevel="isLevel"
-                @changeData="updateTableData"
-                v-model:isactive="isactive"
-                v-model:edit="edit"
-                v-model:routerId="routerId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:EditWorkId="EditWorkId"
-                v-model:routerTaskId="routerTaskId"
-              />
+              <add-homework v-model:addhomeworkVisible="addhomeworkvisible" :isLevel="isLevel"
+                @changeData="updateTableData" v-model:isactive="isactive" v-model:edit="edit"
+                v-model:routerId="routerId" v-model:chooseStageId="chooseStageId" v-model:EditWorkId="EditWorkId"
+                v-model:routerTaskId="routerTaskId" />
             </div>
             <div class="lin"></div>
           </div>
           <div class="item">
             <div class="itcon">
-              <div class="img" @click="()=>showDrawerAddTest()">
+              <div class="img" @click="() => showDrawerAddTest()">
                 <img src="../../assets/images/leveladd/kao.png" />
               </div>
               <div class="text">考试</div>
             </div>
             <!-- 添加考试侧弹窗 -->
             <div>
-              <add-test
-                v-model:addtestVisible="addtestvisible"
-                :isLevel="isLevel"
-                @changeData="updateTableData"
-                v-model:isactive="isactive"
-                v-model:edit="edit"
-                v-model:routerId="routerId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:EditTestId="EditTestId"
-                v-model:routerTaskId="routerTaskId"
-              />
+              <add-test v-model:addtestVisible="addtestvisible" :isLevel="isLevel" @changeData="updateTableData"
+                v-model:isactive="isactive" v-model:edit="edit" v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId" v-model:EditTestId="EditTestId"
+                v-model:routerTaskId="routerTaskId" />
             </div>
             <div class="lin"></div>
           </div>
@@ -350,17 +266,9 @@
               <div class="text">直播</div>
             </div>
             <div>
-              <add-live
-                v-model:addliveVisible="addlivevisible"
-                :isLevel="isLevel"
-                @changeData="updateTableData"
-                v-model:isactive="isactive"
-                v-model:routerId="routerId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:routerTaskId="routerTaskId"
-                v-model:edit="edit"
-                v-model:EditLiveId="EditLiveId"
-              />
+              <add-live v-model:addliveVisible="addlivevisible" :isLevel="isLevel" @changeData="updateTableData"
+                v-model:isactive="isactive" v-model:routerId="routerId" v-model:chooseStageId="chooseStageId"
+                v-model:routerTaskId="routerTaskId" v-model:edit="edit" v-model:EditLiveId="EditLiveId" />
             </div>
             <div class="lin"></div>
           </div>
@@ -372,17 +280,9 @@
               <div class="text">外链</div>
             </div>
             <div>
-              <add-ref
-                v-model:addrefVisible="addrefvisible"
-                :isLevel="isLevel"
-                @changeData="updateTableData"
-                v-model:isactive="isactive"
-                v-model:routerId="routerId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:routerTaskId="routerTaskId"
-                v-model:edit="edit"
-                v-model:EditRefId="EditRefId"
-              />
+              <add-ref v-model:addrefVisible="addrefvisible" :isLevel="isLevel" @changeData="updateTableData"
+                v-model:isactive="isactive" v-model:routerId="routerId" v-model:chooseStageId="chooseStageId"
+                v-model:routerTaskId="routerTaskId" v-model:edit="edit" v-model:EditRefId="EditRefId" />
             </div>
             <div class="lin"></div>
           </div>
@@ -395,17 +295,10 @@
               <div class="text">讨论</div>
             </div>
             <div>
-              <add-discuss
-                v-model:adddiscussVisible="adddiscussvisible"
-                @changeData="updateTableData"
-                :isLevel="isLevel"
-                v-model:isactive="isactive"
-                v-model:edit="edit"
-                v-model:routerId="routerId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:routerTaskId="routerTaskId"
-                v-model:EditDiscussId="EditDiscussId"
-              />
+              <add-discuss v-model:adddiscussVisible="adddiscussvisible" @changeData="updateTableData"
+                :isLevel="isLevel" v-model:isactive="isactive" v-model:edit="edit" v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId" v-model:routerTaskId="routerTaskId"
+                v-model:EditDiscussId="EditDiscussId" />
             </div>
             <div class="lin"></div>
           </div>
@@ -417,17 +310,10 @@
               <div class="text">活动</div>
             </div>
             <div>
-              <add-active
-                v-model:addactiveVisible="addactivevisible"
-                :isLevel="isLevel"
-                v-model:edit="edit"
-                v-model:isactive="isactive"
-                @changeData="updateTableData"
-                v-model:routerId="routerId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:routerTaskId="routerTaskId"
-                v-model:EditActiveId="EditActiveId"
-              />
+              <add-active v-model:addactiveVisible="addactivevisible" :isLevel="isLevel" v-model:edit="edit"
+                v-model:isactive="isactive" @changeData="updateTableData" v-model:routerId="routerId"
+                v-model:chooseStageId="chooseStageId" v-model:routerTaskId="routerTaskId"
+                v-model:EditActiveId="EditActiveId" />
             </div>
             <div class="lin"></div>
           </div>
@@ -439,19 +325,11 @@
               <div class="text">测评</div>
               <!-- 添加测评侧弹窗 -->
               <div>
-                <add-eval
-                  v-model:addevalVisible="addevalvisible"
-                  @changeData="updateTableData"
-                  v-model:isactive="isactive"
-                  v-model:routerId="routerId"
-                  v-model:routerTaskId="routerTaskId"
-                  v-model:projectId="projectId"
-                  v-model:chooseStageId="chooseStageId"
-                  v-model:projectTaskId="projectTaskId"
-                  v-model:edit="edit"
-                  v-model:EditEvalId="EditEvalId"
-                  :isLevel="isLevel"
-                />
+                <add-eval v-model:addevalVisible="addevalvisible" @changeData="updateTableData"
+                  v-model:isactive="isactive" v-model:routerId="routerId" v-model:routerTaskId="routerTaskId"
+                  v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId" v-model:edit="edit" v-model:EditEvalId="EditEvalId"
+                  :isLevel="isLevel" />
               </div>
               <!-- 添加测评侧弹窗 -->
             </div>
@@ -465,17 +343,10 @@
               <div class="text">评估</div>
               <!-- 添加评估侧弹窗 -->
               <div>
-                <add-invist
-                  v-model:addinvistVisible="addinvistvisible"
-                  :isLevel="isLevel"
-                  @changeData="updateTableData"
-                  v-model:isactive="isactive"
-                  v-model:edit="edit"
-                  v-model:routerId="routerId"
-                  v-model:chooseStageId="chooseStageId"
-                  v-model:EditInvistId="EditInvistId"
-                  v-model:routerTaskId="routerTaskId"
-                />
+                <add-invist v-model:addinvistVisible="addinvistvisible" :isLevel="isLevel" @changeData="updateTableData"
+                  v-model:isactive="isactive" v-model:edit="edit" v-model:routerId="routerId"
+                  v-model:chooseStageId="chooseStageId" v-model:EditInvistId="EditInvistId"
+                  v-model:routerTaskId="routerTaskId" />
               </div>
               <!-- 添加评估侧弹窗 -->
             </div>
@@ -488,25 +359,18 @@
                 <img src="../../assets/images/leveladd/tou.png" />
               </div>
               <div class="text">投票</div>
-          
+
               <div>
-                <add-vote
-                  v-model:addvoteVisible="addvotevisible"
-                  :isLevel="isLevel"
-                  @changeData="updateTableData"
-                  v-model:isactive="isactive"
-                  v-model:edit="edit"
-                  v-model:routerId="routerId"
-                  v-model:chooseStageId="chooseStageId"
-                  v-model:EditVoteId="EditVoteId"
-                  v-model:routerTaskId="routerTaskId"
-                />
+                <add-vote v-model:addvoteVisible="addvotevisible" :isLevel="isLevel" @changeData="updateTableData"
+                  v-model:isactive="isactive" v-model:edit="edit" v-model:routerId="routerId"
+                  v-model:chooseStageId="chooseStageId" v-model:EditVoteId="EditVoteId"
+                  v-model:routerTaskId="routerTaskId" />
               </div>
-           
+
             </div>
             <div class="lin"></div>
           </div>
-      
+
           <div class="item" @click="showDrawerAddProj">
             <div class="itcon">
               <div class="img">
@@ -514,24 +378,16 @@
               </div>
               <div class="text">项目</div>
               <div>
-                <add-project
-                  v-model:addprojvisible="addprojvisible"
-                  :isLevel="isLevel"
-                  @changeData="updateTableData"
-                  v-model:isactive="isactive"
-                  v-model:edit="edit"
-                  v-model:routerId="routerId"
-                  v-model:chooseStageId="chooseStageId"
-                  v-model:EditProjectId="EditProjectId"
-                  v-model:routerTaskId="routerTaskId"
-                  v-model:chooseProjectList="chooseProjectList"
-                />
+                <add-project v-model:addprojvisible="addprojvisible" :isLevel="isLevel" @changeData="updateTableData"
+                  v-model:isactive="isactive" v-model:edit="edit" v-model:routerId="routerId"
+                  v-model:chooseStageId="chooseStageId" v-model:EditProjectId="EditProjectId"
+                  v-model:routerTaskId="routerTaskId" v-model:chooseProjectList="chooseProjectList" />
               </div>
             </div>
           </div>
-         
+
         </div>
-        <div class="boom" :style="{minHeight:level.length>6? ((level.length - 6)*106+512) + 'px' : 512 + 'px'}">
+        <div class="boom" :style="{ minHeight: level.length > 6 ? ((level.length - 6) * 106 + 512) + 'px' : 512 + 'px' }">
           <div class="boomcen">
             <div class="title">
               <div class="tit_left">
@@ -548,8 +404,7 @@
               </div>
             </div>
             <div class="tableBox">
-              <div
-                style="
+              <div style="
                   height: 50px;
                   display: flex;
                   justify-content: space-between;
@@ -560,32 +415,25 @@
                   color: #999ba3;
                   line-height: 36px;
                   border-bottom: 1px solid #f2f6fc;
-                "
-              >
-                <div
-                  style="
+                ">
+                <div style="
                     width: 87px;
                     text-align: center;
                     display: flex;
                     margin-left: 46px;
-                  "
-                >
-                  <img
-                    style="
+                  ">
+                  <img style="
                       width: 16px;
                       height: 16px;
                       cursor: pointer;
                       margin-top: 12px;
-                    "
-                    :src="
+                    " :src="
                       selectAll === 0
                         ? require('../../assets/images/notSelect.png')
                         : selectAll === 1
-                        ? require('../../assets/images/selectAll.png')
-                        : require('../../assets/images/select.png')
-                    "
-                    @click="selectRowAll"
-                  />
+                          ? require('../../assets/images/selectAll.png')
+                          : require('../../assets/images/select.png')
+                    " @click="selectRowAll" />
                   <!-- <a-checkbox
                     v-model:checked="selectAll"
                     @change="selectRowAll"
@@ -596,25 +444,14 @@
                 <div style="width: 120px; text-align: center">任务名称</div>
                 <div style="width: 120px; text-align: center">必修/选修</div>
                 <div style="width: 87px; text-align: center">时长</div>
-                <div
-                  style="width: 120px; text-align: center; margin-right: 20px"
-                >
+                <div style="width: 120px; text-align: center; margin-right: 20px">
                   操作
                 </div>
               </div>
-              <draggable
-                v-model="tableData"
-                chosenClass="chosen"
-                ghostClass="ghost"
-                forceFallback="true"
-                group="task"
-                animation="500"
-                @start="onStart"
-                @end="onEnd"
-              >
+              <draggable v-model="tableData" chosenClass="chosen" ghostClass="ghost" forceFallback="true" group="task"
+                animation="500" @start="onStart" @end="onEnd">
                 <template #item="{ element }">
-                  <div
-                    style="
+                  <div style="
                       height: 50px;
                       display: flex;
                       justify-content: space-between;
@@ -624,68 +461,46 @@
                       font-weight: 400;
                       color: #4f5156;
                       line-height: 36px;
-                    "
-                    class="tableRow"
-                  >
-                    <div
-                      style="
+                    " class="tableRow">
+                    <div style="
                         width: 87px;
                         text-align: center;
                         margin-left: 46px;
                         position: relative;
-                      "
-                    >
+                      ">
                       <div class="racona">
-                        <div
-                          class="img"
-                          style="
+                        <div class="img" style="
                             cursor: pointer;
                             margin-top: 2px;
                             margin-right: 9px;
                             position: absolute;
                             left: -25px;
-                          "
-                        ></div>
-                        <a-checkbox
-                          :id="element.id"
-                          v-model:checked="element.checked"
-                          @change="changeRow"
-                        >
+                          "></div>
+                        <a-checkbox :id="element.id" v-model:checked="element.checked" @change="changeRow">
                         </a-checkbox>
                         <div style="margin-top: 2px; margin-left: 8px">
                           {{ element.lei }}
                         </div>
                       </div>
                     </div>
-                    <div
-                      style="
+                    <div style="
                         width: 120px;
                         text-align: center;
                         overflow: hidden;
                         text-overflow: ellipsis;
                         white-space: nowrap;
-                      "
-                      :title="element.creater"
-                    >
+                      " :title="element.creater">
                       {{ element.creater }}
                     </div>
                     <div style="width: 120px; text-align: center">
                       <div class="opat">
                         <div class="opacationt clearfix">
-                          <a-switch
-                            style="margin-left: -50px; margin-top: 3px"
-                            v-model:checked="element.checked1"
-                            size="small"
-                            active-color="red"
-                            @click="changeCourseType(element)"
-                          />
+                          <a-switch style="margin-left: -50px; margin-top: 3px" v-model:checked="element.checked1"
+                            size="small" active-color="red" @click="changeCourseType(element)" />
                           <div class="showt clearfix">
-                            <div
-                              class="bi"
-                              :style="{
-                                'z-index': element.checked1 ? 999 : 998,
-                              }"
-                            >
+                            <div class="bi" :style="{
+                              'z-index': element.checked1 ? 999 : 998,
+                            }">
                               必修
                             </div>
                             <div class="xuan">选修</div>
@@ -695,51 +510,40 @@
                     </div>
                     <div style="width: 87px; text-align: center">
                       <!-- {{ element.cretime ? element.cretime + "分钟" : "-" }} -->
-                        {{
-														element.cretime
-															? 
-															element.type==1? Math.ceil(Number(element.cretime)/60) + "分钟" : element.cretime + "分钟"
-															: "-"
-												}}
+                      {{
+                        element.cretime
+                          ?
+                          element.type == 1 ? Math.ceil(Number(element.cretime) / 60) + "分钟" : element.cretime + "分钟"
+                          : "-"
+                      }}
                     </div>
-                    <div
-                      style="
+                    <div style="
                         width: 120px;
                         text-align: center;
                         margin-right: 20px;
-                      "
-                    >
+                      ">
                       <div class="opa">
                         <div class="opacation">
-                          <span
-                            v-if="element.type!==5"
-                            style="
+                          <span v-if="element.type !== 5" style="
                               color: #4ea6ff;
                               margin-right: 25px;
                               cursor: pointer;
-                            "
-                            @click="
+                            " @click="
                               decideType(
                                 element.lei,
                                 element.courseId,
                                 element.id
                               )
-                            "
-                          >
+                            ">
                             编辑
                           </span>
-                          <span
-                            v-else
-                            style="
+                          <span v-else style="
                               color: #4ea6ff;
                               margin-right: 55px;
                               cursor: pointer;
                             ">
                           </span>
-                          <span
-                            style="color: #4ea6ff; cursor: pointer"
-                            @click="showDeleteModal(element.id)"
-                          >
+                          <span style="color: #4ea6ff; cursor: pointer" @click="showDeleteModal(element.id)">
                             删除
                           </span>
                         </div>
@@ -750,10 +554,7 @@
               </draggable>
             </div>
             <!-- 无数据样式 -->
-            <div
-              class="notable"
-              :style="{ display: stm_hs ? 'block' : 'none' }"
-            >
+            <div class="notable" :style="{ display: stm_hs ? 'block' : 'none' }">
               <div class="notablebox">
                 <div class="boxbody">
                   <div class="boximg"></div>
@@ -789,26 +590,26 @@
               <div class="select">
                 <span>学习模式：</span>
                 <!-- <div class="inputbox"> -->
-                  <!-- <input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'闯关模式':''" /> -->
-                  <a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px" disabled>
-                      <a-select-option :value="1">自由学习模式</a-select-option>
-                      <a-select-option :value="2">闯关模式</a-select-option>
-                  </a-select>
-                  <a-button type="primary" size="large" style="border-radius: 8px;" @click="showModeVisible">切换模式</a-button>
-                  
-                  <!-- <div class="bottonbox" @click="showModeVisible">
+                <!-- <input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'闯关模式':''" /> -->
+                <a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px" disabled>
+                  <a-select-option :value="1">自由学习模式</a-select-option>
+                  <a-select-option :value="2">闯关模式</a-select-option>
+                  <a-select-option :value="3">闯关模式</a-select-option>
+                </a-select>
+                <a-button type="primary" size="large" style="border-radius: 8px;"
+                  @click="showModeVisible">切换模式</a-button>
+
+                <!-- <div class="bottonbox" @click="showModeVisible">
                     <div class="btnText">切换模式</div>
                   </div> -->
                 <!-- </div> -->
-                <unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible" :routerInfo="routerInfo" @successA="successA"/>
+                <unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible"
+                  :routerInfo="routerInfo" @successA="successA" />
               </div>
               <div class="line"></div>
               <router-link to="/leveladd">
                 <div style="display: flex">
-                  <img
-                    class="img2"
-                    src="../../assets/images/leveladd/back.png"
-                  />
+                  <img class="img2" src="../../assets/images/leveladd/back.png" />
                   <div class="return">返回</div>
                 </div>
               </router-link>
@@ -841,20 +642,13 @@
                 </div>
               </div> -->
                 <div class="tablebox1" style="margin-top: 20px">
-                  <a-table
-                    style="border: 1px solid #f2f6fe"
-                    :columns="tableDataFunc2()"
-                    :data-source="tableData2"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    expandRowByClick="true"
-                    @expand="expandTable"
-                    :pagination="false"
-                    :row-selection="{
+                  <a-table style="border: 1px solid #f2f6fe" :columns="tableDataFunc2()" :data-source="tableData2"
+                    :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="false"
@@ -867,22 +661,15 @@
                   />
                 </div> -->
                   <!-- 无数据样式 -->
-                  <div
-                    class="notable"
-                    :style="{ display: stm_hs ? 'block' : 'none' }"
-                  >
+                  <div class="notable" :style="{ display: stm_hs ? 'block' : 'none' }">
                     <div class="notablebox">
                       <div class="boxbody">
                         <div class="boximg"></div>
                         <div class="boxtitle">
-                          <span style="color: #ffb64e; font-size: 20px"
-                            >无学员</span
-                          >
+                          <span style="color: #ffb64e; font-size: 20px">无学员</span>
                         </div>
                         <div class="boxtitle2">
-                          <span style="color: #878b92"
-                            >请添加学员或导入学员</span
-                          >
+                          <span style="color: #878b92">请添加学员或导入学员</span>
                         </div>
                       </div>
                       <div class="smallleft"></div>
@@ -929,13 +716,8 @@
     <!-- 添加讨论侧弹窗 -->
     <!-- 添加活动侧弹窗 -->
     <!-- 批量删除学员弹窗 -->
-    <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">
@@ -960,13 +742,7 @@
     </a-modal>
     <!-- 是否确认删除任务弹窗 -->
     <!-- 确认删除阶段弹窗 -->
-    <a-modal
-      v-model:visible="deleteModal"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="deleteModal" :footer="null" :closable="cC" wrapClassName="ConfirmModal" centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -990,14 +766,8 @@
       </div>
     </a-modal>
     <!-- 移动任务到阶段 -->
-    <a-modal
-      style="padding: 0"
-      :closable="sh"
-      v-model:visible="visiblene"
-      :footer="null"
-      centered="true"
-      wrapClassName="moveModal"
-    >
+    <a-modal style="padding: 0" :closable="sh" v-model:visible="visiblene" :footer="null" centered="true"
+      wrapClassName="moveModal">
       <div class="con">
         <div class="header">
           <div class="inhe">
@@ -1009,28 +779,14 @@
           <div class="inher">
             <div class="cur">已选中{{ selectRow.length }}个任务</div>
             <div class="select">
-              <a-select
-                v-model:value="curLevel"
-                style="width: 100%"
-                placeholder="请选择阶段"
-                :options="level"
-                @change="handleChangeStage"
-                allowClear
-              ></a-select>
+              <a-select v-model:value="curLevel" style="width: 100%" placeholder="请选择阶段" :options="level"
+                @change="handleChangeStage" allowClear></a-select>
             </div>
             <div class="btn">
-              <button
-                style="cursor: pointer"
-                class="sameb btn1"
-                @click="closeChangeModal"
-              >
+              <button style="cursor: pointer" class="sameb btn1" @click="closeChangeModal">
                 取消
               </button>
-              <button
-                style="cursor: pointer"
-                class="sameb btn2"
-                @click="moveTask"
-              >
+              <button style="cursor: pointer" class="sameb btn2" @click="moveTask">
                 确定
               </button>
             </div>
@@ -1040,13 +796,8 @@
     </a-modal>
 
     <!-- 是否删除关卡弹窗 -->
-    <a-modal
-      v-model:visible="deleteChapterModal"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
-    >
+    <a-modal v-model:visible="deleteChapterModal" :footer="null" :closable="cC" wrapClassName="ConfirmModal"
+      centered="true">
       <div class="delete">
         <div class="del_header"></div>
         <div class="del_main">
@@ -1072,7 +823,7 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, onMounted, onUnmounted ,ref } from "vue";
+import { reactive, toRefs, onMounted, onUnmounted, ref } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
 import AddOnline from "../../components/drawers/AddOnline.vue";
@@ -1089,7 +840,7 @@ import AddRef from "../../components/drawers/AddRef.vue";
 import AddProject from "../../components/drawers/AddProject.vue";
 import AddFaceteach from "../../components/drawers/AddFaceteach.vue";
 import * as api from "../../api/indexLevel";
-import { GetRouterDetail } from "../../api/indexTask";
+import { GetRouterDetail,changeChapterSort , changeTasklistSort} from "../../api/indexTask";
 import { message } from "ant-design-vue";
 import { storage } from "../../api/storage";
 import { deleteStudyTask } from "../../api/indexStudy";
@@ -1224,7 +975,7 @@ export default {
       styTitle: null,
       creTime: null,
       picUrl: null,
-      routerInfo:{},
+      routerInfo: {},
       //项目抽屉参数
       time: undefined,
       projId: null, //选项选到的id
@@ -1265,7 +1016,7 @@ export default {
       state.updateChapterID = null;
     };
 
-    const successA = () =>{    
+    const successA = () => {
       getDetail()
     }
 
@@ -1363,6 +1114,38 @@ export default {
           console.log("删除关卡失败", err);
         });
     };
+    // 关卡拖动排序
+    const changeSort = ()=>{     
+      const sortArr = state.level.map(s=>s.sort).sort((a,b)=> Number(a)-Number(b))
+      state.level.map((s,i)=>{
+        s.sort = sortArr[i]
+        return s
+      })
+
+      changeChapterSort(state.level).then((res)=>{
+        console.log(res)
+        if(res.data.code===200){
+          message.success('关卡顺序已修改')
+        }
+        // getDetail()
+      })
+    }
+
+    // 任务拖动排序
+    const onEnd = ()=>{
+      const sortArr = state.tableData.map(s=>s.sort).sort((a,b)=> Number(a)-Number(b))     
+      state.tableData.map((s,i)=>{
+        s.sort = sortArr[i]
+        return s
+      })     
+      changeTasklistSort(state.tableData).then(res=>{
+        console.log(res)
+        if(res.data.code===200){
+          message.success('任务顺序已修改')
+        }
+      })
+    }
+    
     //在线抽屉
     const showDrawerAddOnline = (id, eleId) => {
       state.addonlinevisible = true;
@@ -1468,6 +1251,7 @@ export default {
               type: element.type,
               routerId: element.routerId,
               chapterId: element.chapterId,
+              ...element
             };
             // console.log("obj", obj);
             array.push(obj);
@@ -1485,7 +1269,7 @@ export default {
     };
     const getDetail = () => {
       console.log('调用查询')
-      GetRouterDetail(state.routerId,"N")
+      GetRouterDetail(state.routerId, "N")
         .then((res) => {
           //给level赋初始值
           state.level = res.data.data.chapterList;
@@ -1493,8 +1277,8 @@ export default {
           state.creTime = res.data.data.routerInfo.createTime;
           state.picUrl = res.data.data.routerInfo.picUrl;
           state.unlockMode = res.data.data.routerInfo.unlockMode
-          state.unlockMode = state.unlockMode ? state.unlockMode: 1
-          console.log('学习模式',state.unlockMode)
+          state.unlockMode = state.unlockMode ? state.unlockMode : 1
+          console.log('学习模式', state.unlockMode)
           state.routerInfo = res.data.data.routerInfo
           //增加两个字段
           state.level.forEach((item) => {
@@ -1945,9 +1729,11 @@ export default {
     };
     //确定
     const submitStorage = () => {
-      router.push({
-        path: "/leveladd",
-      });
+
+
+      // router.push({
+      //   path: "/leveladd",
+      // });
     };
     //取消
     const cancelStorage = () => {
@@ -1964,6 +1750,7 @@ export default {
       closeModal,
       showAddStu,
       showImpStu,
+      onEnd,
       // drawercolumns,
       onSelectChange,
       changebgc,
@@ -1972,6 +1759,7 @@ export default {
       // delete_exit,
       closeConfirm,
       drawertableColumns,
+      changeSort,
       editChapter,
       // updateChapter,
       showDrawerAddOnline,
@@ -2024,13 +1812,16 @@ export default {
   .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;
@@ -2038,24 +1829,26 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           .del_header {
             position: absolute;
             width: calc(100%);
             height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -2063,6 +1856,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -2073,6 +1867,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -2081,6 +1876,7 @@ export default {
               align-items: center;
               flex-direction: column;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -2089,10 +1885,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -2103,17 +1901,20 @@ export default {
                 justify-content: center;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -2125,36 +1926,41 @@ export default {
     }
   }
 }
+
 .moveModal {
   .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 {
           width: 100%;
           height: 100%;
+
           .header {
             width: 100%;
             display: flex;
             height: 68px;
             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;
@@ -2163,11 +1969,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;
@@ -2177,37 +1985,45 @@ 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;
                   font-size: 14px;
                   border-radius: 8px;
                 }
+
                 .btn1 {
                   color: #4ea6ff;
                   background: #ffffff;
                   border: 1px solid #4ea6ff;
                 }
+
                 .btn2 {
                   margin-left: 16px;
                   border: 0;
@@ -2222,45 +2038,51 @@ export default {
     }
   }
 }
+
 .clearfix:after,
 .clearfix:before {
   content: " ";
   display: block;
   clear: both;
 }
+
 .AddLevell {
   .ant-modal {
     width: 624px !important;
     height: 388px !important;
+
     .ant-modal-content {
       width: 624px !important;
       height: 388px !important;
       border-radius: 4px !important;
+
       .ant-modal-body {
         width: 100% !important;
         height: 100% !important;
         padding: 0 !important;
+
         .header {
           width: 624px;
           height: 68px;
-          background: linear-gradient(
-            180deg,
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
+          background: linear-gradient(180deg,
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%);
           display: flex;
           justify-content: center;
+
           .headmain {
             width: 90%;
             height: 100%;
             display: flex;
             align-items: center;
             justify-content: space-between;
+
             .add {
               font-size: 16px;
               font-weight: 600;
               color: #333333;
             }
+
             .img {
               width: 20px;
               height: 20px;
@@ -2269,18 +2091,22 @@ export default {
             }
           }
         }
+
         .main {
           width: 100%;
           height: calc(100% - 68px);
           display: flex;
           justify-content: center;
+
           .inma {
             width: 75%;
             height: 100%;
+
             .name {
               display: flex;
               position: relative;
               margin-top: 30px;
+
               .fir {
                 font-size: 14px;
                 font-weight: 400;
@@ -2288,20 +2114,25 @@ export default {
                 white-space: nowrap;
                 margin-top: 3px;
               }
+
               .input {
                 width: 100%;
+
                 .ant-input {
                   border-radius: 8px;
                   border: 1px solid #c7cbd2;
+
                   &::placeholder {
                     font-size: 12px;
                     position: absolute;
                     top: 5px;
                   }
                 }
+
                 .ant-textarea {
                   border-radius: 8px;
                   border: 1px solid #c7cbd2;
+
                   &::placeholder {
                     font-size: 12px;
                     position: absolute;
@@ -2309,6 +2140,7 @@ export default {
                   }
                 }
               }
+
               .co {
                 position: absolute;
                 right: 10px;
@@ -2317,6 +2149,7 @@ export default {
                 font-weight: 400;
                 color: #c7cbd2;
               }
+
               .co1 {
                 position: absolute;
                 right: 10px;
@@ -2326,11 +2159,13 @@ export default {
                 color: #c7cbd2;
               }
             }
+
             .btn {
               margin-top: 40px;
               width: 100%;
               display: flex;
               justify-content: center;
+
               .btn1 {
                 width: 100px;
                 height: 40px;
@@ -2342,6 +2177,7 @@ export default {
                 background: #ffffff;
                 margin-right: 20px;
               }
+
               .btn2 {
                 width: 100px;
                 height: 40px;
@@ -2359,12 +2195,14 @@ export default {
     }
   }
 }
+
 .ProjectDrawer {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -2373,6 +2211,7 @@ export default {
       align-items: center;
       margin-bottom: 20px;
       flex-shrink: 0;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -2380,17 +2219,19 @@ export default {
         line-height: 25px;
       }
     }
+
     .drawerbox {
       overflow-y: auto;
+
       th {
         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;
       }
     }
+
     .btnn {
       height: 72px;
       width: 100%;
@@ -2402,6 +2243,7 @@ export default {
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
       background-color: #ffffff;
+
       .btn1 {
         width: 100px;
         height: 40px;
@@ -2411,6 +2253,7 @@ export default {
         background-color: #fff;
         cursor: pointer;
       }
+
       .btn2 {
         cursor: pointer;
         width: 100px;
@@ -2424,6 +2267,7 @@ export default {
     }
   }
 }
+
 .leveladddetail {
   width: 100%;
   min-height: 800px;
@@ -2431,6 +2275,7 @@ export default {
   flex-direction: column;
   min-width: 933px;
   background-color: rgba(245, 247, 250, 1);
+
   .left {
     margin-right: 20px;
     width: 208px;
@@ -2438,13 +2283,16 @@ export default {
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     display: flex;
     justify-content: center;
+
     .leftmain {
       // width: 86%;
       margin-top: 20px;
+
       .tit {
         font-size: 18px;
         color: #363636;
       }
+
       .btn {
         margin-top: 20px;
         height: 38px;
@@ -2455,9 +2303,11 @@ export default {
         justify-content: center;
         flex-shrink: 0;
         cursor: pointer;
+
         .search {
           background-size: 100%;
         }
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -2466,9 +2316,11 @@ export default {
           margin-left: 5px;
         }
       }
+
       .btn3 {
         width: 171px;
         margin-right: 0px;
+
         .search {
           width: 17px;
           height: 18px;
@@ -2476,16 +2328,19 @@ export default {
           background-size: 100% 100%;
         }
       }
+
       .maincon {
         margin-top: 17px;
         width: 208px;
         display: flex;
         flex-direction: column;
         align-items: center;
+
         .ghost {
           // background-color: red;
           opacity: 0 !important;
         }
+
         .items {
           width: 171px;
           // height: 83px;
@@ -2498,14 +2353,17 @@ export default {
           padding: 16px;
           opacity: 0.5;
           cursor: pointer;
+
           .items1 {
             margin-bottom: 12px;
             display: flex;
             justify-content: space-between;
             align-items: center;
+
             .boxs_left {
               display: flex;
               align-items: center;
+
               .script {
                 display: flex;
                 justify-content: center;
@@ -2517,6 +2375,7 @@ export default {
                 margin-right: 12px;
                 white-space: nowrap;
               }
+
               .imgIcon {
                 width: 16px;
                 height: 16px;
@@ -2524,6 +2383,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .boxs_right {
               .imgIcon {
                 width: 16px;
@@ -2533,6 +2393,7 @@ export default {
               }
             }
           }
+
           .items2 {
             .nname {
               width: 140px;
@@ -2548,6 +2409,7 @@ export default {
             }
           }
         }
+
         .active {
           opacity: 1;
           // transition: all 0.5s;
@@ -2555,11 +2417,13 @@ export default {
       }
     }
   }
+
   .right {
     flex: 1;
     // background-color: #fff;
     display: flex;
     flex-direction: column;
+
     .addhead {
       width: 100%;
       // min-width: 500px;
@@ -2570,6 +2434,7 @@ export default {
       display: flex;
       align-items: center;
       position: relative;
+
       .filt {
         margin: 16px 30px 16px 22px;
         display: flex;
@@ -2577,9 +2442,11 @@ export default {
         width: 100%;
         align-items: center;
         flex-wrap: wrap;
+
         .le {
           display: flex;
           align-items: center;
+
           // margin-bottom: 10px;
           .leftimg {
             width: 151px;
@@ -2587,17 +2454,21 @@ export default {
             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;
@@ -2605,15 +2476,18 @@ export default {
             }
           }
         }
+
         .rightt {
           height: 100%;
           display: flex;
           align-items: center;
+
           .select {
             display: flex;
             align-items: center;
             white-space: nowrap;
             margin-right: 56px;
+
             .inputbox {
               display: flex;
               align-items: center;
@@ -2622,10 +2496,12 @@ export default {
               height: 40px;
               border-radius: 8px;
               padding-left: 12px;
+
               input {
                 border: none;
                 outline: none;
               }
+
               .bottonbox {
                 width: 100px;
                 height: 40px;
@@ -2636,6 +2512,7 @@ export default {
                 align-items: center;
                 cursor: pointer;
                 flex-shrink: 0;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
@@ -2646,12 +2523,14 @@ export default {
               }
             }
           }
+
           .line {
             height: 60px;
             width: 1px;
             background-color: #e8effa;
             margin-right: 18px;
           }
+
           .return {
             color: #4ea6ff;
             font-size: 14px;
@@ -2662,6 +2541,7 @@ export default {
         }
       }
     }
+
     .mid {
       width: 100%;
       // height: 130px;
@@ -2671,11 +2551,13 @@ export default {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
+
       .item {
         height: 115px;
         // width: 7.7%;
         display: flex;
         align-items: center;
+
         .itcon {
           display: flex;
           flex-direction: column;
@@ -2685,9 +2567,11 @@ export default {
           width: 100%;
           margin-left: 38px;
           margin-right: 38px;
+
           .img {
             cursor: pointer;
           }
+
           .text {
             font-size: 16px;
             color: #363636;
@@ -2695,16 +2579,19 @@ export default {
             white-space: nowrap;
           }
         }
+
         .lin {
           width: 1px;
           height: 60%;
           background-color: #e8effa;
         }
+
         .no {
           display: none;
         }
       }
     }
+
     .boom {
       width: 100%;
       margin-top: 20px;
@@ -2714,14 +2601,17 @@ export default {
       display: flex;
       justify-content: center;
       min-height: 512px;
+
       .boomcen {
         width: 95%;
+
         // height: 100%;
         // background-color: #bfa;
         .title {
           display: flex;
           align-items: center;
           justify-content: space-between;
+
           .tit_left {
             font-size: 16px;
             font-weight: 500;
@@ -2729,10 +2619,12 @@ export default {
             line-height: 36px;
             margin-top: 30px;
           }
+
           .tit_right {
             display: flex;
             align-items: center;
             margin-top: 30px;
+
             .btn {
               padding: 0px 26px 0px 26px;
               height: 38px;
@@ -2745,6 +2637,7 @@ export default {
               flex-shrink: 0;
               cursor: pointer;
               white-space: nowrap;
+
               .btnText {
                 font-size: 14px;
                 font-weight: 400;
@@ -2752,70 +2645,86 @@ export default {
                 margin-left: 5px;
               }
             }
+
             .btn1 {
               background-color: #4ea6ff;
+
               .btnText {
                 color: #ffffff;
               }
             }
+
             .btn2 {
               background-color: #ffffff;
+
               .imgIcon {
                 width: 16px;
                 height: 16px;
                 background-image: url(@/assets/images/projectadd/delete.png);
                 background-size: 100%;
               }
+
               .btnText {
                 color: #4ea6ff;
               }
             }
           }
         }
+
         .tableBox {
           margin-top: 21px;
           margin-bottom: 20px;
+
           .chosen {
             background-color: #f2f6fc;
             opacity: 1;
           }
+
           .ghost {
             // background-color: red;
             opacity: 0;
           }
+
           .classify {
             margin-left: 10px !important;
             padding-left: 9px !important;
           }
+
           .ant-checkbox-wrapper {
             align-items: center;
             margin-top: -2px;
           }
+
           .ant-table-selection-column {
             padding: 0px !important;
             padding-left: 60px !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;
           }
         }
+
         .xwid {
           position: relative;
           margin-top: 30px;
           display: flex;
           margin-bottom: 20px;
+
           .xin {
             width: 100%;
+
             .xheadb {
               display: flex;
+
               .addx {
                 width: 130px;
                 height: 40px;
@@ -2826,6 +2735,7 @@ export default {
                 cursor: pointer;
                 margin-right: 20px;
               }
+
               .addd {
                 width: 130px;
                 height: 40px;
@@ -2836,13 +2746,16 @@ 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;
@@ -2851,6 +2764,7 @@ export default {
                 }
               }
             }
+
             .talk {
               margin-top: 24px;
               margin-bottom: 11px;
@@ -2861,55 +2775,66 @@ 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-block-end: 20px;
+
               .classify {
                 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%;
@@ -2921,8 +2846,10 @@ export default {
                 bottom: 0px;
               }
             }
+
             .tablebox1 {
               margin-bottom: 80px;
+
               .pa {
                 left: 0;
                 width: 100%;
@@ -2936,37 +2863,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: #4ea6ff;
                 border-radius: 2px;
               }
+
               .onetitle {
                 margin-left: 15px;
                 color: #333333;
                 font-size: 14px;
               }
+
               .oneedi {
                 margin-left: 15px;
                 color: #4ea6ff;
                 cursor: pointer;
               }
+
               .twobtn {
                 display: flex;
+
                 .btnone {
                   width: 42px;
                   height: 24px;
@@ -2976,6 +2912,7 @@ export default {
                   margin-left: 20px;
                   cursor: pointer;
                 }
+
                 .btntwo {
                   width: 42px;
                   height: 24px;
@@ -2988,33 +2925,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%;
@@ -3026,58 +2970,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;
@@ -3088,9 +3046,11 @@ export default {
             }
           }
         }
+
         .notable {
           width: 100%;
           height: 100%;
+
           .notablebox {
             width: 412px;
             height: 212px;
@@ -3102,6 +3062,7 @@ export default {
             margin: 77px auto 109px auto;
             cursor: pointer;
             position: relative;
+
             .smallleft {
               position: absolute;
               top: 18px;
@@ -3111,6 +3072,7 @@ export default {
               border-radius: 0px 4px 4px 0px;
               background-color: #ffb64e;
             }
+
             .smallright {
               position: absolute;
               bottom: 18px;
@@ -3120,6 +3082,7 @@ export default {
               border-radius: 4px 0px 0px 4px;
               background-color: #ffb64e;
             }
+
             .boxbody {
               .boximg {
                 width: 72px;
@@ -3128,6 +3091,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/nostate.png);
                 background-size: 100% 100%;
               }
+
               .boxtitle {
                 margin-bottom: 4px;
               }
@@ -3136,6 +3100,7 @@ export default {
         }
       }
     }
+
     // .footbtn {
     //   width: 100%;
     //   flex: 1;
@@ -3180,20 +3145,24 @@ export default {
     //   }
     // }
   }
+
   .opat {
     .opacationt {
       display: flex;
       align-items: center;
       justify-content: center;
+
       .ant-switch-checked {
         background-color: #5dc988;
       }
+
       .showt {
         // margin-top: 10px;
         display: flex;
         margin-left: 10px;
         height: 23px;
         position: relative;
+
         .bi {
           // margin-top: 10px;
           width: 63px;
@@ -3205,6 +3174,7 @@ export default {
           color: #ffffff;
           border-radius: 4px;
         }
+
         .xuan {
           width: 63px;
           height: 23px;
@@ -3219,12 +3189,14 @@ export default {
       }
     }
   }
+
   .racona {
     // background-color: #bfa;
     display: flex;
     align-items: center;
     // justify-content: center;
     height: 100%;
+
     .img {
       // margin-left: -40px;
       // margin-top: -2px;
@@ -3234,10 +3206,12 @@ export default {
       position: absolute;
       left: -40px;
     }
+
     .ch {
       margin-left: 10px;
     }
   }
+
   .footbtn {
     width: 100%;
     height: 80px;
@@ -3247,10 +3221,12 @@ export default {
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
     display: flex;
     justify-content: end;
+
     .btnbox {
       display: flex;
       margin-right: 36px;
       height: 80px;
+
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -3263,6 +3239,7 @@ export default {
         margin: 21px 0px 19px 14px;
         cursor: pointer;
         white-space: nowrap;
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -3270,14 +3247,18 @@ export default {
           margin-left: 5px;
         }
       }
+
       .btn1 {
         background-color: #4ea6ff;
+
         .btnText {
           color: #ffffff;
         }
       }
+
       .btn2 {
         background-color: #ffffff;
+
         .btnText {
           color: #4ea6ff;
         }
@@ -3285,17 +3266,21 @@ export default {
     }
   }
 }
+
 .CopyModal {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -3303,6 +3288,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%;
@@ -3311,20 +3297,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;
@@ -3332,6 +3319,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -3342,6 +3330,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -3351,6 +3340,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -3359,10 +3349,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -3373,17 +3365,20 @@ export default {
                 justify-content: center;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
diff --git a/vue.config.js b/vue.config.js
index 079769f5..c2e5b5f3 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -15,7 +15,8 @@ module.exports = defineConfig({
         port: 8080,
         proxy: {
             "/manageApi": {
-                target: process.env.VUE_APP_PROXY_URL,
+                target: 'http://127.0.0.1:30001',
+                // process.env.VUE_APP_PROXY_URL,
                 changeOrigin: true, //表示是否改变原域名
                 pathRewrite: {
                     "^/manageApi": "",