From f2a03043abdc79625c2cafa0079d44e58bb5f519 Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Tue, 30 Apr 2024 17:50:25 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0):=20=E5=AE=8C=E6=88=90=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../notify-recipient-detail-drawer.vue        |  3 +-
 src/views/notify/scene/index.vue              | 48 +++++++++++--
 .../modules/notify-config-detail-drawer.vue   | 69 +++++++++++++++++++
 .../modules/notify-config-operate-drawer.vue  |  4 +-
 4 files changed, 117 insertions(+), 7 deletions(-)
 create mode 100644 src/views/notify/scene/modules/notify-config-detail-drawer.vue

diff --git a/src/views/notify/recipient/modules/notify-recipient-detail-drawer.vue b/src/views/notify/recipient/modules/notify-recipient-detail-drawer.vue
index 45ac9c8..bd798f6 100644
--- a/src/views/notify/recipient/modules/notify-recipient-detail-drawer.vue
+++ b/src/views/notify/recipient/modules/notify-recipient-detail-drawer.vue
@@ -25,8 +25,7 @@ const visible = defineModel<boolean>('visible', {
 watch(
   () => props.rowData,
   () => {
-    console.log(props.rowData);
-    const rowData = props.rowData?.notifyAttribute;
+    const rowData = props.rowData?.notifyAttribute || null;
     notifyAttribute.value = JSON.parse(rowData!) || {};
   },
   { immediate: true }
diff --git a/src/views/notify/scene/index.vue b/src/views/notify/scene/index.vue
index 05bc1b0..7a71a4d 100644
--- a/src/views/notify/scene/index.vue
+++ b/src/views/notify/scene/index.vue
@@ -1,16 +1,22 @@
 <script setup lang="tsx">
 import { NButton, NPopconfirm, NTag } from 'naive-ui';
+import { ref } from 'vue';
 import { fetchGetNotifyConfigList, fetchUpdateNotifyStatus } from '@/service/api';
 import { $t } from '@/locales';
 import { useAppStore } from '@/store/modules/app';
 import { useTable, useTableOperate } from '@/hooks/common/table';
 import NotifyConfigOperateDrawer from '@/views/notify/scene/modules/notify-config-operate-drawer.vue';
 import NotifyConfigSearch from '@/views/notify/scene/modules/notify-config-search.vue';
+import NotifyConfigDetailDrawer from '@/views/notify/scene/modules/notify-config-detail-drawer.vue';
 import StatusSwitch from '@/components/common/status-switch.vue';
-import { jobNotifyScene, retryNotifyScene } from '@/constants/business';
+import { jobNotifyScene, retryNotifyScene, systemTaskType } from '@/constants/business';
 import { tagColor } from '@/utils/common';
 
 const appStore = useAppStore();
+const detailData = ref();
+const detailVisible = defineModel<boolean>('detailVisible', {
+  default: false
+});
 
 const { columns, columnChecks, data, getData, loading, mobilePagination, searchParams, resetSearchParams } = useTable({
   apiFn: fetchGetNotifyConfigList,
@@ -35,6 +41,24 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'center',
       width: 64
     },
+    {
+      key: 'businessName',
+      title: $t('page.notifyConfig.businessName'),
+      align: 'left',
+      width: 120,
+      render: row => {
+        function showDetailDrawer() {
+          detailData.value = row || null;
+          detailVisible.value = true;
+        }
+
+        return (
+          <n-button text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal">
+            {row.businessName}
+          </n-button>
+        );
+      }
+    },
     {
       key: 'groupName',
       title: $t('page.notifyConfig.groupName'),
@@ -42,10 +66,19 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       width: 120
     },
     {
-      key: 'businessName',
-      title: $t('page.notifyConfig.businessName'),
+      key: 'systemTaskType',
+      title: $t('page.notifyConfig.systemTaskType'),
       align: 'left',
-      width: 120
+      width: 120,
+      render: row => {
+        if (row.systemTaskType === null) {
+          return null;
+        }
+
+        const label = $t(systemTaskType[row.systemTaskType!]);
+
+        return <NTag type={tagColor(row.systemTaskType!)}>{label}</NTag>;
+      }
     },
     {
       key: 'notifyStatus',
@@ -94,6 +127,12 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'left',
       width: 120
     },
+    {
+      key: 'createDt',
+      title: $t('common.createDt'),
+      align: 'left',
+      width: 120
+    },
     {
       key: 'description',
       title: $t('page.notifyConfig.description'),
@@ -192,6 +231,7 @@ function edit(id: string) {
         :row-data="editingData"
         @submitted="getData"
       />
+      <NotifyConfigDetailDrawer v-model:visible="detailVisible" :row-data="detailData" />
     </NCard>
   </div>
 </template>
diff --git a/src/views/notify/scene/modules/notify-config-detail-drawer.vue b/src/views/notify/scene/modules/notify-config-detail-drawer.vue
new file mode 100644
index 0000000..c0a19a7
--- /dev/null
+++ b/src/views/notify/scene/modules/notify-config-detail-drawer.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { watch } from 'vue';
+import { enableStatusNumberRecord, jobNotifyScene, retryNotifyScene, systemTaskType } from '@/constants/business';
+import { $t } from '@/locales';
+import { tagColor } from '@/utils/common';
+
+defineOptions({
+  name: 'NotifyConfigDetailDrawer'
+});
+
+interface Props {
+  /** row data */
+  rowData?: Api.NotifyConfig.NotifyConfig | null;
+}
+
+const props = defineProps<Props>();
+
+const visible = defineModel<boolean>('visible', {
+  default: false
+});
+
+watch(
+  () => props.rowData,
+  () => {
+    console.log(props.rowData);
+  },
+  { immediate: true }
+);
+</script>
+
+<template>
+  <OperateDrawer v-model="visible" :title="$t('page.groupConfig.detail')">
+    <NDescriptions label-placement="top" bordered :column="2">
+      <NDescriptionsItem :label="$t('page.notifyConfig.businessName')" :span="2">
+        {{ rowData?.businessName }}
+      </NDescriptionsItem>
+      <NDescriptionsItem :label="$t('page.groupConfig.groupName')" :span="2">
+        {{ rowData?.groupName }}
+      </NDescriptionsItem>
+      <NDescriptionsItem :label="$t('page.notifyConfig.systemTaskType')" :span="1">
+        <NTag :type="tagColor(rowData?.systemTaskType!)">{{ $t(systemTaskType[rowData?.systemTaskType!]) }}</NTag>
+      </NDescriptionsItem>
+      <NDescriptionsItem :label="$t('page.notifyConfig.notifyStatus')" :span="1">
+        <NTag :type="tagColor(rowData?.notifyStatus!)">{{ $t(enableStatusNumberRecord[rowData?.notifyStatus!]) }}</NTag>
+      </NDescriptionsItem>
+      <NDescriptionsItem v-if="rowData?.systemTaskType === 1" :label="$t('page.notifyConfig.notifyScene')" :span="1">
+        <NTag :type="tagColor(rowData?.notifyScene!)">
+          {{ $t(retryNotifyScene[rowData?.notifyScene! as Api.NotifyConfig.RetryNotifyScene]) }}
+        </NTag>
+      </NDescriptionsItem>
+      <NDescriptionsItem v-if="rowData?.systemTaskType === 3" :label="$t('page.notifyConfig.notifyScene')" :span="1">
+        <NTag :type="tagColor(rowData?.notifyScene!)">
+          {{ $t(jobNotifyScene[rowData?.notifyScene! as Api.NotifyConfig.JobNotifyScene]) }}
+        </NTag>
+      </NDescriptionsItem>
+      <NDescriptionsItem :label="$t('page.notifyConfig.notifyThreshold')" :span="1">
+        <NTag :type="tagColor(rowData?.notifyThreshold!)">{{ rowData?.notifyThreshold }}</NTag>
+      </NDescriptionsItem>
+      <NDescriptionsItem :label="$t('common.createDt')" :span="2">
+        {{ rowData?.createDt }}
+      </NDescriptionsItem>
+      <NDescriptionsItem :label="$t('page.notifyConfig.description')" :span="2">
+        {{ rowData?.description }}
+      </NDescriptionsItem>
+    </NDescriptions>
+  </OperateDrawer>
+</template>
+
+<style scoped></style>
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 6c26918..a75bb89 100644
--- a/src/views/notify/scene/modules/notify-config-operate-drawer.vue
+++ b/src/views/notify/scene/modules/notify-config-operate-drawer.vue
@@ -97,7 +97,7 @@ function createDefaultModel(): Model {
     systemTaskType: 1,
     notifyStatus: 1,
     notifyScene: 1,
-    notifyThreshold: 0,
+    notifyThreshold: 16,
     rateLimiterStatus: 0,
     rateLimiterThreshold: 0,
     description: ''
@@ -316,12 +316,14 @@ watch(visible, () => {
       <NFormItem :label="$t('page.notifyConfig.rateLimiterThreshold')" path="rateLimiterThreshold">
         <NInputNumber
           v-model:value="model.rateLimiterThreshold"
+          :min="1"
           :placeholder="$t('page.notifyConfig.form.rateLimiterThreshold')"
         />
       </NFormItem>
       <NFormItem :label="$t('page.notifyConfig.notifyThreshold')" path="notifyThreshold">
         <NInputNumber
           v-model:value="model.notifyThreshold"
+          :min="1"
           :placeholder="$t('page.notifyConfig.form.notifyThreshold')"
         />
       </NFormItem>