From 72819af4aec8acee803fa204a3fd35eddbc9b0f8 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Fri, 20 Sep 2024 14:09:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.2.0-beta2):=20=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=B0=E5=A2=9E=E4=BA=8C=E6=AC=A1=E7=A1=AE?=
 =?UTF-8?q?=E8=AE=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/status-switch.vue | 40 ++++++++++++++++++-------
 src/views/group/index.vue               |  6 ++--
 src/views/job/task/index.vue            |  6 ++--
 src/views/notify/config/index.vue       |  6 ++--
 src/views/retry/scene/index.vue         |  6 ++--
 src/views/workflow/task/index.vue       |  6 ++--
 6 files changed, 44 insertions(+), 26 deletions(-)

diff --git a/src/components/common/status-switch.vue b/src/components/common/status-switch.vue
index 60bab0c..ff28724 100644
--- a/src/components/common/status-switch.vue
+++ b/src/components/common/status-switch.vue
@@ -1,36 +1,54 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { useBoolean } from '@sa/hooks';
+import { enableStatusNumberRecord } from '@/constants/business';
 
 defineOptions({
   name: 'StatusSwitch'
 });
 
-const props = defineProps({
-  disabled: Boolean
+interface Props {
+  disabled?: boolean;
+  info?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  disabled: false,
+  info: ''
 });
 
-const modelValue = defineModel<Api.Common.EnableStatusNumber>('value', { default: 0 });
+const value = defineModel<Api.Common.EnableStatusNumber>('value', { required: false, default: 0 });
 
 interface Emits {
-  (e: 'fetch', value: Api.Common.EnableStatusNumber, callback: () => void): void;
+  (e: 'submitted', value: Api.Common.EnableStatusNumber, callback: (flag: boolean) => void): void;
 }
 
 const emit = defineEmits<Emits>();
 
 /** 状态切换过程的 loading 状态 */
-const loading = ref(false);
+const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean();
 
-const handleUpdateValue = (value: Api.Common.EnableStatusNumber) => {
-  loading.value = true;
-  emit('fetch', value, () => {
-    loading.value = false;
+const handleUpdateValue = (val: Api.Common.EnableStatusNumber) => {
+  value.value = val === 0 ? 1 : 0;
+  window.$dialog?.warning({
+    title: '系统提示',
+    content: `确定要${enableStatusNumberRecord[val]}${props.info}吗？`,
+    positiveText: '确定',
+    negativeText: '取消',
+    onPositiveClick: () => {
+      startLoading();
+      emit('submitted', val, flag => {
+        if (flag) value.value = val;
+        endLoading();
+      });
+    },
+    onNegativeClick: () => {}
   });
 };
 </script>
 
 <template>
   <NSwitch
-    :value="modelValue"
+    v-model:value="value"
     :loading="loading"
     :rubber-band="false"
     :checked-value="1"
diff --git a/src/views/group/index.vue b/src/views/group/index.vue
index 62a8727..cedf200 100644
--- a/src/views/group/index.vue
+++ b/src/views/group/index.vue
@@ -61,17 +61,17 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'center',
       width: 80,
       render: row => {
-        const fetchFn = async (groupStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
+        const fetchFn = async (groupStatus: Api.Common.EnableStatusNumber, callback: (flag: boolean) => void) => {
           const status = row.groupStatus === 1 ? 0 : 1;
           const { error } = await fetchUpdateGroupStatus({ groupName: row.groupName, groupStatus: status });
           if (!error) {
             row.groupStatus = groupStatus;
             window.$message?.success($t('common.updateSuccess'));
           }
-          callback();
+          callback(!error);
         };
         return (
-          <StatusSwitch v-model:value={row.groupStatus} onFetch={fetchFn} disabled={hasAuth('R_USER') as boolean} />
+          <StatusSwitch v-model:value={row.groupStatus} onSubmitted={fetchFn} disabled={hasAuth('R_USER') as boolean} />
         );
       }
     },
diff --git a/src/views/job/task/index.vue b/src/views/job/task/index.vue
index d67a532..9a7349e 100644
--- a/src/views/job/task/index.vue
+++ b/src/views/job/task/index.vue
@@ -83,16 +83,16 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       align: 'center',
       width: 60,
       render: row => {
-        const fetchFn = async (jobStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
+        const fetchFn = async (jobStatus: Api.Common.EnableStatusNumber, callback: (flag: boolean) => void) => {
           const { error } = await fetchUpdateJobStatus({ id: row.id!, jobStatus });
           if (!error) {
             row.jobStatus = jobStatus;
             window.$message?.success($t('common.updateSuccess'));
           }
-          callback();
+          callback(!error);
         };
 
-        return <StatusSwitch v-model:value={row.jobStatus} onFetch={fetchFn} />;
+        return <StatusSwitch v-model:value={row.jobStatus} onSubmitted={fetchFn} />;
       }
     },
     {
diff --git a/src/views/notify/config/index.vue b/src/views/notify/config/index.vue
index f94115f..d3e3630 100644
--- a/src/views/notify/config/index.vue
+++ b/src/views/notify/config/index.vue
@@ -90,16 +90,16 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'left',
       width: 120,
       render: row => {
-        const fetchFn = async (notifyStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
+        const fetchFn = async (notifyStatus: Api.Common.EnableStatusNumber, callback: (flag: boolean) => void) => {
           const { error } = await fetchUpdateNotifyStatus(row.id!, notifyStatus);
           if (!error) {
             row.notifyStatus = notifyStatus;
             window.$message?.success($t('common.updateSuccess'));
           }
-          callback();
+          callback(!error);
         };
 
-        return <StatusSwitch v-model:value={row.notifyStatus} onFetch={fetchFn} />;
+        return <StatusSwitch v-model:value={row.notifyStatus} onSubmitted={fetchFn} />;
       }
     },
     {
diff --git a/src/views/retry/scene/index.vue b/src/views/retry/scene/index.vue
index e17ce4a..d86e89c 100644
--- a/src/views/retry/scene/index.vue
+++ b/src/views/retry/scene/index.vue
@@ -81,16 +81,16 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'left',
       width: 50,
       render: row => {
-        const fetchFn = async (sceneStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
+        const fetchFn = async (sceneStatus: Api.Common.EnableStatusNumber, callback: (flag: boolean) => void) => {
           const { error } = await fetchUpdateSceneStatus(row.id!, sceneStatus);
           if (!error) {
             row.sceneStatus = sceneStatus;
             window.$message?.success($t('common.updateSuccess'));
           }
-          callback();
+          callback(!error);
         };
 
-        return <StatusSwitch v-model:value={row.sceneStatus} onFetch={fetchFn} />;
+        return <StatusSwitch v-model:value={row.sceneStatus} onSubmitted={fetchFn} />;
       }
     },
     {
diff --git a/src/views/workflow/task/index.vue b/src/views/workflow/task/index.vue
index 20992d8..96d8c64 100644
--- a/src/views/workflow/task/index.vue
+++ b/src/views/workflow/task/index.vue
@@ -81,16 +81,16 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       align: 'left',
       minWidth: 120,
       render: row => {
-        const fetchFn = async (workflowStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
+        const fetchFn = async (workflowStatus: Api.Common.EnableStatusNumber, callback: (flag: boolean) => void) => {
           const { error } = await fetchUpdateWorkflowStatus(row.id!);
           if (!error) {
             row.workflowStatus = workflowStatus;
             window.$message?.success($t('common.updateSuccess'));
           }
-          callback();
+          callback(!error);
         };
 
-        return <StatusSwitch v-model:value={row.workflowStatus} onFetch={fetchFn} />;
+        return <StatusSwitch v-model:value={row.workflowStatus} onSubmitted={fetchFn} />;
       }
     },
     {