<template>
	<view class="warp">
		<view class="content">
			<view class="title">
				基本信息
			</view>
			<view class="row">
				<view class="left">仓库</view>
				<view class="right">{{detailData.warehouseName}}</view>
			</view>
			<view class="row">
				<view class="left">合同编号</view>
				<view @click='show=true'>{{detailData.contractNo?detailData.contractNo:'请选择合同编号'}}</view>
				<u-picker :range="contractNoList" range-key="contractNo" @confirm='contractNopicker($event)' v-model="show" mode="selector" >
				</u-picker>
			</view>
			<view class="row">
				<view class="left">货名</view>
				<view class="right">{{detailData.goodsName}}</view>
			</view>
			<view class="row" style="text-align: right;">
				<view class="left">车牌号</view>
				<input v-model='detailData.carNumber' class="right-bottom" placeholder="输入车牌号"></input>
			</view>
			<view class="row">
				<view class="left">仓位号</view>
				<view @click='show1=true'>{{detailData.binNumber?detailData.binNumber:'请选择仓位号'}}</view>
				<u-picker :range="positionList" range-key="binNumber" @confirm='binNumberpicker($event)' v-model="show1" mode="selector" >
				</u-picker>
			</view>
			<view class="row" style="text-align: right;">
				<view class="left">囤位号</view>
				<input class="right-bottom" v-model='detailData.storageNumber' placeholder="输入囤位号"></input>
			</view>
			<view class="row row-bottom" @click="issueTypeClick">
				<view class="left">出库类型</view>
				<view class="right">{{issueTypeVal}}></view>
			</view>
		</view>
		<div class="content1">
			<view class="title">
				检斤信息
			</view>
			<view class="row row-bottom">
				<view class="left">皮重（公斤）</view>
				<input class="right-bottom" v-model="detailData.tare" placeholder="输入皮重"></input>
			</view>
		</div>
		<!-- <u-select v-model="isShowContractNo" :list="contractNoList" @confirm="confirmContractNo"></u-select> -->
		<u-select v-model="isShowBinNo" :list="binNoList" @confirm="confirmBinNo"></u-select>
		<u-select v-model="isShowIssueType" :list="issueTypeList" @confirm="confirmIssueTypeNo"></u-select>
		
		<view class='footer'>
			<u-button type="primary" class="submit" @click="submit">提交</u-button>
		</view>

	</view>
</template>

<script>
	import helper from '@/common/helper.js'; 
	export default {
		data() {
			return {
				// isShowContractNo: false,
				isShowBinNo: false,
				isShowIssueType: false,
				issueTypeVal: "销售出库",
				detailData: {},
				id:'',
				cangId:'',
				show1:false,
				show:false,
				contractNoList: [],
				positionList:[],
				binNoList: [],
				issueTypeList: [{
						value: '1',
						label: '销售出库'
					},
					{
						value: '2',
						label: '移库出库'
					},
					{
						value: '3',
						label: '暂存出库'
					},
					{
						value: '4',
						label: '贸易服务出库'
					},
				]
			}
		},
		onShow() {},
		onLoad(options) {
			this.cangId = options.cangId
			this.detailData.warehouseName = options.warehouseName
			this.getWeighingManagement()
		},
		methods: {
			contractNopicker(e){
				this.detailData.goodsName=this.contractNoList[e[0]].goodsName
				this.detailData.contractNo=this.contractNoList[e[0]].contractNo
			},
			binNumberpicker(e){
				this.detailData.binNumber=this.positionList[e[0]].binNumber
			},
			getWeighingManagement(){
					this.$api.doRequest('get', '/warehouseBaseInfo/getWarehouse',
					{id: this.cangId}).then(res => {
						if(res.data.code==200){
						this.positionList = res.data.data.warehousePositionInfoList
						}
					})
					this.$api.doRequest('get', '/warehouseBaseInfo/selectContractNoList',{
						compId: '',
						flag:5
						}).then(res => {
						if(res.data.code==200){
						this.contractNoList = res.data.data
						}
					})
			},
			contractNoClick() {
				uni.navigateTo({
					url:"selectContractNo?compId="+this.detailData.compId
				})
			},
			issueTypeClick() {
				this.isShowIssueType = true
			},
			confirmContractNo(e) {},
			confirmBinNo(e) {},
			confirmIssueTypeNo(e) {
				console.log(e)
				this.detailData.inOutType=e[0].label
				this.issueTypeVal = e[0].label
			},
			submit(){
				if (!this.detailData.contractNo) {
					this.$api.msg('合同编号不能为空')
					return
				}
				if (!this.detailData.binNumber) {
					this.$api.msg('仓位号不能为空')
					return
				}
				if (!this.detailData.storageNumber) {
					this.$api.msg('囤位号不能为空')
					return
				}
				if (
					this.detailData.storageNumber.length < 1 ||
					this.detailData.storageNumber.length > 10
				) {
					this.$api.msg('囤位号不超过10个字符！')
					return
				}
				if (!this.detailData.carNumber) {
					this.$api.msg('车牌号不能为空')
					return
				}
				if (this.detailData.carNumber.length != 7) {
					this.$api.msg('车牌号输入错误')
					return
				}
				if (!this.detailData.inOutType) {
					this.$api.msg('出库类型不能为空')
					return
				}
				var that = this
				uni.showModal({
					content:"确定提交检斤信息?",
					success(res) {
						if(res.confirm){
							that.$api.doRequest('post', '/weighingManagement/api/editTareOut',
							that.detailData).then(res => {
								if(res.data.code==200){
								that.$api.msg('提交成功')
								uni.navigateBack()
								}
							})
						}
					}
				})
			}
		},
	}
</script>

<style scoped lang="scss">
	uni-page-body {
		overflow: hidden;
	}

	.warp {
		margin: 20rpx;
	}

	.content,
	.content1 {
		border-radius: 20rpx;
		background: white;
		padding: 20rpx;

		.title {
			font-size: 28rpx;
			font-weight: 600;
			color: #333333;
		}

		.row {
			display: flex;
			justify-content: space-between;
			padding: 31rpx 0;

			.right {
				font-size: 28rpx;
				color: #333333;
			}
		}

		.row-bottom {
			border: 0;

			.right-bottom {
				width: 300rpx;
				text-align: right;
			}
		}
	}

	.content1 {
		margin-top: 20rpx;
	}
	.footer{
		position: fixed;
		bottom:0;
		width:100%;
		padding:10px;
		background:#fff;
		.submit {
			width: 90%;
			background: #22C572;
			border-radius: 50rpx;
		}
	}
	
	.row input{
		font-size:14px;
	}
</style>