<template>
	<u-grid>
		<u-grid-item @click="onItemClick(item.menuSpace)" v-for="(item,index) in dataList">
			<view class="content2">
				<image src="/static/icons_ui/icons_common_sjadd.svg" style="width: 100rpx; height: 120rpx;">
				</image>
			</view>
			<view class="content2" style="font-size: 30rpx;width: 100%; white-space: pre-wrap; text-align:center">
				{{item.menuName}}
			</view>
		</u-grid-item>
	</u-grid>
</template>

<script>
	import {
		getBalanceByLocationcode,
		getBalanceByItemCode,
		getDictionaryItem
	} from '@/api/request.js';
	export default {
		data() {
			return {
				dataList: [{
						menuName: '组件\n  .. ',
						menuSpace: '/pages/demo/demo'
					}, {
						menuName: '采购收货\n (任务)',
						menuSpace: '/pages/purchaseReceipt/job/receiptJob'
					}, {
						menuName: '采购退货\n (任务)',
						menuSpace: '/pages/purchaseReturn/job/returnJob'
					},
					{
						menuName: '采购退货\n (直接)',
						menuSpace: '/pages/purchaseReturn/record/returnRecord'
					},
					{
						menuName: '按零件查询\n(库存)',
						menuSpace: '/pages/query/item'
					}, {
						menuName: '按库位查询\n(库存)',
						menuSpace: '/pages/query/location'
					}, {
						menuName: '按器具查询\n(库存)',
						menuSpace: '/pages/query/container'
					}, {
						menuName: '单据查询\n(库存)',
						menuSpace: '/pages/query/number'
					},
					{
						menuName: '发料\n(任务)',
						menuSpace: '/pages/issue/job/issueJob'
					},
					{
						menuName: '发料接收\n(任务)',
						menuSpace: '/pages/issue/job/issueReceiptJob'}
					,
					{	
						menuName: '直接发料\n ',
						menuSpace: '/pages/issue/record/issueRecord'
					},
					{
						menuName: '库存转移\n(自由)',
						menuSpace: '/pages/transfer/record/transferFree'
					},
					{
						menuName: "库存转移\n(合格转隔离)",
						menuSpace: '/pages/transfer/record/transferOkToHold'
					},
					{
						menuName: "库存转移\n(隔离转合格)",
						menuSpace: '/pages/transfer/record/transferHoldToOk'
					},
					{
						menuName: "原料上架\n(任务)",
						menuSpace: '/pages/putaway/job/putawayJob'
					},
					{
						menuName: "原料上架\n(记录)",
						menuSpace: '/pages/putaway/record/putawayRecord'
					},
					{
						menuName: "生产退料\n(任务)",
						menuSpace: '/pages/productionreturn/job/returnJob'
					},
					{
						menuName: "生产退料\n(合格退料)",
						menuSpace: '/pages/productionreturn/record/returnToStore'
					},
					{
						menuName: "生产退料\n(隔离退料)",
						menuSpace: '/pages/productionreturn/record/returnToHold'
					},
					{
						menuName: "盘点\n(任务)",
						menuSpace: '/pages/count/job/countJob'
					},
					{
						menuName: "盘点\n(记录)",
						menuSpace: '/pages/count/record/countRecord'
					},
					{
						menuName: "制品收货任务\n",
						menuSpace: '/pages/productionReceipt/job/productionReceiptJob'
					},
					{
						menuName: "制品直接收货\n",
						menuSpace: '/pages/productionReceipt/record/productionReceiptRecord'
					},
				]
			};
		},
		onLoad() {
			var code ={
				codes:["rwzt","kwlx","wpzt","jldw","kczt","qjzt","bzdw"]
			}
			uni.showLoading({
				title:"获取配置信息..."
			})
			getDictionaryItem(code).then(res=>{
				uni.hideLoading()
				if(res.data){
					var list =res.data;
					uni.setStorageSync("dictionary",list)
					
				}else {
					uni.showToast({
						title:"没有获取到数据",
						duration:3000
					})
				}
			}).catch(error=>{
				uni.hideLoading()
				uni.showToast({
					title:error,
					duration:3000
				})
			})
		},
		methods: {
			

			onItemClick(menuSpace) {
				uni.navigateTo({
					url: menuSpace
				});
			},
			purchasePutawayClick(e) {
				uni.navigateTo({
					url: '/pages/purchaseReceipt/job/receiptJob'
				});
			},
			demoClick() {
				uni.navigateTo({
					url: '/pages/demo/demo'
				});

			},
			itemQuery() {
				uni.navigateTo({
					url: '/pages/query/item'
				});
			},
			locationQuery() {
				uni.navigateTo({
					url: '/pages/query/location'
				});
			},
			issue() {
				uni.navigateTo({
					url: '/pages/issue/job/issueJob'
				});
			}

		}
	};
</script>

<style scoped lang="scss">
	/* 下方这些scss变量为uView内置变量，详见开发  组件-指南-内置样式 */
	.content {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.content2 {

		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		
	}
</style>
