<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">退&nbsp;&nbsp;出</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>
