From d678b5acaa67d9b0ecb3c21f6bf1b59f51bf23f3 Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Sun, 21 Apr 2024 23:02:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0):=20=E4=BC=98=E5=8C=96=E9=97=B4?=
 =?UTF-8?q?=E9=9A=94=E6=97=B6=E9=97=B4=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/constants/business.ts                     | 30 +++++++++++++++++++
 src/typings/components.d.ts                   |  2 ++
 .../scene/modules/scene-operate-drawer.vue    | 21 ++++++++++---
 3 files changed, 49 insertions(+), 4 deletions(-)

diff --git a/src/constants/business.ts b/src/constants/business.ts
index 2de192c..c6e5b9d 100644
--- a/src/constants/business.ts
+++ b/src/constants/business.ts
@@ -123,3 +123,33 @@ export const routeKeyRecord: Record<Api.RetryScene.RouteKey, App.I18n.I18nKey> =
   4: 'page.retryScene.routeKeyItem.round'
 };
 export const routeKeyRecordOptions = transformRecordToNumberOption(routeKeyRecord, true);
+
+/** 延迟等级 */
+export const DelayLevel: Record<number, string> = {
+  1: '10s',
+  2: '15s',
+  3: '30s',
+  4: '35s',
+  5: '40s',
+  6: '50s',
+  7: '1m',
+  8: '2m',
+  9: '4m',
+  10: '6m',
+  11: '8m',
+  12: '10m',
+  13: '20m',
+  14: '40m',
+  15: '1h',
+  16: '2h',
+  17: '3h',
+  18: '4h',
+  19: '5h',
+  20: '6h',
+  21: '7h',
+  22: '8h',
+  23: '9h',
+  24: '10h',
+  25: '11h',
+  26: '12h'
+};
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 48fdafc..66c2658 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -42,6 +42,8 @@ declare module 'vue' {
     NCard: typeof import('naive-ui')['NCard']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
+    NCollapse: typeof import('naive-ui')['NCollapse']
+    NCollapseItem: typeof import('naive-ui')['NCollapseItem']
     NColorPicker: typeof import('naive-ui')['NColorPicker']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDatePicker: typeof import('naive-ui')['NDatePicker']
diff --git a/src/views/retry/scene/modules/scene-operate-drawer.vue b/src/views/retry/scene/modules/scene-operate-drawer.vue
index dcd0e4f..b1b197b 100644
--- a/src/views/retry/scene/modules/scene-operate-drawer.vue
+++ b/src/views/retry/scene/modules/scene-operate-drawer.vue
@@ -5,7 +5,12 @@ import { useFormRules, useNaiveForm } from '@/hooks/common/form';
 import OperateDrawer from '@/components/common/operate-drawer.vue';
 import { $t } from '@/locales';
 import { fetchAddRetryScene, fetchEditRetryScene, fetchGetAllGroupNameList } from '@/service/api';
-import { backOffRecordOptions, enableStatusNumberOptions, routeKeyRecordOptions } from '@/constants/business';
+import {
+  DelayLevel,
+  backOffRecordOptions,
+  enableStatusNumberOptions,
+  routeKeyRecordOptions
+} from '@/constants/business';
 import { translateOptions, translateOptions2 } from '@/utils/common';
 import { useAppStore } from '@/store/modules/app';
 
@@ -258,14 +263,22 @@ watch(visible, () => {
         />
       </NFormItem>
       <NFormItem :label="$t('page.retryScene.triggerInterval')" path="triggerInterval">
+        <CronInput v-if="model.backOff === 3" v-model:value="model.triggerInterval as any" :lang="app.locale" />
         <NInputNumber
-          v-if="model.backOff === 2 || model.backOff === 4"
+          v-else-if="model.backOff === 2 || model.backOff === 4"
           v-model:value="model.triggerInterval as any"
           :placeholder="$t('page.retryScene.form.triggerInterval')"
           clearable
         />
-
-        <CronInput v-if="model.backOff === 3" v-model:value="model.triggerInterval as any" :lang="app.locale" />
+        <div v-else>
+          <NCollapse>
+            <NCollapseItem title="间隔时间详情" name="1">
+              <p v-for="(item, index) in model.maxRetryCount" :key="index">
+                第{{ item }}次: {{ DelayLevel[item as keyof typeof DelayLevel] }}
+              </p>
+            </NCollapseItem>
+          </NCollapse>
+        </div>
       </NFormItem>
       <NFormItem :label="$t('page.retryScene.maxRetryCount')" path="maxRetryCount">
         <NInputNumber