yiliangyiyun-app/pages/erpbusiness/out_quality_testing.vue

<template>
	<view>
		<view class='wrap'>
			<view class='title_b'>基本信息</view>
			<view class="c-row ">
				<view class="title">仓库</view>
				<view class="con-list">
					{{gridList.warehouseName}}
				</view>
			</view>
			<view class="c-row ">
				<view class="title">合同编号</view>
				<view class="con-list">
					{{gridList.contractNo}}
				</view>
			</view>
			<view class="c-row ">
				<view class="title">货名</view>
				<view class="con-list">
					{{gridList.goodsName}}
				</view>
			</view>
			<view class="c-row ">
				<view class="title">车牌号</view>
				<view class="con-list">
					<input v-model='gridList.carNumber' placeholder="请输入车牌号" name="input"></input>
				</view>
			</view>
			<view class="c-row ">
				<view class="title">仓位号</view>
				<view class="con-list">
					<view @click='show=true'>{{gridList.binNumber}}</view>
					<u-picker :range="warehouseList" range-key="binNumber" @confirm='binNumberpicker($event)'
						v-model="show" mode="selector">
					</u-picker>
				</view>
			</view>
			<view class="c-row ">
				<view class="title">囤位号</view>
				<view class="con-list">
					<input v-model='gridList.storageTagNo' placeholder="请输入囤位号" name="input"></input>
				</view>
			</view>
			<view class="c-row">
				<view class="title">出库类型</view>
				<view class="con-list">
					{{gridList.inOutType}}
				</view>
			</view>
			<view class="c-row ">
				<view class="title">出库日期</view>
				<view class="con-list">
					<view>{{gridList.inOutDate}}</view>
				</view>
			</view>
			<view class="c-row ">
				<view class="title">运输方式</view>
				<view class="con-list">
					<view>{{gridList.outType}}</view>
				</view>
			</view>

			<view class="c-row ">
				<view class="title">车队</view>
				<view class="con-list">
					<view>{{gridList.fleet}}</view>
				</view>
			</view>
			<view v-if="gridList.outType=='汽运'||gridList.outType == '集装箱船'" class="c-row ">
				<view class="title">箱号-1</view>
				<view class="con-list">
					{{gridList.boxNo}}
				</view>
			</view>
			<view v-if="gridList.outType== '汽运'||gridList.outType == '集装箱船'" class="c-row ">
				<view class="title">封号-1</view>
				<view class="con-list">
					{{gridList.titleNo}}
				</view>
			</view>
			<view v-if="gridList.outType=='汽运'||gridList.outType == '集装箱船'" class="c-row ">
				<view class="title">箱号-2</view>
				<view class="con-list">
					{{gridList.boxNoOther}}
				</view>
			</view>
			<view v-if="gridList.outType== '汽运'||gridList.outType == '集装箱船'" class="c-row ">
				<view class="title">封号-2</view>
				<view class="con-list">
					{{gridList.titleNoOther}}
				</view>
			</view>
		</view>
		<view style='margin-bottom:300rpx;'>
			<view class='wrap'>
				<view class='title_b'>化验信息</view>

				<view class="c-row ">
					<view class="title">等级</view>
					<view class="con-list">
						<view @click='show1=true'>{{gridList.grade?gridList.grade:'请选择等级'}}</view>
						<u-picker :range="gradeList" range-key="value" @confirm='gradepicker($event)' v-model="show1"
							mode="selector">
						</u-picker>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">水分（%）</view>
					<view class="con-list">
						<input v-model='gridList.waterContent' placeholder="请输入水分占比" name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">容重（克/升）</view>
					<view class="con-list">
						<input v-model='gridList.bulkDensity' placeholder="请输入容重" name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">不完善粒（%）</view>
					<view class="con-list">
						<input v-model='gridList.imperfectGrain' placeholder="请输入不完整粒占比" name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">杂质（%）</view>
					<view class="con-list">
						<input v-model='gridList.impurity' placeholder="请输入杂质占比" name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">霉变粒（%）</view>
					<view class="con-list">
						<input v-model='gridList.mildewGrain' placeholder="请输入霉变粒占比" name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">热损伤（%）</view>
					<view class="con-list">
						<input v-model='gridList.jiaorenli' placeholder="请输入热损伤占比" name="input"></input>
					</view>
				</view>
			</view>
		</view>

		<view class="footer">
			<view @click='submit' class="button">提交</view>
		</view>
	</view>
</template>

