fix: 修复组名称查询组件

src/components/common/select-group.vue

@@ -1,44 +1,60 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
+import { ref, watch } from 'vue';
 import { $t } from '@/locales';
 import { translateOptions2 } from '@/utils/common';
 import { fetchGetAllGroupNameList } from '@/service/api';
 
+defineOptions({
+  name: 'SelectGroup'
+});
+
+interface Props {
+  modelValue?: string | null;
+}
+
+const props = defineProps<Props>();
+
 const emit = defineEmits<Emits>();
 
 interface Emits {
-  (e: 'update:value', value: string): void;
+  (e: 'update:modelValue', value: string): void;
 }
 
 /** 组列表 */
 const groupNameList = ref<string[]>([]);
 /** 组列表 */
-const groupNameRef = ref<string>('');
+const groupName = ref<string>();
 
 async function getGroupNameList() {
-  const res = await fetchGetAllGroupNameList();
+  const { data, error } = await fetchGetAllGroupNameList();
-  groupNameList.value = res.data as string[];
+  if (!error) {
+    groupNameList.value = data;
+  }
 }
 
-onMounted(() => {
+getGroupNameList();
-  getGroupNameList();
-});
 
 watch(
-  () => groupNameRef.value,
+  () => props.modelValue,
   () => {
-    emit('update:value', groupNameRef.value);
+    groupName.value = props.modelValue!;
-  }
+  },
+  { immediate: true }
 );
+
+const handleUpdate = (value: string) => {
+  emit('update:modelValue', value);
+};
 </script>
 
 <template>
   <NSelect
-    v-model:value="groupNameRef"
+    v-model:value="groupName"
     :placeholder="$t('page.retryTask.form.groupName')"
     :options="translateOptions2(groupNameList)"
     clearable
     filterable
+    @update:value="handleUpdate"
   />
 </template>
 

src/views/retry/scene/modules/scene-search.vue

@@ -61,7 +61,7 @@ function search() {
       <!--        @update:value="handleGroupNameUpdate"-->
       <!--      />-->
 
-      <SelectGroup v-model:value="model.groupName" />
+      <SelectGroup v-model="model.groupName" />
     </NFormItemGi>
     <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryScene.sceneName')" path="userName" class="pr-24px">
       <!--      <NSelect-->

src/views/workflow/modules/workflow-search.vue

@@ -29,7 +29,7 @@ function search() {
 <template>
   <SearchForm :model="model" @search="search" @reset="reset">
     <NFormItemGi span="24 s:12 m:6" :label="$t('page.workflow.groupName')" path="groupName" class="pr-24px">
-      <SelectGroup v-model:value="model.groupName" />
+      <SelectGroup v-model="model.groupName" />
     </NFormItemGi>
     <NFormItemGi span="24 s:12 m:6" :label="$t('page.workflow.workflowName')" path="workflowName" class="pr-24px">
       <NInput v-model:value="model.workflowName" :placeholder="$t('page.workflow.form.workflowName')" />