首页

src/components/SubMenus.vue

@@ -27,4 +27,8 @@ const props = defineProps({
         default: () => []
     }
 })
+
+function clickMenu(menu) {
+    console.log(menu)
+}
 </script>

src/router/index.js

@@ -117,6 +117,30 @@ const router = createRouter({
                     meta: {
                         title: '用量统计'
                     }
+                },
+                {
+                    path: 'library',
+                    name: 'library',
+                    component: () => import('../views/LibraryView.vue'),
+                    meta: {
+                        title: '行业知识库'
+                    }
+                },
+                {
+                    path: 'librarySetting',
+                    name: 'librarySetting',
+                    component: () => import('../views/LibrarySettingView.vue'),
+                    meta: {
+                        title: '知识库管理'
+                    }
+                },
+                {
+                    path: 'setting',
+                    name: 'setting',
+                    component: () => import('../views/SettingView.vue'),
+                    meta: {
+                        title: '系统管理'
+                    }
                 }
             ]
         }

src/views/HomeView.vue

@@ -1,5 +1,28 @@
-<script setup></script>
-
 <template>
-    <el-main> </el-main>
+    <el-main>
+        <el-row :gutter="20">
+            <el-col :span="8" :xs="12" :sm="12" :md="8">
+                <el-card shadow="hover">
+                    <div class="flex justify-between items-center">
+                        <el-icon size="60" color="#15A8AA">
+                            <user-circle />
+                        </el-icon>
+                        <div class="flex flex-col items-end">
+                            <span class="text-[#999] text-base">使用时长</span>
+                            <span class="text-2xl font-bold mt-2">{{ time }} (天)</span>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
 </template>
+<script setup>
+import { UserCircle } from '@vicons/tabler'
+import { useUserStore } from '@/stores/user'
+import { differenceInCalendarDays } from 'date-fns'
+
+const { user } = useUserStore()
+
+const time = differenceInCalendarDays(new Date(), new Date(user.createdAt))
+</script>

src/views/LibrarySettingView.vue

@@ -0,0 +1,5 @@
+<script setup></script>
+
+<template>
+    <el-main>暂未开放 </el-main>
+</template>

src/views/LibraryView.vue

@@ -0,0 +1,5 @@
+<script setup></script>
+
+<template>
+    <el-main>暂未开放 </el-main>
+</template>

src/views/MainView.vue

@@ -55,7 +55,7 @@ import SideMenu from '@/components/SideMenu.vue'
 import { useRoute } from 'vue-router'
 import { ref, watch, shallowRef, inject } from 'vue'
 import LogoSvg from '@/components/LogoSvg.vue'
-import { User, MoodSmile, Wallet, Home, ExternalLink, Menu2, Settings, Users, License,Database } from '@vicons/tabler'
+import { User, MoodSmile, Wallet,Notebook, Home, Files, Menu2, Settings, Users, License,Database } from '@vicons/tabler'
 import UserAvatar from '@/components/UserAvatar.vue'
 import ChangePwd from '@/components/ChangePwd.vue'
 import { http } from '@/plugins/http'
@@ -190,6 +190,21 @@ http.get(`/auth/admin/getRole`).then((res) => {
                 name: 'usageDetail',
                 title: '用量统计',
                 icon: shallowRef(Database)
+            },
+            {
+                name: 'library',
+                title: '行业知识库',
+                icon: shallowRef(Notebook)
+            },
+            {
+                name: 'librarySetting',
+                title: '知识库管理',
+                icon: shallowRef(Files)
+            },
+            {
+                name: 'setting',
+                title: '系统管理',
+                icon: shallowRef(Settings)
             }
         ]
     }

src/views/SettingView.vue

@@ -0,0 +1,5 @@
+<script setup></script>
+
+<template>
+    <el-main>暂未开放 </el-main>
+</template>