chore: 修改菜单

package-lock.json

@@ -14,6 +14,7 @@
         "@ezijing/ai-core": "^1.0.0",
         "@ezijing/ai-vue": "^1.0.37",
         "@fortaine/fetch-event-source": "^3.0.6",
+        "@remixicon/vue": "^4.7.0",
         "@tinymce/tinymce-vue": "^5.0.1",
         "@vue-flow/controls": "^1.1.2",
         "@vue-flow/core": "^1.39.0",
@@ -1247,6 +1248,15 @@
       "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
       "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
     },
+    "node_modules/@remixicon/vue": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@remixicon/vue/-/vue-4.7.0.tgz",
+      "integrity": "sha512-kwl1BIEnNoZ5IZ4NJZPOQmA2PfxKlOmogWcJBStuDynoyYpsYSvU22ZkerpdofgjsLS/FiLKhJ/ddpP8U8znVw==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "vue": ">= 3"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.29",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",

package.json

@@ -21,6 +21,7 @@
     "@ezijing/ai-core": "^1.0.0",
     "@ezijing/ai-vue": "^1.0.37",
     "@fortaine/fetch-event-source": "^3.0.6",
+    "@remixicon/vue": "^4.7.0",
     "@tinymce/tinymce-vue": "^5.0.1",
     "@vue-flow/controls": "^1.1.2",
     "@vue-flow/core": "^1.39.0",

src/stores/menu.ts

 import type { IMenuItem } from '@/types'
 import { defineStore } from 'pinia'
 import { useUserStore } from '@/stores/user'
-import { Document, DocumentChecked } from '@element-plus/icons-vue'
 
 import IconMetadata from '@/components/icon/IconMetadata.vue'
 import IconConnect from '@/components/icon/IconConnect.vue'
@@ -23,12 +22,25 @@ import IconMiniProgram from '@/components/icon/IconMiniProgram.vue'
 import IconCard from '@/components/icon/IconCard.vue'
 import IconEvent from '@/components/icon/IconEvent.vue'
 import IconMarket from '@/components/icon/IconMarket.vue'
-import IconLive from '@/components/icon/IconLive.vue'
-import IconLiveProductCategory from '@/components/icon/IconLiveProductCategory.vue'
-import IconLiveProductAttr from '@/components/icon/IconLiveProductAttr.vue'
-import IconLiveProductManagement from '@/components/icon/IconLiveProductManagement.vue'
-import IconLiveTalk from '@/components/icon/IconLiveTalk.vue'
-import IconLiveTest from '@/components/icon/IconLiveTest.vue'
+import {
+  RiLiveLine,
+  RiFoldersLine,
+  RiPriceTag3Line,
+  RiShoppingBagLine,
+  RiMessage3Line,
+  RiVideoLine,
+  RiShoppingCartLine,
+  RiArticleLine,
+  RiFileChartLine,
+  RiGlobalLine,
+  RiLightbulbLine,
+  RiSoundModuleLine,
+  RiLineChartLine,
+  RiUserLine,
+  RiGroupLine,
+  RiCalendarEventLine,
+  RiBarChartLine,
+} from '@remixicon/vue'
 
 interface State {
   studentMenus: IMenuItem[]
@@ -164,16 +176,16 @@ const studentMenus: IMenuItem[] = [
     id: 20,
     name: '直播',
     path: '/live',
-    icon: markRaw(IconLive),
+    icon: markRaw(RiLiveLine),
     children: [
       {
         id: 23,
         name: '商品管理',
         path: '/live/product/management',
-        icon: markRaw(IconLiveProductManagement),
+        icon: markRaw(RiShoppingBagLine),
       },
-      { id: 24, name: '直播话术管理', path: '/live/talk', icon: markRaw(IconLiveTalk) },
-      { id: 25, name: '直播', path: '/live/test', icon: markRaw(IconLiveTest) },
+      { id: 24, name: '直播话术管理', path: '/live/talk', icon: markRaw(RiMessage3Line) },
+      { id: 25, name: '直播', path: '/live/test', icon: markRaw(RiVideoLine) },
     ],
   },
   {
@@ -182,10 +194,10 @@ const studentMenus: IMenuItem[] = [
     path: '/analyze',
     icon: markRaw(IconAnalyze),
     children: [
-      { id: 27, name: '用户分析', path: '/analyze/user' },
-      { id: 28, name: '标签群组分析', path: '/analyze/label' },
-      { id: 29, name: '事件分析', path: '/analyze/event' },
-      { id: 30, name: '营销分析', path: '/analyze/marketing' },
+      { id: 27, name: '用户分析', path: '/analyze/user', icon: markRaw(RiUserLine) },
+      { id: 28, name: '标签群组分析', path: '/analyze/label', icon: markRaw(RiGroupLine) },
+      { id: 29, name: '事件分析', path: '/analyze/event', icon: markRaw(RiCalendarEventLine) },
+      { id: 30, name: '营销分析', path: '/analyze/marketing', icon: markRaw(RiBarChartLine) },
     ],
   },
 ]
@@ -258,7 +270,7 @@ const adminMenus: IMenuItem[] = [
         id: 71,
         name: '运营策略管理',
         path: '/strategy',
-        icon: markRaw(IconLiveTalk),
+        icon: markRaw(RiMessage3Line),
         // tag: 'experiment_groups',
       },
     ],
