From e83f20d14ec2c14732ba458fda1ef6e74ff6384c Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Sat, 20 Apr 2024 00:03:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0):=20=E4=BC=98=E5=8C=96=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E7=B1=BB=E5=9E=8B=E4=B8=8E=E9=80=9A=E7=9F=A5=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/group-config.ts               |  8 ++++++
 src/utils/common.ts                           | 12 +++++++++
 .../modules/notify-config-operate-drawer.vue  | 26 ++++++++++++++++---
 3 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/service/api/group-config.ts b/src/service/api/group-config.ts
index d1d349a..34b6f3c 100644
--- a/src/service/api/group-config.ts
+++ b/src/service/api/group-config.ts
@@ -9,6 +9,14 @@ export function fetchGetGroupConfigList(params?: Api.GroupConfig.GroupConfigSear
   });
 }
 
+export function fetchGetAllGroupNameList(params?: Api.GroupConfig.GroupConfigSearchParams) {
+  return request<string[]>({
+    url: '/group/all/group-name/list',
+    method: 'get',
+    params
+  });
+}
+
 /** add groupConfig */
 export function fetchAddGroupConfig(data: Api.GroupConfig.GroupConfig) {
   return request<boolean>({
diff --git a/src/utils/common.ts b/src/utils/common.ts
index cab2320..8b9fd9d 100644
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@@ -36,3 +36,15 @@ export function translateOptions(options: CommonType.Option<string | number>[])
     label: $t(option.label as App.I18n.I18nKey)
   }));
 }
+
+/**
+ * Translate options
+ *
+ * @param options
+ */
+export function translateOptions2(options: string[]) {
+  return options.map(option => ({
+    value: option,
+    label: option
+  }));
+}
diff --git a/src/views/notify/scene/modules/notify-config-operate-drawer.vue b/src/views/notify/scene/modules/notify-config-operate-drawer.vue
index 3320743..942d0e6 100644
--- a/src/views/notify/scene/modules/notify-config-operate-drawer.vue
+++ b/src/views/notify/scene/modules/notify-config-operate-drawer.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { computed, reactive, watch } from 'vue';
+import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue';
 import { useFormRules, useNaiveForm } from '@/hooks/common/form';
 import OperateDrawer from '@/components/common/operate-drawer.vue';
 import { $t } from '@/locales';
-import { fetchAddNotify, fetchEditNotify } from '@/service/api';
+import { fetchAddNotify, fetchEditNotify, fetchGetAllGroupNameList } from '@/service/api';
 import {
   enableStatus01Options,
   jobNotifySceneOptions,
   retryNotifySceneOptions,
   systemTaskTypeOptions
 } from '@/constants/business';
-import { translateOptions } from '@/utils/common';
+import { translateOptions, translateOptions2 } from '@/utils/common';
 
 defineOptions({
   name: 'NotifyConfigOperateDrawer'
@@ -23,6 +23,7 @@ interface Props {
   rowData?: Api.NotifyConfig.NotifyConfig | null;
 }
 
+const groupNameList = ref<string[]>([]);
 const props = defineProps<Props>();
 
 interface Emits {
@@ -62,6 +63,18 @@ type Model = Pick<
   | 'description'
 >;
 
+onMounted(() => {
+  nextTick(() => {
+    getGroupNameList();
+  });
+});
+
+async function getGroupNameList() {
+  const res = await fetchGetAllGroupNameList();
+  console.log(res.data);
+  groupNameList.value = res.data as string[];
+}
+
 const model: Model = reactive(createDefaultModel());
 
 function createDefaultModel(): Model {
@@ -159,7 +172,12 @@ watch(visible, () => {
   <OperateDrawer v-model="visible" :title="title" @handle-submit="handleSubmit">
     <NForm ref="formRef" :model="model" :rules="rules">
       <NFormItem :label="$t('page.notifyConfig.groupName')" path="name">
-        <NSelect v-model:value="model.groupName" :placeholder="$t('page.notifyConfig.form.groupName')" clearable />
+        <NSelect
+          v-model:value="model.groupName"
+          :placeholder="$t('page.notifyConfig.form.groupName')"
+          :options="translateOptions2(groupNameList)"
+          clearable
+        />
       </NFormItem>
       <NFormItem :label="$t('page.notifyConfig.notifyStatus')" path="notifyStatus">
         <NRadioGroup v-model:value="model.notifyStatus" name="notifyStatus">