<template>
	<view class="container">
		<view class="center">
			<view class="title_b ">发运信息</view>
			<view class="c-row ">
				<text class="tit">合同编号</text>
				<view class="con-list">
					<text>{{WarehouseInOutInfo.contractNo}}</text>
				</view>
			</view>
			<view class="c-row ">
				<text class="tit">收货方</text>
				<view class="con-list">
					<text>{{WarehouseInOutInfo.consignee}}</text>
				</view>
			</view>
			<view class="c-row ">
				<text class="tit">货名</text>
				<view class="con-list">
					<text>{{WarehouseInOutInfo.goodsName}}</text>
				</view>
			</view>
			<view class="c-row ">
				<text class="tit">车牌号</text>
				<view class="con-list">
					<text>{{WarehouseInOutInfo.carNo}} ({{WarehouseInOutInfo.tranCarNo}})</text>
				</view>
			</view>
			<view class="c-row ">
				<text class="tit">箱号</text>
				<view class="con-list">
					<text>{{WarehouseInOutInfo.boxNo}}</text>
				</view>
			</view>
			<view class="c-row ">
				<text class="tit">封号</text>
				<view class="con-list">
					<text>{{WarehouseInOutInfo.titleNo}}</text>
				</view>
			</view>
		</view>
		<view class="center">
			<view class="title_c ">出库信息</view>
			<view class="c-list">
				<view class="c-row b-b">
					<text class="tit">毛重（吨）</text>
					<view style="color: #ff0000; padding-left: 10rpx;">*</view>
					<view class="con-list">
						{{WarehouseInOutInfo.grossWeight}}
					</view>
				</view>
				<view class="c-row b-b">
					<view class="tit">皮重（吨）</view>
					<view style="color: #ff0000; padding-left: 10rpx;">*</view>
					<view class="con-list">
						{{WarehouseInOutInfo.tare}}
					</view>
				</view>
				<view class="c-row b-b">
					<text class="tit">净重（吨）</text>
					<view class="con-list">
						<text>{{WarehouseInOutInfo.netWeight}}</text>
					</view>
				</view>
				<view class="c-row b-b">
					<text class="tit">仓库</text>
					<view style="color: #ff0000; padding-left: 10rpx;">*</view>
					<view class="con-list">
						<view>
							{{WarehouseInOutInfo.warehouseName}}
						</view>
					</view>
				</view>
				<view class="c-row b-b">
					<view class="title">仓位号</view>
					<view style="color: #ff0000; padding-left: 10rpx;">*</view>
					<view class="con-list">
						{{WarehouseInOutInfo.binNumber}}
					</view>
				</view>

				<view class="c-row b-b">
					<text class="tit">出库类型 </text>
					<view class="con-list">
						{{WarehouseInOutInfo.inOutType}}
					</view>
				</view>
				<view class="c-row b-b">
					<text class="tit">出库日期</text>
					<view class="con-list" @click="show = true">
						<text>{{WarehouseInOutInfo.inOutDate}}</text>
					</view>


				</view>
				<view class="c-row ">
					<text class="tit">磅单照片</text>
				</view>
				<view style="width: 90px;height: 90px; margin-left: 16px;" >
					<image v-bind:src="WarehouseInOutInfo.addressUrl" mode="" class="picture"></image>
				</view>
			</view>
			<view class="center">
				<view class="title_c ">化验信息</view>
				<view class="c-list">
					<view class="c-row b-b">
						<view class="title">质检员</view>
						<view class="con-list">
							{{WarehouseInOutInfo.warehouseInOutDetail.qualityInspector}}
						</view>
					</view>
					<view class="c-row b-b">
						<view class="title">蛋白(%)>=</view>
						<view class="con-list">
							{{WarehouseInOutInfo.warehouseInOutDetail.protein}}
						</view>
					</view>
					<view class="c-row b-b">
						<view class="title">水分(%)<= </view>
								<view class="con-list">
									{{WarehouseInOutInfo.warehouseInOutDetail.waterContent}}
								</view>
						</view>
						<view class="c-row b-b">
							<view class="title">容重(克/升)>= </view>
							<view class="con-list">
								{{WarehouseInOutInfo.warehouseInOutDetail.bulkDensity}}
							</view>
						</view>
						<view class="c-row b-b">
							<view class="title">热损伤(%)<= </view>
									<view class="con-list">
										{{WarehouseInOutInfo.warehouseInOutDetail.jiaorenli}}
									</view>
							</view>
							<view class="c-row b-b">
								<view class="title">杂质(%)<= </view>
										<view class="con-list">
											{{WarehouseInOutInfo.warehouseInOutDetail.impurity}}
										</view>
								</view>
								<view class="c-row b-b">
									<view class="title">霉变粒(%)<= </view>
											<view class="con-list">
												{{WarehouseInOutInfo.warehouseInOutDetail.mildewGrain}}
											</view>
									</view>
									<view class="c-row b-b">
										<view class="title">不完整粒(%)<= </view>
												<view class="con-list">
													{{WarehouseInOutInfo.warehouseInOutDetail.imperfectGrain}}
												</view>
										</view>
										<view class="c-row b-b">
											<text class="tit">品级 </text>
											<view class="con-list">
												{{WarehouseInOutInfo.grade}}
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
</template>
<script>
	export default {
		data() {
			return {
				WarehouseInOutInfo: {},
			}
		},
		onLoad(options) {
			this.getList(options.id)
		},
		methods: {
			typeChange(e) {
				this.typesIndex = e.detail.value
				this.types = this.typesType[this.typesIndex];
			},
			getList(id1) {
				var that = this
				this.$api.doRequest('get', '/warehouseInOutInfo/getInfo', {
						id: id1
					}).then(res => {
						console.log(res)
						this.WarehouseInOutInfo = res.data.data


					})
					.catch(res => {
						if(res.errmsg){
							uni.showToast({
								title: res.errmsg,
								icon: 'none',
								duration: 2000
							})
						}
						else{
							uni.showToast({
								title: "系统异常，请联系管理员",
								icon: 'none',
								duration: 2000
							})
						}
					});
			}
		}
	}
