优化通知公告模块

src/views/data/notice/columns.ts

@@ -12,19 +12,42 @@ export const columns = [
   {
     label: '标题',
     prop: 'title',
+    width: 300,
   },
   {
     label: '类型',
     prop: 'type',
+    // render(record) {
+    //   return h('span', record.row.type === 1 ? '通知' : '公告');
+    // },
     render(record) {
-      return h('span', record.row.type === 1 ? '通知' : '公告');
+      return h(
+        ElTag,
+        {
+          type: record.row.type == 1 ? 'primary' : 'warning',
+        },
+        {
+          default: () => (record.row.type == 1 ? '通知' : '公告'),
+        },
+      );
     },
   },
   {
     label: '状态',
     prop: 'status',
+    // render(record) {
+    //   return h('span', record.row.status === 1 ? '正常' : '关闭')
+    // },
     render(record) {
-      return h('span', record.row.status === 1 ? '正常' : '关闭')
+      return h(
+        ElTag,
+        {
+          type: record.row.status ==1 ? 'success' : 'danger',
+        },
+        {
+          default: () => (record.row.status ==1 ? '正常' : '禁用'),
+        },
+      );
     },
   },
   {