style:增加模式切换

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>
@@ -1020,6 +1023,9 @@
         </div>
       </div>
     </a-modal>
+
+
+   
   </div>
 </template>
 
@@ -1044,7 +1050,7 @@ 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'
 const drawercolumns = [
   {
     title: "项目名称",
@@ -1100,6 +1106,7 @@ export default {
     AddEval,
     AddInvist,
     AddVote,
+    UnlockMode,
   },
   setup() {
     const state = reactive({
@@ -1291,6 +1298,8 @@ export default {
       updateStageID: null, //编辑阶段id
       deleteStageId:null,//删除阶段的id
       deleteStageModal:false,//删除阶段弹窗
+
+unlockModeVisible:false,//切换模式抽屉
     });
     console.log("projectId", state.projectId);
     const selectProjectName = (value, index) => {
@@ -2021,6 +2030,11 @@ const closeDeleteStage=()=>{
       console.log("阶段改变", value, option);
       state.removeStageId = option.id;
     };
+
+    //显示切换模式抽屉
+    const showModeVisible=()=>{
+state.unlockModeVisible=true
+    }
     return {
       ...toRefs(state),
       selectProjectName,
@@ -2075,6 +2089,8 @@ const closeDeleteStage=()=>{
       showDeleteStage,
       closeDeleteStage,
       deleteStage,
+
+      showModeVisible,
     };
   },
 };