feat(config): 添加自定义首页配置并优化导航功能

-增加自定义首页配置项,支持设置不同的首页组件
-优化导航功能,添加固定首页到导航栏
- 重构路由生成逻辑,支持自定义签到页和首页
- 更新组件以适应新的导航结构
This commit is contained in:
aixianling
2024-12-23 14:19:00 +08:00
parent 9ff89c19f3
commit b7c0350134
5 changed files with 17 additions and 13 deletions

View File

@@ -1,6 +1,6 @@
<template>
<section class="mainContent">
<ai-nav-tab :fixed="homePage" :routes="routes"/>
<ai-nav-tab :fixed="$HomePage" :routes="routes"/>
<router-view v-if="refresh"/>
</section>
</template>
@@ -11,8 +11,8 @@ import {mapState} from "vuex";
export default {
name: "mainContent",
computed: {
...mapState(['user', 'homePage']),
routes: v => v.user.info?.menuSet?.map(e => ({...e, label: e.name, name: e.id}))
...mapState(['user']),
routes: v => v.user.info?.menuSet?.map(e => ({...e, label: e.name, name: e.component}))
},
watch: {
$route(v, old) {

View File

@@ -28,7 +28,6 @@
<script>
import {mapGetters} from "vuex";
import qs from "querystring";
export default {
name: "sliderNav",
@@ -40,9 +39,10 @@ export default {
},
computed: {
...mapGetters(['mods']),
navs: v => v.sortList(v.menuList),
navs: v => [v.$HomePage,...v.sortList(v.menuList)],
menuPath() {
let paths = [], current = this.mods?.find(e => e.route == this.$route.name)
console.log(this.$route.name)
let paths = [], current = this.mods?.find(e => e.name == this.$route.name)
const findParent = id => {
let menu = this.mods?.find(e => e.id == id)
if (menu) {
@@ -108,7 +108,6 @@ export default {
}
}
list.forEach(e => findParent(e))
console.log(map, list)
this.initMenu(Object.values(map))
} else {
this.initMenu()

View File

@@ -17,6 +17,7 @@ Vue.use(appComp);
Vue.config.productionTip = false;
Vue.prototype.$cdn = "https://cdn.cunwuyun.cn"
Vue.prototype.$request = axios
Vue.prototype.$HomePage = {name: '工作台', label: '工作台', component: extra.homePage || 'console', id: "/v/console", path: '/v/console', style: "iconfont iconNav_Dashborad"}
Object.keys(utils).map((e) => (Vue.prototype[e] = utils[e]));
const loadPage = () => new Vue({router, store, render: h => h(App)}).$mount("#app")
let theme = null