From 0ff686e27dbcdd41d3ce79a771cd44fb237377b7 Mon Sep 17 00:00:00 2001
From: dhb52 <dhb52@126.com>
Date: Tue, 4 Jun 2024 18:25:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0=5Fbeta4):=20SelectGroup=20?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=20:disabled=20=E5=B1=9E=E6=80=A7,=20?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=A4=9A=E4=BD=99=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/select-group.vue | 29 +++++++++++++-------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/common/select-group.vue b/src/components/common/select-group.vue
index 2e23523..7d93bcd 100644
--- a/src/components/common/select-group.vue
+++ b/src/components/common/select-group.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { ref } from 'vue';
 import { $t } from '@/locales';
 import { translateOptions2 } from '@/utils/common';
 import { fetchGetAllGroupNameList } from '@/service/api';
@@ -8,16 +8,22 @@ defineOptions({
   name: 'SelectGroup'
 });
 
+interface Props {
+  disabled?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  disabled: false
+});
+
 const model = defineModel<string | null>();
 interface Emits {
   (e: 'update:modelValue', value: string): void;
 }
 const emit = defineEmits<Emits>();
 
-/** 组列表 */
+/** 可选组列表 */
 const groupNameList = ref<string[]>([]);
-/** 组列表 */
-const groupName = ref<string>();
 
 async function getGroupNameList() {
   const { data, error } = await fetchGetAllGroupNameList();
@@ -26,26 +32,19 @@ async function getGroupNameList() {
   }
 }
 
-getGroupNameList();
-
-watch(
-  () => model,
-  () => {
-    groupName.value = model.value!;
-  },
-  { immediate: true }
-);
-
 const handleUpdate = (value: string) => {
   emit('update:modelValue', value);
 };
+
+getGroupNameList();
 </script>
 
 <template>
   <NSelect
-    v-model:value="groupName"
+    v-model:value="model"
     :placeholder="$t('page.retryTask.form.groupName')"
     :options="translateOptions2(groupNameList)"
+    :disabled="props.disabled"
     clearable
     filterable
     @update:value="handleUpdate"