<!-- 入库单 -->
<template>
	<view class="container-wrap">
		<uni-nav-bar title="到货入库" :status-bar="true" background-color="#3F92F9" color="#FFF">
			<view slot="left">
				<u-icon name="account-fill" color="#FFF" size="35"></u-icon>
				<span style="padding: 0 5rpx;color: #FFFFFF;">{{ userInfo.name }}</span>
			</view>
			<view slot="right" @tap="$utils.back()">
				<span style="color: #FFFFFF;">返回</span>
			</view>
		</uni-nav-bar>
		<view class="container">
			<scroll-view
				scroll-y="true" 
				style="height: calc(100vh - 150rpx);" 
				@scrolltolower="loadMore" 
				@refresherrefresh="onRefresh" 
				refresher-background="transparent"
				:refresher-triggered="triggered"
				:refresher-enabled="true" >
				<view class="list">
					<view class="item" v-for="(item, index) in 10" :key="index" @tap="$utils.open(`/pages/warehousing/warehousing-details?data=${$utils.object2Code(item)}`)">
						<view class="title">入库单号：SI-202107051338562167</view>
						<view class="row flex-between">
							<view class="col flex-start">
								<view class="label">物料编号：</view>
								<view class="value">01.001.0002</view>
							</view>
						</view>
						<view class="row flex-between">
							<view class="col flex-start">
								<view class="label">物料名称：</view>
								<view class="value">直喷110g针织-130cm</view>
							</view>
						</view>
						<view class="row flex-between">
							<view class="col flex-start">
								<view class="label">采购数量：</view>
								<view class="value">1000米</view>
							</view>
							<view class="col flex-end" style="text-align: right;">
								<view class="label">未入库：</view>
								<view class="value">200米</view>
							</view>
						</view>
					</view>
				</view>
			<u-loadmore :status="loadStatus" @loadmore="loadMore" />
			</scroll-view>
		</view>
		<view class="footer">
			<my-fixed-button></my-fixed-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			getPageList() {
				console.log(123)
			}
		}
	}
</script>

<style lang="scss">
.container-wrap {
	overflow: hidden;
	.container {
		padding-bottom: 100rpx;
		.list {
			padding: 10rpx 20rpx;
			.item {
				padding: 20rpx;
				margin-bottom: 10rpx;
				width: 100%;
				border: 1px solid #D7D7D7;
				border-radius: 5rpx;
				background-color: #FFFFFF;
				.title {
					padding-bottom: 5rpx;
					font-size: 32rpx;
				}
				.row {
					padding-bottom: 5rpx;
					color: #797979;
					&:last-child {
						padding-bottom: 0;
					}
					.col {
						flex: 1;
						.label {
							width: 120rpx;
						}
					}
				}
			}
		}
	}
}
</style>