<template>
	<view class="morePages">
		<view class="list-box">
			<view class="list-title">
				<u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
			</view>
			<u-cell-group :border="false">
				<u-cell-item title="库存查询" @click="toPage('/pages/stockQuery/stockQuery')" :title-style="{fontSize:'1em'}">
					<text slot="icon"></text>
				</u-cell-item>
				<u-cell-item title="补货记录" @click="toPage('/pages/digitalShelf/stockPut')" :title-style="{fontSize:'1em'}">
					<text slot="icon"></text>
				</u-cell-item>
			</u-cell-group>
		</view>
		<view class="list-box">
			<view class="list-title">
				<u-icon size="34" name="order"></u-icon> <text>订单管理</text>
			</view>
			<u-cell-group :border="false">
				<u-cell-item title="货架订单" @click="toPage('/pages/digitalShelf/orderList')" :title-style="{fontSize:'1em'}">
					<text slot="icon"></text>
				</u-cell-item>
				<u-cell-item title="临配订单" :title-style="{fontSize:'1em'}">
					<text slot="icon"></text>
				</u-cell-item>
			</u-cell-group>
		</view>
		<view class="list-box">
			<view class="list-title">
				<u-icon size="36" name="rmb-circle"></u-icon> <text>结算管理</text>
			</view>
			<u-cell-group :border="false">
				<u-cell-item title="结算记录" @click="toPage('/pages/digitalShelf/settlementRecord/settlementRecord')" :title-style="{fontSize:'1em'}">
					<text slot="icon"></text>
				</u-cell-item>
				<u-cell-item title="付款结算" @click="toPage('/pages/digitalShelf/settlementManage/settlementManage')" :title-style="{fontSize:'1em'}">
					<text slot="icon"></text>
				</u-cell-item>
			</u-cell-group>
		</view>
		<view class="list-box">
			<view class="list-title flex justify_center phone">
				<u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
	    mapState,
	    mapMutations
	} from 'vuex'
	export default {
		data() {
			return {
				
			}
		},
		computed: {
			...mapState(['hasLogin'])
		},
		methods: {
			toPage(path){
				if(this.hasLogin){
					uni.navigateTo({
						url: path
					})
				}else{
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			}
		}
	}
</script>

<style lang="less">
.morePages{
	width: 100%;
	padding: 30rpx;
	background-image: linear-gradient(#86defa 0%,#cdeff9 20%,#f8f8f8 30%);
	.list-box{
		background: #ffffff;
		margin-bottom: 30rpx;
		border-radius: 25rpx;
		overflow: hidden;
		box-shadow: 2rpx 2rpx 5rpx #eee;
		.list-title{
			padding:30rpx 20rpx;
			font-size: 30rpx;
			border-bottom: 2rpx solid #f8f8f8;
			> text{
				margin-left: 10rpx;
			}
		}
		&:first-child{
			box-shadow: 2rpx 2rpx 5rpx #cdeff9;
		}
	}
	.phone{
		color: #00aaff;
		&:active{
			opacity: 0.8;
			transform:scale(0.9);
		}
	}
}
</style>
