108 lines
2.6 KiB
Vue
108 lines
2.6 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="header">
|
||
<view class="header-item">
|
||
<text class="header-user">登录人员：{{userName}}</text>
|
||
</view>
|
||
<view class="header-item header-r">
|
||
<button class="header-button" @click="toExit">退 出</button>
|
||
</view>
|
||
</view>
|
||
<view class="nav-wrap">
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/management/inscanerror')">入箱扫码异常</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/management/outscanerror')">出箱扫码异常</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">缓存线盘点</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">AGV入箱异常</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">AGV出箱异常</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">缓存线出箱异常</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">指令操作</text>
|
||
</view>
|
||
<view class="nav-item">
|
||
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">缓存线异常处理</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
userName: this.$store.getters.userInfo ? JSON.parse(this.$store.getters.userInfo).id : ''
|
||
}
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
methods: {
|
||
toJump(path) {
|
||
uni.navigateTo({
|
||
url: path
|
||
});
|
||
},
|
||
toExit () {
|
||
this.$store.dispatch('delUserInfo', '')
|
||
uni.redirectTo({
|
||
url: '/pages/login/login'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="stylus" scoped>
|
||
@import '../../common/style/mixin.styl';
|
||
.content
|
||
_fj()
|
||
_wh(100%, 100%)
|
||
flex-direction column
|
||
background-color: #fff
|
||
.header
|
||
_fj()
|
||
_wh(100%,88rpx)
|
||
background-color $red
|
||
.header-item
|
||
width calc(50% - 20rpx)
|
||
padding 0 10px
|
||
.header-user
|
||
_font(32rpx, 88rpx, #fff,,)
|
||
.header-r
|
||
_fj(flex-end)
|
||
/deep/ .header-r uni-button
|
||
margin-right 0
|
||
.header-button
|
||
_wh(160rpx, 60rpx)
|
||
_font(32rpx,60rpx,#333,,)
|
||
.nav-wrap
|
||
_fj(flex-start)
|
||
align-content center
|
||
flex-wrap wrap
|
||
_wh(calc(100%),calc(100% - 88rpx))
|
||
padding 0 20%
|
||
.nav-item
|
||
_fj(center)
|
||
align-items center
|
||
_wh(30%,200rpx)
|
||
border-radius 20rpx
|
||
border 10px solid #acbec6
|
||
margin 15rpx 5% 15rpx 0
|
||
.nav-item:nth-child(3n)
|
||
margin-right 0
|
||
.nav-text
|
||
_font(40rpx, 60rpx, #333,,)
|
||
letter-spacing: 4rpx
|
||
</style>
|