wangluohuoyun-app/pages/goodSource/index.vue

<!-- 货源 -->
<template>
	<view @touchend="end" @touchmove="move" :class="{popupShow:isShowAlert}" class="content">
		<!-- 		<fh-no-network></fh-no-network> -->
		<view class="banner">
			<image class="banner-img" src="@/static/images/goodSource/banner@2x.png" mode='widthFix'></image>
			<view class="head flex s-row">
				<view class="flex flex-space-between">
					<view class="flex s-row item1" @click="goCity(0)">
						<view class="fontsize-28 gray place-title">装车</view>
						<view class="fontsize-46 fontweight-500 text">{{startPlace.selected}}</view>
					</view>
					<image class="change-btn item2" src="@/static/images/goodSource/change.png" mode='widthFix'
						@click="changeCity"></image>
					<view class="flex s-row item3" @click="goCity(1)">
						<view class="fontsize-28 gray text-align-right place-title">卸车</view>
						<view class="fontsize-46 fontweight-500 text">{{endPlace.selected}}</view>
					</view>
				</view>
				<view>
					<u-button type="" class="btn-color fontsize-36" @click="upCallback({size:10,num:1})"> 查询
					</u-button>
				</view>
			</view>
		</view>
		<view :class="scrollTop>1200?'fixed1':''"></view>
		<view class="tab-view">
			<u-tabs :list="tabList" @click="clickTab" :lineColor="scrollTop>1200?'white':'#000000'" :current='tabIndex'
				:inactiveStyle="{color: scrollTop>1200?'white':'',}" :activeStyle="{
							color: scrollTop>1200?'':'#000000',
							fontWeight: 'bold',
							transform: 'scale(1.25)',
						}" :class="scrollTop>1200?'fixed':''"></u-tabs>
			<!-- 全部类型 -->
			<!-- <view class="tab-right" @click="selectType">
				<view>{{pickerSelect}}</view>
				<image style='width:8px;height:8px;margin-left:5px;'
					:src="!showMenu?'../../static/images/order/xiala.png':'../../static/images/order/shangla.png'"
					mode=""></image>
			</view> -->
		</view>
		<!-- <u-picker :show="show" :columns="columns" :closeOnClickOverlay='true' @close='selectTypeClose'
			@cancel='selectTypeClose' @confirm='confirmSelectType'></u-picker> -->
		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
			style="min-height: 410px !important;">
			<view v-for="(good,index) in goods" :key="index" @click="toDetail(good.id)">
				<view v-if="good.peripheralInfo==1&&isFirstIndex==index" class="other-goods">周边货源</view>
				<view class="good-list">
					<view class="good-view">
						<image src="@/static/images/goodSource/xf.png" mode="widthFix" class="xf-iamge"
							v-if="good.freightAdvance==1"></image>
						<view class="list-left">
							<view class="flex align-center">
								<view class="item1">
									<view class="ssx">
										{{$helper.getProvinceAbbreviation(good.sendPrivate?good.sendPrivate:good.sendCity)}}
									</view>
									<view class="level2-title">{{$helper.filterUrban(good.sendCity)}}
										{{$helper.filterArea(good.sendArea)}}
									</view>
								</view>

								<image class="jt-icon item2" src="@/static/images/goodSource/jt.png" mode='widthFix'>
								</image>
								<view class="item3">
									<view class="ssx">
										{{$helper.getProvinceAbbreviation(good.unloadPrivate?good.unloadPrivate:good.unloadCity)}}
									</view>
									<view class="level2-title">{{$helper.filterUrban(good.unloadCity)}}
										{{$helper.filterArea(good.unloadArea)}}
									</view>
								</view>
							</view>

							<view class="flex flex-space-between yf-style">
								<view class="left">
									<view class="flex">
										<view class="gray" v-if="good.cargoDistance"><text class="text-space">货距</text>
											<text class="text-space">{{good.cargoDistance}}km</text>
										</view>
										<view class="gray " v-if="good.distance"><text class="text-space">运距</text><text
												class="text-space">{{good.distance}}km</text> </view>
									</view>
									<view class="u-flex-wrap flex gray row ">
										<view>{{good.goodsName}}</view>
										<!-- <u-line direction="col"></u-line> -->
										<view v-if="carLength(good)"><text class="line">|</text> {{carLength(good)}}
										</view>
										<view v-if="carType(good)"><text class="line">|</text>{{carType(good)}} </view>
										<view v-if="carWeight(good)"><text class="line">|</text>{{carWeight(good)}}
										</view>
									</view>
									<view class="flex row">
										<view class="row-tips" v-if="good.taskDescription">{{good.taskDescription}}
										</view>
									</view>
								</view>
								<view class="right flex h-color">
									<text class="fontsize-46">
										{{good.freightPrice}}
									</text>
									<text class="flex dw">{{good.billingMethod == 0?"元/吨":"元/车"}}</text>
								</view>
							</view>
						</view>

						<!-- <view class="right gray">
							{{$helper.changeTime(good.updateDate)}}
						</view> -->
					</view>
					<view class="flex flex-space-between item-bottom">
						<view class="left flex row" @click.stop="cargoOwner(good)">
							<u--image
								:src="good.cargoOwnerPortrait?good.cargoOwnerPortrait:'../../static/images/mine/tx.png'"
								width='57rpx' height='57rpx' shape="circle">
							</u--image>
							<view class="name">{{good.cargoOwnerName}}</view>
							<!-- <view class="hp flex fontsize-24">
								<view class="gray">评分</view>
								<view class="number-color">99%</view>
							</view>
							
							<view class="sum flex fontsize-24">
								<view class="gray">发运次数</view>
								<view class="number-color">106</view>
							</view> -->
						</view>
						<view class="right">
							<view @click.stop="grabOrders(good)" class="qd" v-if='hasLogin'>抢单</view>
						</view>
					</view>
				</view>
			</view>
		</mescroll-body>
		<u-toast ref="uToast"></u-toast>
		<u-modal :show="isShowAlert" :title="alertTitle" :closeOnClickOverlay='true' :confirmText='confirmText'
			:showCancelButton='showCancelButton' confirmColor='#2772FB' @confirm="$u.throttle(confirmClick(), 1000)"
			@close="cancelClick" @cancel="cancelClick"></u-modal>
	</view>
