You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

423 lines
13 KiB

import Vue from 'vue';
import VueRouter from 'vue-router';
import store from '../store';
import HomeView from '../views/HomeView.vue';
// import UserPosts from '../views/UserPosts.vue';
// import Franchise from '../views/Franchise.vue'
Vue.use(VueRouter)
// 侧边导航黑名单
const blackSliderList = [
'/register', '/franchise','/agent/siteServiceList'
];
// 一级路由
let first_child_router = []
//头部导航黑名单 不需要添加头部的放置在这里,其余默认显示头部
const blackHeaderList = [
'/franchise'
];
const blackFooterList = [
'/', '/franchise'
];
// const whiteSlideList = ['/', '/ui',
// '/agent/siteList',
// '/agent/siteBaseSetting',
// '/agent/siteSemSetting',
// '/siteBaseSetting',
// '/sitePersonalization'
// ]; //侧边导航白名单
// const whiteHeaderList = ['/', '/ui', '/agent/siteList', '/register', '/configureServicePrices', '/siteList','/siteSetting/siteBaseSetting','/siteSetting/sitePersonalization'
// ,'/siteSetting/siteH5','/siteSetting/siteSem','/pageTemplete','/demo',
// '/super/ranking/yearProfit', '/super/ranking/monthProfit', '/super/ranking/checkProfit', '/super/ranking/checkOrdernum',
// '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew',
// '/super/ranking/purchase','/super/ranking/stagePurchase','/super/ranking/loss'
// ]; //头部导航白名单
//底部白名单 暂时废弃,在页面独立添加组件
// const whiteFooterList = ['/', '/ui', '/agent/siteList', '/configureServicePrices',
// '/super/ranking/yearProfit', '/super/ranking/monthProfit', '/super/ranking/checkProfit', '/super/ranking/checkOrdernum',
// '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew',
// '/super/ranking/purchase','/super/ranking/stagePurchase','/super/ranking/loss'
// ];
const routes = [{
path: '/',
name: '首页',
component: HomeView,
isFirst: true, //是否属于一级路由
meta: {
title: '首页', //面包屑名称(此页面确认不需要放置在面包屑可以不添加此属性;如果获取不到title 会自动 获取 name 作为面包屑名称)
hideBreadcrumb: true // 是否隐藏面包屑
}
},
{
path: '/register',
name: 'register',
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import( /* webpackChunkName: "register" */ '../views/Register.vue'),
},
{
path: '/ui',
name: 'ui组件',
isFirst: true,
component: () => import( /* webpackChunkName: "ui" */ '../views/elementGroups.vue'),
meta: {
title: '公共组件示例',
hideBreadcrumb: true, // 一级页面不显示面包屑
// breadcrumbParent:'首页'
}
},
{
path: '/agent/siteList',
name: '站点列表',
isFirst: true,
component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteList.vue'),
meta: {
title: '站点列表',
breadcrumbParent: '首页',
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/agent/siteServiceList',
name: '服务列表',
isFirst: true,
component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteServiceList.vue'),
meta: {
title: '服务列表',
breadcrumbParent: '站点列表',
// hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/agent/siteBaseSetting',
name: '站点基本设置',
component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteBaseSetting.vue'),
meta: {
title: '站点设置',
breadcrumbParent: '站点列表' // 手动指定父级
// 如果想隐藏中间层级
// breadcrumbParent: '首页', // 跳过医生信息
// hideInBreadcrumb: true // 可选:隐藏当前项
}
},
{
path: '/agent/siteSemSetting',
name: '营销推广',
component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteSemSetting.vue'),
meta: {
title: '站点设置',
breadcrumbParent: '站点列表' // 手动指定父级
}
},
// {
// path: '/agent/SitePersonalization',
// name: '个性化设置',
// // route level code-splitting
// // this generates a separate chunk (about.[hash].js) for this route
// // which is lazy-loaded when the route is visited.
// component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/SitePersonalization.vue')
// },
{
path: '/agent/payList',
isFirst: true,
name: '收款方式',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/payList.vue'),
meta: {
title: '收款方式',
breadcrumbParent: '首页',
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/franchise',
name: '加盟',
component: () => import( /* webpackChunkName: "franchise" */ '../views/Franchise.vue'),
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/configureServicePrices',
name: '配置服务价格',
component: () => import( /* webpackChunkName: "configureServicePrices" */ '../views/ConfigureServicePrices.vue')
},
// 暂时废弃
// {
// path: '/siteSetting',
// name: '站点设置',
// component: () => import( /* webpackChunkName: "SiteSetting" */ '../views/SiteSetting.vue'),
// children: [
// {
// path: '', // 默认子路由
// redirect: () => import( /* webpackChunkName: "siteBaseSetting" */ '../views/SiteBaseSetting.vue') // 重定向到第一个页面
// },
// {
// path: 'siteBaseSetting',
// name: '站点基础设置',
// component: () => import( /* webpackChunkName: "siteBaseSetting" */ '../views/SiteBaseSetting.vue'),
// },
// {
// path: 'sitePersonalization',
// name: '个性化设置',
// component: () => import( /* webpackChunkName: "sitePersonalization" */ '../views/SitePersonalization.vue')
// },
// {
// path: 'siteH5',
// name: '移动端设置',
// component: () => import( /* webpackChunkName: "siteH5" */ '../views/SiteH5.vue')
// },
// {
// path: 'demoTable', // 默认子路由
// name: '测试页面',
// redirect: () => import( /* webpackChunkName: "demoTable" */ '../views/DemoTable.vue') // 重定向到第一个页面
// },
// ]
// },
{
path: '/pageTemplete',
name: '网页模板',
component: () => import( /* webpackChunkName: "pageTemplete" */ '../views/PageTemplete.vue')
},
// -----------------分隔符-----------
// 管理员start
{
path: '/super/ranking/yearProfit',
name: '年排行',
component: () => import( /* webpackChunkName: "Rankåing" */ '../views/super/Ranking/RankDetail.vue'),
props: {
pageTitle: '总利润 - 年排行',
rank_type: 1,
type: 'year',
showDateSelect: false
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/monthProfit',
name: '月排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
props: {
pageTitle: '总利润 - 月排行',
rank_type: 1,
type: 'month',
showDateSelect: true
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/checkProfit',
name: '产品毛利润排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
props: {
pageTitle: '产品 - 毛利润排行',
rank_type: 1,
type: 'check_type'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/checkOrdernum',
name: '产品订单数排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
props: {
pageTitle: '产品 - 订单数排行',
rank_type: 2,
type: 'check_type'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/checkRefund',
name: '产品退单数排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
props: {
pageTitle: '产品 - 退单数排行',
rank_type: 3,
type: 'check_type'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/loss',
name: '产品负毛利排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
props: {
pageTitle: '产品 - 负毛利排行',
rank_type: 5,
type: 'loss'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/agentProfit',
name: '代理商毛利润排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
props: {
pageTitle: '代理商 - 毛利润排行',
rank_type: 1,
type: 'agent'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/agentRecharge',
name: '代理商充值排行',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankBatchList.vue'),
props: {
pageTitle: '代理商 - 充值排行',
rank_type: 4,
type: 'agent'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/agentNew',
name: '代理商新加盟',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
props: {
pageTitle: '代理商 - 新加盟',
type: 'agentnew',
showDateSelect: false
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/purchase',
name: '采购价',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Purchase.vue'),
props: {
pageTitle: '设置 - 采购价',
type: 'purchase'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/stagePurchase',
name: '阶段采购价',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/Purchase.vue'),
props: {
pageTitle: '设置 - 阶段采购',
type: 'stagePurchase'
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/detail',
name: '详情',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
props: {
pageTitle: '详情',
type: 'day',
showDateSelect: false,
lookMore: false
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/list',
name: '列表',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankList.vue'),
props: {
pageTitle: '详情',
showDateSelect: false,
lookMore: false
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
{
path: '/super/ranking/order',
name: '订单统计',
component: () => import( /* webpackChunkName: "Ranking" */ '../views/super/Ranking/RankDetail.vue'),
props: {
pageTitle: '订单统计',
type: 'order',
showDateSelect: false
},
meta: {
hideBreadcrumb: true // 一级页面不显示面包屑
}
},
// 管理员end
]
first_child_router = routes.filter(item => item.isFirst);
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
router.beforeEach((to, from, next) => {
if (blackSliderList.includes(to.path)) {
store.commit('SET_SIDEBAR', false); // 黑名单内页面不显示侧边栏
} else {
store.commit('SET_SIDEBAR', true); // 其他页面显示侧边栏
// 一级页面 侧边栏显示 统一化
if (first_child_router.length > 0) {
first_child_router.forEach(item => {
if (item.path == to.path) {
store.commit('SET_CUSTOMIZE', false);
store.commit('SET_SLIDER_MENU', 'menuData');
}
})
}
if (to.path.includes('/super/ranking/')) { //匹配包含此路径的 侧边栏数据
store.commit('SET_CUSTOMIZE', false);
store.commit('SET_SLIDER_MENU', 'rankMenuData');
}
}
if (blackFooterList.includes(to.path)) {
store.commit('SET_FOOTER', false); // 页面不显示底部
} else {
store.commit('SET_FOOTER', true); // 其他页面显示底部
}
if (blackHeaderList.includes(to.path)) {
store.commit('SET_HEADER', false); // 不显示顶部
} else {
store.commit('SET_HEADER', true); // 其他页面显示顶部
}
store.dispatch('showLoading')
next();
});
router.afterEach(() => {
// 添加延迟确保过渡效果
setTimeout(() => {
store.dispatch('hideLoading')
}, 300)
})
export default router