<template>
  <view class="projectList">
    <headers class="fixedheader" :themeType="true" :showBack="true">
      <view class="headerName">
        材料入场管理
      </view>
    </headers>
  <view>
	  <view class="ukashList">
	  	  <view class="ukashList-what">
			  <span style="font-size: 14px;font-weight: 700;">0000</span>
			  <span class="ukashList-look">查看明细</span>
		  </view>
		  <view class="ukashList-time">型号: 2222s</view>
		  <view class="ukashList-time">规格: 2222s</view>
		  <view class="ukashList-time">单位: 2222s</view>
		  <view class="ukashList-time">数量: 2222s</view>
	  </view>
  </view>
  </view>
</template>

<script>
  import headers from '../../../components/headers/headers.vue'

  export default {
    data() {
      return {
       search:'',
	   pageNo: 1,
	   pageSize: 10,
	   isLoadMore:false,
	   dataList:[],
	   id:''
      }
    },
    onShow() {
     this.queryList()
    },
	onLoad(vai) {
		console.log(vai.itemS);
		this.id = vai.itemS
	},
    onReachBottom() {
		console.log(99999);
   if (!this.isLoadMore) {
     this.isLoadMore = true
     this.pageNo + 1
     this.queryList()
   }
    },
    onPullDownRefresh() {
		console.log(222);
 this.pageNo = 1
 this.dataList = []
 this.queryList()
    },
    methods: {
     queryList() {
       let data = {
         id:this.id
       }
       let _this = this
       this.sendRequest({
         url: 'xmgl/xzMaterial/queryById',
         method: 'post',
         data: data,
         success: res => {
			 console.log(res);
           // this.dataList =res.result.records
           // if (res.result.records.length < this.pageSize) {
           //   //判断接口返回数据量小于请求数据量，则表示此为最后一页
           //   this.isLoadMore = true
           //   this.loadStatus = 'nomore'
           // } else {
           //   this.isLoadMore = false
           //   // that.loadStatus='more'
           // }
           // uni.stopPullDownRefresh()
           // // console.log(res.result)
         }
       })
     },
      }
    }
  
</script>

<style lang="scss" scoped>
	.projectList{
		min-height: 100%;
		background: #f4f5fd;
		
	.uni-input {
    border-radius: 10px;
    margin: 10px 10px;
    background-color: #e6e7ef;
    height: 35px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
  }
  .ukashList{
	  height: 163px;
	  background-color: #fff;
	   margin: 10px 10px;
	   border-radius: 15px;
	   .ukashList-what{
		   display: flex;
		   justify-content: space-between;
		   margin: 0 15px;
		   padding-top: 10px;
		   .ukashList-look{
			   background-color: #5081f7;
			   border-radius: 10px;
			   padding: 0 4px;
			   font-size: 12px;
			   text-align: center;
			   color: #fff;
		   }
	   }
	   .ukashList-time{
		   margin-top: 15px;
		   margin-left: 15px;
		   font-size: 12px;
		   color: #b9bbc9;
	   }
  }
  }
</style>