From 984a03c3394379355be534cf83ec93f09d58389d Mon Sep 17 00:00:00 2001
From: juetan <contact@juetan.cn>
Date: Thu, 21 Dec 2023 12:22:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E7=B4=A0=E6=9D=90?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Dockerfile                                    |   2 -
 src/pages/_layout/components/userDropdown.vue |   5 +-
 .../material/components/AnCategory.vue        | 110 ++++++++++++++++++
 src/pages/content/material/index.vue          |  10 +-
 src/pages/system/dict/index.vue               |  13 ++-
 5 files changed, 130 insertions(+), 10 deletions(-)
 create mode 100644 src/pages/content/material/components/AnCategory.vue

diff --git a/Dockerfile b/Dockerfile
index f1d3db6..d25b13d 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,5 +1,4 @@
 FROM node:20-alpine as builder
-
 # 指定工作目录方便下一阶段引用
 WORKDIR /app
 # 启用pnpm功能(v16+)
@@ -14,7 +13,6 @@ COPY . .
 RUN pnpm build
 
 FROM nginx:alpine
-
 # 复制产物
 COPY --from=builder /app/dist /usr/share/nginx/html
 # 复制nginx配置
diff --git a/src/pages/_layout/components/userDropdown.vue b/src/pages/_layout/components/userDropdown.vue
index b2a41ab..c0d46d7 100644
--- a/src/pages/_layout/components/userDropdown.vue
+++ b/src/pages/_layout/components/userDropdown.vue
@@ -11,13 +11,14 @@
       <password-modal></password-modal>
     </span>
     <template #content>
-      <a-doption>
+      <a-doption class="bg-transparent!">
         <div class="w-[200px] flex items-center gap-2">
           <a-avatar :size="32">
             <img :src="userStore.avatar || 'https://github.com/juetan.png'" :alt="userStore.nickname" />
           </a-avatar>
           <div class="leading-4 my-2">
             {{ userStore.nickname }}
+            <span class="text-xs text-gray-400">(管理员)</span>
             <div class="text-xs text-gray-500">@{{ userStore.username }}</div>
           </div>
         </div>
@@ -33,7 +34,7 @@
         <template #icon>
           <i class="icon-park-outline-user"></i>
         </template>
-        个人设置
+        账号信息
       </a-doption>
       <a-doption @click="router.push('/my')">
         <template #icon>
diff --git a/src/pages/content/material/components/AnCategory.vue b/src/pages/content/material/components/AnCategory.vue
new file mode 100644
index 0000000..068f139
--- /dev/null
+++ b/src/pages/content/material/components/AnCategory.vue
@@ -0,0 +1,110 @@
+<template>
+  <CategoryTable />
+</template>
+
+<script setup lang="tsx">
+import { api } from '@/api';
+import { useCreateColumn, useTable, useUpdateColumn } from '@/components/AnTable';
+import { listToTree } from '@/utils/listToTree';
+
+const { component: CategoryTable } = useTable({
+  columns: [
+    {
+      title: '分类名称',
+      dataIndex: 'title',
+      render: ({ record }) => (
+        <div class="flex flex-col overflow-hidden">
+          <span>
+            {record.name}
+          <span class="text-gray-400 text-xs truncate ml-2">@{record.code}</span>
+          </span>
+          <div class="text-gray-400 text-xs truncate mt-0.5">{record.description}</div>
+        </div>
+      ),
+    },
+    useCreateColumn(),
+    useUpdateColumn(),
+    {
+      type: 'button',
+      title: '操作',
+      width: 120,
+      buttons: [
+        {
+          type: 'modify',
+          text: '修改',
+        },
+        {
+          type: 'delete',
+          text: '删除',
+          onClick({ record }) {
+            return api.category.delCategory(record.id);
+          },
+        },
+      ],
+    },
+  ],
+  source: async model => {
+    const res = await api.fileCategory.getFileCategorys(model);
+    const data = listToTree(res.data.data ?? []);
+    return { data: { data, total: (res.data as any).total } };
+  },
+  search: [
+    {
+      field: 'name',
+      label: '分类名称',
+      setter: 'search',
+      enterable: true,
+      searchable: true,
+    },
+  ],
+  create: {
+    title: '添加分类',
+    width: 580,
+    items: [
+      {
+        field: 'name',
+        label: '名称',
+        setter: 'input',
+        required: true,
+      },
+      {
+        field: 'code',
+        label: '别名',
+        setter: 'input',
+        required: true,
+        setterProps: {
+          placeholder: '只包含字母、小数和连字符'
+        }
+      },
+      {
+        field: 'description',
+        label: '备注',
+        setter: 'textarea',
+        required: false,
+      },
+    ],
+    submit: model => {
+      return api.fileCategory.addFileCategory(model as any);
+    },
+  },
+  modify: {
+    extend: true,
+    title: '修改分类',
+    submit: model => {
+      return api.fileCategory.setFileCategory(model.id, model as any);
+    },
+  },
+});
+</script>
+
+<style scoped></style>
+
+<route lang="json">
+{
+  "meta": {
+    "sort": 10300,
+    "title": "分类管理",
+    "icon": "icon-park-outline-category-management"
+  }
+}
+</route>
diff --git a/src/pages/content/material/index.vue b/src/pages/content/material/index.vue
index 3864bce..582410c 100644
--- a/src/pages/content/material/index.vue
+++ b/src/pages/content/material/index.vue
@@ -15,7 +15,13 @@
             </div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="2" title="分类管理"></a-tab-pane>
+        <a-tab-pane key="2" title="分类管理">
+          <div class="overflow-hidden grid grid-cols-[auto_1fr] gap-2 m-4 mt-1">
+            <div class="bg-white p-4">
+              <AnCategory></AnCategory>
+            </div>
+          </div>
+        </a-tab-pane>
         <a-tab-pane key="3" title="显示设置"></a-tab-pane>
       </a-tabs>
     </template>
@@ -27,7 +33,7 @@ import { FileCategory, api } from '@/api';
 import { useCreateColumn, useTable, useTableDelete, useUpdateColumn } from '@/components/AnTable';
 import { Message } from '@arco-design/web-vue';
 import numeral from 'numeral';
-import AnGroup from './components/AnGroup.vue';
+import AnCategory from './components/AnCategory.vue';
 import AnPreview from './components/AnPreview.vue';
 import AnUpload from './components/AnUpload.vue';
 import { getIcon } from './components/util';
diff --git a/src/pages/system/dict/index.vue b/src/pages/system/dict/index.vue
index e05a204..9c295d6 100644
--- a/src/pages/system/dict/index.vue
+++ b/src/pages/system/dict/index.vue
@@ -8,10 +8,15 @@
         <ani-group :current="current" @change="onTypeChange"></ani-group>
       </div>
       <div class="bg-white p-4">
-        <a-alert :show-icon="false" class="mb-3 !border-brand-500">
-          <span class="text-brand-500 font-bold">{{ current?.name }}</span>
-          <div class="mt-1">描述：{{ current?.description }}</div>
-        </a-alert>
+        <div :show-icon="false" class="rounded mb-3 bg-gray-100 px-4 py-3">
+          <span class="text-base">
+            <i class="icon-park-outline-folder-close"></i>
+            {{ current?.name }}
+          </span>
+          <div class="mt-1.5 text-gray-500">
+            描述：{{ current?.description }}
+          </div>
+        </div>
         <dict-table></dict-table>
       </div>
     </div>