pref:字典管理回退之前代码

@@ -31,16 +31,6 @@
               ]"
             />
           </template>
-          <template #status="{ record }">
-            <Switch
-              :disabled="disabled"
-              :checked="record.status === 1"
-              :loading="record.pendingStatus"
-              checkedChildren="启用"
-              unCheckedChildren="禁用"
-              @change="(checked:boolean)=>statusChange(checked,record)"
-            />
-          </template>
         </BasicTable>
         <ItemDrawer @register="registerDrawer" @success="handleSuccess" />
       </div>
@@ -51,17 +41,15 @@
   import { defineComponent, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { sysDictItemPage, deleteDictItem } from '/@/api/system/dict';
-  import { Switch } from 'ant-design-vue';
   import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
   import ItemDrawer from '/@/views/system/dict/item/ItemDrawer.vue';
   import { columns, searchFormSchema } from './dict.item.data';
   import { useMessage } from '/@/hooks/web/useMessage';
   import Authority from '/@/components/Authority/src/Authority.vue';
-  import { setDictItemStatus } from '/@/api/system/dict';
 
   export default defineComponent({
     name: 'ItemIndex',
-    components: { BasicDrawer, BasicTable, ItemDrawer, TableAction, Authority, Switch },
+    components: { BasicDrawer, BasicTable, ItemDrawer, TableAction, Authority },
     setup() {
       let dictId;
       const disabled = ref(false);
@@ -81,7 +69,7 @@
 
         reload();
       });
-      const [registerTable, { reload, setSelectedRowKeys, setProps }] = useTable({
+      const [registerTable, { reload }] = useTable({
         title: '字典值列表',
         api: sysDictItemPage,
         columns,
@@ -137,27 +125,6 @@
       function handleSuccess() {
         reload();
       }
-      const statusChange = async (checked, record) => {
-        setProps({
-          loading: true,
-        });
-        setSelectedRowKeys([]);
-        const newStatus = checked ? 1 : 0;
-        const { createMessage } = useMessage();
-        try {
-          await setDictItemStatus(record.id, newStatus);
-          if (newStatus) {
-            createMessage.success(`启用成功`);
-          } else {
-            createMessage.success('禁用成功');
-          }
-        } finally {
-          setProps({
-            loading: false,
-          });
-          reload();
-        }
-      };
       return {
         register,
         registerTable,
@@ -166,7 +133,6 @@
         handleEdit,
         handleDelete,
         handleSuccess,
-        statusChange,
         disabled,
       };
     },

+import { Switch } from 'ant-design-vue';
 import { BasicColumn } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
+import { useMessage } from '/@/hooks/web/useMessage';
+import { setDictItemStatus } from '/@/api/system/dict';
+import { h } from 'vue';
 
 export const columns: BasicColumn[] = [
   {
@@ -21,8 +25,32 @@ export const columns: BasicColumn[] = [
     title: '状态',
     dataIndex: 'status',
     width: 100,
-    slots: { customRender: 'status' },
+    customRender: ({ record }) => {
+      if (!Reflect.has(record, 'pendingStatus')) {
+        record.pendingStatus = false;
+      }
+      return h(Switch, {
+        checked: record.status === 1,
+        checkedChildren: '已启用',
+        unCheckedChildren: '已禁用',
+        loading: record.pendingStatus,
+        onChange(checked: boolean) {
+          record.pendingStatus = true;
+          const newStatus = checked ? 1 : 0;
+          const { createMessage } = useMessage();
+          setDictItemStatus(record.id, newStatus)
+            .then(() => {
+              record.status = newStatus;
+              createMessage.success(`修改成功`);
+            })
+            .finally(() => {
+              record.pendingStatus = false;
+            });
+        },
+      });
+    },
   },
+
   {
     title: '排序',
     dataIndex: 'sort',