From 8896ad533ad14f7cda4f01e4d1f83fb73e43c07a Mon Sep 17 00:00:00 2001
From: zjl <xx@qq.com>
Date: Mon, 16 Dec 2024 13:07:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=96=87=E4=BB=B6=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E3=80=81=E8=A1=8C=E6=94=BF=E5=8C=BA=E5=88=92customRen?=
 =?UTF-8?q?der=E6=97=A0=E6=95=88BUG=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/data/city/index.vue       | 25 ++++++++++++++++++++++---
 src/views/logger/fileLog/columns.ts |  2 +-
 2 files changed, 23 insertions(+), 4 deletions(-)

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');
     },
   },