@@ -348,39 +360,39 @@ const adminMenus: IMenuItem[] = [
     id: 20,
     name: '直播',
     path: '/live',
-    icon: markRaw(IconLive),
+    icon: markRaw(RiLiveLine),
     children: [
       {
         id: 21,
         name: '商品品类管理',
         path: '/live/product/category',
-        icon: markRaw(IconLiveProductCategory),
+        icon: markRaw(RiFoldersLine),
         // role: [5, 6],
       },
       {
         id: 22,
         name: '商品属性管理',
         path: '/live/product/attr',
-        icon: markRaw(IconLiveProductAttr),
+        icon: markRaw(RiPriceTag3Line),
         // role: [5, 6]
       },
       {
         id: 23,
         name: '商品管理',
         path: '/live/product/management',
-        icon: markRaw(IconLiveProductManagement),
+        icon: markRaw(RiShoppingBagLine),
         // role: [5, 6],
       },
-      { id: 24, name: '直播话术管理', path: '/live/talk', icon: markRaw(IconLiveTalk) },
-      { id: 25, name: '直播', path: '/live/test', icon: markRaw(IconLiveTest) },
-      { id: 201, name: '订单管理', path: '/live/order', icon: markRaw(IconCard) },
-      { id: 202, name: '直播总结管理', path: '/live/reports', icon: markRaw(Document) },
+      { id: 24, name: '直播话术管理', path: '/live/talk', icon: markRaw(RiMessage3Line) },
+      { id: 25, name: '直播', path: '/live/test', icon: markRaw(RiVideoLine) },
+      { id: 201, name: '订单管理', path: '/live/order', icon: markRaw(RiShoppingCartLine) },
+      { id: 202, name: '直播总结管理', path: '/live/reports', icon: markRaw(RiArticleLine) },
 
       {
         id: 203,
         name: '成绩管理',
         path: '/live/score',
-        icon: markRaw(DocumentChecked),
+        icon: markRaw(RiFileChartLine),
         role: [5, 6],
       },
     ],
@@ -391,21 +403,22 @@ const adminMenus: IMenuItem[] = [
     path: '/analyze',
     icon: markRaw(IconAnalyze),
     children: [
-      { id: 27, name: '用户分析', path: '/analyze/user' },
-      { id: 28, name: '标签群组分析', path: '/analyze/label' },
-      { id: 29, name: '事件分析', path: '/analyze/event' },
-      { id: 30, name: '营销分析', path: '/analyze/marketing' },
+      { id: 27, name: '用户分析', path: '/analyze/user', icon: markRaw(RiUserLine) },
+      { id: 28, name: '标签群组分析', path: '/analyze/label', icon: markRaw(RiGroupLine) },
+      { id: 29, name: '事件分析', path: '/analyze/event', icon: markRaw(RiCalendarEventLine) },
+      { id: 30, name: '营销分析', path: '/analyze/marketing', icon: markRaw(RiBarChartLine) },
     ],
   },
   {
     id: 40,
     name: '全媒体运营',
     path: '/operations',
-    icon: markRaw(IconMarket),
+    icon: markRaw(RiGlobalLine),
     children: [
-      { id: 401, name: '创意策划方案', path: '/operations/plan' },
-      { id: 402, name: '视听运营', path: '/operations/audiovisual' },
-      { id: 403, name: '流量运营', path: '/operations/flow' },
+      { id: 401, name: '创意策划方案', path: '/operations/plan', icon: markRaw(RiLightbulbLine) },
+      { id: 402, name: '视听运营', path: '/operations/audiovisual', icon: markRaw(RiSoundModuleLine) },
+      { id: 403, name: '流量运营', path: '/operations/flow', icon: markRaw(RiLineChartLine) },
+      { id: 204, name: '成绩管理', path: '/live/score', icon: markRaw(RiFileChartLine), role: [5, 6] },
     ],
   },
 ]
@@ -443,7 +456,8 @@ export const useMenuStore = defineStore({
 
       // 根据用户角色选择基础菜单
       // const baseMenus = userRole === 1 ? state.studentMenus : state.adminMenus
-      return filterMenus(state.adminMenus)
+      const filteredMenus = filterMenus(state.adminMenus)
+      return filteredMenus.length === 1 ? filteredMenus[0]?.children || [] : filteredMenus
     },
   },
 })