简柏林 / thingskit-front · Commits

Commit 386d3d5d0560417332fb52e65c284ff71ad8b6aa

Authored by fengtao
1 parent 84d019c3

pref:优化系统管理-日志管理 操作状态加以Tag颜色区分

Inline Side-by-side
Showing 3 changed files with 24 additions and 6 deletions
... ... @@ -2,6 +2,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
2 2 import moment from 'moment';
3 3 import { findDictItemByCode } from '/@/api/system/dict';
4 4 import { format } from '../util';
  5 +import { h } from 'vue';
  6 +import { Tag } from 'ant-design-vue';
5 7
6 8 //格式化资源类型和操作类型
7 9 let formatText;
... ... @@ -63,8 +65,12 @@ export const columns: BasicColumn[] = [
63 65 title: '操作状态',
64 66 dataIndex: 'actionStatus',
65 67 width: 180,
66   - format: (_, record) => {
67   - return record.actionStatus == 'SUCCESS' ? '成功' : '失败';
  68 + customRender: ({ record }) => {
  69 + const status = record.actionStatus;
  70 + const enable = status === 'SUCCESS' ? '成功' : '失败';
  71 + const color = enable === '成功' ? 'green' : 'red';
  72 + const text = enable === '成功' ? '成功' : '失败';
  73 + return h(Tag, { color }, () => text);
68 74 },
69 75 },
70 76 {
... ...
... ... @@ -2,6 +2,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
2 2 import moment from 'moment';
3 3 import { findDictItemByCode } from '/@/api/system/dict';
4 4 import { format } from '../util';
  5 +import { Tag } from 'ant-design-vue';
  6 +import { h } from 'vue';
5 7
6 8 //格式化资源类型和操作类型
7 9 let formatText;
... ... @@ -64,8 +66,12 @@ export const columns: BasicColumn[] = [
64 66 title: '操作状态',
65 67 dataIndex: 'actionStatus',
66 68 width: 180,
67   - format: (_, record) => {
68   - return record.actionStatus == 'SUCCESS' ? '成功' : '失败';
  69 + customRender: ({ record }) => {
  70 + const status = record.actionStatus;
  71 + const enable = status === 'SUCCESS' ? '成功' : '失败';
  72 + const color = enable === '成功' ? 'green' : 'red';
  73 + const text = enable === '成功' ? '成功' : '失败';
  74 + return h(Tag, { color }, () => text);
69 75 },
70 76 },
71 77 {
... ...
... ... @@ -2,6 +2,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
2 2 import moment from 'moment';
3 3 import { findDictItemByCode } from '/@/api/system/dict';
4 4 import { format } from '../util';
  5 +import { h } from 'vue';
  6 +import { Tag } from 'ant-design-vue';
5 7
6 8 // 表格数据
7 9 export const columns: BasicColumn[] = [
... ... @@ -32,8 +34,12 @@ export const columns: BasicColumn[] = [
32 34 title: '操作状态',
33 35 dataIndex: 'actionStatus',
34 36 width: 180,
35   - format: (_, record) => {
36   - return record.actionStatus == 'SUCCESS' ? '成功' : '失败';
  37 + customRender: ({ record }) => {
  38 + const status = record.actionStatus;
  39 + const enable = status === 'SUCCESS' ? '成功' : '失败';
  40 + const color = enable === '成功' ? 'green' : 'red';
  41 + const text = enable === '成功' ? '成功' : '失败';
  42 + return h(Tag, { color }, () => text);
37 43 },
38 44 },
39 45 {
... ...