diff --git a/src/views/data/city/index.vue b/src/views/data/city/index.vue index f044be5..aa06a12 100644 --- a/src/views/data/city/index.vue +++ b/src/views/data/city/index.vue @@ -44,7 +44,7 @@ import editDialog from './edit.vue'; import { TableAction } from '@/components/Table'; import { renderIcon } from '@/utils'; - import { useMessage, useDialog } from 'naive-ui'; + import { useMessage, useDialog, NTag } from 'naive-ui'; /** * 定义参数变量 @@ -65,28 +65,47 @@ title: '城市级别', key: 'level', width: 100, - customRender({ record }) { + render(record) { let levelText = ''; + let color = ''; switch (record.level) { case 0: levelText = '省份'; + color = 'success'; break; case 1: levelText = '城市'; + color = 'primary'; break; case 2: levelText = '县区'; + color = 'warning'; break; case 3: levelText = '街道'; + color = 'info'; break; case 4: levelText = '居委会'; + color = 'error'; break; default: break; } - return h('span', levelText || '-'); + // return h('span', levelText || '-'); + return h( + NTag, + { + style: { + marginRight: '6px', + }, + bordered: false, + type: color, + }, + { + default: () => levelText, + }, + ); }, }, { diff --git a/src/views/logger/fileLog/columns.ts b/src/views/logger/fileLog/columns.ts index 037d5b3..af78281 100644 --- a/src/views/logger/fileLog/columns.ts +++ b/src/views/logger/fileLog/columns.ts @@ -77,7 +77,7 @@ export const columns = [ title: '文件大小', key: 'fileSize', width: 100, - customRender({ record }) { + render(record) { return h('span', record.fileSize + 'B'); }, },