From d62df9c417141cbc4121961ff0b97f5a48982971 Mon Sep 17 00:00:00 2001
From: wodeyangzipingpingwuqi <zhengweilins@foxmail.com>
Date: Tue, 21 May 2024 09:42:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(dev=5F1.0.0=5Fbeta2):=20Notify=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95NGrid=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/typings/api.d.ts                          |  2 +-
 .../modules/notify-config-operate-drawer.vue  | 94 +++++++++++--------
 2 files changed, 54 insertions(+), 42 deletions(-)

diff --git a/src/typings/api.d.ts b/src/typings/api.d.ts
index c78b4f1..4722812 100644
--- a/src/typings/api.d.ts
+++ b/src/typings/api.d.ts
@@ -541,7 +541,7 @@ declare namespace Api {
     /** notify-config */
     type NotifyConfig = Common.CommonRecord<{
       /** 组名称 */
-      groupName: string;
+      groupName: string | null;
       /** 业务ID */
       businessId: string | null;
       /** 通知人id */
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 80d8b3e..87e33db 100644
--- a/src/views/notify/scene/modules/notify-config-operate-drawer.vue
+++ b/src/views/notify/scene/modules/notify-config-operate-drawer.vue
@@ -100,7 +100,7 @@ const model: Model = reactive(createDefaultModel());
 
 function createDefaultModel(): Model {
   return {
-    groupName: '',
+    groupName: null,
     businessId: '',
     recipientIds: [],
     systemTaskType: null,
@@ -267,23 +267,11 @@ watch(visible, () => {
 </script>
 
 <template>
-  <OperateDrawer v-model="visible" :title="title" @handle-submit="handleSubmit">
+  <OperateDrawer v-model="visible" :title="title" :min-size="480" @handle-submit="handleSubmit">
     <NForm ref="formRef" :model="model" :rules="rules">
       <NFormItem :label="$t('page.notifyConfig.groupName')" path="groupName">
         <SelectGroup v-model:modelValue="model.groupName" @update:model-value="groupNameUpdate" />
       </NFormItem>
-      <NFormItem :label="$t('page.notifyConfig.notifyStatus')" path="notifyStatus">
-        <NRadioGroup v-model:value="model.notifyStatus" name="notifyStatus">
-          <NSpace>
-            <NRadio
-              v-for="item in enableStatusNumberOptions"
-              :key="item.value"
-              :value="item.value"
-              :label="$t(item.label)"
-            />
-          </NSpace>
-        </NRadioGroup>
-      </NFormItem>
       <NFormItem :label="$t('page.notifyConfig.systemTaskType')" path="systemTaskType">
         <NSelect
           v-model:value="model.systemTaskType"
@@ -341,34 +329,58 @@ watch(visible, () => {
           multiple
         />
       </NFormItem>
-      <NFormItem :label="$t('page.notifyConfig.rateLimiterStatus')" path="rateLimiterStatus">
-        <NRadioGroup v-model:value="model.rateLimiterStatus" name="rateLimiterStatus" :disabled="retrySceneDisable">
-          <NSpace>
-            <NRadio
-              v-for="item in enableStatusNumberOptions"
-              :key="item.value"
-              :value="item.value"
-              :label="$t(item.label)"
+      <NGrid cols="2 s:1 m:2" responsive="screen" x-gap="20">
+        <NGi>
+          <NFormItem :label="$t('page.notifyConfig.notifyStatus')" path="notifyStatus">
+            <NRadioGroup v-model:value="model.notifyStatus" name="notifyStatus">
+              <NSpace>
+                <NRadio
+                  v-for="item in enableStatusNumberOptions"
+                  :key="item.value"
+                  :value="item.value"
+                  :label="$t(item.label)"
+                />
+              </NSpace>
+            </NRadioGroup>
+          </NFormItem>
+        </NGi>
+        <NGi>
+          <NFormItem :label="$t('page.notifyConfig.notifyThreshold')" path="notifyThreshold">
+            <NInputNumber
+              v-model:value="model.notifyThreshold"
+              :min="1"
+              :placeholder="$t('page.notifyConfig.form.notifyThreshold')"
+              :disabled="retrySceneDisable"
             />
-          </NSpace>
-        </NRadioGroup>
-      </NFormItem>
-      <NFormItem :label="$t('page.notifyConfig.rateLimiterThreshold')" path="notifyThreshold">
-        <NInputNumber
-          v-model:value="model.rateLimiterThreshold"
-          :min="1"
-          :placeholder="$t('page.notifyConfig.form.notifyThreshold')"
-          :disabled="retrySceneDisable"
-        />
-      </NFormItem>
-      <NFormItem :label="$t('page.notifyConfig.notifyThreshold')" path="notifyThreshold">
-        <NInputNumber
-          v-model:value="model.notifyThreshold"
-          :min="1"
-          :placeholder="$t('page.notifyConfig.form.notifyThreshold')"
-          :disabled="retrySceneDisable"
-        />
-      </NFormItem>
+          </NFormItem>
+        </NGi>
+      </NGrid>
+      <NGrid cols="2 s:1 m:2" responsive="screen" x-gap="20">
+        <NGi>
+          <NFormItem :label="$t('page.notifyConfig.rateLimiterStatus')" path="rateLimiterStatus">
+            <NRadioGroup v-model:value="model.rateLimiterStatus" name="rateLimiterStatus" :disabled="retrySceneDisable">
+              <NSpace>
+                <NRadio
+                  v-for="item in enableStatusNumberOptions"
+                  :key="item.value"
+                  :value="item.value"
+                  :label="$t(item.label)"
+                />
+              </NSpace>
+            </NRadioGroup>
+          </NFormItem>
+        </NGi>
+        <NGi>
+          <NFormItem :label="$t('page.notifyConfig.rateLimiterThreshold')" path="notifyThreshold">
+            <NInputNumber
+              v-model:value="model.rateLimiterThreshold"
+              :min="1"
+              :placeholder="$t('page.notifyConfig.form.notifyThreshold')"
+              :disabled="retrySceneDisable"
+            />
+          </NFormItem>
+        </NGi>
+      </NGrid>
       <NFormItem :label="$t('page.notifyConfig.description')" path="description">
         <NInput
           v-model:value="model.description"