From d79acf9633275cd76149ab42ac88112b261fffb0 Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Thu, 23 Feb 2023 14:27:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E8=A7=A3=E9=94=81?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/UnlockMode.vue | 117 +++++++++++++++-----------
 1 file changed, 68 insertions(+), 49 deletions(-)

diff --git a/src/components/drawers/UnlockMode.vue b/src/components/drawers/UnlockMode.vue
index 6512420c..dde55e5f 100644
--- a/src/components/drawers/UnlockMode.vue
+++ b/src/components/drawers/UnlockMode.vue
@@ -3,32 +3,33 @@
     <slot></slot>
   </div>
   <a-drawer
-      :visible="visible"
-      class="drawerStyle unlockmode"
-      placement="right"
-      width="700"
+    :visible="visible"
+    class="drawerStyle unlockmode"
+    placement="right"
+    width="700"
   >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">选择解锁模式</div>
         <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
         />
       </div>
       <div class="main">
         <div class="classify">
           <div
-              v-for="(item, index) in classify"
-              :key="index"
-              class="classifyItem"
-              @click="selectClassify(item)"
-              :style="{
-             color: item.type === classifyActive  ? '#FFFFFF' : '#999999',
+            v-for="(item, index) in classify"
+            :key="index"
+            class="classifyItem"
+            @click="selectClassify(item)"
+            :style="{
+              color: item.type === classifyActive ? '#FFFFFF' : '#999999',
               'background-color':
                 item.type === classifyActive ? '#4ea6ff' : '#FFFFFF',
-              border: item.type === classifyActive
+              border:
+                item.type === classifyActive
                   ? '1px solid #4ea6ff'
                   : '1px solid #999999',
             }"
@@ -36,12 +37,19 @@
             {{ item.text }}
           </div>
         </div>
-        <div v-if="classifyActive === 1" @click="updateLockMode(1)" class="type1">
+        <div
+          v-if="classifyActive === 1"
+          @click="updateLockMode(1)"
+          class="type1"
+        >
           <span style="font-weight: 500">描述：</span
           ><span>不设学习限制，学员可以在任何时间学习</span>
         </div>
-        <div v-if="classifyActive === 2" @click="updateLockMode(2)"
-             class="type1 type3">
+        <div
+          v-if="classifyActive === 2"
+          @click="updateLockMode(2)"
+          class="type1 type3"
+        >
           <div>
             <span style="font-weight: 500">描述：</span
             ><span>前一个阶段达成目标后解锁下一个阶段</span>
@@ -51,15 +59,13 @@
             <a-radio-group v-model:value="routerInfoData.unlockMode">
               <div>
                 <a-radio :value="2"
-                >逐个任务解锁，完成一个任务后解锁下一个
-                </a-radio
-                >
+                  >逐个任务解锁，完成一个任务后解锁下一个
+                </a-radio>
               </div>
-              <div v-if="types!==1" style="margin-top: 24px">
+              <div v-if="types !== 1" style="margin-top: 24px">
                 <a-radio :value="3"
-                >完成当前阶段所有必修任务解锁下一阶段
-                </a-radio
-                >
+                  >完成当前阶段所有必修任务解锁下一阶段
+                </a-radio>
               </div>
             </a-radio-group>
           </div>
@@ -74,11 +80,11 @@
 </template>
 
 <script setup>
-import {computed, defineEmits, defineProps, ref, watch} from "vue";
-import {editProjectModel, editRouterModel} from "@/api/indexLearningPath";
+import { computed, defineEmits, defineProps, ref, watch } from "vue";
+import { editProjectModel, editRouterModel } from "@/api/indexLearningPath";
 
-const emit = defineEmits({})
-const visible = ref(false)
+const emit = defineEmits({});
+const visible = ref(false);
 const classify = [
   {
     type: 1,
@@ -91,45 +97,58 @@ const classify = [
 ];
 const props = defineProps({
   routerInfo: {},
-  types: Number
-})
-const routerInfoData = ref({})
-const classifyActive = computed(() => routerInfoData.value.unlockMode === 1 ? 1 : 2)
-watch(() => props.routerInfo, () => {
-  routerInfoData.value = props.routerInfo
-})
+  types: Number,
+});
+const routerInfoData = ref({});
+const classifyActive = computed(() =>
+  routerInfoData.value.unlockMode === 1 ? 1 : 2
+);
+watch(
+  () => props.routerInfo,
+  () => {
+    routerInfoData.value = props.routerInfo;
+    console.log("routerInfoData", routerInfoData);
+  }
+);
 const closeDrawer = () => {
-  visible.value = false
+  visible.value = false;
 };
 
 function selectClassify(e) {
-  if (e.type === 1) {
-    routerInfoData.value.unlockMode = e.type
+  console.log("选择模式", e, props.types);
+  if (routerInfoData.value.status !== 3 && props.types === 2) {
+    routerInfoData.value.unlockMode = e.type;
   }
-  // 当为学习路径图时候 直接默认第一个选项 不用选中
-  if (e.type === 2 && props.types === 1) {
-    routerInfoData.value.unlockMode = e.type
+  if (routerInfoData.value.status !== 1 && props.types === 1) {
+    routerInfoData.value.unlockMode = e.type;
   }
+  // if (e.type === 1) {
+  //   routerInfoData.value.unlockMode = e.type;
+  // }
+  // // 当为学习路径图时候 直接默认第一个选项 不用选中
+  // if (e.type === 2 && props.types === 1) {
+  //   routerInfoData.value.unlockMode = e.type;
+  // }
 }
 
 const saveUnlock = () => {
-  emit("update:userInfo", routerInfoData.value)
+  emit("update:userInfo", routerInfoData.value);
   if (props.types === 2) {
-    editProjectModel(routerInfoData.value)
+    editProjectModel(routerInfoData.value);
   } else {
-    editRouterModel(routerInfoData.value)
+    editRouterModel(routerInfoData.value);
   }
-  closeDrawer()
-}
+  closeDrawer();
+};
 
 function updateLockMode(type) {
-  routerInfoData.value.unlockMode = type
+  console.log("22222", type);
+  routerInfoData.value.unlockMode = type;
 }
 
 function openDrawer() {
-  visible.value = true
+  visible.value = true;
 }
-
 </script>
 <style lang="scss">
 .unlockmode {