<template>
  <view class="uni-padding-wrap uni-common-mt" >
	  <view class="grid-body">
	    <uni-grid :column="3" :showBorder="false" @change="changeGrid1">
	      <uni-grid-item :index="1" style="line-height: 100px;margin-top:100px;margin-left:37.5%;width: 100%;">
	        <view class="grid-item-box">
	          <uni-icons custom-prefix="iconfont" type="icon-caigoushouhuodan" size="30"></uni-icons>
	          <text class="text">采购收货单</text>
	        </view>
	      </uni-grid-item>
	      <uni-grid-item :index="2" style="line-height: 100px;margin-left:37.5%;width: 100%;">
	  	  <view class="grid-item-box">
	  		<uni-icons custom-prefix="iconfont" type="icon-zhijian" size="30"></uni-icons>
	  	    <text class="text">采购质检</text>
	  	  </view>
	  	</uni-grid-item>
	  	<uni-grid-item :index="3" style="line-height: 100px;margin-left:37.5%;width: 100%;">
	  	  <view class="grid-item-box">
	  	    <uni-icons custom-prefix="iconfont" type="icon-navicon-cgrkd" size="30"></uni-icons>
	  	    <text class="text">采购入库单</text>
	  	  </view>
	  	</uni-grid-item>
	    </uni-grid>
	  </view>
    </view>
  </view>
</template>

<script>
  export default {
    onLoad: function() {
    },
	methods: {
		changeGrid1(e) {
		  console.log(e.detail.index);
		  		if (e.detail.index == 1) {
		  			this.$tab.navigateTo('/pages/wms/purchase/purchaseSh');
		  		} else if (e.detail.index == 2) {
		  			this.$tab.navigateTo('/pages/wms/purchase/purchaseQualityT');
		  		} else if (e.detail.index == 3) {
		  			this.$tab.navigateTo('/pages/wms/purchase/purchaseRk');
		  		} 
		}
	}
  }
</script>

<style>
	uni-grid-item {
		line-height: 100px;
		margin: auto;
	}
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .logo {
    height: 200rpx;
    width: 200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>
