|
@@ -2,7 +2,7 @@
|
|
<div class="home">
|
|
<div class="home">
|
|
<header class="header">
|
|
<header class="header">
|
|
<div class="left">
|
|
<div class="left">
|
|
- 湖羊屠宰系统
|
|
|
|
|
|
+ 产品管理系统
|
|
<el-button
|
|
<el-button
|
|
@click="onMenuCollapse"
|
|
@click="onMenuCollapse"
|
|
circle
|
|
circle
|
|
@@ -12,7 +12,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="right">
|
|
<span class="warp">
|
|
<span class="warp">
|
|
- <el-dropdown @command="onLogOut">
|
|
|
|
|
|
+ <el-dropdown @command="onLogOut">
|
|
<span class="el-dropdown-link">
|
|
<span class="el-dropdown-link">
|
|
账号管理
|
|
账号管理
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
@@ -90,7 +90,6 @@
|
|
<router-view />
|
|
<router-view />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
@@ -105,7 +104,7 @@ export default {
|
|
// 菜单配置
|
|
// 菜单配置
|
|
menuData,
|
|
menuData,
|
|
menuCollapse: false, //是否水平折叠收起菜单
|
|
menuCollapse: false, //是否水平折叠收起菜单
|
|
- defaultUnfoldedMenu: [menuData[0].index], // 默认展开第一项
|
|
|
|
|
|
+ defaultUnfoldedMenu: [menuData[0].index] // 默认展开第一项
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -113,8 +112,50 @@ export default {
|
|
localStorage.getItem("defaultUnfoldedMenu")
|
|
localStorage.getItem("defaultUnfoldedMenu")
|
|
];
|
|
];
|
|
this.menuCollapse = JSON.parse(localStorage.getItem("menuCollapse"));
|
|
this.menuCollapse = JSON.parse(localStorage.getItem("menuCollapse"));
|
|
|
|
+ /* 筛选菜单 */
|
|
|
|
+ var target = this.$route.query.target
|
|
|
|
+ if(target) {
|
|
|
|
+ localStorage.setItem("target", target)
|
|
|
|
+ } else {
|
|
|
|
+ target = localStorage.getItem('target')
|
|
|
|
+ }
|
|
|
|
+ this.filterMenu(target);
|
|
|
|
+ },
|
|
|
|
+ watch: {
|
|
|
|
+ "$route.query.target"(v) {
|
|
|
|
+ if(v){
|
|
|
|
+ localStorage.setItem("target", v)
|
|
|
|
+ this.filterMenu(v);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ /* 筛选菜单 */
|
|
|
|
+ /* http://localhost:8080/#/home?target=定点屠宰智能管控 */
|
|
|
|
+ /* http://localhost:8080/#/home?target=产品制作智能监控 */
|
|
|
|
+ /* http://localhost:8080/#/home?target=鲜肉储运智能管控 */
|
|
|
|
+ filterMenu(target) {
|
|
|
|
+ console.log(target)
|
|
|
|
+ let path;
|
|
|
|
+ switch (target) {
|
|
|
|
+ case "定点屠宰智能管控":
|
|
|
|
+ var func = item => item.index == 1 || item.index == 2;
|
|
|
|
+ path = "firmBuy";
|
|
|
|
+ break;
|
|
|
|
+ case "产品制作智能监控":
|
|
|
|
+ var func = item => item.index == 3;
|
|
|
|
+ path = "productInfo";
|
|
|
|
+ break;
|
|
|
|
+ case "鲜肉储运智能管控":
|
|
|
|
+ var func = item => item.index == 4;
|
|
|
|
+ path = "dispatching";
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ this.menuData = menuData.filter(func);
|
|
|
|
+ if (path && path != this.$route.name) {
|
|
|
|
+ this.$router.push({name: path});
|
|
|
|
+ }
|
|
|
|
+ },
|
|
// 收取菜单按钮
|
|
// 收取菜单按钮
|
|
onMenuCollapse() {
|
|
onMenuCollapse() {
|
|
this.menuCollapse = !this.menuCollapse;
|
|
this.menuCollapse = !this.menuCollapse;
|
|
@@ -131,7 +172,6 @@ export default {
|
|
handleClose(key, keyPath) {},
|
|
handleClose(key, keyPath) {},
|
|
// 点击菜单项
|
|
// 点击菜单项
|
|
onClickMenu(item) {
|
|
onClickMenu(item) {
|
|
- let _this = this;
|
|
|
|
// 如果要跳转的路由和当前路由一致就 return
|
|
// 如果要跳转的路由和当前路由一致就 return
|
|
if (this.$router.history.current.name == item.routerName) return;
|
|
if (this.$router.history.current.name == item.routerName) return;
|
|
this.$router.push({
|
|
this.$router.push({
|
|
@@ -139,7 +179,7 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
onLogOut() {
|
|
onLogOut() {
|
|
- this.$router.redirect('login')
|
|
|
|
|
|
+ this.$router.replace("login");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
@@ -153,7 +193,7 @@ export default {
|
|
background-color: #eee;
|
|
background-color: #eee;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
- >.header {
|
|
|
|
|
|
+ > .header {
|
|
background-color: #4b545e;
|
|
background-color: #4b545e;
|
|
height: 40px;
|
|
height: 40px;
|
|
padding: 10px 20px;
|
|
padding: 10px 20px;
|
|
@@ -196,7 +236,7 @@ export default {
|
|
margin-right: 5px;
|
|
margin-right: 5px;
|
|
height: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
-
|
|
|
|
|
|
+
|
|
.warp {
|
|
.warp {
|
|
margin: 15px;
|
|
margin: 15px;
|
|
}
|
|
}
|