<script>
	import dragButton from "@/components/drag-button/drag-button.vue";
	import {
		mapState
	} from 'vuex';
	let startY = 0,
		moveY = 0,
		pageAtTop = true;
	export default {
		components: {
			dragButton
		},
		data() {
			return {
				inputShow: false,
				modalName: '',
				mycarStyle: '',
				feild: undefined,
				id: 0,
				show: false,
				selector: [],
				show1: false,
				inputContent: '',
				coverTransform: 'translateY(0px)',
				coverTransition: '0s',
				moving: false,
				footprintList: [],
				searchKeyWord: '',
				isVip: false,
				userInfoTmp: [],
				inputStatus: 'none',
				carInfo: [],
				gridCol: 4,
				pageSize: 10,
				currentPage: 1,
				gridBorder: false,
				headUrl: "../../static/img/myimg/YongHu@3x.png",
				userphone: "",
				username: "请更改昵称",
				gridList: {},
				managementType: '',
				warehouseName: '',
				warehouseList: [],
				showTran: true,
				companyId: 1,
				current: 4,
				gradeList: [{
						key: 1,
						value: '一等品'
					},
					{
						key: 2,
						value: '二等品'
					},
					{
						key: 3,
						value: '三等品'
					},
					{
						key: 4,
						value: '等外'
					},
				],
				cangid: ''
			}
		},
		// #ifndef MP
		onNavigationBarButtonTap(e) {
			const index = e.index;
			if (index === 0) {
				this.navTo('/pages/set/set');
			} else if (index === 1) {
				// #ifdef APP-PLUS
				const pages = getCurrentPages();
				const page = pages[pages.length - 1];
				const currentWebview = page.$getAppWebview();
				currentWebview.hideTitleNViewButtonRedDot({
					index
				});
				// #endif
				uni.navigateTo({
					url: '/pages/notice/notice'
				})
			}
		},
		// #endif
		computed: {
			...mapState(['hasLogin', 'userInfo']),
			// 手机号中间4位加*
			starUserphone() {
				let reg = /^(\d{3})\d{4}(\d{4})$/;
				if (this.userphone) {
					return this.userphone.replace(reg, "$1****$2");
				}
			}
		},
		onLoad(options) {
			this.id = options.id
			this.cangid = options.cangid
			this.managementType = options.managementType
		},
		onShow() {
			var that = this
			this.$api.doRequest('get', '/qualityInspectionManagement/api/getQualityInspection', {
				id: this.id
			}).then(res => {
				if (res.data.data) {
					let data = res.data.data
					that.gridList = data
					that.$api.doRequest('get', '/warehouseBaseInfo/getWarehouse', {
						id: this.cangid
					}).then(res => {
						that.warehouseList = res.data.data.warehousePositionInfoList
					})
				}
			})
		},
		methods: {
			submit() {
				var that = this
				if (!this.gridList.contractNo) {
					this.$api.msg('编号不能为空')
					return
				}
				if (!this.gridList.binNumber) {
					this.$api.msg('仓位不能为空')
					return
				}
				if (!this.gridList.storageTagNo) {
					this.$api.msg('囤位号不能为空')
					return
				}
				if (this.gridList.storageTagNo.length > 10) {
					this.$api.msg('囤位号不超过10个字符！')
					return
				}
				if (!this.gridList.carNumber) {
					this.$api.msg('车牌号不能为空')
					return
				}
				if (this.gridList.carNumber.length > 7) {
					this.$api.msg('车牌号输入错误')
					return
				}
				if (!this.gridList.goodsName) {
					this.$api.msg('货名不能为空')
					return
				}
				if (!this.gridList.grade) {
					this.$api.msg('等级不能为空')
					return
				}
				if (!this.gridList.impurity) {
					this.$api.msg('杂质不能为空')
					return
				}
				if (!this.gridList.waterContent) {
					this.$api.msg('水分不能为空')
					return
				}
				if (!this.gridList.mildewGrain) {
					this.$api.msg('霉变粒不能为空')
					return
				}
				if (!this.gridList.bulkDensity) {
					this.$api.msg('容重不能为空')
					return
				}
				if (!this.gridList.jiaorenli) {
					this.$api.msg('热损伤不能为空')
					return
				}
				if (!this.gridList.imperfectGrain) {
					this.$api.msg('不完整粒不能为空')
					return
				}
				uni.showModal({
					content: "确定提交质检信息？",
					showCancel: true,
					confirmText: '提交',
					success: function(res) {
						if (res.confirm) {
							that.$api.doRequest('post',
									'/qualityInspectionManagement/api/addQualityInspectionOut', that.gridList)
								.then(res => {
									if (res.data.code == 200) {
										that.$api.msg('提交成功')
										uni.navigateBack({})
									}
								})
						}
					}
				})
			},
			gradepicker(e) {
				console.log(e)
				// this.$set(this.gradeList,'grade',this.gradeList[e[0]].value)
				this.gridList.grade = this.gradeList[e[0]].value
				this.gridList.gradeKey = this.gradeList[e[0]].key
			},
			binNumberpicker(e) {
				this.gridList.binNumber = this.warehouseList[e[0]].binNumber
			},
			del(item) {
				this.$api.doRequest('get', '/qualityInspectionManagement/api/deleteQualityInspection', {
					id: item.id
				}).then(res => {
					if (res.data.code == 200) {
						this.$api.msg('删除成功')
					} else {
						this.$api.msg('系统异常，请联系管理员')
					}
				})
			},
			fankui() {
				uni.navigateTo({
					url: `/pages/user/fankui`
				})
			},
			zhibo() {
				uni.navigateTo({
					url: `/pageB/video/broadcast`
				})
			},
			look() {
				uni.navigateTo({
					url: `/pageB/video/look`
				})
			},
			contactUs() {
				const that = this
				uni.makePhoneCall({
					// 手机号
					phoneNumber: '18241771147',
					// 成功回调
					success: (res) => {},
					// 失败回调
					fail: (res) => {}
				});
			},
			loadData() {
				// const that = this
				// if(uni.getStorageSync("PageCur")){
				// 	that.PageCur = uni.getStorageSync("PageCur");
				// }
				// that.userInfoTmp = uni.getStorageSync("userInfo")
				// uni.showLoading({
				// 	title: '正在加载',
				// 	mask:true
				// })
				// that.$api.request('integral', 'getIndexData', failres => {
				// 	that.$api.msg(failres.errmsg)
				// 	uni.hideLoading()
				// }).then(res => {
				// 	let data = res.data
				// 	uni.setStorageSync("message", data.message);
				// 	uni.setStorageSync("task", data.task);
				// 	uni.setStorageSync("contract", data.contract);
				// 	uni.setStorageSync('showTran', data.showTran);
				// 	that.showTran = data.showTran
				// 	that.gridList[4].tips = data.task
				// 	that.gridList[2].tips = data.contract
				// 	that.companyId = data.companyId
				// 	uni.hideLoading()
				// })
			},

			confirm() {
				const that = this
				if (!that.inputContent) {
					that.$api.msg('输入不能为空')
					return
				}
				let obj = {}
				obj[that.feild] = that.inputContent
				that.$api.request('user', 'syncUserInfo', obj).then(res => {
					that.userInfo.nickname = that.inputContent
					that.inputContent = ''
					that.$store.commit('login', that.userInfo)
				})
			},
			cancel() {
				this.inputShow = false
				this.inputStatus = 'none'
				this.genderShow = false
			},
			myAccount() {
				uni.navigateTo({
					url: `/pageA/pages/contract`
				})
			},
			/**
			 * 统一跳转接口,拦截未登录路由
			 * navigator标签现在默认没有转场动画，所以用view
			 */
			navTo(url) {
				if (!this.hasLogin) {
					url = '/pages/public/login';
				}
				uni.navigateTo({
					url
				})
			},
			mycarClick(carNo) {
				this.modalName = null
				uni.navigateTo({
					url: `/pageB/car/mycar_detail?carNo=${carNo}`
				})
			},
			scanCode() {
				uni.scanCode({
					success: function(res) {
						uni.navigateTo({
							url: res.result
						})
					}
				})
			},
			hideModal(e) {
				this.modalName = null
			},
		}
	}
</script>
<style lang='scss' scoped>
	page {
		background: #F5F6FA;
	}

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

	.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;
	}

	.wrap {
		padding-bottom: 10px;
		font-size: 14px;
		background: #fff;
		margin: 10px;
		border-radius: 10px;

		input {
			font-size: 14px;
		}

		>.title {
			padding: 10px 16px;
		}
	}

	.footer {
		background: #fff;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 20px 10px;
		z-index: 10;

		.button {
			background: #22C572;
			width: 90%;
			margin: 0 auto;
			padding: 10px;
			color: #fff;
			text-align: center;
			border-radius: 30px;
		}
	}
</style>