Merge remote-tracking branch 'remotes/origin/feature/20200514_version' into 0605
# Conflicts: # src/pages/Home.vue # src/pages/activity/useTable.vuefeature_0521
root
6 years ago
commit
98addca3fb
@ -1,367 +1,358 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="layout">
|
<div class="layout">
|
||||||
<Layout :style="{minHeight: '100vh'}">
|
<Layout :style="{minHeight: '100vh'}">
|
||||||
<Sider collapsible
|
<Sider collapsible :collapsed-width="78" v-model="isCollapsed" :hide-trigger="true" >
|
||||||
:collapsed-width="78"
|
|
||||||
v-model="isCollapsed"
|
|
||||||
:hide-trigger="true">
|
|
||||||
|
|
||||||
<div style="margin: 40px 0 20px 10px;font-weight: bold;font-size: 30px;color: #ffffff;">
|
<div style="margin: 40px 0 20px 10px;font-weight: bold;font-size: 30px;color: #ffffff;">
|
||||||
<Poptip placement="bottom-start"
|
<Poptip placement="bottom-start" width="200" :offset="-8">
|
||||||
width="200"
|
<img src="../../static/img/avatar.png" style="width: 32px;vertical-align: middle;cursor: pointer"/>
|
||||||
:offset="-8">
|
<div slot="content">
|
||||||
<img src="../../static/img/avatar.png"
|
<div style="cursor: pointer;" @click="logoutClick">
|
||||||
style="width: 32px;vertical-align: middle;cursor: pointer" />
|
<span class="logout-span">退出登录</span>
|
||||||
<div slot="content">
|
<img class="logout-img" src="../../static/img/logout.png"/>
|
||||||
<div style="cursor: pointer;"
|
</div>
|
||||||
@click="logoutClick">
|
</div>
|
||||||
<span class="logout-span">退出登录</span>
|
</Poptip>
|
||||||
<img class="logout-img"
|
<span class="project-title">优客后台管理</span>
|
||||||
src="../../static/img/logout.png" />
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Poptip>
|
|
||||||
<span class="project-title">优客后台管理</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Menu ref="menu"
|
<Menu ref="menu" :active-name="selectedItemName" :open-names="openName" theme="dark" width="auto"
|
||||||
:active-name="selectedItemName"
|
@on-select="onSelectLister" :accordion="true">
|
||||||
:open-names="openName"
|
<MenuItem v-if="roleCode === 'GLY-ADMIN' || roleCode === 'DG-YUNYING' || roleCode === 'GL-YUNYING'" :name="0" to="/customer/view">
|
||||||
theme="dark"
|
<Icon type="ios-paper"/>
|
||||||
width="auto"
|
<span style="margin-left: 7px">首页</span>
|
||||||
@on-select="onSelectLister"
|
</MenuItem>
|
||||||
:accordion="true">
|
<Submenu :name="item.id" v-for="item in onePermissionList" :key="item.id">
|
||||||
<MenuItem v-if="roleCode === 'GLY-ADMIN' || roleCode === 'DG-YUNYING' || roleCode === 'GL-YUNYING'"
|
<template slot="title">
|
||||||
:name="0"
|
<Icon type="ios-paper"/>
|
||||||
to="/customer/view">
|
{{item.name}}
|
||||||
<Icon type="ios-paper" />
|
</template>
|
||||||
<span style="margin-left: 7px">首页</span>
|
<MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in item.subMenuList"
|
||||||
</MenuItem>
|
:key="cItem.id">
|
||||||
<Submenu :name="item.id"
|
{{cItem.name}}
|
||||||
v-for="item in onePermissionList"
|
</MenuItem>
|
||||||
:key="item.id">
|
</Submenu>
|
||||||
<template slot="title">
|
</Menu>
|
||||||
<Icon type="ios-paper" />
|
</Sider>
|
||||||
{{item.name}}
|
<Layout>
|
||||||
</template>
|
<!-- <Header :style="{background: '#fff', boxShadow: '0 2px 3px 2px rgba(0,0,0,.1)'}"></Header>-->
|
||||||
<MenuItem :name="cItem.id"
|
<Content :style="{padding: '0 16px 16px'}">
|
||||||
:to="cItem.resource"
|
<Breadcrumb :style="{margin: '16px 0'}">
|
||||||
v-for="cItem in item.subMenuList"
|
<BreadcrumbItem><span style="cursor: pointer" @click="breadcrumbClick">{{selectedMenu}}</span></BreadcrumbItem>
|
||||||
:key="cItem.id">
|
<BreadcrumbItem>{{selectedSubMenu}}</BreadcrumbItem>
|
||||||
{{cItem.name}}
|
</Breadcrumb>
|
||||||
</MenuItem>
|
<Card>
|
||||||
</Submenu>
|
<div :style="{'min-height':mHeight + 'px'}">
|
||||||
</Menu>
|
<router-view/>
|
||||||
</Sider>
|
</div>
|
||||||
<Layout>
|
</Card>
|
||||||
<!-- <Header :style="{background: '#fff', boxShadow: '0 2px 3px 2px rgba(0,0,0,.1)'}"></Header>-->
|
</Content>
|
||||||
<Content :style="{padding: '0 16px 16px'}">
|
</Layout>
|
||||||
<Breadcrumb :style="{margin: '16px 0'}">
|
</Layout>
|
||||||
<BreadcrumbItem><span style="cursor: pointer"
|
</div>
|
||||||
@click="breadcrumbClick">{{selectedMenu}}</span></BreadcrumbItem>
|
|
||||||
<BreadcrumbItem>{{selectedSubMenu}}</BreadcrumbItem>
|
|
||||||
</Breadcrumb>
|
|
||||||
<Card>
|
|
||||||
<div :style="{'min-height':mHeight + 'px'}">
|
|
||||||
<router-view />
|
|
||||||
</div>
|
|
||||||
</Card>
|
|
||||||
</Content>
|
|
||||||
</Layout>
|
|
||||||
</Layout>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import homeRequest from "../services/home/homeRequest";
|
import homeRequest from "../services/home/homeRequest";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
provide () {
|
provide() {
|
||||||
return {
|
return {
|
||||||
checkParamBlank: this.checkParamBlank,
|
checkParamBlank: this.checkParamBlank,
|
||||||
setMenuName: this.setMenuName,
|
setMenuName: this.setMenuName,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
roleCode: JSON.parse(sessionStorage.getItem("loginInfo")).roleCode,
|
roleCode: JSON.parse(sessionStorage.getItem("loginInfo")).roleCode,
|
||||||
mainUrl: "/customer/view",
|
mainUrl: "/customer/view",
|
||||||
isCollapsed: false,
|
isCollapsed: false,
|
||||||
mHeight: 600,
|
mHeight: 600,
|
||||||
selectedItemName: "",
|
selectedItemName: "",
|
||||||
openName: [],
|
openName: [],
|
||||||
selectedMenu: '',
|
selectedMenu: '',
|
||||||
selectedSubMenu: '',
|
selectedSubMenu: '',
|
||||||
//权限等级
|
//权限等级
|
||||||
onePermissionLevel: 1,
|
onePermissionLevel: 1,
|
||||||
twoPermissionLevel: 2,
|
twoPermissionLevel: 2,
|
||||||
threePermissionLevel: 3,
|
threePermissionLevel: 3,
|
||||||
//导航栏权限-1级权限
|
//导航栏权限-1级权限
|
||||||
onePermissionList: [],
|
onePermissionList: [],
|
||||||
//2级权限
|
//2级权限
|
||||||
twoPermissionList: [],
|
twoPermissionList: [],
|
||||||
//3级权限
|
//3级权限
|
||||||
threePermissionList: [],
|
threePermissionList: [],
|
||||||
//面包屑点击跳转路径
|
//面包屑点击跳转路径
|
||||||
breadcrumbUrl: "",
|
breadcrumbUrl: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted() {
|
||||||
let that = this;
|
let that = this;
|
||||||
this.bus.$on('callBack', function (item) {
|
this.bus.$on('callBack', function (item) {
|
||||||
that.callBack(item);
|
that.callBack(item);
|
||||||
})
|
})
|
||||||
// this.bus.$on('setHeader', function (data) {
|
// this.bus.$on('setHeader', function (data) {
|
||||||
// that.setHeader(data);
|
// that.setHeader(data);
|
||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
created () {
|
created() {
|
||||||
// this.mHeight = window.screen.availHeight - 22;
|
// this.mHeight = window.screen.availHeight - 22;
|
||||||
|
|
||||||
//获取导航栏权限
|
//获取导航栏权限
|
||||||
this.listOnePermission(this.onePermissionLevel);
|
this.listOnePermission(this.onePermissionLevel);
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
'selectedItemName' (val) {
|
'selectedItemName' (val) {
|
||||||
console.log(val);
|
console.log(val);
|
||||||
let that = this;
|
let that = this;
|
||||||
// that.openName = [that.onePermissionList[2]];
|
// that.openName = [that.onePermissionList[2]];
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
that.$refs.menu.updateActiveName();
|
that.$refs.menu.updateActiveName();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSelectLister(val) {
|
||||||
|
let i;
|
||||||
|
this.onePermissionList.forEach(function (data) {
|
||||||
|
data.subMenuList.forEach(function (dta) {
|
||||||
|
if(dta.id === val){
|
||||||
|
i = dta;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
if(i){
|
||||||
|
sessionStorage.setItem("threeLevel",JSON.stringify(i.subMenuList));
|
||||||
|
}
|
||||||
|
//首页
|
||||||
|
if(val === 0){
|
||||||
|
this.selectedMenu = "首页";
|
||||||
|
this.selectedSubMenu = "";
|
||||||
|
this.breadcrumbUrl = this.mainUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let i = 0; i < this.onePermissionList.length; i++) {
|
||||||
|
let item = this.onePermissionList[i];
|
||||||
|
for (let k = 0; k < item.subMenuList.length; k++) {
|
||||||
|
let cItem = item.subMenuList[k];
|
||||||
|
if (cItem.id === val) {
|
||||||
|
this.selectedMenu = item.name;
|
||||||
|
this.selectedSubMenu = cItem.name;
|
||||||
|
this.selectedItemName = cItem.id;
|
||||||
|
this.breadcrumbUrl = cItem.resource;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//对象属性空检查
|
||||||
|
checkParamBlank: function (obj) {
|
||||||
|
for (let param in obj) {
|
||||||
|
obj[param] = this.checkBlank(obj[param]);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//数据空检查
|
||||||
|
checkBlank: function (data) {
|
||||||
|
if (!data && data != 0) {
|
||||||
|
return "--";
|
||||||
|
} else {
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//获取导航栏一级权限
|
||||||
|
listOnePermission(level) {
|
||||||
|
let that = this;
|
||||||
|
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
||||||
|
let request = {
|
||||||
|
userId: userId,
|
||||||
|
level: level
|
||||||
|
};
|
||||||
|
homeRequest.listUserLoginPermissionApi(request, function (data) {
|
||||||
|
data = data.data;
|
||||||
|
if (data.code === '0001') {
|
||||||
|
that.$Message.error("查询用户权限出错");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (data.code === '0000') {
|
||||||
|
data = data.results;
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let row = data[i];
|
||||||
|
row.class = 'head-permission';
|
||||||
|
that.onePermissionList.push(row);
|
||||||
|
}
|
||||||
|
that.listTwoPermission(that.twoPermissionLevel);
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//获取二级权限
|
||||||
|
listTwoPermission(level) {
|
||||||
|
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
||||||
|
let that = this;
|
||||||
|
that.twoPermissionList = [];
|
||||||
|
let request = {
|
||||||
|
userId: userId,
|
||||||
|
level: level
|
||||||
|
};
|
||||||
|
homeRequest.listUserLoginPermissionApi(request, function (data) {
|
||||||
|
data = data.data;
|
||||||
|
if (data.code === '0001') {
|
||||||
|
that.$Message.error("查询用户权限出错");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (data.code === '0000') {
|
||||||
|
data = data.results;
|
||||||
|
that.twoPermissionList = [];
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let row = data[i];
|
||||||
|
that.twoPermissionList.push(row);
|
||||||
|
}
|
||||||
|
that.listThreePermission(that.threePermissionLevel);
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//获取三级权限
|
||||||
|
listThreePermission(level) {
|
||||||
|
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
||||||
|
let that = this;
|
||||||
|
that.threePermissionList = [];
|
||||||
|
let request = {
|
||||||
|
userId: userId,
|
||||||
|
level: level
|
||||||
|
};
|
||||||
|
homeRequest.listUserLoginPermissionApi(request, function (data) {
|
||||||
|
data = data.data;
|
||||||
|
if (data.code === '0001') {
|
||||||
|
that.$Message.error("查询用户权限出错");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (data.code === '0000') {
|
||||||
|
data = data.results;
|
||||||
|
that.threePermissionList = [];
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let row = data[i];
|
||||||
|
that.threePermissionList.push(row);
|
||||||
|
}
|
||||||
|
that.twoPermissionList.forEach(function (two) {
|
||||||
|
//把三级导航绑定给第二级导航栏
|
||||||
|
let three = that.threePermissionList.filter(function (data) {
|
||||||
|
return data.pid === two.id
|
||||||
|
});
|
||||||
|
two.subMenuList = three;
|
||||||
|
});
|
||||||
|
that.onePermissionList.forEach(function (one) {
|
||||||
|
//把二级导航绑定给第一级导航栏
|
||||||
|
let two = that.twoPermissionList.filter(function (data) {
|
||||||
|
return data.pid === one.id
|
||||||
|
});
|
||||||
|
one.subMenuList = two;
|
||||||
|
});
|
||||||
|
//展开第一个菜单
|
||||||
|
that.menuInit();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//导航栏初始化
|
||||||
|
menuInit: function () {
|
||||||
|
let that = this;
|
||||||
|
if(this.roleCode === 'GLY-ADMIN' || this.roleCode === 'DG-YUNYING' || this.roleCode === 'GL-YUNYING'){
|
||||||
|
//默认首页
|
||||||
|
that.selectedItemName = 0;
|
||||||
|
this.$router.push({path: that.mainUrl});
|
||||||
|
this.selectedMenu = "首页";
|
||||||
|
this.breadcrumbUrl = this.mainUrl;
|
||||||
|
}else{
|
||||||
|
that.selectedItemName = that.onePermissionList[0].subMenuList[0].id;
|
||||||
|
that.openName = [that.onePermissionList[0].id];
|
||||||
|
|
||||||
},
|
this.selectedMenu = this.onePermissionList[0].name;
|
||||||
methods: {
|
this.selectedSubMenu = this.onePermissionList[0].subMenuList[0].name;
|
||||||
onSelectLister (val) {
|
sessionStorage.setItem("threeLevel",JSON.stringify(this.onePermissionList[0].subMenuList[0].subMenuList));
|
||||||
let i;
|
// this.$nextTick(() => {
|
||||||
this.onePermissionList.forEach(function (data) {
|
// this.$refs.menu.updateOpened();
|
||||||
data.subMenuList.forEach(function (dta) {
|
// this.$refs.menu.updateActiveName();
|
||||||
if (dta.id === val) {
|
// });
|
||||||
i = dta;
|
this.$router.push({path: that.onePermissionList[0].subMenuList[0].resource});
|
||||||
}
|
}
|
||||||
})
|
|
||||||
});
|
|
||||||
if (i) {
|
|
||||||
sessionStorage.setItem("threeLevel", JSON.stringify(i.subMenuList));
|
|
||||||
}
|
|
||||||
//首页
|
|
||||||
if (val === 0) {
|
|
||||||
this.selectedMenu = "首页";
|
|
||||||
this.selectedSubMenu = "";
|
|
||||||
this.breadcrumbUrl = this.mainUrl;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (let i = 0; i < this.onePermissionList.length; i++) {
|
},
|
||||||
let item = this.onePermissionList[i];
|
//账户管理页面回调方法
|
||||||
for (let k = 0; k < item.subMenuList.length; k++) {
|
callBack(val) {
|
||||||
let cItem = item.subMenuList[k];
|
this.selectedMenu = val.selectedMenu;
|
||||||
if (cItem.id === val) {
|
this.selectedSubMenu = val.selectedSubMenu;
|
||||||
this.selectedMenu = item.name;
|
|
||||||
this.selectedSubMenu = cItem.name;
|
|
||||||
this.selectedItemName = cItem.id;
|
|
||||||
this.breadcrumbUrl = cItem.resource;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//对象属性空检查
|
|
||||||
checkParamBlank: function (obj) {
|
|
||||||
for (let param in obj) {
|
|
||||||
obj[param] = this.checkBlank(obj[param]);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//数据空检查
|
|
||||||
checkBlank: function (data) {
|
|
||||||
if (!data && data != 0) {
|
|
||||||
return "--";
|
|
||||||
} else {
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//获取导航栏一级权限
|
|
||||||
listOnePermission (level) {
|
|
||||||
let that = this;
|
|
||||||
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
|
||||||
let request = {
|
|
||||||
userId: userId,
|
|
||||||
level: level
|
|
||||||
};
|
|
||||||
homeRequest.listUserLoginPermissionApi(request, function (data) {
|
|
||||||
data = data.data;
|
|
||||||
if (data.code === '0001') {
|
|
||||||
that.$Message.error("查询用户权限出错");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (data.code === '0000') {
|
|
||||||
data = data.results;
|
|
||||||
for (let i = 0; i < data.length; i++) {
|
|
||||||
let row = data[i];
|
|
||||||
row.class = 'head-permission';
|
|
||||||
that.onePermissionList.push(row);
|
|
||||||
}
|
|
||||||
that.listTwoPermission(that.twoPermissionLevel);
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
let url = "";
|
||||||
},
|
for (let i = 0; i < this.onePermissionList.length; i++) {
|
||||||
//获取二级权限
|
let item = this.onePermissionList[i];
|
||||||
listTwoPermission (level) {
|
for (let k = 0; k < item.subMenuList.length; k++) {
|
||||||
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
let cItem = item.subMenuList[k];
|
||||||
let that = this;
|
if(cItem.name === val.selectedSubMenu){
|
||||||
that.twoPermissionList = [];
|
this.selectedItemName = cItem.id;
|
||||||
let request = {
|
url = cItem.resource;
|
||||||
userId: userId,
|
|
||||||
level: level
|
|
||||||
};
|
|
||||||
homeRequest.listUserLoginPermissionApi(request, function (data) {
|
|
||||||
data = data.data;
|
|
||||||
if (data.code === '0001') {
|
|
||||||
that.$Message.error("查询用户权限出错");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (data.code === '0000') {
|
|
||||||
data = data.results;
|
|
||||||
that.twoPermissionList = [];
|
|
||||||
for (let i = 0; i < data.length; i++) {
|
|
||||||
let row = data[i];
|
|
||||||
that.twoPermissionList.push(row);
|
|
||||||
}
|
|
||||||
that.listThreePermission(that.threePermissionLevel);
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
}
|
||||||
},
|
}
|
||||||
//获取三级权限
|
}
|
||||||
listThreePermission (level) {
|
|
||||||
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
|
|
||||||
let that = this;
|
|
||||||
that.threePermissionList = [];
|
|
||||||
let request = {
|
|
||||||
userId: userId,
|
|
||||||
level: level
|
|
||||||
};
|
|
||||||
homeRequest.listUserLoginPermissionApi(request, function (data) {
|
|
||||||
data = data.data;
|
|
||||||
if (data.code === '0001') {
|
|
||||||
that.$Message.error("查询用户权限出错");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (data.code === '0000') {
|
|
||||||
data = data.results;
|
|
||||||
that.threePermissionList = [];
|
|
||||||
for (let i = 0; i < data.length; i++) {
|
|
||||||
let row = data[i];
|
|
||||||
that.threePermissionList.push(row);
|
|
||||||
}
|
|
||||||
that.twoPermissionList.forEach(function (two) {
|
|
||||||
//把三级导航绑定给第二级导航栏
|
|
||||||
let three = that.threePermissionList.filter(function (data) {
|
|
||||||
return data.pid === two.id
|
|
||||||
});
|
|
||||||
two.subMenuList = three;
|
|
||||||
});
|
|
||||||
that.onePermissionList.forEach(function (one) {
|
|
||||||
//把二级导航绑定给第一级导航栏
|
|
||||||
let two = that.twoPermissionList.filter(function (data) {
|
|
||||||
return data.pid === one.id
|
|
||||||
});
|
|
||||||
one.subMenuList = two;
|
|
||||||
});
|
|
||||||
//展开第一个菜单
|
|
||||||
that.menuInit();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//导航栏初始化
|
|
||||||
menuInit: function () {
|
|
||||||
let that = this;
|
|
||||||
if (this.roleCode === 'GLY-ADMIN' || this.roleCode === 'DG-YUNYING' || this.roleCode === 'GL-YUNYING') {
|
|
||||||
//默认首页
|
|
||||||
that.selectedItemName = 0;
|
|
||||||
this.$router.push({ path: that.mainUrl });
|
|
||||||
this.selectedMenu = "首页";
|
|
||||||
this.breadcrumbUrl = this.mainUrl;
|
|
||||||
} else {
|
|
||||||
that.selectedItemName = that.onePermissionList[0].subMenuList[0].id;
|
|
||||||
that.openName = [that.onePermissionList[0].id];
|
|
||||||
|
|
||||||
this.selectedMenu = this.onePermissionList[0].name;
|
if(val.type === 1){
|
||||||
this.selectedSubMenu = this.onePermissionList[0].subMenuList[0].name;
|
this.$router.push({path: url,query:val.data});
|
||||||
sessionStorage.setItem("threeLevel", JSON.stringify(this.onePermissionList[0].subMenuList[0].subMenuList));
|
}else{
|
||||||
// this.$nextTick(() => {
|
this.$router.push(url);
|
||||||
// this.$refs.menu.updateOpened();
|
}
|
||||||
// this.$refs.menu.updateActiveName();
|
|
||||||
// });
|
|
||||||
this.$router.push({ path: that.onePermissionList[0].subMenuList[0].resource });
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
},
|
||||||
//账户管理页面回调方法
|
setHeader(data){
|
||||||
callBack (item) {
|
let that = this;
|
||||||
let that = this;
|
this.selectedSubMenu = data.header;
|
||||||
this.selectedMenu = "设置管理";
|
this.$nextTick(() => {
|
||||||
this.selectedSubMenu = "账户管理";
|
that.$refs.menu.updateActiveName();
|
||||||
this.selectedItemName = this.onePermissionList[2].subMenuList[0].id;
|
})
|
||||||
this.$router.push({ path: '/account/manager', query: item });
|
},
|
||||||
},
|
//手动设置面包屑
|
||||||
setHeader (data) {
|
setMenuName: function (menu1, menu2) {
|
||||||
let that = this;
|
this.selectedMenu = menu1;
|
||||||
this.selectedSubMenu = data.header;
|
this.selectedSubMenu = menu2;
|
||||||
this.$nextTick(() => {
|
},
|
||||||
that.$refs.menu.updateActiveName();
|
//面包屑点击跳转
|
||||||
})
|
breadcrumbClick: function () {
|
||||||
},
|
if(this.selectedMenu === "首页"){
|
||||||
//手动设置面包屑
|
this.selectedSubMenu = "";
|
||||||
setMenuName: function (menu1, menu2) {
|
}
|
||||||
console.log("setMenu", arguments)
|
this.$router.push(this.breadcrumbUrl);
|
||||||
this.selectedMenu = menu1;
|
},
|
||||||
this.selectedSubMenu = menu2;
|
//登出
|
||||||
let parentId;
|
logoutClick: function () {
|
||||||
let subId;
|
sessionStorage.setItem("loginInfo", "");
|
||||||
this.onePermissionList.forEach(item => {
|
sessionStorage.setItem("userId", "");
|
||||||
if (item.name == menu1) parentId = item.id
|
sessionStorage.setItem("roleCode", "");
|
||||||
})
|
this.$router.push('/login');
|
||||||
this.$forceUpdate()
|
this.$Message.info("登出成功");
|
||||||
},
|
}
|
||||||
//面包屑点击跳转
|
},
|
||||||
breadcrumbClick: function () {
|
|
||||||
if (this.selectedMenu === "首页") {
|
|
||||||
this.selectedSubMenu = "";
|
|
||||||
}
|
|
||||||
this.$router.push(this.breadcrumbUrl);
|
|
||||||
},
|
|
||||||
//登出
|
|
||||||
logoutClick: function () {
|
|
||||||
sessionStorage.setItem("loginInfo", "");
|
|
||||||
sessionStorage.setItem("userId", "");
|
|
||||||
sessionStorage.setItem("roleCode", "");
|
|
||||||
this.$router.push('/login');
|
|
||||||
this.$Message.info("登出成功");
|
|
||||||
}
|
}
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.layout-con {
|
|
||||||
height: 100%;
|
.layout-con {
|
||||||
width: 100%;
|
height: 100%;
|
||||||
}
|
width: 100%;
|
||||||
/*项目标题*/
|
}
|
||||||
.project-title {
|
/*项目标题*/
|
||||||
font-size: 22px;
|
.project-title{
|
||||||
margin-left: 15px;
|
font-size: 22px;
|
||||||
}
|
margin-left: 15px;
|
||||||
/*退出登入*/
|
}
|
||||||
.logout-span {
|
/*退出登入*/
|
||||||
font-size: 15px;
|
.logout-span{
|
||||||
vertical-align: middle;
|
font-size: 15px;
|
||||||
color: #535353;
|
vertical-align: middle;
|
||||||
}
|
color: #535353;
|
||||||
.logout-img {
|
}
|
||||||
vertical-align: middle;
|
.logout-img{
|
||||||
margin-left: 80px;
|
vertical-align: middle;
|
||||||
}
|
margin-left: 80px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue