diff --git a/src/components/drawers/UnlockMode.vue b/src/components/drawers/UnlockMode.vue
index 5a1a2b97..8cf87b98 100644
--- a/src/components/drawers/UnlockMode.vue
+++ b/src/components/drawers/UnlockMode.vue
@@ -136,6 +136,7 @@ export default {
       state.checked = true;
       state.radioSelect = 1;
       ctx.emit("update:unlockModeVisible", false);
+      ctx.emit("closeUnlockModal", false)
     };
 
   
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 2442e94b..68fbb4fb 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -171,14 +171,14 @@
                   <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;"
+                <a-button type="primary" size="large" style="border-radius: 8px;margin-left: 24px;"
                   @click="showModeVisible">切换模式</a-button>
                 <!-- <div class="bottonbox" @click="showModeVisible">
                     <div class="btnText">切换模式</div>
                   </div> -->
                 <!-- </div> -->
                 <unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible"
-                  :objData="routerInfo" @saveUnlock="saveUnlock" />
+                  :objData="routerInfo" @saveUnlock="saveUnlock" @closeUnlockModal="closeUnlockModal" />
               </div>
               <div class="line"></div>
               <router-link :to="{ path: '/leveladd', query:{ routerId: routerId } }">
@@ -477,23 +477,20 @@
                       font-size: 14px;
                       font-weight: 400;
                       color: #4f5156;
-                      line-height: 36px;
-                    " class="tableRow">
+                      line-height: 36px;" class="tableRow">
                     <div style="
                         width: 87px;
                         text-align: center;
                         margin-left: 46px;
-                        position: relative;
-                      ">
+                        position: relative;">
                       <div class="racona">
                         <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">
+                            left: -25px;"></div>
+                        <a-checkbox :id="element.routerTaskId" v-model:checked="element.checked" @change="changeRow">
                         </a-checkbox>
                         <div style="margin-top: 2px; margin-left: 8px">
                           {{ element.lei }}
@@ -548,8 +545,8 @@
                           <span style="
                               color: #4ea6ff;
                               margin-right: 25px;
-                              cursor: pointer;
-                            " @click="
+                              cursor: pointer;"
+                              @click="
                               decideType(
                                 element.lei,
                                 element.courseId,
@@ -558,7 +555,7 @@
                             ">
                             编辑
                           </span>
-                          <span style="color: #4ea6ff; cursor: pointer" @click="showDeleteModal(element.id)">
+                          <span style="color: #4ea6ff; cursor: pointer" @click="showDeleteModal(element.routerTaskId)">
                             删除
                           </span>
                         </div>
@@ -611,7 +608,7 @@
                   <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;"
+                <a-button type="primary" size="large" style="border-radius: 8px;margin-left: 24px;"
                   @click="showModeVisible">切换模式</a-button>
 
                 <!-- <div class="bottonbox" @click="showModeVisible">
@@ -619,7 +616,7 @@
                   </div> -->
                 <!-- </div> -->
                 <unlock-mode ref="unlockModeModal" :unlockModeVisible="unlockModeVisible"
-                  :objData="routerInfo" @saveUnlock="saveUnlock" />
+                  :objData="routerInfo" @saveUnlock="saveUnlock" @closeUnlockModal="closeUnlockModal"/>
               </div>
               <div class="line"></div>
               <router-link :to="{ path: '/leveladd', query:{ routerId: routerId } }">
@@ -1032,6 +1029,11 @@ export default {
       state.updateChapterID = null;
     };
 
+    // 关闭模式弹框
+    const closeUnlockModal = () => {
+      state.unlockModeVisible = false;
+    }
+
     const saveUnlock = (num) => {
        state.routerInfo.unlockMode = num
        editRoutered(state.routerInfo).then(res=>{
@@ -1885,7 +1887,8 @@ export default {
 
       closedeleteAll,
       subdeleteAll,
-      saveUnlock
+      saveUnlock,
+      closeUnlockModal
     };
   },
 };