Browse Source

feat(config): 实现字典数据状态切换功能

新增字典数据状态切换时自动更新后端数据功能,通过NSwitch组件的onUpdateValue事件触
发fetchUpdateDictData接口调用,实现状态变更的实时同步。
zhangtao 1 week ago
parent
commit
84700d914f
1 changed files with 10 additions and 1 deletions
  1. 10 1
      src/views/config/dict/dict.data.ts

+ 10 - 1
src/views/config/dict/dict.data.ts

@@ -1,5 +1,6 @@
 import { h } from 'vue';
 import { NSwitch, NTag } from 'naive-ui';
+import { fetchUpdateDictData } from '@/service/api/config/dict';
 import type { FormSchema } from '@/components/zt/Form/types/form';
 import DictTag from '@/components/zt/dict-tag/index.vue';
 
@@ -146,7 +147,15 @@ export const columns: NaiveUI.TableColumn<Api.System.DictData>[] = [
     key: 'status',
     align: 'center',
     render(rowData) {
-      return h(NSwitch, { value: Number(rowData.status), uncheckedValue: 1, checkedValue: 0 });
+      return h(NSwitch, {
+        value: Number(rowData.status),
+        uncheckedValue: 1,
+        checkedValue: 0,
+        onUpdateValue: async e => {
+          rowData.status = e;
+          await fetchUpdateDictData(rowData);
+        }
+      });
     }
   },
   {