<template>
	<custom-nav-bar :left="true" title="追溯菜单"></custom-nav-bar>
	<!-- 宫格组件 -->
	<view class="grid-body">
		<uni-grid :column="3" :showBorder="false">
			<uni-grid-item @click="toPage('report')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-lvli" style="color: #34c3d4;"></uni-icons>
					<text class="text">生产日报</text>
				</view>
			</uni-grid-item>
			<uni-grid-item @click="toPage('sign')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-a-bianji5" style="color: #fca61d;"></uni-icons>
					<text class="text">签收单</text>
				</view>
			</uni-grid-item>
			<!-- <uni-grid-item @click="toPage('signquery')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-dayin" style="color: #39ac4f;"></uni-icons>
					<text class="text">签收查询</text>
				</view>
			</uni-grid-item> -->
			<!-- <uni-grid-item @click="toPage('stock')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-kccx" style="color: #08c4b4;"></uni-icons>
					<text class="text">库存查询</text>
				</view>
			</uni-grid-item>
			<uni-grid-item @click="toPage('seq')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-zs1" style="color: #fca61d;"></uni-icons>
					<text class="text">出入库查询</text>
				</view>
			</uni-grid-item>
			<uni-grid-item @click="toPage('into')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-cangku" style="color: #c2297f;"></uni-icons>
					<text class="text">库存初始化</text>
				</view>
			</uni-grid-item>
			<uni-grid-item @click="toPage('track')">
				<view class="grid-item-box">
					<uni-icons custom-prefix="iconfont" type="icon-cx" style="color: #39ac4f;"></uni-icons>
					<text class="text">履历查询</text>
				</view>
			</uni-grid-item> -->
		</uni-grid>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		methods: {
			toPage(type) {
				switch (type) {
					case "report":
						uni.navigateTo({
							url: '/pages/retrace/report'
						});
						break;
					case "sign":
						uni.navigateTo({
							url: '/pages/retrace/signBill'
						});
						break;
				}
			}
		}
	}
</script>

<style lang="scss">
	/* #ifndef APP-NVUE */
	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #fff;
		min-height: 100%;
		height: auto;
	}

	/* #endif */

	.grid-item-box {
		flex: 1;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;

		.uni-icons {
			font-size: 2.5rem !important;
			display: block;
		}

		.text {
			color: #000;
			font-size: 1rem;
		}
	}
</style>