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.
283 lines
7.9 KiB
283 lines
7.9 KiB
2 years ago
|
<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: "9d048c07-7677-4774-9177-aa02b049ff06",
|
||
|
|
userSid: "",
|
||
|
|
},
|
||
|
|
routes: [
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "supervise",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-menu",
|
||
|
|
title: "进销存管理",
|
||
|
|
},
|
||
|
|
name: "supervise",
|
||
|
|
path: "/supervise",
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "recordOilTank",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "出库申请",
|
||
|
|
},
|
||
|
|
name: "oilTypeInBound",
|
||
|
|
path: "/oilTypeInBound",
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "oilTypeInBound",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "出库申请",
|
||
|
|
},
|
||
|
|
name: "/supervise/oilTypeInBound",
|
||
|
|
path: "/supervise/oilTypeInBound",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "oilTypeOutBound",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "出库记录列表",
|
||
|
|
},
|
||
|
|
name: "/supervise/oilTypeOutBound",
|
||
|
|
path: "/supervise/oilTypeOutBound",
|
||
|
|
}
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "index",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "入库申请",
|
||
|
|
},
|
||
|
|
name: "recordOilTank",
|
||
|
|
path: "/recordOilTank",
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "recordOilTank",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "入库申请",
|
||
|
|
},
|
||
|
|
name: "/supervise/recordOilTank",
|
||
|
|
path: "/supervise/recordOilTank",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "rukujilu",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "入库记录列表",
|
||
|
|
},
|
||
|
|
name: "/supervise/rukujilu",
|
||
|
|
path: "/supervise/rukujilu",
|
||
|
|
}
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "churuku",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "出入库记录",
|
||
|
|
},
|
||
|
|
name: "/supervise/churuku",
|
||
|
|
path: "/supervise/churuku",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "inventory",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "库存管理",
|
||
|
|
},
|
||
|
|
name: "/supervise/inventory",
|
||
|
|
path: "/supervise/inventory",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "churukuHT",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-help",
|
||
|
|
title: "出入库合同管理",
|
||
|
|
},
|
||
|
|
name: "/supervise/churukuHT",
|
||
|
|
path: "/supervise/churukuHT",
|
||
|
|
}
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "MaterialBrand",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-menu",
|
||
|
|
title: "物料品牌",
|
||
|
|
},
|
||
|
|
name: "/MaterialBrand/index",
|
||
|
|
path: "/MaterialBrand/index"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "materialManagement",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-menu",
|
||
|
|
title: "物料管理",
|
||
|
|
},
|
||
|
|
name: "/materialManagement/index",
|
||
|
|
path: "/materialManagement/index"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "storeManagement",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-menu",
|
||
|
|
title: "仓库管理",
|
||
|
|
},
|
||
|
|
name: "/storeManagement/index",
|
||
|
|
path: "/storeManagement/index"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alwaysShow: true,
|
||
|
|
component: "supplierManagement",
|
||
|
|
meta: {
|
||
|
|
icon: "el-icon-menu",
|
||
|
|
title: "供应商管理",
|
||
|
|
},
|
||
|
|
name: "/supplierManagement/index",
|
||
|
|
path: "/supplierManagement/index"
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
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>
|