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.
387 lines
15 KiB
387 lines
15 KiB
<template>
|
|
<div :class="{ 'has-logo': showLogo }">
|
|
<logo v-if="showLogo" :collapse="isCollapse" />
|
|
<el-scrollbar wrap-class="scrollbar-wrapper">
|
|
<el-menu :default-active="$route.path" :background-color="variables.menuBg" :text-color="variables.menuText"
|
|
:unique-opened="false" :active-text-color="variables.menuActiveText" :collapse-transition="false"
|
|
mode="vertical">
|
|
<sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
|
|
</el-menu>
|
|
</el-scrollbar>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
mapGetters
|
|
} from "vuex";
|
|
import Logo from "./Logo";
|
|
import SidebarItem from "./SidebarItem";
|
|
import variables from "@/styles/variables.scss";
|
|
import {
|
|
getrolemenus,
|
|
loginDetails
|
|
} from "@/api/system/Role/role.js";
|
|
import {
|
|
getStorage
|
|
} from "@/utils/auth";
|
|
export default {
|
|
components: {
|
|
SidebarItem,
|
|
Logo,
|
|
},
|
|
data() {
|
|
return {
|
|
YongHuid: [],
|
|
// routes: [],
|
|
params: {
|
|
sourceSid: "",
|
|
userSid: "",
|
|
},
|
|
routes: [{
|
|
alwaysShow: true,
|
|
component: "userInfo",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "用户信息",
|
|
},
|
|
name: "/userInfo/index",
|
|
path: "/userInfo/index"
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "marketingCard",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "营销卡设置",
|
|
},
|
|
name: "/marketingCard",
|
|
path: "/marketingCard",
|
|
children: [{
|
|
alwaysShow: true,
|
|
component: "index",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "小程序礼包设置",
|
|
},
|
|
name: "/marketingCard/applet",
|
|
path: "/marketingCard/applet",
|
|
},
|
|
|
|
{
|
|
alwaysShow: true,
|
|
component: "index",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "礼包设置",
|
|
},
|
|
name: "/marketingCard/index",
|
|
path: "/marketingCard/index",
|
|
},
|
|
|
|
{
|
|
alwaysShow: true,
|
|
component: "pickupCardSet",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "个人卡设置",
|
|
},
|
|
name: "/marketingCard/pickupCardSet",
|
|
path: "/marketingCard/pickupCardSet",
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "corporateCardSet",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "企业卡设置",
|
|
},
|
|
name: "/marketingCard/corporateCardSet",
|
|
path: "/marketingCard/corporateCardSet",
|
|
},
|
|
// {
|
|
// alwaysShow: true,
|
|
// component: "grantRecords",
|
|
// meta: {
|
|
// icon: "el-icon-help",
|
|
// title: "发放记录",
|
|
// },
|
|
// name: "/marketingCard/grantRecords",
|
|
// path: "/marketingCard/grantRecords",
|
|
// },
|
|
// {
|
|
// alwaysShow: true,
|
|
// component: "carList",
|
|
// meta: {
|
|
// icon: "el-icon-help",
|
|
// title: "提货卡列表",
|
|
// },
|
|
// name: "/marketingCard/carList",
|
|
// path: "/marketingCard/carList",
|
|
// },
|
|
]
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "carManage",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "营销卡管理",
|
|
},
|
|
name: "/cardManage",
|
|
path: "/cardManage",
|
|
children: [
|
|
|
|
{
|
|
alwaysShow: true,
|
|
component: "person",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "个人卡统计",
|
|
},
|
|
name: "/cardManage/person",
|
|
path: "/cardManage/person",
|
|
},
|
|
|
|
{
|
|
alwaysShow: true,
|
|
component: "enterprise",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "企业卡统计",
|
|
},
|
|
name: "/cardManage/enterprise",
|
|
path: "/cardManage/enterprise",
|
|
}, {
|
|
alwaysShow: true,
|
|
component: "giftCard",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "福利卡统计",
|
|
},
|
|
name: "/cardManage/giftCard",
|
|
path: "/cardManage/giftCard",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "pickupPoint",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "提货地点",
|
|
},
|
|
name: "/pickupPoint/index",
|
|
path: "/pickupPoint/index"
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "network",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "区域管理",
|
|
},
|
|
name: "/network/index",
|
|
path: "/network/index"
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "commodity",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "商品信息",
|
|
},
|
|
name: "/commodity/index",
|
|
path: "/commodity/index"
|
|
},
|
|
|
|
{
|
|
alwaysShow: true,
|
|
component: "order",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "订单管理",
|
|
},
|
|
name: "/order",
|
|
path: "/order",
|
|
children: [{
|
|
alwaysShow: true,
|
|
component: "index",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "订单统计",
|
|
},
|
|
name: "/order/index",
|
|
path: "/order/index",
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "distributionCount",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "网点配货统计",
|
|
},
|
|
name: "/order/distributionCount",
|
|
path: "/order/distributionCount",
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "subBranch",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "区域配货统计",
|
|
},
|
|
name: "/order/subBranch",
|
|
path: "/order/subBranch",
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "allDistributionCount",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "总配货统计",
|
|
},
|
|
name: "/order/allDistributionCount",
|
|
path: "/order/allDistributionCount",
|
|
},
|
|
|
|
]
|
|
},
|
|
|
|
// {
|
|
// alwaysShow: true,
|
|
// component: "order",
|
|
// meta: {
|
|
// icon: "el-icon-menu",
|
|
// title: "订单信息",
|
|
// },
|
|
// name: "/order/index",
|
|
// path: "/order/index"
|
|
// },
|
|
|
|
|
|
{
|
|
alwaysShow: true,
|
|
component: "print",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "电子卡管理",
|
|
},
|
|
name: "/print",
|
|
path: "/print",
|
|
children: [{
|
|
alwaysShow: true,
|
|
component: "index",
|
|
meta: {
|
|
icon: "el-icon-help",
|
|
title: "打印电子卡",
|
|
},
|
|
name: "/print/index",
|
|
path: "/print/index",
|
|
},
|
|
{
|
|
alwaysShow: true,
|
|
component: "print",
|
|
meta: {
|
|
icon: "el-icon-menu",
|
|
title: "打印企业卡",
|
|
},
|
|
name: "/print/enterpriseCrad",
|
|
path: "/print/enterpriseCrad"
|
|
},
|
|
|
|
|
|
]
|
|
},
|
|
|
|
],
|
|
};
|
|
},
|
|
computed: {
|
|
...mapGetters(["sidebar"]),
|
|
// routes() {
|
|
// f4d2e507-c4ed-451c-b364-04c08f962045
|
|
// console.log('78979789', this.$router.options.routes)
|
|
// return this.$router.options.routes
|
|
// },
|
|
activeMenu() {
|
|
// const route = this.$route
|
|
// const {
|
|
// meta,
|
|
// path
|
|
// } = route
|
|
// // if set path, the sidebar will highlight the path you set
|
|
// if (meta.activeMenu) {
|
|
// return meta.activeMenu
|
|
// }
|
|
return "/index";
|
|
},
|
|
showLogo() {
|
|
return this.$store.state.settings.sidebarLogo;
|
|
},
|
|
variables() {
|
|
return variables;
|
|
},
|
|
isCollapse() {
|
|
return !this.sidebar.opened;
|
|
},
|
|
},
|
|
created() {
|
|
this.postHuoquyonghu();
|
|
},
|
|
methods: {
|
|
// 获取用户信息
|
|
postHuoquyonghu() {
|
|
// var token = getStorage()
|
|
// loginDetails(token).then((response) => {
|
|
// console.log('resss', response)
|
|
// if (response.code === '200') {
|
|
// this.YongHuid = response.data
|
|
// this.params.userSid = this.YongHuid.sid
|
|
// getrolemenus(this.params).then((res) => {
|
|
// const userRoles = this.resRouter(res.data)
|
|
this.routes.push({
|
|
path: "*",
|
|
redirect: "/404",
|
|
hidden: true,
|
|
});
|
|
console.log("左侧菜单", this.routes);
|
|
return this.routes;
|
|
// })
|
|
// }
|
|
// })
|
|
},
|
|
resRouter(menus) {
|
|
// 递归，将后台传来数组
|
|
for (var i = 0; i < menus.length; i++) {
|
|
if (menus[i].children && menus[i].children.length != 0) {
|
|
this.resRouter(menus[i].children);
|
|
}
|
|
if (menus[i].children.length == 0) {
|
|
delete menus[i].children;
|
|
delete menus[i].redirect;
|
|
}
|
|
if (menus[i].component == "") {
|
|
console.log("55555", menus[i]);
|
|
menus[i] = {
|
|
path: menus[i].path,
|
|
component: "",
|
|
redirect: menus[i].path,
|
|
children: [menus[i]],
|
|
};
|
|
} else {
|
|
// menus[i] = {
|
|
// path: menus[i].path,
|
|
// component: '',
|
|
// redirect: menus[i].path,
|
|
// children: [menus[i]],
|
|
// }
|
|
}
|
|
}
|
|
this.routes = menus;
|
|
console.log("左侧菜单", this.routes);
|
|
return menus;
|
|
},
|
|
},
|
|
};
|
|
</script>
|