fix：DEFECT-504 数据流转状态改变为场景联动一样的启用禁用问题

@@ -55,13 +55,7 @@ export const columns: BasicColumn[] = [
     title: '状态',
     dataIndex: 'status',
     width: 120,
-    customRender: ({ record }) => {
-      const status = record.status;
-      const enable = ~~status === 1;
-      const color = enable ? '#2aae67' : '#eb846f';
-      const text = enable ? '启用' : '禁用';
-      return h(Tag, { color: color }, () => text);
-    },
+    slots: { customRender: 'status' },
   },
   {
     title: '描述',

@@ -64,32 +64,18 @@
                 return record.status == 0;
               },
             },
-            {
-              label: '启用',
-              icon: 'ant-design:check-circle-outlined',
-              color: 'success',
-              popConfirm: {
-                title: '是否启用？',
-                confirm: handleEnableOrDisable.bind(null, record),
-              },
-              ifShow: (_action) => {
-                return record.status == 0;
-              },
-            },
-            {
-              label: '禁用',
-              icon: 'ant-design:close-circle-outlined',
-              popConfirm: {
-                title: '是否禁用？',
-                confirm: handleDisable.bind(null, record),
-              },
-              ifShow: (_action) => {
-                return record.status == 1;
-              },
-            },
           ]"
         />
       </template>
+      <template #status="{ record }">
+        <Switch
+          :checked="record.status === 1"
+          :loading="record.pendingStatus"
+          checkedChildren="启用"
+          unCheckedChildren="禁用"
+          @change="(checked:boolean)=>statusChange(checked,record)"
+        />
+      </template>
     </BasicTable>
     <div>
       <DataTransferDrawer @register="registerModal" @success="handleSuccess" />
@@ -110,10 +96,11 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { Authority } from '/@/components/Authority';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+  import { Switch } from 'ant-design-vue';
 
   export default defineComponent({
     name: 'Index',
-    components: { BasicTable, TableAction, DataTransferDrawer, Authority },
+    components: { BasicTable, TableAction, DataTransferDrawer, Authority, Switch },
     setup() {
       const enableObj = reactive({
         convertIds: [],
@@ -191,64 +178,6 @@
           });
         }, 10);
       };
-
-      const handleEnableOrDisable = async (record: Recordable) => {
-        setLoading(true);
-        enableObj.convertIds.length = 0;
-        try {
-          enableObj.status = record.status;
-          enableObj.convertIds.push(record.id as never);
-          if (enableObj.status == 0) {
-            enableObj.status = 1;
-          }
-          const res = await isEnableOrDisableApi(enableObj as never);
-          if (res !== '') {
-            createMessage.success('流转配置启用成功');
-            setLoading(false);
-            handleSuccess();
-            singleStopDeleteStatus.value = true;
-            disabledStatus1.value = true;
-            disabledStatus2.value = true;
-            disabledStatus3.value = true;
-            resetSelectedRowKeys();
-            clearSelectedRowKeys();
-          } else {
-            createMessage.error('流转配置启用失败');
-          }
-        } catch (e) {
-          return e;
-        } finally {
-          setLoading(false);
-        }
-      };
-      const handleDisable = async (record: Recordable) => {
-        setLoading(true);
-        enableObj.convertIds.length = 0;
-        try {
-          enableObj.status = record.status;
-          enableObj.convertIds.push(record.id as never);
-          if (enableObj.status == 1) {
-            enableObj.status = 0;
-          }
-          const res = await isEnableOrDisableApi(enableObj as never);
-          if (res !== '') {
-            createMessage.success('流转配置禁用成功');
-            setLoading(false);
-            handleSuccess();
-            singleStopDeleteStatus.value = true;
-            disabledStatus1.value = true;
-            disabledStatus2.value = true;
-            disabledStatus3.value = true;
-            resetSelectedRowKeys();
-            clearSelectedRowKeys();
-          } else {
-            createMessage.error('流转配置禁用失败');
-          }
-        } catch (e) {
-        } finally {
-          setLoading(false);
-        }
-      };
       const useSelectionChange = () => {
         selectedRowKeys.value = getSelectRowKeys();
         isJudgeSelectRowsArr.value = getSelectRows();
@@ -310,7 +239,6 @@
           clearSelectedRowKeys();
         }
       };
-
       const handleMutiuteEnable = async () => {
         enableObj.convertIds.length = 0;
         try {
@@ -339,6 +267,34 @@
           clearSelectedRowKeys();
         }
       };
+      const statusChange = async (checked, record) => {
+        setProps({
+          loading: true,
+        });
+        enableObj.convertIds.length = 0;
+        resetSelectedRowKeys();
+        clearSelectedRowKeys();
+        const newStatus = checked ? 1 : 0;
+        try {
+          enableObj.convertIds.push(record.id as never);
+          enableObj.status = newStatus;
+          await isEnableOrDisableApi(enableObj as never);
+          if (newStatus) {
+            createMessage.success(`流转配置启用成功`);
+          } else {
+            createMessage.success('流转配置禁用成功');
+          }
+          singleStopDeleteStatus.value = true;
+          disabledStatus1.value = true;
+          disabledStatus2.value = true;
+          disabledStatus3.value = true;
+        } finally {
+          setProps({
+            loading: false,
+          });
+          reload();
+        }
+      };
 
       return {
         disabledStatus1,
@@ -351,13 +307,12 @@
         registerModal,
         handleSuccess,
         handleEdit,
-        handleEnableOrDisable,
         useSelectionChange,
         handleMutiuteDisable,
-        handleDisable,
         hasBatchDelete,
         handleDeleteOrBatchDelete,
         singleStopDeleteStatus,
+        statusChange,
       };
     },
   });