</script>
<style scoped lang='scss'>
	.center {
		margin: 15rpx 15rpx 10rpx 15rpx;
		/* padding: 0rpx 10rpx 30rpx 10rpx; */
		background-color: #FFFFFF;
		border-radius: 15px;
	}

	.title_b {
		margin: 20rpx 20rpx 0rpx 20rpx;
		padding: 20rpx 10rpx 20rpx 10rpx;
		font-size: 18px;
		font-weight: 550;
		border-bottom: 1px solid #d6d6d6;
	}

	.title_c {
		margin: 20rpx 20rpx 0rpx 20rpx;
		padding: 20rpx 10rpx 20rpx 10rpx;
		font-size: 18px;
		font-weight: 550;
	}

	.margin-bottom {
		margin-bottom: 30px;
	}

	.c-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 20rpx 30rpx;
		position: relative;
	}

	.con-list {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		color: #303133;
		line-height: 40rpx;
		text-align: right;
		padding-right: 20rpx;
	}

	.d-header {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 80upx;
		font-size: $font-base + 2upx;
		color: $font-color-dark;
		position: relative;

		text {
			padding: 0 20upx;
			background: #fff;
			position: relative;
			z-index: 1;
		}

		&:after {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateX(-50%);
			width: 300upx;
			height: 0;
			content: '';
			border-bottom: 1px solid #ccc;
		}
	}

	/* 底部操作菜单 */
	.page-bottom1 {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 95;
		width: 100%;
		height: 70px;
		background: rgba(255, 255, 255, .9);
		padding: 15px;
		border-radius: 0;
		text-align: right;

		button {
			display: inline-block;
			border-radius: 18px;
			margin: 0 10px;
			font-size: 14px;
			background: #fff;
			color: #333;
			border: 1px solid #333;
			padding-left: 50rpx;
			padding-right: 50rpx;
		}

		.action-btn {
			background: #22C572;
			color: #fff;
			border: 1px solid #22C572;
		}

		.p-b-btn {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: $font-sm;
			color: $font-color-base;
			width: 96upx;
			height: 80upx;

			.yticon {
				font-size: 40upx;
				line-height: 48upx;
				color: $font-color-light;
			}

			&.active,
			&.active .yticon {
				color: $uni-color-primary;
			}

			.icon-fenxiang2 {
				font-size: 42upx;
				transform: translateY(-2upx);
			}

			.icon-shoucang {
				font-size: 46upx;
			}
		}


	}
	.container {
		padding-bottom: 16upx;
	}
	.xiangji{
		width: 25px;
		height: 25px;
		position: absolute;
		margin: 0 auto;
		margin-top: 35px;
		margin-left: -58px;
	}
	.picture{
		width: 90px;
		height: 90px;
		border-radius: 10px;
	}
	.picture{
		width: 75px;
		height: 75px;
		border-radius: 10px;
	}
</style>
