Browse Source

增加新菜单、路由配置

clientSet-zq-1128
zq 7 days ago
parent
commit
3d4ff6a4c2
  1. 5
      src/components/SetLeftMenu.vue
  2. 74
      src/router/index.js
  3. 72
      src/store/index.js
  4. 0
      src/views/clientSet/catalogPage.vue
  5. 4
      src/views/clientSet/coverInfoPage.vue
  6. 0
      src/views/clientSet/headerPage.vue
  7. 1
      src/views/clientSet/mainTextPage.vue
  8. 0
      src/views/clientSet/referencePage.vue
  9. 0
      src/views/clientSet/summaryPage.vue
  10. 0
      src/views/clientSet/switchPage.vue
  11. 0
      src/views/clientSet/thanksPage.vue

5
src/components/SetLeftMenu.vue

@ -3,9 +3,10 @@
<ul style="margin: 0;">
<li v-for="(item, index) in menuList" :key="item.path + random()">
<div
style="gap: 6px;"
:class="[($route.path == item.path) || (!item.path && curIndex == index) ? 'active' : '', 'flex', ($route.path == item.path) ? curIndex = index : '']" @click="gotoPath(item, index)">
<SvgIcon1 :iconPath="require(`@/assets/${item.img}`)" defaultColor="#8A9099" :size="16" activeColor="#006AFF"
:isActive="($route.path == item.path || (!item.path && curIndex == index))" />
:isActive="($route.path == item.path || (!item.path && curIndex == index))" v-if="item.img"/>
<span class="title_text">{{ item.name }}</span>
</div>
@ -274,7 +275,7 @@ ul{
}
.title_text {
margin-left: 6px;
// margin-left: 6px;
}
ul {

74
src/router/index.js

@ -598,6 +598,74 @@ const routes = [{
}
},
// 排版 end
// 论易排 start
{
path: '/clientSet/coverInfoPage',
name: '封面信息',
component: () => import( /* webpackChunkName: "coverInfoPage" */ '../views/clientSet/coverInfoPage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/mainTextPage',
name: '正文',
component: () => import( /* webpackChunkName: "mainTextPage" */ '../views/clientSet/mainTextPage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/summaryPage',
name: '摘要',
component: () => import( /* webpackChunkName: "summaryPage" */ '../views/clientSet/summaryPage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/catalogPage',
name: '目录',
component: () => import( /* webpackChunkName: "catalogPage" */ '../views/clientSet/catalogPage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/referencePage',
name: '参考文献',
component: () => import( /* webpackChunkName: "referencePage" */ '../views/clientSet/referencePage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/thanksPage',
name: '致谢',
component: () => import( /* webpackChunkName: "thanksPage" */ '../views/clientSet/thanksPage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/headerPage',
name: '页眉页码',
component: () => import( /* webpackChunkName: "headerPage" */ '../views/clientSet/headerPage.vue'),
meta: {
hideBreadcrumb: true
}
},
{
path: '/clientSet/switchPage',
name: '启用开关',
component: () => import( /* webpackChunkName: "switchPage" */ '../views/clientSet/switchPage.vue'),
meta: {
hideBreadcrumb: true
}
},
// 论易排 end
]
first_child_router = routes.filter(item => item.isFirst);
const router = new VueRouter({
@ -645,6 +713,12 @@ router.beforeEach((to, from, next) => {
if (to.path.includes('/super/paiban/')) { //匹配包含此路径的 侧边栏数据
store.commit('SET_SIDEBAR', false);
}
if (to.path.includes('/clientSet/')) { //匹配包含此路径的 侧边栏数据
store.commit('SET_CUSTOMIZE', true);
store.commit('SET_SLIDER_MENU', 'lunyiData');
}
}
if (blackFooterList.includes(to.path)) {
store.commit('SET_FOOTER', false); // 页面不显示底部

72
src/store/index.js

@ -726,8 +726,80 @@ export default new Vuex.Store({
},
]
},
],
// 论易排项目-侧边 可以单项跳转 也可以跳页面
lunyiData: [{
name: '封面信息',
path: '/clientSet/coverInfoPage',
list: [],
},
{
name: '正文',
path: '/clientSet/mainTextPage',
list: [{
name: '正文',
desc: 'mainTextPage',
},
{
name: '正文标题',
desc: 'mainTextTitle'
},
{
name: '正文内容',
desc: 'mainTextContent'
},
{
name: '表格及图片',
desc: 'mainTextTableImage'
}
]
},
{
name: '摘要',
path: '/clientSet/summaryPage',
noToPath:true,
list: [{
name: '摘要标题',
desc: 'summaryTitle'
},
{
name: '摘要正文',
desc: 'summaryContent'
},
{
name: '关键词',
desc: 'summaryKeyWords'
},
]
},
{
name: '目录',
path: '/clientSet/catalogPage',
list: [],
},
{
name: '参考文献',
path: '/clientSet/referencePage',
list: [],
},
{
name: '致谢',
path: '/clientSet/thanksPage',
list: [],
},
{
name: '页眉页码',
path: '/clientSet/headerPage',
list: [],
},
{
name: '启用开关',
path: '/clientSet/switchPage',
list: [],
},
]
},
actions: {
SET_HEADER({
commit

0
src/views/clientSet/catalogPage.vue

4
src/views/clientSet/coverInfoPage.vue

@ -0,0 +1,4 @@
<template>
<div>aksdhkjas</div>
</template>

0
src/views/clientSet/headerPage.vue

1
src/views/clientSet/mainTextPage.vue

@ -0,0 +1 @@

0
src/views/clientSet/referencePage.vue

0
src/views/clientSet/summaryPage.vue

0
src/views/clientSet/switchPage.vue

0
src/views/clientSet/thanksPage.vue

Loading…
Cancel
Save