yiliangyiyun-app/pages/erpbusiness/acquisitionInspection/tareDetail2.vue

<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 class="right">{{detailData.contractNo}}</view>
				
			</view>
			<view class="row">
				<view class="left">货名</view>
				<view class="right">{{detailData.goodsName}}</view>
			</view>
			<view class="row">
				<view class="left">车牌号</view>
				<view class="right">{{detailData.carNumber}}</view>
			</view>
			<view class="row">
				<view class="left">仓位号</view>
				<view class="right">{{detailData.binNumber}}</view>
			</view>
			<view class="row">
				<view class="left">囤位号</view>
				<view class="right">{{detailData.storageNumber}}</view>
			</view>
			<view class="row">
				<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>
				<view class="right">{{detailData.tare}}</view>
			</view>
			<view class="row row-bottom">
				<view class="left">毛重（公斤）</view>
				<view v-if='detailData.grossWeight' class="right">{{detailData.grossWeight}}</view>
				<view v-else class="right">未称重</view>
			</view>
			<view v-if='detailData.grossWeight' class="row row-bottom">
				<view class="left">净重（公斤）</view>
				<view class="right">{{detailData.netWeight}}</view>
			</view>
			<view v-if='detailData.grossWeight' class="content2">
				<view class="left">上传磅单</view>
				<image style='width:100px;height:100px;' :src="detailData.addressUrl" mode=""></image>
			</view>
		</div>
		<!-- <u-select v-model="isShowContractNo" :list="contractNoList" @confirm="confirmContractNo"></u-select> -->
	</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.id = options.id
			this.cangId = options.cangId
			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', '/weighingManagement/getWeighingManagement',
					{id: this.id}).then(res => {
						if(res.data.code==200){
						console.log(res)
						this.detailData = res.data.data
						}
					})
					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) {},
			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
				}
				this.detailData.weighingManagement=this.detailData
				var that = this
				uni.showModal({
					content:"确定提交检斤信息?",
					success(res) {
						if(res.confirm){
							that.$api.doRequest('post', '/warehouseInOutInfo/InOutWarehouse',
							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>