From 5ddc9ae69e0ea950b8e140118028880c12b5d9b5 Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Wed, 24 Apr 2024 22:42:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0):=20=E5=AE=9A=E4=B9=89job?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=92=8C=E6=93=8D=E4=BD=9C=E5=8E=9F=E5=9B=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/retry.ts        |  8 ++++++++
 src/typings/components.d.ts     |  3 +++
 src/views/retry/scene/index.vue | 36 +++++++++++++++++++++++----------
 3 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/service/api/retry.ts b/src/service/api/retry.ts
index d9b618d..159de3a 100644
--- a/src/service/api/retry.ts
+++ b/src/service/api/retry.ts
@@ -35,3 +35,11 @@ export function fetchEditRetryScene(data: Api.RetryScene.Scene) {
     data
   });
 }
+
+/** update retry scene status */
+export function fetchUpdateSceneStatus(id: number, status: number) {
+  return request<boolean>({
+    url: `/scene-config/${id}/status/${status}`,
+    method: 'put'
+  });
+}
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index d252473..d554317 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -91,8 +91,10 @@ declare module 'vue' {
     NTooltip: typeof import('naive-ui')['NTooltip']
     NTree: typeof import('naive-ui')['NTree']
     OperateDrawer: typeof import('./../components/common/operate-drawer.vue')['default']
+    OperationReason: typeof import('./../components/common/operation-reason.vue')['default']
     PinToggler: typeof import('./../components/common/pin-toggler.vue')['default']
     ReloadButton: typeof import('./../components/common/reload-button.vue')['default']
+    RouteKey: typeof import('./../components/common/route-key.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Search: typeof import('../components/common/search-form.vue')['default']
@@ -104,6 +106,7 @@ declare module 'vue' {
     SystemLogo: typeof import('./../components/common/system-logo.vue')['default']
     TableColumnSetting: typeof import('./../components/advanced/table-column-setting.vue')['default']
     TableHeaderOperation: typeof import('./../components/advanced/table-header-operation.vue')['default']
+    TaskBatchStatus: typeof import('./../components/common/task-batch-status.vue')['default']
     ThemeSchemaSwitch: typeof import('./../components/common/theme-schema-switch.vue')['default']
     WaveBg: typeof import('./../components/custom/wave-bg.vue')['default']
   }
diff --git a/src/views/retry/scene/index.vue b/src/views/retry/scene/index.vue
index f109225..63ea458 100644
--- a/src/views/retry/scene/index.vue
+++ b/src/views/retry/scene/index.vue
@@ -1,14 +1,17 @@
 <script setup lang="tsx">
-import { NButton, NPopconfirm, NTag } from 'naive-ui';
-import { fetchGetRetryScenePageList } from '@/service/api';
+import { NButton, NPopconfirm, NSwitch, NTag } from 'naive-ui';
+import { ref } from 'vue';
+import { fetchGetRetryScenePageList, fetchUpdateSceneStatus } from '@/service/api';
 import { $t } from '@/locales';
 import { useAppStore } from '@/store/modules/app';
 import { useTable, useTableOperate } from '@/hooks/common/table';
-import { backOffRecord, enableStatusNumberRecord, routeKeyRecord } from '@/constants/business';
+import { backOffRecord, routeKeyRecord } from '@/constants/business';
 import SceneOperateDrawer from './modules/scene-operate-drawer.vue';
 import SceneSearch from './modules/scene-search.vue';
 
 const appStore = useAppStore();
+/** 组状态 Switch 的 loading 状态 */
+const statusSwitchLoading = ref(false);
 
 const { columns, columnChecks, data, getData, loading, mobilePagination, searchParams, resetSearchParams } = useTable({
   apiFn: fetchGetRetryScenePageList,
@@ -27,12 +30,6 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'center',
       width: 48
     },
-    {
-      key: 'index',
-      title: $t('common.index'),
-      align: 'center',
-      width: 64
-    },
     {
       key: 'groupName',
       title: $t('page.retryScene.groupName'),
@@ -51,8 +48,15 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'left',
       minWidth: 120,
       render: row => {
-        const label = $t(enableStatusNumberRecord[row.sceneStatus!]);
-        return <NTag type="primary">{label}</NTag>;
+        return (
+          <NSwitch
+            v-model:value={row.sceneStatus}
+            v-model:loading={statusSwitchLoading.value}
+            checkedValue={1}
+            uncheckedValue={0}
+            onUpdateValue={() => handleUpdateValue(row)}
+          ></NSwitch>
+        );
       }
     },
     {
@@ -164,6 +168,16 @@ function handleDelete(id: string) {
 function edit(id: string) {
   handleEdit(id);
 }
+
+async function handleUpdateValue(scene: Api.RetryScene.Scene) {
+  statusSwitchLoading.value = true;
+  try {
+    await fetchUpdateSceneStatus(scene.id as any, scene.sceneStatus);
+  } finally {
+    await getData();
+    statusSwitchLoading.value = false;
+  }
+}
 </script>
 
 <template>