wangluohuoyun-app/pages/order/confirmLoading.vue

<!-- 确认装车 -->
<template>
	<view class="content">
		<div class='content1'>
			<view class="level2-title">承运合同</view>
			<view class='row-between'>
				<view class="">合同编号</view>
				<view class="" @click="toSignContract">{{detailData.contractNo?detailData.contractNo:'去签订合同'}}</view>
			</view>
		</div>
		<view class="content2">
			<view class="level2-title">基本信息</view>
			<view class='row-between'>
				<view class="">订单编号</view>
				<view class="">{{detailData.orderNo}}</view>
			</view>
			<view class='row-between'>
				<view class="">货主</view>
				<view class="">{{detailData.cargoOwner}}</view>
			</view>
			<view class='row-between'>
				<view class="">货主单位</view>
				<view class="">{{detailData.compName?detailData.compName:'个人货主'}}</view>
			</view>
			<view class='row-between'>
				<view class="">发货地</view>
				<view class=" place">
					{{detailData.sendPrivate}}{{detailData.sendCity}}{{detailData.sendArea}}{{detailData.sendDetailedAddress}}
				</view>
			</view>
			<view class='row-between'>
				<view class="">卸货地</view>
				<view class=" place">
					{{detailData.unloadPrivate}}{{detailData.unloadCity}}{{detailData.unloadArea}}{{detailData.unloadDetailedAddress}}
				</view>
			</view>
			<view class='row-between'>
				<view class="">货名</view>
				<view class="">{{detailData.goodsName}}</view>
			</view>
			<!-- <view class='row-between'>
				<view class="">运费</view>
				<view class="">{{detailData.freight}}{{detailData.illingMethod==0?'元/吨':'元/车'}}</view>
			</view>-->
		</view>
		<view class="content2">
			<view class="level2-title">装车信息</view>
			<view class='row-between'>
				<view class="">车牌号</view>
				{{detailData.carNo?detailData.carNo:"来自合同"}}
				<!-- <input class="car-uumber input" v-model='detailData.carrierInfo.carNo'
					:disabled="true" placeholder="输入车牌号" name="input" disabled="true"></input> -->
			</view>
			<view class='row-between'>
				<view class="">装车日期</view>
				<view class="date-style">
					{{detailData.loadingDate1?detailData.loadingDate1:'来自合同'}}
				</view>
			</view>
			<view class='row-between'>
				<view class="">装车毛重（吨）</view>
				{{detailData.grossWeight ? detailData.grossWeight:"来自合同"}}
			</view>
			<view class='row-between'>
				<view class="">装车净重（吨）</view>
				{{detailData.weight ? detailData.weight:"来自合同"}}
			</view>
			<view class='row-between'>
				<view class="">预计运费（元）</view>
				<view class="">{{detailData.driverContract == 1 ? detailData.freight:"来自合同"}}</view>
				<!-- {{detailData.freight ? detailData.freight:"来自合同"}} -->
				<!-- 	<view class=""><input class="input" type="text" value="" v-model="detailData.carrierInfo.freight"
						placeholder="请输入运费"></view> -->
			</view>
			<view class='row-between'>
				<view class="">预付款（元）</view>
				{{detailData.advanceCharge ? detailData.advanceCharge:"0"}}
				<!-- 	<view class=""><input class="input" type="text" value="" v-model="detailData.carrierInfo.freight"
						placeholder="请输入运费"></view> -->
			</view>
			<view class='row-between'>
				<view class="">定位</view>
				<view class="flex align-center">{{localtion.city}}
					{{localtion.sendArea}}
					<view class="sx-style" @click.stop="getLngLat()">刷新</view>
				</view>
			</view>
			<view class='row-between'>
				<view class="">运输时长（小时）</view>
				<view class="flex align-center">
					<u--input placeholder="请输入运输时长" border="none" type="digit"
						v-model="detailData.transportationDuration" inputAlign='right' clearable></u--input>
				</view>
			</view>
			<view class='s-flex'>
				<view class="" style="margin:20rpx 0;">上传装车照片</view>
				<u-upload class="uview-upload" :fileList="fileList1" @afterRead="afterRead($event)" @delete="deletePic"
					name="1" :multiple='true' :maxCount="3"></u-upload>
			</view>
			<!-- 			<view class='s-flex'>
				<view class="">上传装车磅单</view>
				<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
					:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
					@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
			</view> -->

		</view>
		<view class="bottom-btn">
			<view class="store" @click="$u.throttle(submit(1), 1000)">暂存</view>
			<view class="submit" @click="$u.throttle(submit(3), 1000)">提交</view>
		</view>
		<u-modal :show="isShowAlert" :title="alertTitle" :content='alertContent' :closeOnClickOverlay='true'
			:showCancelButton='true' confirmColor='#2772FB' @confirm="confirmClick" @close="cancelClick"
			@cancel="cancelClick"></u-modal>
		<master-keyboard ref="keyboard" keyboardtype="car" :show="keyShow" :randomNumber="true" :newCar="false"
			:defaultValue="carNumber" @keyboardClick="handleClick"></master-keyboard>
		<u-toast ref="uToast"></u-toast>
		<u-calendar :show="showDate" :mode="mode" @confirm="confirmDate" @close="showDate= false"></u-calendar>
	</view>
