状态显示

src/views/system/user/account.data.ts

 import { getAllRoleList, isAccountExist } from '@/api/demo/system';
 import { BasicColumn, FormSchema } from '@/components/Table';
 import {optionsListApi} from "@/api/demo/select";
+import {h} from "vue";
+import {Tag} from "ant-design-vue";
 
 /**
  * transform mock data
@@ -44,6 +46,13 @@ export const columns: BasicColumn[] = [
     title: '状态',
     dataIndex: 'flag',
     width: 180,
+    customRender: ({ record }) => {
+      const status = record.status;
+      const enable = ~~status === 0;
+      const color = enable ? 'green' : 'red';
+      const text = enable ? '启用' : '停用';
+      return h(Tag, { color: color }, () => text);
+    },
   },
   {
     title: '创建时间',