简柏林 / 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,6 +2,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
2 import moment from 'moment'; 2 import moment from 'moment';
3 import { findDictItemByCode } from '/@/api/system/dict'; 3 import { findDictItemByCode } from '/@/api/system/dict';
4 import { format } from '../util'; 4 import { format } from '../util';
  5 +import { h } from 'vue';
  6 +import { Tag } from 'ant-design-vue';
5 7
6 //格式化资源类型和操作类型 8 //格式化资源类型和操作类型
7 let formatText; 9 let formatText;
@@ -63,8 +65,12 @@ export const columns: BasicColumn[] = [ @@ -63,8 +65,12 @@ export const columns: BasicColumn[] = [
63 title: '操作状态', 65 title: '操作状态',
64 dataIndex: 'actionStatus', 66 dataIndex: 'actionStatus',
65 width: 180, 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,6 +2,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
2 import moment from 'moment'; 2 import moment from 'moment';
3 import { findDictItemByCode } from '/@/api/system/dict'; 3 import { findDictItemByCode } from '/@/api/system/dict';
4 import { format } from '../util'; 4 import { format } from '../util';
  5 +import { Tag } from 'ant-design-vue';
  6 +import { h } from 'vue';
5 7
6 //格式化资源类型和操作类型 8 //格式化资源类型和操作类型
7 let formatText; 9 let formatText;
@@ -64,8 +66,12 @@ export const columns: BasicColumn[] = [ @@ -64,8 +66,12 @@ export const columns: BasicColumn[] = [
64 title: '操作状态', 66 title: '操作状态',
65 dataIndex: 'actionStatus', 67 dataIndex: 'actionStatus',
66 width: 180, 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,6 +2,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
2 import moment from 'moment'; 2 import moment from 'moment';
3 import { findDictItemByCode } from '/@/api/system/dict'; 3 import { findDictItemByCode } from '/@/api/system/dict';
4 import { format } from '../util'; 4 import { format } from '../util';
  5 +import { h } from 'vue';
  6 +import { Tag } from 'ant-design-vue';
5 7
6 // 表格数据 8 // 表格数据
7 export const columns: BasicColumn[] = [ 9 export const columns: BasicColumn[] = [
@@ -32,8 +34,12 @@ export const columns: BasicColumn[] = [ @@ -32,8 +34,12 @@ export const columns: BasicColumn[] = [
32 title: '操作状态', 34 title: '操作状态',
33 dataIndex: 'actionStatus', 35 dataIndex: 'actionStatus',
34 width: 180, 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 {