<template>
|
<view class="popup-menu">
|
<u-popup mode="right" :show="menuShow" @close="close" @open="open">
|
<u-cell-group>
|
<u-cell
|
title="首页"
|
isLink
|
url="/pages/home/home" style="color:blue"
|
>
|
<image src="@/static/menuIcon/menu-home.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
v-if="$store.state.shenqingMenu"
|
v-cloak
|
title="我的申请"
|
isLink
|
url="/pages/my-application/my-application"
|
>
|
<image src="@/static/menuIcon/menu-application.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
title="我的待办"
|
isLink
|
url="/pages/my-todo/my-todo"
|
>
|
<image src="@/static/menuIcon/menu-todo.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
title="我的已办"
|
isLink
|
url="/pages/my-have-todo/my-have-todo"
|
>
|
<image src="@/static/menuIcon/menu-havedo.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
v-if="$store.state.rijihuaMenu"
|
v-cloak
|
title="日发运计划"
|
isLink
|
url="/pages/jihua/jihua" style="color:blue"
|
>
|
<image src="@/static/menuIcon/menu-shipment.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
</u-cell-group>
|
<u-button text="退出" type="primary" @click="menuPopupClick"></u-button>
|
</u-popup>
|
</view>
|
</template>
|
|
<script>
|
import { redirectLogin } from '@/utils/status.js';
|
export default {
|
name: 'PopupMenu',
|
// props:{
|
// menuShow:{
|
// type:Boolean,
|
// default:false
|
// }
|
// },
|
// watch:{
|
// menuShow(newV,oldV){
|
// this.menuShow = newV;
|
// console.log('监听menu',newV);
|
// }
|
// },
|
data() {
|
return {
|
menuShow:false
|
};
|
},
|
onShow() {
|
alert(111);
|
},
|
methods: {
|
menuClick(){
|
this.menuShow = !this.menuShow
|
this.$emit('menuShow',this.menuShow)
|
},
|
open() {
|
console.log(this.$store.state,'shenqingMenu====')
|
},
|
close() {
|
this.menuShow = false;
|
this.$emit('menuShow',this.menuShow)
|
},
|
menuPopupClick(){
|
this.menuShow = false;
|
uni.request({
|
url:'/auth/token/logout',
|
method:'DELETE',
|
header:{
|
'TENANT-ID': 5,
|
Authorization: 'Bearer ' + uni.getStorageSync('access_token'),
|
VERSION: 'zzl'
|
}
|
}).then(res=>{
|
redirectLogin();
|
|
}).catch(err=>{
|
uni.showToast({
|
title:'退出失败！',
|
})
|
})
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep.popup-menu {
|
.u-popup{
|
.u-transition{
|
.u-popup__content{
|
// 按钮
|
.u-button{
|
width:vww(222);
|
height:vww(40);
|
margin-bottom:vww(40);
|
}
|
// cell单元格
|
.u-cell-group{
|
|
.u-cell-group__wrapper{
|
.u-cell{
|
width:vww(270);
|
height:vww(48);
|
.u-cell__body{
|
height:vww(48);
|
.u-cell__body__content{
|
.u-cell__left-icon-wrap{
|
margin-right: vww(8);
|
image{
|
width:vww(16);
|
height:vww(16);
|
}
|
}
|
.u-cell__title{
|
.u-cell__title-text{
|
font-size:vww(14);
|
}
|
}
|
}
|
.u-cell__right-icon-wrap{
|
.u-icon{
|
.u-icon__icon{
|
width:vww(7.27);
|
height:vww(12);
|
span{
|
color:#007AFF;
|
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
|
|
}
|
}
|
}
|
}
|
</style>
|
