From 5383e41ac35968f6b74985d39c50347765d2489c Mon Sep 17 00:00:00 2001
From: dhb52 <dhb52@126.com>
Date: Thu, 25 Apr 2024 23:39:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BA=94=E7=94=A8StatusSwitch=E5=88=B0r?=
 =?UTF-8?q?etry-scene?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/status-switch.vue |  2 +-
 src/views/retry/scene/index.vue         | 35 +++++++++----------------
 2 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/src/components/common/status-switch.vue b/src/components/common/status-switch.vue
index 206aaf9..eb941c4 100644
--- a/src/components/common/status-switch.vue
+++ b/src/components/common/status-switch.vue
@@ -6,7 +6,7 @@ defineOptions({
 });
 
 interface Props {
-  value: Api.Common.EnableStatusNumber;
+  value?: Api.Common.EnableStatusNumber;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/src/views/retry/scene/index.vue b/src/views/retry/scene/index.vue
index b627a50..0c5a157 100644
--- a/src/views/retry/scene/index.vue
+++ b/src/views/retry/scene/index.vue
@@ -1,17 +1,15 @@
 <script setup lang="tsx">
-import { NButton, NSwitch, NTag } from 'naive-ui';
-import { ref } from 'vue';
+import { NButton, NTag } from 'naive-ui';
 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, routeKeyRecord } from '@/constants/business';
+import StatusSwitch from '@/components/common/status-switch.vue';
 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,
@@ -48,15 +46,16 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'left',
       minWidth: 120,
       render: row => {
-        return (
-          <NSwitch
-            v-model:value={row.sceneStatus}
-            v-model:loading={statusSwitchLoading.value}
-            checkedValue={1}
-            uncheckedValue={0}
-            onUpdateValue={() => handleUpdateValue(row)}
-          ></NSwitch>
-        );
+        const fetchFn = async (sceneStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
+          const { error } = await fetchUpdateSceneStatus(row.id!, sceneStatus);
+          if (!error) {
+            row.sceneStatus = sceneStatus;
+            window.$message?.success($t('common.updateSuccess'));
+          }
+          callback();
+        };
+
+        return <StatusSwitch v-model:value={row.sceneStatus} onFetch={fetchFn} />;
       }
     },
     {
@@ -145,16 +144,6 @@ const { drawerVisible, operateType, editingData, handleAdd, handleEdit, checkedR
 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>