yiliangyiyun-app/pageB/contract/contract_detail.vue

<template>
	<view class="container">
		<!-- <block v-if="TabCur==2"> -->
			<view class="cu-form-group">
				<view class="title">派车编号</view>
				<input  name="input" v-model="goods.tranCarNo"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">车牌号</view>
				<input placeholder="请输入车牌号" name="input" v-model="goods.carNo"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">司机手机号</view>
				<input placeholder="请输入司机身份认证的手机号" name="input" v-model="goods.driverPhone"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">毛重(吨)</view>
				<input placeholder="请输入毛重" type="mobile" name="input"  @input="grossWeightchange" v-model="goods.grossWeight"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">皮重(吨)</view>
				<input placeholder="请输入皮重" type="mobile" name="input"  @input="tarechange" v-model="goods.tare"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">净重(吨)</view>
				<input placeholder="自动计算" type="mobile" name="input" v-model="goods.netWeight"></input>
			</view>
			   
			<view class="cu-bar bg-white margin-top">
				<view class="action">
					上传磅单照片
				</view>
			</view>
			<view class="cu-form-group">
				<view class="grid col-4 grid-square flex-sub">
					<view class="bg-img" v-if="personNoImg != ''" @tap="ViewImage" :data-url="personNoImg">
					 <image :src="personNoImg" mode="aspectFit"></image>
						<view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="0">
							<text class='cuIcon-close'></text>
						</view>
					</view>
					<view class="bg-img" v-if="personNoImg1 != ''" @tap="ViewImage" :data-url="personNoImg1">
					 <image :src="personNoImg1" mode="aspectFit"></image>
						<view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="1">
							<text class='cuIcon-close'></text>
						</view>
					</view>
					<view class="solids" @tap="ChooseImagePerson" v-if="personNoImg == '' || personNoImg1 == ''">
						<text class='cuIcon-cameraadd'></text>
					</view>
				</view>
			</view>
			<view class="padding flex flex-direction">
				<button class="cu-btn commit margin-tb-sm lg" @click="getList">提交</button>
			</view>
		<!-- </block> -->
	</view>
</template>

