运距需求

lichao
1 parent 91e4cb7d
Showing 5 changed files with 85 additions and 10 deletions
garbage-removal/src/pages/home-info/clean/index.vue
garbage-removal/src/pages/order-info/order-disposal/scan-detail/index.vue
garbage-removal/src/pages/order-info/order-driver/detail/index.vue
garbage-removal/src/pages/order-info/order-driver/upload/index.vue
garbage-removal/src/pages/order-info/order-other/detail/index.vue
@@ -107,6 +107,29 @@
 									</view>
 								</view>
 							</view>
+
+							<!-- 添加是否需要跟车选项 -->
+							<view class="company-clean-container-car-main-content-type">
+								<view class="company-clean-container-car-main-content-type-price-area">
+									<text style="color: red;">*</text>是否需要跟车:
+								</view>
+								<view
+									style="width:100%;display: flex;justify-content: flex-start;align-items: center; ">
+									<view style="display: flex; align-items: center;">
+										<up-radio-group shape="square" size="34" v-model="paramFrom.needFollowCar"
+											placement="row">
+											<up-radio activeColor="#19a97c" labelSize="32" iconSize="30"
+												:customStyle="{ marginRight: '30rpx' }" label="需要" :name="true">
+											</up-radio>
+											<up-radio activeColor="#19a97c" labelSize="32" iconSize="30"
+												:customStyle="{ marginRight: '30rp' }" label="不需要" :name="false">
+											</up-radio>
+										</up-radio-group>
+									</view>
+								</view>
+							</view>
+
+							
 							<view v-if="paramFrom.garInCarStore" class="company-in-car-store-box-info">
 								<view class="company-clean-container-site-image-info-input-remark-box">
 									<u--textarea v-model="paramFrom.remark" placeholder="请填写限制高度（米）"></u--textarea>
@@ -251,6 +274,7 @@
 		carType: "",
 		garbageType: "装修垃圾",
 		garInCarStore: false,
+		needFollowCar: false,
 		garEstimatedCost: ""
 	})
 	const dayTime = ref()
@@ -564,7 +588,9 @@
 			garLongitude: userAddress.value.garLongitude,
 			garLatitude: userAddress.value.garLatitude,
 			garCoordinate: userAddress.value.garCoordinate,
-			garInCarStore: paramFrom.value.garInCarStore
+			garInCarStore: paramFrom.value.garInCarStore,
+			needFollowCar: paramFrom.value.needFollowCar,
+
 		}
 		console.log("----------------------->5");
 		if (!validateParams(params)) {
@@ -634,7 +660,7 @@
 		}
 		for (const key in params) {
 			// 跳过garInCarStore
-			if (key == "garInCarStore") {
+			if (key == "garInCarStore"||key == "needFollowCar") {
 				continue;
 			}
 			if (!params[key] && key != "garRemark") {
@@ -47,6 +47,7 @@
 					{{ details.garHandlerCarCode }}
 				</view>
 			</view>
+
 			<view class="scan-car-num">
 				<view class="scan-car-num-label">
 					车辆载重
@@ -56,6 +57,15 @@
 						v-model="details.garCarryingWeight" @change="handlerInputChange"></up-input>
 				</view>
 			</view>
+
+			<view class="scan-car-num">
+				<view class="scan-car-num-label">
+					运距
+				</view>
+				<view class="scan-car-num-content">
+					{{ details.transportDistance }}
+				</view>
+			</view>
 			<!-- <view class="scan-upload-fill-image-box">
 				<view class="scan-upload-fill-image-label">
 					<view>
@@ -117,22 +127,57 @@
 			longitude: ll[0],
 			latitude: ll[1]
 		};
+		// 获取定位后计算运距
+		calculateDistance();
 	}
-
+	
 	// 生命周期处理
 	onMounted(() => {
 		// 挂载全局回调
 		window.takeLocationCallBack = takeLocalCallBack
 	})
-
+	
 	onLoad((options) => {
 		// 获取定位信息
 		takeLocation();
 	});
+	
+	// 计算运距函数
+	const calculateDistance = () => {
+		// 检查是否有起点经纬度信息
+		if (!details.value.garLatitude || !details.value.garLongitude) {
+			return;
+		}
+
+		const startLat= details.value.garLatitude;
+		const startLng = details.value.garLongitude;
+
+
+		
+		const endLat = location.value.latitude; // 终点纬度（当前定位）
+		const endLng = location.value.longitude; // 终点经度（当前定位）
+
+		// 检查是否有终点经纬度
+		if (!endLat || !endLng) {
+			return;
+		}
+	
+		// 使用Haversine公式计算两点之间的距离（公里）
+		const R = 6371; // 地球半径（公里）
+		const dLat = (endLat - startLat) * Math.PI / 180;
+		const dLng = (endLng - startLng) * Math.PI / 180;
+		const a = 
+			Math.sin(dLat/2) * Math.sin(dLat/2) +
+			Math.cos(startLat * Math.PI / 180) * Math.cos(endLat * Math.PI / 180) * 
+			Math.sin(dLng/2) * Math.sin(dLng/2);
+		const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
+		const distance = R * c; // 距离（公里）
+	
+		// 更新运距信息，保留两位小数
+		details.value.transportDistance = distance.toFixed(2) + ' 公里';
+	}
 	const takeLocation = () => {
-		console.log("获取定位信息");
-		// 获取定位信息
 		window.JsInterface.takeLocation();
 	}
@@ -184,7 +229,6 @@
 		console.log(val);
 	}
 	const handlerSubmit = async () => {
-		
 		// 校验参数
 		let params = {
 			...details.value,
@@ -193,7 +237,8 @@
 			garOrderHandlerCompanyId: details.value.garOrderCompanyId,
 			// 添加定位信息
 			latitude: location.value.latitude,
-			longitude: location.value.longitude
+			longitude: location.value.longitude,
+			transportDistance : details.value.transportDistance
 		}
 		if (validateParams(params)) {
 			await askTransport(params).then((res) => {
@@ -266,7 +311,6 @@
 		if (options.garAskId) {
 			// TODO query
 			scanDetail(options.garAskId).then((res) => {
-				console.log(res);
 				details.value = res.data.data;
 				details.value.garOrderCompanyName = details.value.garOrderHandlerCompanyName;
 				fileList.value = details.value.fillImageList.map((item) => {
@@ -126,6 +126,10 @@
             {{ dataGram.garRemark }}
           </view>
         </view>
+
+        <view v-if="dataGram.needFollowCar" class="follow-car-notice">
+          <text style="color: red;">该订单需要跟车</text>
+        </view>
       </view>
       <!-- 处理信息 -->
       <view class="order-detail-container-box-card">
@@ -88,7 +88,7 @@
 			if (!location.value.latitude) {
 				uni.$u.toast("定位获取超时，请检查权限");
 			}else{
-				uni.$u.toast(location.value.longitude,location.value.latitude);
+				
 			}
 		}, 5000);
 		// 获取定位信息
@@ -169,6 +169,7 @@
 				<view class="order-detail-container-header-item">
 					<text class="order-detail-container-header-title">备注：</text>
 					<view class="order-detail-container-header-content">
+						{{ dataGram.g }}
 						{{ dataGram.garRemark }}
 					</view>
 				</view>