feat(config): 添加自定义首页配置并优化导航功能
-增加自定义首页配置项,支持设置不同的首页组件 -优化导航功能,添加固定首页到导航栏 - 重构路由生成逻辑,支持自定义签到页和首页 - 更新组件以适应新的导航结构
This commit is contained in:
@@ -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) {
|
||||
|
||||
@@ -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()
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user