</template>
<script>
	var that
	import permision from "@/js_sdk/wa-permission/permission.js"
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import {
		mapState
	} from 'vuex';
	import {
		apiGoods
	} from "@/api/mock.js"
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				confirmText: '确定',
				showCancelButton: true,
				isFirstIndex: null,
				ObjSelect: {},
				isShowAlert: false,
				alertTitle: '确定抢单？',
				show: false,
				columns: [
					['全部类型', '运费先付']
				],
				startPlace: {},
				endPlace: {},
				otherGoods: [], // 数据列表
				goods: [], // 数据列表
				src: 'https://cdn.uviewui.com/uview/album/1.jpg',
				height: "", // 需要固定swiper的高度
				tabList: [
					// 	{
					// 	name: '全部'
					// }, 
					{
						name: '推荐'
					}, {
						name: '按时间'
					}, {
						name: '按距离'
					},
					// {
					// 	name: '运费先付'
					// },
				],
				pickerSelect: '全部类型',
				tabIndex: 0,
				scrollTop: 0,
				isdblclick: 0,
				count: 0,
				lng: '',
				lat: '',
				bool: false,
				showMenu: false,
				driverCommonId: "",
				driverPhone: "",
				driverName: ""
			}
		},
		onTabItemTap(e) {
			this.isdblclick++
			// tab 点击时执行，此处直接接收单击事件
			if (this.scrollTop > 1200) {
				if (this.isdblclick > 1) {
					uni.pageScrollTo({
						scrollTop: 0,
						duration: 300
					});
				}
			}
		},
		created() {

		},
		computed: {
			...mapState(['hasLogin', 'userInfo', 'firstAuthentication'])
		},
		watch: {
			// startPlace(){
			// 	console.log(this.startPlace)
			//              this.upCallback({page});
			//          },
		},
		onLoad() {
			this.checkOpenGPSServiceByAndroidIOS()
		},
		onHide() {
			this.isdblclick = 0
		},
		onShow() {
			if (this.scrollTop > 1200) {
				uni.setTabBarItem({
					index: 0,
					text: '返回顶部',
					iconPath: 's',
					selectedIconPath: 'static/images/common/top@2x.png'
				})
			}
			uni.setTabBarItem({
				index: 2,
				text: '订单',
				iconPath: 'static/images/common/dingdan@2x(1).png',
				selectedIconPath: 'static/images/common/dingdan@2x.png'
			})
			var that = this
			setTimeout(() => {
				// var photol=await permision.checkSystemEnableLocation()
				if (uni.getStorageSync('confirm_location')) {
					that.get_localtion_permission()
				}
				//获取上一次点击起装卸地
				if (uni.getStorageSync('fPlaceObj')) {
					that.startPlace = uni.getStorageSync('fPlaceObj');
				}
				if (uni.getStorageSync('sPlaceObj')) {
					that.endPlace = uni.getStorageSync('sPlaceObj');
				}
				that.upCallback({
					size: 10,
					num: 1
				})
			}, 1500)

			that.$request.baseRequest('get', '/newsInfo/unreadMessage', {
				reCommonId: this.userInfo.id,
			}).then(res3 => {
				if (res3.data || res3.data == 0) {
					let name = 'myTip';
					let value = res3.data
					if (value == 0) {
						uni.removeTabBarBadge({
							index: 3
						})
					}
					that.$store.commit('$uStore', {
						name,
						value
					});
					if (value != 0 && value) {
						uni.setTabBarBadge({
							index: 3,
							text: value + ""
						})
					}
				}
			})
			// this.mescroll.resetUpScroll()

		},
		// async onLoad() {
		// 	that = this
		// 	// #ifdef APP-PLUS
		// 	let _status = await that.$request.baseRequest('get', '/driverInfo/firstAuthentication', {
		// 		driverPhone: this.userInfo.phone,
		// 	}).then(res => {
		// 		return res.data.authenticationStatus
		// 	})
		// 	// if (_status == '已禁用') {
		// 	// 	this.isShowAlert = true
		// 	// 	this.alertTitle = '账号审核中'
		// 	// 	this.confirmText = '退出APP'
		// 	// 	this.showCancelButton = false
		// 	// } else {
		// 	// 	console.log(1231233212332312312213)
		// 	// }
		// 	// #endif

		// },

		onPageScroll(res) {
			this.scrollTop = res.scrollTop
			// console.log("页面滚动了", res.scrollTop)
			if (this.scrollTop > 1200) {
				uni.setTabBarItem({
					index: 0,
					text: '返回顶部',
					iconPath: 'static/images/common/top@2x.png',
					selectedIconPath: 'static/images/common/top@2x.png'
				})
			} else {
				uni.setTabBarItem({
					index: 0,
					text: '货源',
					iconPath: 'static/images/common/huoyuan@2x(1).png',
					selectedIconPath: 'static/images/common/huoyuan@2x.png'
				})
			}

		},
		methods: {
			stopRoll() {

			},
			async get_localtion_permission() {
				var photol = await permision.checkSystemEnableLocation()
				if (photol == true) {
					uni.removeStorageSync('confirm_location')
					// uni.showToast({
					// 				title: '只有文字弹窗',
					// 				icon: 'none',    //如果要纯文本，不要icon，将值设为'none'
					// 				duration: 2000    //持续时间为 2秒
					// 			})  
					this.getLngLat()
				} else {
					if (uni.getStorageSync('confirm_location')) {
						uni.removeStorageSync('confirm_location')
					}
					uni.setStorageSync('fPlaceObj', {
						fchoosearea: '全部',
						fchoosecity: '市辖区',
						fchooseprovince: '北京',
						selected: '东城'
					})
					uni.setStorageSync('sPlaceObj', {
						schoosearea: '请选择区',
						schoosecity: '请选择市',
						schooseprovince: '全国',
						selected: '全国'
					})
					uni.setStorageSync('longitudeAndLatitude', '116.3972,39.9096')
				}
			},
			async getLngLat() {
				await uni.getLocation({
					type: 'gcj02',
					geocode: true,
					success: res => {
						if (res.latitude) {
							if (res.address.city) {
								if (res.address.city.indexOf('市') != -1) {
									res.address.city = res.address.city.substring(0, res.address.city
										.length - 1)
								}
							}
							if (res.address.province) {
								if (res.address.province.indexOf('省') != -1) {
									res.address.province = res.address.province.substring(0, res.address
										.province.length - 1)
								}
							}
							uni.setStorageSync('fPlaceObj', {
								fchoosearea: '全部',
								fchoosecity: res.address.city,
								fchooseprovince: res.address.province,
								selected: res.address.city
							})
							uni.setStorageSync('sPlaceObj', {
								schoosearea: '请选择区',
								schoosecity: '请选择市',
								schooseprovince: '全国',
								selected: '全国'
							})
							uni.setStorageSync('longitudeAndLatitude', res.longitude + ',' + res.latitude)
						}
					}
				})
			},
			checkOpenGPSServiceByAndroidIOS() {
				let system = uni.getSystemInfoSync(); // 获取系统信息
				// console.log(system);
				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) {
						// 			uni.setStorageSync('confirm_location', 1)
						// 			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 {
						// 				uni.setStorageSync('fPlaceObj', {
						// 					fchoosearea: '全部',
						// 					fchoosecity: '市辖区',
						// 					fchooseprovince: '北京',
						// 					selected: '东城'
						// 				})
						// 				uni.setStorageSync('sPlaceObj', {
						// 					schoosearea: '请选择区',
						// 					schoosecity: '请选择市',
						// 					schooseprovince: '全国',
						// 					selected: '全国'
						// 				})
						// 				uni.setStorageSync('longitudeAndLatitude', '116.3972,39.9096')
						// 			}
						// 		} else {
						// 			uni.setStorageSync('fPlaceObj', {
						// 				fchoosearea: '全部',
						// 				fchoosecity: '市辖区',
						// 				fchooseprovince: '北京',
						// 				selected: '东城'
						// 			})
						// 			uni.setStorageSync('sPlaceObj', {
						// 				schoosearea: '请选择区',
						// 				schoosecity: '请选择市',
						// 				schooseprovince: '全国',
						// 				selected: '全国'
						// 			})
						// 			uni.setStorageSync('longitudeAndLatitude', '116.3972,39.9096')
						// 		}
						// 	}
						// });
						uni.setStorageSync('fPlaceObj', {
							fchoosearea: '全部',
							fchoosecity: '市辖区',
							fchooseprovince: '北京',
							selected: '东城'
						})
						uni.setStorageSync('sPlaceObj', {
							schoosearea: '请选择区',
							schoosecity: '请选择市',
							schooseprovince: '全国',
							selected: '全国'
						})
						if (uni.getStorageSync('fPlaceObj')) {
							that.startPlace = uni.getStorageSync('fPlaceObj');
						}
						if (uni.getStorageSync('sPlaceObj')) {
							that.endPlace = uni.getStorageSync('sPlaceObj');
						}
						uni.setStorageSync('longitudeAndLatitude', '116.3972,39.9096')
					} else {
						this.getLngLat()
					}
				} 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) {
						this.getLngLat()
						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);
									this.getLngLat()
								}
							}
						});
					}
				}
			},
			cargoOwner(_obj) {
				// uni.$u.route('/pages/order/evaluateList');
				// console.log("查看---------------",_obj)
				uni.$u.route('/pages/goodSource/cargoOwnerSee', _obj)
			},
			mescrollInit(mescroll) {
				this.mescroll = mescroll;
			},
			confirmClick() {
				let item = this.ObjSelect
				var that = this
				let _obj = {
					driverCommonId: that.driverCommonId,
					commonId: item.commonId,
					compId: item.compId,
					cargoOwnerName: item.cargoOwnerReallyName,
					cargoOwner: item.cargoOwner,
					sendPrivate: item.sendPrivate,
					sendCity: item.sendCity,
					sendArea: item.sendArea,
					sendDetailedAddress: item.sendDetailedAddress,
					unloadPrivate: item.unloadPrivate,
					unloadCity: item.unloadCity,
					unloadArea: item.unloadArea,
					unloadDetailedAddress: item.unloadDetailedAddress,
					goodsName: item.goodsName,
					distance: item.distance,
					freightPrice: item.freightPrice,
					driverName: that.driverName,
					driverPhone: that.driverPhone,
					cargoOwnerPhone: item.cargoOwnerPhone,
					id: item.id,
					billingMethod: item.billingMethod,
					freightAdvance: item.freightAdvance,
					goodsType: item.goodsType,
					goodsTypeKey: item.goodsTypeKey
				}
				console.log("查看抢单", _obj)
				that.$request.baseRequest('post', '/publishTaskInfo/api/addOrder', _obj).then(res => {
						if (res.code == 200) {
							that.$refs.uToast.show({
								type: 'success',
								message: "抢单成功！",
								complete() {
									uni.switchTab({
										url: "/pages/order/index"
									})
								}
							})
						} else {
							that.$refs.uToast.show({
								type: 'error',
								message: res.message,
							})
						}
					})
					.catch(res => {
						uni.$u.toast(res.message);
					});

				// });
				this.isShowAlert = false
			},
			cancelClick() {
				this.isShowAlert = false
			},
			carLength(good) {
				let length = ''
				if (good.carLengthSmall && good.carLength) {
					length = good.carLengthSmall + '~' + good.carLength + '米'
				} else if (good.carLengthSmall && !good.carLength) {
					length = "大于" + good.carLengthSmall + '米'
				} else if (good.carLength && !good.carLengthSmall) {
					length = "小于" + good.carLength + '米'
				}
				return length
			},
			carType(good) {
				let _val = '';
				if (good.carModel == 1) {
					_val = ''
				} else {
					if (good.carModel.includes(2)) {
						_val += '高栏 '
					}
					if (good.carModel.includes(3)) {
						_val += '集装箱 '
					}
					if (good.carModel.includes(4)) {
						_val += '自卸车 '
					}
				}
				return _val
			},
			carWeight(good) {
				good.loadWeightSmall
				good.loadWeight
				let weight = ''
				if (good.loadWeightSmall && good.loadWeight) {
					weight = good.loadWeightSmall + '~' + good.loadWeight + '吨'
				} else if (good.loadWeightSmall) {
					weight = "大于" + good.loadWeightSmall + '吨'
				} else if (good.loadWeight) {
					weight = "小于" + good.loadWeight + '吨'
				}
				return weight
			},
			getdate() {
				var date = new Date()
				var year = date.getFullYear() //获取完整的年份(4位)
				var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
				var datetime = date.getDate() //获取当前日(1-31)
				if (mouth < 10) {
					mouth = '0' + mouth
				}
				if (datetime < 10) {
					datetime = '0' + datetime
				}
				return String(year) + String(mouth) + String(datetime)
			},
			grabOrders(item) {
				let that = this
				this.$request.baseRequest('get', '/driverInfo/firstAuthentication', {
					driverPhone: this.userInfo.phone,
				}).then(res2 => {
					if (res2.data.authenticationStatus == '已过期') {
						that.$refs.uToast.show({
							type: 'error',
							message: '证件已过期,请上传新证件！',
						})
						return
					} else if (res2.data.authenticationStatus == '未认证' || res2.data.authenticationStatus ==
						'已驳回') {
						that.$refs.uToast.show({
							type: 'error',
							message: '请先完成司机认证！',
						})
						return
					} else if (res2.data.authenticationStatus == '审核中') {
						that.$refs.uToast.show({
							type: 'error',
							message: '司机审核中！',
						})
						return
					} else if (res2.data.authenticationStatus == '已认证') {
						this.driverCommonId = res2.data.commonId
						this.driverPhone = res2.data.driverPhone
						this.driverName = res2.data.driverName
						this.isShowAlert = true
						this.ObjSelect = item
					}
				})
			},
			confirmSelectType(val) {
				this.pickerSelect = val.value[0]

				this.show = false
				this.upCallback({
					size: 10,
					num: 1
				})
			},
			selectTypeClose() {
				this.show = false
			},
			selectType() {
				this.show = true
			},
			// getLngLat() {
			// 	var that=this
			// 	// uni.showLoading({
			// 	// 	title: '获取定位信息'
			// 	// })

			// 	uni.getLocation({
			// 		type: 'gcj02',
			// 		geocode: true,
			// 		success: res => {
			// 			if (res.latitude) {
			// 				console.log(res)
			// 				if(res.address.city){
			// 					if(res.address.city.indexOf('市')!=-1){
			// 						res.address.city=res.address.city.substring(0,res.address.city.length-1)
			// 					}
			// 				}
			// 				if(res.address.province){
			// 					if(res.address.province.indexOf('省')!=-1){
			// 						res.address.province=res.address.province.substring(0,res.address.province.length-1)
			// 					}
			// 				}
			// 				uni.setStorageSync('fPlaceObj',{
			// 					fchoosearea:'全部',
			// 					fchoosecity:res.address.city,
			// 					fchooseprovince:res.address.province,
			// 					selected:res.address.city
			// 				})
			// 				uni.setStorageSync('sPlaceObj',{
			// 					schoosearea:'请选择区',
			// 					schoosecity:'请选择市',
			// 					schooseprovince:'全国',
			// 					selected:'全国'
			// 				})
			// 				let _pickerSelect;
			// 				if (that.pickerSelect == '运费先付') {
			// 					_pickerSelect = 1
			// 				} else {
			// 					_pickerSelect = 0
			// 				}
			// 				that.startPlace.selected=res.address.city
			// 				that.startPlace.fchoosecity=res.address.city
			// 				let _data = {
			// 					searchKeyWord: this.tabIndex + 1,
			// 					searchType: _pickerSelect,
			// 					pageSize: 10,
			// 					currentPage: 1,
			// 					loadingPlaceCity: that.startPlace.fchoosecity,
			// 					// unLoadingPlaceCity: this.endPlace.schoosecity

			// 				}
			// 				that.$forceUpdate()
			// 				// that.$set(that.startPlace,'selected',res.address.city)
			// 				// that.lng = res.longitude;
			// 				// that.lat = res.latitude;
			// 				that.$request.baseRequest('get', '/publishTaskInfo/selectGoodsSource', _data).then(res => {
			// 						if (res.code == 200) {
			// 							console.log(res.data.records)
			// 							uni.hideLoading()
			// 							that.mescroll.endBySize(res.data.records.length, res.data.total);
			// 							if(res.data.records){
			// 								that.goods = res.data.records
			// 								for (let i = 0; i < that.goods.length; i++) {
			// 									if (that.goods[i].peripheralInfo == 1) {
			// 										that.isFirstIndex = i
			// 										return
			// 									}
			// 								}
			// 							}else{
			// 								that.goods=[]
			// 							}

			// 						}
			// 						uni.hideLoading()
			// 					})
			// 					.catch(res => {
			// 						uni.$u.toast(res.message);
			// 						that.mescroll.endErr();
			// 					});
			// 			} 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()

			// 			}
			// 		}
			// 	});
			// },
			toDetail(id) {
				var that = this
				that.$request.baseRequest('get', '/driverInfo/firstAuthentication', {
					driverPhone: this.userInfo.phone,
				}).then(res2 => {
					// console.log('跳转',1111111)
					uni.setStorageSync('firstAuthentication', res2.data)
					that.firstAuthentication = uni.getStorageSync('firstAuthentication')
					// console.log(that.firstAuthentication)
					//司机是否认证身份
					// 保留uni.getStorageSync('firstAuthentication')，thisfirstAuthentication有缓存问题
					if (uni.getStorageSync('firstAuthentication').authenticationStatus == '已认证') {
						uni.$u.route('/pages/goodSource/shippingDetails', {
							id: id,
						});
					} else if (uni.getStorageSync('firstAuthentication').authenticationStatus == '已过期') {
						that.$refs.uToast.show({
							type: 'error',
							message: "证件已过期,请上传新证件！",
						})
					} else {
						that.$refs.uToast.show({
							type: 'error',
							message: "请先完成司机认证！",
						})
					}
				})
			},
			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
			upCallback(page) {
				var that = this
				let _pickerSelect;
				if (this.pickerSelect == '运费先付') {
					_pickerSelect = 1
				} else {
					_pickerSelect = 0
				}
				//选择省市区
				let _data = {
					searchKeyWord: this.tabIndex + 1,
					searchType: _pickerSelect,
					// loadingPlace: this.startPlace.selected,
					// unLoadingPlace: this.endPlace.selected=="全国"?'':this.endPlace.selected,
					pageSize: page.size,
					currentPage: page.num,

					// loadingPlaceCity: this.startPlace.fchoosecity,
					// unLoadingPlaceCity: this.endPlace.schoosecity

				}
				console.log(uni.getStorageSync('longitudeAndLatitude'))
				// if (this.tabIndex == 2) {
				if (uni.getStorageSync('longitudeAndLatitude')) {
					this.lng = uni.getStorageSync('longitudeAndLatitude').split(',')[0]
					this.lat = uni.getStorageSync('longitudeAndLatitude').split(',')[1]
				}
				_data.driverLongitude = this.lng
				_data.driverLatitude = this.lat
				// }
				console.log('------')
				console.log(_data)
				if (uni.getStorageSync('fPlaceObj')) {
					if (this.startPlace.fchoosearea && this.startPlace.fchoosearea == '全部' && this.startPlace
						.fchoosearea != '请选择区') {
						// _data.loadingPlaceCity = this.startPlace.fchoosecity
						if (this.startPlace.fchoosecity == '市辖区') {
							_data.loadingPlaceCity = this.startPlace.fchooseprovince
						} else {
							_data.loadingPlaceCity = this.startPlace.fchoosecity
						}
					} else if (this.startPlace.fchoosecity == '全部') {
						_data.loadingPlace = this.startPlace.selected
					} else {
						_data.loadingPlaceCity = this.startPlace.fchoosecity
						_data.loadingPlace = this.startPlace.fchoosearea
					}

				} else {
					_data.loadingPlaceCity = this.startPlace.fchoosecity
				}
				if (uni.getStorageSync('sPlaceObj')) {
					if (this.endPlace.schoosearea && this.endPlace.schoosearea == '全部' && this.endPlace.schoosearea !=
						'请选择区') {
						if (this.endPlace.schoosecity == '市辖区') {
							_data.unLoadingPlaceCity = this.endPlace.schooseprovince
						} else {
							_data.unLoadingPlaceCity = this.endPlace.schoosecity
						}
					} else if (this.endPlace.schoosearea) {
						_data.unLoadingPlace = this.endPlace.selected == "全国" ? '' : this.endPlace.selected
					} else {
						_data.unLoadingPlace = this.endPlace.selected == "全国" ? '' : this.endPlace.selected
						_data.unLoadingPlaceCity = this.endPlace.schoosecity
					}
				} else {
					_data.unLoadingPlace = this.endPlace.selected == "全国" ? '' : this.endPlace.selected
				}
				if (this.lng) {
					_data.longitude = this.lng
					_data.latitude = this.lat
				}
				uni.showLoading({
					mask: true,
					title: '加载中'
				})
				console.log(_data)
				this.$request.baseRequest('get', '/publishTaskInfo/selectGoodsSource', _data).then(res => {
						uni.hideLoading()
						if (res.code == 200) {

							if (page.num == 1) {
								this.goods = [];
								// this.otherGoods = []
							};
							if (res.data.records) {
								for (var i = 0; i < res.data.records.length; i++) {
									if (res.data.records[i].cargoDistance) {
										if (res.data.records[i].cargoDistance > 10) {
											res.data.records[i].cargoDistance = res.data.records[i].cargoDistance
												.toFixed(0)
										} else {
											res.data.records[i].cargoDistance = res.data.records[i].cargoDistance
												.toFixed(1)
										}
									}
									if (res.data.records[i].distance) {
										if (res.data.records[i].distance > 10) {
											res.data.records[i].distance = res.data.records[i].distance.toFixed(0)
										} else {
											res.data.records[i].distance = res.data.records[i].distance.toFixed(1)
										}

									}
								}
							}
							this.mescroll.endBySize(res.data.records.length, res.data.total);
							// for (var i = 0; i < res.data.records.length; i++) {
							// 	res.data.records[i].cargoOwnerName1=
							// }
							//如果是第一页需手动制空列表
							if (res.data.records) {
								that.goods = that.goods.concat(res.data.records);
								for (let i = 0; i < that.goods.length; i++) {
									if (that.goods[i].peripheralInfo == 1) {
										that.isFirstIndex = i
										return
									}
								}
							} else {
								that.goods = []
							}

						}
					})
					.catch(res => {
						uni.hideLoading()
						uni.$u.toast(res.message);
						this.mescroll.endErr();
					});
			},
			clickTab(val) {
				this.tabIndex = val.index
				this.upCallback({
					size: 10,
					num: 1,
				})
			},
			changeCity() {
				if (this.endPlace.selected == '全国') {
					this.$refs.uToast.show({
						type: 'error',
						message: "装车地不能为全国！",
					})
					return
				}

				[this.startPlace.fchooseprovince, this.endPlace.schooseprovince] = [this.endPlace.schooseprovince, this
					.startPlace.fchooseprovince
				];
				[this.startPlace.fchoosecity, this.endPlace.schoosecity] = [this.endPlace.schoosecity, this.startPlace
					.fchoosecity
				];
				[this.startPlace.fchoosearea, this.endPlace.schoosearea] = [this.endPlace.schoosearea, this.startPlace
					.fchoosearea
				];
				[this.startPlace.selected, this.endPlace.selected] = [this.endPlace.selected, this.startPlace.selected];
				// [this.startPlace, this.endPlace] = [this.endPlace, this.startPlace];
				uni.setStorageSync('fPlaceObj', this.startPlace);
				uni.setStorageSync('sPlaceObj', this.endPlace);
			},
			goCity(type) {
				uni.$u.route('/pages/goodSource/selectCity', {
					startPlace: JSON.stringify(this.startPlace),
					endPlace: JSON.stringify(this.endPlace),
					type: type
				});
			},
			swiperChange(e) {
				this.tabIndex = e.detail.current
			}
		}
	}
