新建存储

src/components/sidebar.vue

@@ -59,7 +59,7 @@ interface MenuItem {
 const menuItems: MenuItem[] = [
   { path: '/controlPanel/overview', name: '总览', icon: HomeOutlined },
   { path: '/controlPanel/container', name: '容器实例', icon: ConsoleSqlOutlined },
-  // { path: '/controlPanel/fileStore', name: '文件存储', icon: FolderOpenOutlined },
+  { path: '/controlPanel/fileStore', name: '文件存储', icon: FolderOpenOutlined },
   { path: '/controlPanel/image', name: '镜像', icon: GlobalOutlined },
   { path: '/controlPanel/publicData', name: '公开数据', icon: LaptopOutlined },
   {

src/router/index.ts

@@ -249,6 +249,12 @@ const routes: RouteRecordRaw[] = [
             name: "Image",
             component: () => import("@/views/admin/image/index.vue"),
           },
+
+          {
+            path: "fileStore",
+            name: "fileStore",
+            component: () => import("@/views/admin/fileStore/index.vue"),
+          },
           {
             path: "contract",
             name: "contract",

src/views/admin/index.vue

@@ -23,15 +23,16 @@
 </template>
 
 <script lang="ts" setup>
-import { h, reactive, computed,watch } from 'vue';
-import { useRouter,useRoute } from 'vue-router';
+import { h, reactive, computed } from 'vue';
+import { useRouter } from 'vue-router';
 import {
   HomeOutlined,
   ConsoleSqlOutlined,
   GlobalOutlined,
   MoneyCollectOutlined,
   TeamOutlined,
-  AppstoreAddOutlined
+  AppstoreAddOutlined,
+  InboxOutlined,
 } from '@ant-design/icons-vue';
 import type { MenuMode, MenuTheme } from 'ant-design-vue';
 
@@ -39,9 +40,7 @@ import type { MenuMode, MenuTheme } from 'ant-design-vue';
 import type { MenuProps } from 'ant-design-vue';
 
 const router = useRouter();
-watch(() => router.currentRoute.value.path, (newPath) => {
-  state.selectedKeys = [newPath];
-});
+
 // 定义菜单原始数据
 interface MenuItem {
   path: string;
@@ -56,9 +55,10 @@ const menuItems: MenuItem[] = [
   { path: '/layout/admin/home', name: '总览', icon: HomeOutlined, visible: true },
   { path: '/layout/admin/instance', name: '容器实例', icon: ConsoleSqlOutlined, visible: true },
   { path: '/layout/admin/image', name: '镜像', icon: GlobalOutlined, visible: true },
+  { path: '/layout/admin/fileStore', name: '文件存储', icon: InboxOutlined, visible: true },
   {
     path: '',
-    name: '费用中心',
+    name: '费用',
     icon: MoneyCollectOutlined,
     visible: true,
     children: [
@@ -79,19 +79,18 @@ const menuItems: MenuItem[] = [
   },
   {
     path: '',
-    name: '我的账号',
+    name: '账号',
     icon: TeamOutlined,
     visible: true,
     children: [
-      // { path: '/layout/admin/security', name: '账号安全', visible: true },
-      // { path: '/layout/admin/history', name: '访问记录', visible: true },
+      { path: '/layout/admin/security', name: '账号安全', visible: true },
+      { path: '/layout/admin/history', name: '访问记录', visible: true },
       { path: '/layout/admin/accountSet', name: '账户设置', visible: true },
       { path: '/layout/admin/realnameAuth', name: '实名认证', visible: true },
       { path: '/layout/admin/myCertificate', name: '我的算力券', visible: true },
       { path: '/layout/admin/myInvite', name: '我的邀请', visible: true },
       { path: '/layout/admin/msgCenter', name: '消息中心', visible: true },
       { path: '/layout/admin/bankCard', name: '银行卡管理', visible: true },
-      { path: '/layout/admin/invoices', name: '发票抬头管理', visible: true },
     ],
   },
 ];