From 7148e464be9f666dfb69943c6ca2a41b05e7055e Mon Sep 17 00:00:00 2001
From: luoer <luoer@szbeihai.com>
Date: Thu, 23 Nov 2023 17:35:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E5=92=8C=E7=99=BB=E9=99=86?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/content/category/index.vue | 26 +++++++++++--------
 src/pages/system/logl/index.vue      | 39 +++++++++++++++-------------
 2 files changed, 36 insertions(+), 29 deletions(-)

diff --git a/src/pages/content/category/index.vue b/src/pages/content/category/index.vue
index 23bee04..e9da9b6 100644
--- a/src/pages/content/category/index.vue
+++ b/src/pages/content/category/index.vue
@@ -12,27 +12,28 @@ import { listToTree } from '@/utils/listToTree';
 const { component: CategoryTable } = useTable({
   columns: [
     {
-      title: '名称',
+      title: '分类名称',
       dataIndex: 'title',
-      width: 240,
       render: ({ record }) => (
         <div class="flex flex-col overflow-hidden">
-          <span>{record.title}</span>
-          <span class="text-gray-400 text-xs truncate">#{record.slug}</span>
+          <span>
+            {record.title}
+          <span class="text-gray-400 text-xs truncate ml-2">@{record.slug}</span>
+          </span>
+          <div class="text-gray-400 text-xs truncate mt-0.5">{record.description}</div>
         </div>
       ),
     },
-    {
-      title: '描述',
-      dataIndex: 'description',
-    },
     useCreateColumn(),
     useUpdateColumn(),
     {
       type: 'button',
       title: '操作',
-      width: 120,
+      width: 180,
       buttons: [
+        {
+          text: '文章列表',
+        },
         {
           type: 'modify',
           text: '修改',
@@ -67,15 +68,18 @@ const { component: CategoryTable } = useTable({
     items: [
       {
         field: 'title',
-        label: '分类名称',
+        label: '名称',
         setter: 'input',
         required: true,
       },
       {
         field: 'slug',
-        label: '分类别名',
+        label: '别名',
         setter: 'input',
         required: true,
+        setterProps: {
+          placeholder: '只包含字母、小数和连字符'
+        }
       },
       {
         field: 'description',
diff --git a/src/pages/system/logl/index.vue b/src/pages/system/logl/index.vue
index 6e9617d..7ad75cf 100644
--- a/src/pages/system/logl/index.vue
+++ b/src/pages/system/logl/index.vue
@@ -35,34 +35,37 @@ const { component: LoginLogTable } = useTable({
     return api.log.getLoginLogs(model);
   },
   columns: [
-    {
-      title: '登陆账号',
-      dataIndex: 'nickname',
-      width: 140,
-      render({ record }) {
-        return (
-          <div class="overflow-hidden">
-            <i class="icon-park-outline-user mr-2"></i>
-            <span>{record.nickname}</span>
-          </div>
-        );
-      },
-    },
+    // {
+    //   title: '登陆账号',
+    //   dataIndex: 'nickname',
+    //   width: 140,
+    //   render({ record }) {
+    //     return (
+    //       <div class="overflow-hidden">
+    //         <i class="icon-park-outline-user mr-2"></i>
+    //         <span>{record.nickname}</span>
+    //       </div>
+    //     );
+    //   },
+    // },
     {
       title: '操作描述',
       dataIndex: 'description',
-      render: ({ record: { status, description } }) => {
+      render: ({ record }) => {
         return (
-          <span>
+          <div class="flex items-center gap-2">
             <span
               class={
-                status === null || status
+                record.status === null || record.status
                   ? 'text-base text-green-500 icon-park-outline-check-one mr-2'
                   : 'text-base text-red-500 icon-park-outline-close-one mr-2'
               }
             ></span>
-            {description}
-          </span>
+            <div>
+              <div>{record.nickname}</div>
+              <div class="text-xs text-gray-400">{record.description}</div>
+            </div>
+          </div>
         );
       },
     },