合并

src/views/projectcenter/TaskAdd.vue

@@ -137,9 +137,12 @@
                 <span>学习模式：</span>
                 <div class="inputbox">
                   <input type="text" placeholder="按学习时间解锁" />
-                  <div class="bottonbox">
+                  <!-- v-model:unlockModeVisible="unlockModeVisible" -->
+                  <div class="bottonbox" @click="showModeVisible">
                     <div class="btnText">切换模式</div>
                   </div>
+                  <!-- 切换模式抽屉 -->
+                  <unlock-mode v-model:unlockModeVisible="unlockModeVisible" />
                 </div>
               </div>
               <div class="line"></div>
@@ -1043,6 +1046,8 @@ import * as apistage from "../../api/indexStage";
 import * as apimove from "../../api/indexMovetask";
 import draggable from "vuedraggable";
 import { storage } from "../../api/storage";
+import UnlockMode from "../../components/drawers/UnlockMode.vue";
+// import * as api1 from "../../api/index1";
 
 const drawercolumns = [
   {
@@ -1099,6 +1104,7 @@ export default {
     AddEval,
     AddInvist,
     AddVote,
+    UnlockMode,
   },
   setup() {
     const state = reactive({
@@ -1290,6 +1296,8 @@ export default {
       updateStageID: null, //编辑阶段id
       deleteStageId: null, //删除阶段的id
       deleteStageModal: false, //删除阶段弹窗
+
+      unlockModeVisible: false, //切换模式抽屉
     });
     console.log("projectId", state.projectId);
     const selectProjectName = (value, index) => {
@@ -2018,6 +2026,11 @@ export default {
       console.log("阶段改变", value, option);
       state.removeStageId = option.id;
     };
+
+    //显示切换模式抽屉
+    const showModeVisible = () => {
+      state.unlockModeVisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -2072,6 +2085,8 @@ export default {
       showDeleteStage,
       closeDeleteStage,
       deleteStage,
+
+      showModeVisible,
     };
   },
 };