</template>

<script>
	let that;
	//插件对象
	var sdkwx = uni.requireNativePlugin('Hdgq-LocSdkWX');
	import uploadImage from '@/components/ossutil/uploadFile.js';
	import * as config from '@/config/index.js'
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				firstAuthentication: {},
				cyId: '',
				localtion: {
					city: '',
					sendArea: ''
				},
				imgList: [],
				fileList1: [],
				showDate: false,
				mode: 'single',
				id: '',
				sourceType: ['camera'],
				detailData: {
					hyCarrierInfo: {},
					loadingDate: {}
				},
				action: this.$helper.ossUploadUrl,
				maxSize: 50 * 1024 * 1024, //限制文件大小 50M
				isAdd: true,
				isShowAlert: false,
				alertContent: '',
				alertTitle: '',
				keyShow: false,
				carNumber: '',
				gjList: [],
				//网络货运信息定位
				appId: "", //网络货运企业APP的唯一标识
				appSecurity: "", //网络货运企业在省平台申请的接入安全码
				enterpriseSenderCode: "", //网络货运企业在省平台申请的企业发送代码
				environment: "debug", //环境:“debug”接入测试环境,“release”接入正式环境。
				shippingNoteInfos: [{
					shippingNoteNumber: '',
					serialNumber: "",
					startCountrySubdivisionCode: "",
					endCountrySubdivisionCode: "",
					startLongitude: "",
					startLatitude: "",
					endLongitude: "",
					endLatitude: "",
					startLocationText: "",
					endLocationText: "",
					vehicleNumber: "",
					driverName: "",
					interval: "",
				}],
				timer: null
			}
		},
		onLoad(options) {
			let phoneType = uni.getSystemInfoSync().platform //判断手机类型
			this.enterpriseSenderCode = config.def().enterpriseSenderCode
			this.environment = config.def().environment
			if (phoneType == "android") {
				this.appId = config.def().androidAppId
				this.appSecurity = config.def().androidAppSecurity
			} else if (phoneType == "ios") {
				// this.appId = "uni.UNIDCD13AC"
				// this.appSecurity = "b01e4805276646eeb25f0fad91de97a4f32e8c2c0e0d42e5b24cc4737e9f040f"
				this.appId = config.def().iosAppId
				this.appSecurity = config.def().iosAppSecurity
			}
			if (!uni.getStorageSync('contractdata')) {
				this.id = JSON.parse(decodeURIComponent(options.obj)).id
				this.detailData.hyCarrierInfo.id = JSON.parse(decodeURIComponent(options.obj)).carrierId
				this.cyId = JSON.parse(decodeURIComponent(options.obj)).carrierId
				this.getInfo()
			}
			console.log(options)
			var isContains = true; //隐私权政策是否包含高德开平隐私权政策  true是包含
			var isShow = true; //隐私权政策是否弹窗展示告知用户 true是展示 
			sdkwx.updatePrivacyShow(isContains, isShow);

			var isAgree = true; //隐私权政策是否取得用户同意  true是用户同意
			sdkwx.updatePrivacyAgree(isAgree);
			//检查定位权限
			sdkwx.checkLocationPermission(function(res) {
				console.log(res);
			});
			this.auth()
		},
		onHide() {
			uni.removeStorageSync(
				"contractdata")
		},
		onShow() {
			this.firstAuthentication = uni.getStorageSync("firstAuthentication")
			if (uni.getStorageSync('contractdata')) {
				this.id = uni.getStorageSync('contractdata').id
				this.detailData.hyCarrierInfo.id = uni.getStorageSync('contractdata').carrierId
				this.cyId = uni.getStorageSync('contractdata').carrierId
				this.getInfo()
			}
		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		methods: {
			auth() { //授权
				console.log("appid：" + this.appId + "安全码：" + this.appSecurity + "发送代码：" + this.enterpriseSenderCode +
					"环境" + this.environment)
				var that = this
				sdkwx.auth(this.appId, this.appSecurity, this.enterpriseSenderCode, this.environment, function(res) {
					if (res.type == "onSuccess") {
						//成功
						console.log("授权成功")
						console.log(res)
					} else if (res.type == "onFailure") {
						//失败
						var errorCode = res.data.errorCode; //错误码
						var errorMsg = res.data.errorMsg; //错误描述
						that.$refs.uToast.show({
							type: 'error',
							message: "管局授权失败-" + errorMsg
						})
						console.log("授权失败")
						console.log(res)
					}
				});
			},
			start(val) { //开启定位
				var that = this
				//车牌号 //司机姓名 //备注 //运单信息列表
				this.shippingNoteInfos[0].shippingNoteNumber = this.detailData.orderNo //运单号
				this.shippingNoteInfos[0].serialNumber = "0000" //分单号
				this.shippingNoteInfos[0].startCountrySubdivisionCode = this.detailData.publishTaskInfo
					.sendAdCode //起点位置行政区划代码，调 用 start/stop/pause/restart 时 必填，调用 send 非必填
				this.shippingNoteInfos[0].endCountrySubdivisionCode = this.detailData.publishTaskInfo
					.unsendAdCode //到达位置行政区划代码，调 用 start/stop/pause/restart 时 必填，调用 send 非必填
				this.shippingNoteInfos[0].startLongitude = this.detailData.publishTaskInfo
					.sendLongitude //起点位置经度，调用 start/stop/pause/restart 时必 填，调用 send 非必填
				this.shippingNoteInfos[0].startLatitude = this.detailData.publishTaskInfo
					.sendLatitude //起点位置纬度，调用 start/stop/pause/restart 时必 填，调用 send 非必填
				this.shippingNoteInfos[0].endLongitude = this.detailData.publishTaskInfo
					.unsendLongitude //到达位置经度，调用 start/stop/pause/restart 时必 填，调用 send 非必填
				this.shippingNoteInfos[0].endLatitude = this.detailData.publishTaskInfo
					.unsendLatitude //到达位置纬度，调用 start/stop/pause/restart 时必 填，调用 send 非必填
				this.shippingNoteInfos[0].startLocationText = this.detailData
					.sendCity //起点地址文字描述，调用 start/stop/pause/restart 时必 填，调用 send 非必填
				this.shippingNoteInfos[0].endLocationText = this.detailData
					.unloadCity //到达地址文字描述，调用 start/stop/pause/restart 时必 填，调用 send 非必填
				this.shippingNoteInfos[0].vehicleNumber = this.detailData
					.carNumber //车牌号，SDK 回调返回，调 用 start/stop/pause/restart/必 填，send 时非必填
				this.shippingNoteInfos[0].driverName = this.detailData
					.driverName //司机姓名，SDK 回调返回， 调用 start/stop/pause/restart/ 必填，send 时非必填
				this.shippingNoteInfos[0].interval = "5000" //请求时间间隔，SDK 回调返 回(单位 ms)

				//}],//运单信息列表,一辆车运单数最大支持数为 10
				var remark = "测试"; //备注
				var param = {}
				param.carNo = this.detailData.carNo
				param.driverName = this.firstAuthentication.driverName
				param.remark = remark
				param.shippingNoteInfos = this.shippingNoteInfos
				sdkwx.start(this.detailData.carNo, this.firstAuthentication.driverName, remark, this.shippingNoteInfos,
					function(res) {
						if (res.type == "onSuccess") {
							//成功
							console.log("开启定位成功！！！")
							console.log(res)
							var shippingNoteInfos = res.data[0]; //运单信息列表
							if (shippingNoteInfos) {
								let dateTtime = Number(shippingNoteInfos.interval + 1000)
								console.log("开始定时", dateTtime)
								that.send()
							}
							that.affirm(val) //管局上报成功后提交
						} else if (res.type == "onFailure") {
							//失败
							console.log("开启定位失败！！！")
							console.log(res)
							var errorCode = res.data.errorCode; //错误码
							var errorMsg = res.data.errorMsg; //错误描述
							uni.hideLoading()
							that.$refs.uToast.show({
								type: 'error',
								message: "管局上报-" + errorMsg
							})
							that.timer = setTimeout(() => {
								console.log("定时")
								that.send()
							}, 915204);
						}
					});
			},
			send() { //发送定位
				var remark = ""; //备注
				let that = this
				console.log("send this.shippingNoteInfos")
				console.log(this.shippingNoteInfos)
				sdkwx.send(this.detailData.carNo, this.firstAuthentication.driverName, remark, this.shippingNoteInfos,
					function(res) {
						console.log('发送定位', res);
						if (res.type == "onSuccess") {
							var shippingNoteInfos = res.data[0]; //运单信息列表
							let dateTtime = Number(shippingNoteInfos.interval + 1000)
							console.log("开始定时", dateTtime)
							that.timer = setTimeout(() => {
								that.send()
							}, dateTtime);
						} else if (res.type == "onFailure") {
							var errorCode = res.data.errorCode; //错误码
							var errorMsg = res.data.errorMsg; //错误描述
							that.timer = setTimeout(() => {
								console.log("定时")
								that.send()
							}, 915204); //15分钟
						}
					});
			},
			toSignContract() {
				console.log(this.detailData)
				this.$request.baseRequest('get', '/orderInfo/getOrderInfo', {
					id: this.id,
				}).then(res => {
					uni.$u.route('/pages/order/signContract', {
						obj: JSON.stringify(res.data),
					});
				});
			},
			selectDate() {
				this.showDate = true
			},
			confirmDate(e) {
				this.detailData.hyCarrierInfo.loadingDate = e[0]
				this.showDate = false
			},
			getInfo() {
				this.$request.baseRequest('get', '/orderInfo/getOrderInfo', {
					id: this.id,
				}).then(res => {
					if (res.code == 200) {

						this.detailData = res.data
						if (res.data.hyCarrierInfo && res.data.hyCarrierInfo.transportationDuration) {
							this.detailData.transportationDuration = res.data.hyCarrierInfo.transportationDuration
						}
						// #ifdef APP-PLUS
						this.getLngLat();
						// #endif
						this.$request.baseRequest('get', '/carrierInfo/getHyCarrierInfo', {
							orderId: this.detailData.id,
						}).then(res => {
							if (res.data) {
								if (res.data.loadingImg) {
									var data = res.data.loadingImg.split(',')
									this.imgList = res.data.loadingImg.split(',')
									for (var i = 0; i < data.length; i++) {
										if (data[i] != '') {
											this.fileList1.push({
												url: data[i]
											})
										}
									}
								}
								console.log(this.fileList1)
								this.detailData.carNo = res.data.carNo
								this.detailData.loadingDate = res.data.loadingDate

								if (res.data.loadingDate) {
									this.detailData.loadingDate1 = res.data.loadingDate.split(' ')[0]
								}
								this.detailData.weight = res.data.loadingWeight
								this.detailData.grossWeight = res.data.loadingGrossWeight
								this.detailData.freight = res.data.estimatedFreight
							}
						})
						// this.detailData.contractNo = ''
						// this.detailData.id = this.detailData.carrierId
						// this.detailData.carrierInfo.loadingDate = ''
						// this.detailData.carrierInfo.carNo = ''
						// this.detailData.carrierInfo.loadingAreaLongitude = ''
						// this.detailData.carrierInfo.loadingAreaLatitude = ''
						// this.detailData.carrierInfo.sendCity = '营口'
						// this.detailData.carrierInfo.sendArea = '鲅鱼圈'
						// this.detailData.carrierInfo.loadingImg = ''
						// this.carrierInfo = res.data.carrierInfo
						// this.freightInfo = res.data.freightInfo
						// this.zcPhoneList = this.carrierInfo.loadingImg.split(',')
						// if(res.data.orderStatus!="待货主确认"&&res.data.orderStatus!="未装车"&&res.data.orderStatus!="已终止"){
						// 	this.status1 = true
						// }
						// if(res.data.orderStatus!="已终止"&&res.data.orderStatus!="平台驳回装车信息"&&res.data.orderStatus!="待平台确认装车"&&res.data.orderStatus!="待货主确认"&&res.data.orderStatus!="未装车"&&res.data.orderStatus!="待货主确认装车"&&res.data.orderStatus!="货主驳回装车信息"){
						// 	this.status2 = true
						// }
					}
				})
			},
			//车牌号弹出键盘
			handleShowKeyboard() {
				if (this.detailData.hyCarrierInfo.carNo == '') {
					this.carNumber = ''
				} else {
					this.carNumber = this.detailData.hyCarrierInfo.carNo
				}
				if (this.$refs.keyboard.open) {
					this.$refs.keyboard.open(false) //true 键盘显示 false 键盘隐藏
				} else {
					this.$refs.keyboard[0].open(false)
				}
				if (this.$refs.keyboard.open) {
					this.$refs.keyboard.open(true) //true 键盘显示 false 键盘隐藏
				} else {
					this.$refs.keyboard[0].open(true)
				}
			},
			//车牌号弹出键盘
			handleClick(e) {
				this.carNumber = e.value
				this.detailData.hyCarrierInfo.carNo = e.value //键盘输入值
			},
			checkOpenGPSServiceByAndroidIOS() {
				let system = uni.getSystemInfoSync(); // 获取系统信息
				if (system.platform === 'android') { // 判断平台
					var context = plus.android.importClass("android.content.Context");
					var locationManager = plus.android.importClass("android.location.LocationManager");
					var main = plus.android.runtimeMainActivity();
					var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
					if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
						uni.showModal({
							title: '提示',
							content: '请打开定位服务功能',
							// showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
										var Intent = plus.android.importClass('android.content.Intent');
										var Settings = plus.android.importClass('android.provider.Settings');
										var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
										main.startActivity(intent); // 打开系统设置GPS服务页面
									}
								}
							}
						});
					}
				} else if (system.platform === 'ios') {
					// console.log("苹果");
					var cllocationManger = plus.ios.import("CLLocationManager");
					var enable = cllocationManger.locationServicesEnabled();
					var status = cllocationManger.authorizationStatus();
					plus.ios.deleteObject(cllocationManger);
					if (enable && status != 2) {
						console.log("手机系统的定位已经打开");
					} else {
						console.log("手机系统的定位没有打开");
						uni.showModal({
							title: '提示',
							content: '请前往设置-隐私-定位服务打开定位服务功能',
							// showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									var UIApplication = plus.ios.import("UIApplication");
									var application2 = UIApplication.sharedApplication();
									var NSURL2 = plus.ios.import("NSURL");
									// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");
									// var setting2 = NSURL2.URLWithString("App-Prefs:root=LOCATION_SERVICES");
									// var setting2 = NSURL2.URLWithString("app-settings");
									var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION");
									// var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION_SERVICES");
									application2.openURL(setting2);
									plus.ios.deleteObject(setting2);
									plus.ios.deleteObject(NSURL2);
									plus.ios.deleteObject(application2);
								}
							}
						});
					}
				}
			},
			getLngLat() {
				this.checkOpenGPSServiceByAndroidIOS()
				var that = this
				uni.showLoading({
					title: '获取定位中',
					mask: true
				})
				// this.$helper.fUN_AmapLocation.start({
				// 		intervalTime: 1000 * 3,
				// 		isReport: false,
				// 	},
				// 	res => {
				// 		//见下方定位返回示例
				// 		console.log('====fUN_AmapLocation定位====', JSON.stringify(res));
				// 		if (res.latitude) {
				// 			this.detailData.carrierInfo.loadingAreaLongitude = res.longitude;
				// 			this.detailData.carrierInfo.loadingAreaLatitude = res.latitude;
				// 			this.detailData.carrierInfo.sendCity = this.$helper.filterUrban(res.city)
				// 			this.detailData.carrierInfo.sendArea = this.$helper.filterArea(res.district);
				// 			console.log(this.detailData.carrierInfo.sendCity)
				// 			console.log(this.detailData.carrierInfo.sendArea)
				// 			this.$forceUpdate()

				// 		}


				// 		this.$helper.fUN_AmapLocation.stop({}, result => {
				// 				uni.hideLoading()
				// 			console.log('====fUN_AmapLocation定位stop====', JSON.stringify(result));
				// 		});
				// 	}
				// );
				// console.log(that.detailData,111111)
				uni.getLocation({
					type: 'gcj02',
					geocode: true,
					success: res => {
						if (res.latitude) {
							that.detailData.hyCarrierInfo.longitudeLatitude = res.longitude + ',' + res
								.latitude
							that.detailData.hyCarrierInfo.loadingAreaLongitude = res.longitude;
							that.detailData.hyCarrierInfo.loadingAreaLatitude = res.latitude;
							that.detailData.hyCarrierInfo.sendCity = that.$helper.filterUrban(res.address.city)
							that.localtion.city = that.$helper.filterUrban(res.address.city)
							that.$set(that.detailData, 'loadingArea', that.$helper.filterUrban(res.address
								.district))
							that.$set(that.detailData, 'loadingCity', that.$helper.filterUrban(res.address
								.city))
							that.localtion.sendArea = that.$helper.filterUrban(res.address.district)
							// .loadingCity = that.$helper.filterUrban(res.address.city)
							that.detailData.loadingLongitude = res.longitude;
							that.detailData.loadingLatitude = res.latitude;
							that.$forceUpdate()
							uni.hideLoading()
						} else {
							if (uni.getSystemInfoSync().platform == 'android') {
								var context = plus.android.importClass("android.content.Context");
								var locationManager = plus.android.importClass(
									"android.location.LocationManager");
								var main = plus.android.runtimeMainActivity();
								var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
								that.bool = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)
							}
							if (that.bool === false) {
								uni.showModal({
									title: '提示',
									content: '请打开定位服务',
									success: ({
										confirm,
										cancel
									}) => {
										if (confirm) {
											if (uni.getSystemInfoSync().platform == 'android') {
												var Intent = plus.android.importClass(
													'android.content.Intent');
												var Settings = plus.android.importClass(
													'android.provider.Settings');
												var intent = new Intent(Settings
													.ACTION_LOCATION_SOURCE_SETTINGS);
												var main = plus.android.runtimeMainActivity();
												main.startActivity(intent); // 打开系统设置GPS服务页面
											}
										}
									}
								});
								uni.hideLoading()
							}
						}
					},
					fail: res => {
						console.log('定位失败')
						console.log(res)
						uni.hideLoading()
					}
				});

			},
			alertBtn() {
				// uni.navigateTo({
				// 	url: '/pages/public/login'
				// })
			},
			cancelClick() {
				this.isShowAlert = false
			},
			// 删除图片
			deletePic(event) {
				this[`fileList${event.name}`].splice(event.index, 1)
				this.imgList.splice(event.index, 1)
			},
			// 新增图片
			async afterRead(event) {
				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file)
				let fileListLen = this[`fileList${event.name}`].length
				lists.map((item) => {
					this[`fileList${event.name}`].push({
						...item,
						status: 'uploading',
						message: '上传中'
					})
				})
				for (let i = 0; i < lists.length; i++) {
					const result = await this.uploadFilePromise(lists[i].url)
					let item = this[`fileList${event.name}`][fileListLen]
					this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
						status: 'success',
						message: '',
						url: result
					}))
					fileListLen++
				}
			},
			uploadFilePromise(url) {
				uploadImage('image', url, 'appData/',
					result => {
						// 上传成功回调函数
						console.log('图片地址', result)
						this.imgList.push(result)
					}
				)
			},
			onProgress(e) {
				console.log(e)
			},
			submit(type) {
				if (type == 1) {
					if (this.detailData.driverContract != 1) { //合同签订标识
						this.$refs.uToast.show({
							type: 'error',
							message: "合同未签订不能暂存！"
						})
						return
					}
					this.alertTitle = '确定暂存装车信息？'
				} else {
					if (this.detailData.driverContract != 1) {
						this.$refs.uToast.show({
							type: 'error',
							message: "合同未签订不能提交！"
						})
						return
					}

					this.alertTitle = '确定提交装车信息？'
				}

				if (this.validate()) return
				this.isShowAlert = true
				this.detailData.statusFlag = type
				// this.$refs.uToast.show({
				// 	...params,
				// 	complete() {
				// 		params.url && uni.navigateTo({
				// 			url: params.url
				// 		})
				// 	}
				// })
			},
			validate() {
				// uni.$u.test.isEmpty(this.detailData.carrierInfo.carNo
				if (uni.$u.test.isEmpty(this.detailData.carNo)) {
					this.$refs.uToast.show({
						type: 'error',
						message: "车牌号不能为空！",
					})
					return true
				}
				if (uni.$u.test.isEmpty(this.detailData.loadingDate)) {
					this.$refs.uToast.show({
						type: 'error',
						message: "装车日期不能为空！",
					})
					return true
				}
				if (uni.$u.test.isEmpty(this.detailData.freight)) {
					this.$refs.uToast.show({
						type: 'error',
						message: "预计运费不能为空！",
					})
					return true
				}
				// if (uni.$u.test.isEmpty(this.detailData.loadingCity)) {
				// 	this.$refs.uToast.show({
				// 		type: 'error',
				// 		message: "定位不能为空！",
				// 	})
				// 	return true
				// }
				// if (uni.$u.test.isEmpty(this.detailData.loadingArea)) {
				// 	this.$refs.uToast.show({
				// 		type: 'error',
				// 		message: "定位不能为空！",
				// 	})
				// 	return true
				// }
				if (uni.$u.test.isEmpty(this.detailData.transportationDuration)) {
					this.$refs.uToast.show({
						type: 'error',
						message: "运输时长不能为空！",
					})
					return true
				}
				if (this.detailData.transportationDuration < 0 || this.detailData.transportationDuration > 1000) {
					this.$refs.uToast.show({
						type: 'error',
						message: "运输时长输入错误！",
					})
					return true
				}
				if (this.imgList.length == 0) {
					this.$refs.uToast.show({
						type: 'error',
						message: "装车照片不能为空！",
					})
					return true
				}
			},
			affirm(data) {
				console.log("提交", data)
				var that = this
				this.$request.baseRequest('post', '/carrierInfo/loadingAdd', data).then(res => {
					console.log("提交状态", res)
					uni.hideLoading()
					if (res.code == 200) {
						let _title = ''
						if (that.detailData.statusFlag == 1) {
							_title = '暂存成功！'
							return
						} else {
							// that.start() //开始授权并开始定位
							_title = '提交成功！'
						}
						that.$helper.fUN_AmapLocation.start({
								// intervalTime: 1000 * 60,
								intervalTime: 60000,
								// locationCacheEnable:true,
								isReport: false
							},
							res => {
								// console.log('====确认装车开启连续定位====');
								// console.log(res)
								let _data = {
									orderId: that.id,
									longitude: res.longitude,
									latitude: res.latitude,
									province: res.province,
									city: res.city,
									area: res.district
								}
								if (this.shippingNoteInfos && this.shippingNoteInfos.length > 0) { //更新持续定位经纬度
									for (let i = 0; i < this.shippingNoteInfos.length; i++) {
										this.shippingNoteInfos[i].startLatitude = _data.latitude //纬度
										this.shippingNoteInfos[i].startLocationText = _data.city //起点
										this.shippingNoteInfos[i].startLongitude = _data.longitude //经度
									}
								}
								this.$helper.gjList.push(_data)
								uni.setStorageSync('mapGJ', this.$helper.gjList);
								// console.log('this.$helper.gjList')
								// console.log(this.$helper.gjList)
								console.log("条数", uni.getStorageSync('mapGJ').length)
								// console.log("条数", uni.getStorageSync('mapGJ'))
								if (uni.getStorageSync('mapGJ').length > 100) {
									// console.log(JSON.stringify(uni.getStorageSync('mapGJ')))
									// that.send()
									that.$request.baseRequest('post', '/hyOrderTravelPath/api/addInfo', {
											orderId: that.id,
											longitudeLatitude: JSON.stringify(uni.getStorageSync('mapGJ'))
										}).then(res => {
											console.log("已发送定位----------------", res)
											uni.removeStorageSync('mapGJ');
											that.$helper.gjList = []
										})
										.catch(res => {
											console.log("0", res.message)
											uni.$u.toast(res.message);
										});
								}
								//判断缓存数据条数，超过reportInterval时清空缓存，重新存入缓存
							}
						);

						that.$refs.uToast.show({
							type: 'success',
							message: _title,
							complete() {
								uni.switchTab({
									url: '/pages/order/index'
								})
							}
						})
					} else {
						console.log("1", res)
						// uni.$u.toast(res.message);
						that.$refs.uToast.show({
							type: 'error',
							message: res.message,
						})
					}
				}).catch(res => {
					uni.hideLoading()
					console.log("2", res.message)
					// uni.$u.toast(res.message);
					that.$refs.uToast.show({
						type: 'error',
						message: res.message,
					})
				});
			},
			confirmClick() {
				uni.removeStorageSync('contractdata')
				var that = this
				this.isShowAlert = false
				//1暂存
				if (this.detailData.statusFlag == 1) {
					delete this.detailData.hyCarrierInfo.loadingAreaLongitude;
					delete this.detailData.hyCarrierInfo.loadingAreaLatitude;
					delete this.detailData.hyCarrierInfo.sendCity;
					delete this.detailData.hyCarrierInfo.sendArea;
				}
				uni.showLoading({
					title: '加载中'
				})
				let time = new Date() //装车时间   去当前时间的时分秒
				let h = time.getHours();
				if (h < 10) {
					h = "0" + h
				}
				let f = time.getMinutes();
				if (f < 10) {
					f = "0" + f
				}
				let m = time.getSeconds();
				if (m < 10) {
					m = "0" + m
				}
				var data = {
					loadingImg: this.imgList.toString(),
					statusFlag: this.detailData.statusFlag,
					loadingDate: this.detailData.hyCarrierInfo.loadingDate.split(" ")[0] + " " + h + ":" + f + ":" + m,
					loadingArea: this.detailData.loadingArea,
					loadingCity: this.detailData.loadingCity,
					loadingLongitude: this.detailData.loadingLongitude,
					loadingLatitude: this.detailData.loadingLatitude,
					id: this.detailData.hyCarrierInfo.id,
					transportationDuration: this.detailData.transportationDuration
				}
				if (that.detailData.statusFlag == 1) { //暂存
					console.log("暂存")
					this.affirm(data)
				} else { //提交
					this.start(data) //先调用管局start
				}
			}
		},
	}
</script>

<style scoped lang="scss">
	.content {
		// . {
		// 	color: #333333;
		// }
	}

	.level2-title {
		margin: 0 0 20rpx 0;
	}

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

		.place {
			width: 80%;
			text-align: right;
		}
	}

	.upload {}

	.bottom-btn {
		display: flex;
		justify-content: space-around;
		margin-bottom: 50rpx;
		background: #FFFFFF;
		padding: 40rpx 0;
	}

	.store {
		padding: 20rpx 30rpx;
		color: #2772FB;
		width: 40%;
		background: #EEF4FF;
		border-radius: 40rpx;
		font-size: 36rpx;
		text-align: center;
	}

	.submit {
		font-size: 36rpx;
		padding: 20rpx 30rpx;
		color: white;
		width: 40%;
		background: #2772FB;
		border-radius: 40rpx;
		text-align: center;
	}

	.row-between {
		margin: 20rpx 0;
	}

	.sx-style {
		background: #2772FB;
		color: white;
		padding: 2rpx 16rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
		margin-left: 20rpx;
	}

	.input {
		text-align: right;
	}

	.date-style {}
</style>