菜单添加标签

web/domain/iCategoryItem.ts

@@ -11,6 +11,8 @@ export interface ICategoryItem {
   image: ISysFileInfo | string;
   /** 跳转链接 */
   link?: string;
+  /** 导航标签（字符串数组） */
+  tag?: string[];
   /** 状态：0=启用，1=禁用 */
   status: number;
   /** 排序 */

web/locales/en_US/system/category.ts

@@ -28,6 +28,8 @@ export default {
   "system.category.item.image.required": "Item icon is required",
   "system.category.item.link": "Redirect Link",
   "system.category.item.link.placeholder": "Enter redirect link",
+  "system.category.item.tag": "Tags",
+  "system.category.item.tag.placeholder": "Type and press Enter to add a tag",
   "system.category.item.status": "Status",
   "system.category.item.status.required": "Status is required",
   "system.category.item.status.normal": "Active",

web/locales/zh_CN/system/category.ts

@@ -28,6 +28,8 @@ export default {
   "system.category.item.image.required": "导航图标不能为空",
   "system.category.item.link": "跳转链接",
   "system.category.item.link.placeholder": "请输入跳转链接",
+  "system.category.item.tag": "标签",
+  "system.category.item.tag.placeholder": "输入后按回车添加标签",
   "system.category.item.status": "状态",
   "system.category.item.status.required": "状态不能为空",
   "system.category.item.status.normal": "启用",

web/pages/system/category/item.tsx

@@ -1,5 +1,5 @@
 import XinTable from '@/components/XinTable';
-import { Badge, Button, Image, Space, Typography } from 'antd';
+import { Badge, Button, Image, Space, Tag, Typography } from 'antd';
 import { LeftOutlined } from '@ant-design/icons';
 import type { ICategoryItem } from '@/domain/iCategoryItem';
 import type { XinTableColumn } from '@/components/XinTable/typings';
@@ -98,6 +98,29 @@ export default function CategoryItemPage() {
         placeholder: t('system.category.item.link.placeholder'),
       },
     },
+    {
+      title: t('system.category.item.tag'),
+      dataIndex: 'tag',
+      valueType: 'select',
+      colProps: { span: 24 },
+      hideInSearch: true,
+      fieldProps: {
+        mode: 'tags',
+        placeholder: t('system.category.item.tag.placeholder'),
+      },
+      render: (value: string[] | string | null) => {
+        if (!value) return '-';
+        const tags = Array.isArray(value) ? value : [value];
+        if (tags.length === 0) return '-';
+        return (
+          <Space size={[4, 4]} wrap>
+            {tags.map((tag) => (
+              <Tag key={tag} color="blue">{tag}</Tag>
+            ))}
+          </Space>
+        );
+      },
+    },
     {
       title: t('system.category.item.status'),
       dataIndex: 'status',
@@ -188,12 +211,14 @@ export default function CategoryItemPage() {
           if (mode === 'create') {
             await Create('/system/category/item', {
               ...values,
+              tag: values.tag ?? [],
               category_id: currentCategory.id,
             });
             window.$message?.success(t('system.category.item.createSuccess'));
           } else {
             await Update('/system/category/item/' + defaultValue?.id, {
               ...values,
+              tag: values.tag ?? [],
               category_id: currentCategory.id,
             });
             window.$message?.success(t('system.category.item.updateSuccess'));