</script>

<style scoped lang="scss">
	.popupShow {
		overflow: hidden;
		position: fixed;
		height: 100vh;
		width: 100%;
	}

	.content {
		background: #F2F4F7;
	}

	.banner {
		width: 100%;
		position: relative;
	}

	.u-flex-wrap {
		flex-wrap: wrap;
	}

	.fixed,
	.fixed1 {
		background: linear-gradient(97deg, #4FABFD 0%, #2772FB 100%);
		position: fixed;
		top: var(--status-bar-height);
		z-index: 999;
		// width: calc(100% - 40rpx);
		width: 100%;
		// margin:0 20rpx;
	}

	.fixed1 {
		top: 0;
		height: var(--status-bar-height);
		background: linear-gradient(97deg, #4FABFD 0%, #2772FB 100%);
	}

	.banner-img {
		width: 100%;
	}

	.head {
		position: absolute;
		width: calc(100% - 108rpx);
		bottom: 0;
		background: white;
		margin: 0 20rpx;
		border-radius: 20rpx;
		padding: 33rpx 33rpx 48rpx 33rpx;

		.item1,
		.item3 {
			width: 40%;

			.text {
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}

		}

		.item1 .text {
			text-align: left;
		}

		.item3 .text {
			text-align: right;
		}
	}

	.change-btn {
		width: 86rpx;
		height: 86rpx;
	}

	.good-list {
		background-color: white;
		margin: 10px 10px 15px 10px;
		// padding: 10px 0px 0px 0;
		border-radius: 30rpx;
		box-shadow: 0px 5rpx 20rpx #E3E3E3;

		.good-view {
			padding: 10rpx 35rpx 10rpx 35rpx;
			position: relative;
		}

		.item1,
		.item3 {
			// width: 40%;
			display: flex;

			.text {
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}

		}

		.item1 .text {
			text-align: left;
		}

		.item3 .text {
			text-align: right;
		}
	}

	.jt-icon {
		position: relative;
		// top: 6rpx;
		width: 60rpx;
		margin: 0 20rpx;

	}

	.row {
		margin: 10rpx 0;
		align-items: center;
	}

	.item-bottom {
		background: #F0F5FF;
		padding: 23rpx 30rpx;
		border-radius: 0px 0px 18px 18px;

		.name {
			font-size: 26rpx;
			font-weight: 700;
			color: #000000;
			margin-left: 30rpx;
		}

		.hp {
			margin: 30rpx;
		}

		.number-color {
			margin: 0 10rpx;
		}

		.qd {
			background: linear-gradient(97deg, #4FABFD 0%, #2772FB 100%);
			border-radius: 13rpx;
			font-size: 29rpx;
			font-weight: 400;
			color: #FFFFFF;
			padding: 15rpx 35rpx;
		}
	}

	.dw {
		align-items: center;
	}

	.place {
		height: var(--status-bar-height);
	}

	.tab-view {
		display: flex;
		align-items: center;
		justify-content: space-between;
		// padding-left: 20rpx;
	}

	.tab-right {
		display: flex;
		margin-right: 39rpx;
		align-items: center;
	}

	.other-goods {
		// background: red;
		color: #999999;
		margin: 40rpx 0;
		display: flex;
		justify-content: center;
		font-size: 36rpx;
	}

	.level2-title {
		font-size: 28rpx;
	}

	.yf-style {
		position: relative;

		.left {
			font-size: 25.39rpx;

			.text-space {
				margin-right: 20rpx;
			}

			.line {
				margin: 0 10rpx;
			}
		}

		.h-color {
			// position: absolute;
			// right: 0;
			// top: -30rpx;
		}
	}

	.xf-iamge {
		width: 74rpx;
		height: 43rpx;
		position: absolute;
		top: -20rpx;
		right: 0;
	}

	.place-title {
		margin-bottom: 11rpx;
	}

	.btn-color {
		margin-top: 52rpx;
		padding: 30rpx 0;
	}
</style>