<script>
	import uploadImage from '@/components/ossutil/uploadFile.js';
	import {
		mapState
	} from 'vuex';
	export default {
			name: "trust",
			data() {
				return {
					goods: {
						tranCarNo:'',
						carNo:'',
						grossWeight:'',
						tare:'',
						netWeight:'',
						personNoImg:'',
						personNoImg1:'',

						 contractNo:'',
						 goodsName:'',
						
					},
					carNo:'',
					PageCur: "trust",
					TabCur: 0,
					priceTypeIndex:-1,
					priceType: ['库内价', '到库价', '到港价'],
					unitPrice:0,
					price:'',
					seller:'',
					sellerPhone:'',
					minSale:'',
					exsitCount:0,
					origin:'',
					stock:'',
					goodsName:'',
					verifyCode:'',
					sendText0:'获取验证码',
					sendText1:'获取验证码',
					sendText2:'获取验证码',
					sendText3:'获取验证码',
					sendDisabled0: false,
					sendDisabled1: false,
					sendDisabled2: false,
					sendDisabled3: false,
					buyer:'',
					buyerPhone:'',
					level:'',
					sender:'',
					senderPhone:'',
					receiver:'',
					receiverPhone:'',
					total:0,
					startPlace:'',
					endPlace:'',
					driver:'',
					driverPhone:'',
					carNo:'',
					personNoImg:'',
					personNoImg1:'',
					driverNoImg:'',
					driverNoImg1:'',
					carNoImg:'',
					carNoImg1:'',
					showTran:true
				};
			},
			computed: {
				...mapState(['hasLogin','userInfo'])
				},	
			onShow() {
			},
			onLoad(option) {
				this.goods.netWeight =option.netWeight
				
				
			},
			methods: {
				 
				commit1(item){
					uni.navigateTo({				
						url: `/pageB/contract/look?id=${item.id}&netWeight=${item.netWeight}&carNo=${item.carNo}&sendDateStart=${item.sendDateStart}`
					})
				},
				grossWeightchange(e) {
				      if (this.goods.grossWeight && this.goods.tare) {
				        this.goods.netWeight = Number(
				          this.goods.grossWeight - this.goods.tare
				        )
				      }
				    },
				tarechange(e) {
				      if (this.goods.grossWeight && this.goods.tare) {
				        this.goods.netWeight = Number(
				          this.goods.grossWeight - this.goods.tare
				        )
				      }
				    },
				getList(){
					console.log(this.goods,"duixiang")
				this.$api.doRequest('post','/tranCarInfo/api/addTranTask',this.goods).then(res => {
				     console.log("调用接口")
				      that.sendDisabled = true
				      let sec = 60
				      let interval = setInterval(() => {
				       sec--;
				       that.sendText = sec + 's后重发'
				       if (sec <= 0) {
				        that.sendDisabled = false
				        that.sendText = "获取验证码"
				        clearInterval(interval)
				       }
				      }, 1000)
				    })
				    .catch(res => {
				     uni.showToast({
				      title: res.errmsg,
				      icon:'none',
				      duration: 2000
				     })
				    });
				   },
				ChooseImagePerson() {
					uni.chooseImage({
						count: 1, //默认9
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album','camera'], //从相册选择
						success: (res) => {
							//上传图片
							//图片路径可自行修改
							uploadImage(res.tempFilePaths[0], 'personNoImg/',
								result => {
								 if (this.personNoImg.length != 0) {
								 	this.personNoImg1 = result
								 } else {
								 	this.personNoImg = result
								 }
								 uni.hideLoading();
								}
							)
						}
					});
				},
				ChooseImageDriver() {
					uni.chooseImage({
						count: 1, //默认9
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album','camera'], //从相册选择
						success: (res) => {
							//上传图片
							//图片路径可自行修改
							uploadImage(res.tempFilePaths[0], 'driverNoImg/',
								result => {
									if (this.driverNoImg.length != 0) {
										this.driverNoImg1 = result
									} else {
										this.driverNoImg = result
									}
									uni.hideLoading();
								}
							)
						}
					});
				},
				ChooseImageCar() {
					uni.chooseImage({
						count: 1, //默认9
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album','camera'], //从相册选择
						success: (res) => {
							//上传图片
							//图片路径可自行修改
							uploadImage(res.tempFilePaths[0], 'carNoImg/',
								result => {
									if (this.carNoImg.length != 0) {
										this.carNoImg1 = result
									} else {
										this.carNoImg = result
									}
									uni.hideLoading();
								}
							)
						}
					});
				},
				ViewImage(e) {
					var img = [];
					img = e.currentTarget.dataset.url.split(' ')
					uni.previewImage({
						current:0,
						urls: img
					});
				},
				DelImg(e) {
					uni.showModal({
						title: '提示',
						content: '确定要删除该照片吗？',
						cancelText: '取消',
						confirmText: '确定',
						success: res => {
							if (res.confirm) {
								if(e.currentTarget.dataset.index == 0){
									this.personNoImg = "";
								}
								else if(e.currentTarget.dataset.index == 1){
									this.personNoImg1 = "";
								}
								else if(e.currentTarget.dataset.index == 2){
									this.driverNoImg = "";
								}
								else if(e.currentTarget.dataset.index == 3){
									this.driverNoImg1 = "";
								}
								else if(e.currentTarget.dataset.index == 4){
									this.carNoImg = "";
								}
								else if(e.currentTarget.dataset.index == 5){
									this.carNoImg1 = "";
								}
								
							}
						}
					})
				},
				commit(){
					if (!this.hasLogin) {
						uni.showModal({
							title: '登录提示',
							content: '您尚未登录，是否立即登录？',
							showCancel: true,
							confirmText: '登录',
							success: (e) => {
								if (e.confirm) {
									uni.navigateTo({
										url: '/pages/public/login'
									})
								}
							},
							fail: () => {},
							complete: () => {}
						})
					}
					else{
						const that = this
						if(this.TabCur == 0){
							if(!that.seller){
								this.$api.msg('请填写车牌号');
								return;
							}
							if(!that.sellerPhone){
								this.$api.msg('请填写司机手机号码');
								return;
							}
							if(!that.exsitCount){
								this.$api.msg('请填写毛重');
								return;
							}
							if(!that.minSale){
								this.$api.msg('请填写皮重');
								return;
							}
							
							that.saleInfo.seller = that.seller
							that.saleInfo.sellerPhone = that.sellerPhone
							that.saleInfo.priceType = that.price
							that.saleInfo.unitPrice = that.unitPrice
							that.saleInfo.minSale = that.minSale
							that.saleInfo.exsitCount = that.exsitCount
							that.saleInfo.origin = that.origin
							that.saleInfo.stock = that.stock
							that.saleInfo.verifyCode = that.verifyCode
							that.saleInfo.goodsName = that.goodsName
							that.saleInfo.buyer = that.buyer
							that.saleInfo.buyerPhone = that.buyerPhone
							that.saleInfo.level = that.level
						}else if(this.TabCur == 1){
							if(!that.buyer){
								this.$api.msg('请填写买方');
								return;
							}
							if(!that.buyerPhone){
								this.$api.msg('请填写手机号码');
								return;
							}
							if(!that.goodsName){
								this.$api.msg('请填写货名');
								return;
							}
							if(!that.verifyCode){
								this.$api.msg('请填写验证码');
								return;
							}
							
							if (!that.price) {
								that.$api.msg('请选择价格类型')
								return
							}
							if(!that.unitPrice){
								that.$api.msg('请填写协议价格（元/吨）');
								return
							}
							if(!that.origin){
								this.$api.msg('请填写产地');
								return;
							}
							if(!that.stock){
								this.$api.msg('请填写库存地');
								return;
							}
							if(!that.level){
								this.$api.msg('请填写国标等级');
								return;
							}
							that.saleInfo.seller = that.seller
							that.saleInfo.sellerPhone = that.sellerPhone
							that.saleInfo.priceType = that.price
							that.saleInfo.unitPrice = that.unitPrice
							that.saleInfo.minSale = that.minSale
							that.saleInfo.exsitCount = that.exsitCount
							that.saleInfo.origin = that.origin
							that.saleInfo.stock = that.stock
							that.saleInfo.verifyCode = that.verifyCode
							that.saleInfo.goodsName = that.goodsName
							that.saleInfo.buyer = that.buyer
							that.saleInfo.buyerPhone = that.buyerPhone
							that.saleInfo.level = that.level
						}
						else if(this.TabCur == 2){
							if(!that.sender){
								this.$api.msg('请填写发货方');
								return;
							}
							if(!that.senderPhone){
								this.$api.msg('请填写发货方手机号码');
								return;
							}
							if(!that.receiver){
								this.$api.msg('请填写收货方');
								return;
							}
							if(!that.receiverPhone){
								this.$api.msg('请填写收货方手机号码');
								return;
							}
							if(!that.goodsName){
								this.$api.msg('请填写货名');
								return;
							}
							if(!that.verifyCode){
								this.$api.msg('请填写验证码');
								return;
							}
							that.tran.sender = that.sender
							that.tran.senderPhone = that.senderPhone
							that.tran.receiver = that.receiver
							that.tran.receiverPhone = that.receiverPhone
							that.tran.verifyCode = that.verifyCode
							that.tran.goodsName = that.goodsName
							that.tran.total = that.total
							that.tran.price = that.price
							that.tran.startPlace = that.startPlace
							that.tran.endPlace = that.endPlace
						}
						else if(this.TabCur == 3){
							if(!that.startPlace){
								this.$api.msg('请填写起始地');
								return;
							}
							if(!that.endPlace){
								this.$api.msg('请填写目的地');
								return;
							}
							if(!that.driver){
								this.$api.msg('请填写承运人');
								return;
							}
							if(!that.driverPhone){
								this.$api.msg('请填写承运人手机号码');
								return;
							}
							if(!/(^1[3|4|5|7|8][0-9]{9}$)/.test(that.driverPhone)){
								that.$api.msg('请输入正确的承运人手机号码');
								return
							}
							if(!that.carNo){
								this.$api.msg('请填写车牌号');
								return;
							}
							if(!that.verifyCode){
								this.$api.msg('请填写验证码');
								return;
							}
							if (!that.personNoImg || !that.personNoImg1) {
								that.$api.msg('请上传磅单');
								return
							}
							if (!that.driverNoImg || !that.driverNoImg1) {
								that.$api.msg('请上传驾驶证主、副页照片');
								return
							}
							if (!that.carNoImg || !that.carNoImg1) {
								that.$api.msg('请上传行车证主、副页照片');
								return
							}
							that.tran.driver = that.driver
							that.tran.driverPhone = that.driverPhone
							that.tran.verifyCode = that.verifyCode
							that.tran.price = that.price
							that.tran.startPlace = that.startPlace
							that.tran.endPlace = that.endPlace
							that.tran.carNo = that.carNo
							that.tran.personNoImg = that.personNoImg
							that.tran.personNoImg1 = that.personNoImg1
							that.tran.driverNoImg = that.driverNoImg
							that.tran.driverNoImg1 = that.driverNoImg1
							that.tran.carNoImg = that.carNoImg
							that.tran.carNoImg1 = that.carNoImg1
						}
						// 获取用户的当前设置，判断是否点击了“总是保持以上，不在询问”
						wx.getSetting({
						 	// withSubscriptions: true,//是否获取用户订阅消息的订阅状态，默认false不返回
						   success(res){
						   if(res.authSetting['scope.subscribeMessage']){
						     uni.openSetting({ // 打开设置页
						       success(res) {
									console.log(res.authSetting)
						       }
						     });
						   }else{// 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
						     uni.requestSubscribeMessage({
						       tmplIds: ['8cVkckXi_8zfHeScXRHhjN6cgZFYYCWIMPDTiPWagXY'],// 
						       success (res) {
						         console.log(res)
						         if(res['8cVkckXi_8zfHeScXRHhjN6cgZFYYCWIMPDTiPWagXY'] == "accept"){// 字段就是tmplIds模板id
						            uni.showLoading({
						            		title: '正在提交',
											mask:true
						            	})
						            	if(that.TabCur == 0){
						            		that.$api.request('sale', 'addSale',that.saleInfo, failres => {
						            			uni.hideLoading()
						            			that.$api.msg(failres.errmsg);
						            			
						            		}).then(res => {
						            			uni.hideLoading()
						            			uni.showModal({
						            				title: '提示',
						            				content: "发布提交成功，工作人员会尽快联系该号码："+that.sellerPhone,
						            				showCancel: false,
						            				confirmText: '确定',
						            				success: () => {
						            					uni.navigateBack()
						            				}
						            			})
						            			// that.$api.prePage().refreshList(data, that.manageType);
						            		})
						            	}
						            	else if(that.TabCur == 1){
						            		that.$api.request('sale', 'addBuy',that.saleInfo, failres => {
						            			uni.hideLoading()
						            			that.$api.msg(failres.errmsg);
						            			
						            		}).then(res => {
						            			uni.hideLoading()
						            			uni.showModal({
						            				title: '提示',
						            				showCancel: false,
						            				content: "发布提交成功，工作人员会尽快联系该号码："+that.buyerPhone,
						            				confirmText: '确定',
						            				success: () => {
						            					uni.navigateBack()
						            				}
						            			})
						            			// that.$api.prePage().refreshList(data, that.manageType);
						            		})
						            	}
						            	else if(that.TabCur == 2){
						            		that.$api.request('tran', 'addTran',that.tran, failres => {
						            			uni.hideLoading()
						            			that.$api.msg(failres.errmsg);
						            		}).then(res => {
						            			uni.hideLoading()
						            			uni.showModal({
						            				title: '提示',
						            				showCancel: false,
						            				content: "发布提交成功，工作人员会尽快联系该号码："+that.senderPhone,
						            				confirmText: '确定',
						            				success: () => {
						            					uni.navigateBack()
						            				}
						            			})
						            			// that.$api.prePage().refreshList(data, that.manageType);
						            		})
						            		
						            	}
						            	else if(that.TabCur == 3){
						            		that.$api.request('tran', 'addCarDriver',that.tran, failres => {
						            			uni.hideLoading()
						            			that.$api.msg(failres.errmsg);
						            		}).then(res => {
						            			uni.hideLoading()
						            			uni.showModal({
						            				title: '提示',
						            				showCancel: false,
						            				content: "发布提交成功，工作人员会尽快联系该号码："+that.driverPhone,
						            				confirmText: '确定',
						            				success: () => {
						            					uni.navigateBack()
						            				}
						            			})
						            			// that.$api.prePage().refreshList(data, that.manageType);
						            		})
						            		
						            	}
						            
						         }
						       }
						      })
						     }
						   }
						})
						}
				}
			},
		}
</script>

<style scoped>
	.container{
		padding-bottom: 160rpx;
	}
	.cu-form-group input {
		text-align: right;
	}
	.text-white text{
		background: linear-gradient(45deg, #3DC146, #B2D612);
		padding:5px 10px;
		border-radius: 38rpx;
	}
	.cu-form-group textarea {
		text-align: right;
	}
	.commit{
		background: linear-gradient(45deg, #DF331C, #DA611A);
		color:#fff;
	}
</style>