From 2dd271770bbbb708503730f61ef15c21df622f90 Mon Sep 17 00:00:00 2001
From: Lx <935448346@qq.com>
Date: Fri, 29 Aug 2025 17:16:19 +0800
Subject: [PATCH] =?UTF-8?q?0829=20=E5=8F=B8=E6=9C=BA=E7=AB=AF=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.js                       |    4 +-
 pages/index/index.vue           |  215 +-
 pages/internal/reportDetals.vue |    5 +-
 pages/my/my.vue                 |    1 +
 pages/orderDetails/details.vue  | 4951 ++++++++++++++++++++++++-------
 5 files changed, 4061 insertions(+), 1115 deletions(-)

diff --git a/config.js b/config.js
index fe18bb7..ad2b6ec 100644
--- a/config.js
+++ b/config.js
@@ -3,7 +3,7 @@ module.exports = {
 	baseUrl: 'https://www.nuoyunr.com/admin-api',
 	//baseUrl: 'http://192.168.1.4:48080/admin-api',
 	imagesUrl: 'http://shequ.0315e.com/static/images/pages/',
-	baseImageUrl: 'https://www.nuoyunr.com/minio',
+	baseImageUrl: 'https://www.nuoyunr.com/minio/',
 	wsUrl: 'ws://122.51.230.86:48080',
 	//wsUrl: 'wss://192.168.1.4:48080/admin-api',
 	// 应用信息
@@ -27,4 +27,4 @@ module.exports = {
 			}
 		]
 	}
-}
\ No newline at end of file
+}
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9e4ee38..b87c7fb 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -102,7 +102,7 @@
 						<text class="xshui">{{item.rescueTime || ''}}</text>
 					</view>
 					<view class="dis-tt" v-if="rescueStatus == 2">
-						<view class="inanniu" @click="dialogToggle(item.rescueDriverId)">
+						<view class="inanniu" @click="dialogToggle(item.rescueDriverId, item.id)">
 							<uni-icons type="checkmarkempty" color="#3CBC6F" size="20"></uni-icons>
 							<text>接受</text>
 						</view>
@@ -118,7 +118,7 @@
 						</view>
 					</view>
 					<view class="dis-tt" v-if="rescueStatus == 3">
-						<view class="inanniu" @click="diyshow(item.id)">
+						<!-- <view class="inanniu" @click="diyshow(item.id)">
 							<uni-icons type="location" color="#3CBC6F" size="20"></uni-icons>
 							<text>记录</text>
 						</view>
@@ -131,7 +131,7 @@
 							@click="diyshow2(item.id)">
 							<uni-icons type="checkmarkempty" color="#3CBC6F" size="20"></uni-icons>
 							<text>完成</text>
-						</view>
+						</view> -->
 						<view class="anniua" @click="GOdetails(item.id)">
 							<view class="shiwuimg">
 								<image src="../../static/images/cldd.png" mode=""></image>
@@ -166,7 +166,7 @@
 		<u-popup :show="show" mode="center" :round="10" @close="close2" @open="open">
 			<view class="popup-box">
 				<view class="p-title">描述</view>
-				<!-- <view class="p-hui">已经到达救援现场</view> -->
+				<!-- <view class="p-hui">已经到达救援现场</view>
 				<!-- <view class="wrap-du">
 						   <view class="wrap-div" v-for="(item,index) in dulist " :key="index">
 							 <text>{{item.dictLabel}}</text>
@@ -190,6 +190,29 @@
 				</view>
 			</view>
 		</u-popup>
+		<u-popup :show="acceptShow" mode="center" :round="10" @close="closeAcceptPopup" @open="open" ref="acceptPopup"
+			:closeOnClickOverlay="false">
+			<view class="popup-box">
+				<view class="p-title">接受订单</view>
+				<view class="huinput">
+					<text>车辆里程数: </text>
+					<u--textarea v-model="remark" placeholder="请输入车辆里程数" border="bottom" autoHeight></u--textarea>
+				</view>
+				<view class="p-title">车辆里程表图片</view>
+				<view class="huinput">
+					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+						:maxCount="5"></u-upload>
+				</view>
+				<view class="button-group">
+					<view class="cancel-button" @click="closeAcceptPopup">
+						<text>取消</text>
+					</view>
+					<view class="qzanniu" @click="getdaodaAccept">
+						<text>确认</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
 		<u-popup :show="show1" mode="center" :round="10" @close="close" @open="open">
 			<view class="popup-box">
 				<view class="p-title">金额</view>
@@ -254,7 +277,8 @@
 	import tabBar from '../../components/tabBar/tabBar.vue'
 	import upload from '@/utils/upload.js'
 	import {
-		getToken
+		getToken,
+		getUserInfo
 	} from '@/utils/auth'
 	const keepAlivePlugin = uni.requireNativePlugin('Ba-KeepAlive')
 	const jyJPush = uni.requireNativePlugin('JY-JPush');
@@ -278,6 +302,7 @@
 				fileList1: [],
 				uesrInfo: {},
 				show: false,
+				acceptShow: false,
 				show1: false,
 				show2: false,
 				show3: false,
@@ -309,6 +334,7 @@
 				latitude: '',
 				tabindex: 0,
 				rescueId: 0,
+				rescueInfoId: null,
 				setMoney: '',
 				title: 'user',
 				checkedindex: false,
@@ -318,6 +344,7 @@
 				rescueStatus: 2,
 				dulist: [],
 				nowPageInterval: null,
+				driverInfo: [],
 				keepLive: {
 					channelId: 'Ba-KeepAlive',
 					channelName: "Ba-KeepAlive",
@@ -333,6 +360,8 @@
 
 			this.$startSocketConnect(uni.getStorageSync('driverInfo'))
 			this.$startMsgSocket(uni.getStorageSync('userId'))
+			this.driverInfo = uni.getStorageSync('userinfo')
+			console.log('name', this.driverInfo.nickname)
 			// #ifdef APP
 			this.register()
 			this.jyPushStart()
@@ -673,6 +702,96 @@
 
 
 			},
+
+			async getdaodaAccept() {
+				if (this.images.length === 0) {
+					uni.showToast({
+						title: '请上传图片再完成',
+						icon: 'none'
+					});
+					return;
+				}
+
+				try {
+					uni.showLoading({
+						title: '提交中...',
+						mask: true
+					});
+
+					const tempImage = JSON.parse(JSON.stringify(this.images));
+					const data = {
+						rescueInfoId: this.rescueInfoId,
+						title: '司机 ' + this.driverInfo.nickname + ' 已接单，正在赶来的路上',
+						images: tempImage.join(","),
+						remark: this.remark,
+						type: 1,
+					};
+
+					// 尝试获取位置，但不阻塞提交
+					const location = await this.getLocationSilently();
+					if (location) {
+						data.lng = location.longitude;
+						data.lat = location.latitude;
+					}
+
+					await this.submitAcceptData(data);
+
+					uni.hideLoading();
+				} catch (error) {
+					uni.hideLoading();
+					uni.showToast({
+						title: '提交失败: ' + (error.message || '未知错误'),
+						icon: 'none'
+					});
+				}
+			},
+
+			async getLocationSilently() {
+				try {
+					const res = await uni.getLocation({
+						isHighAccuracy: true
+					});
+					return {
+						longitude: res.longitude,
+						latitude: res.latitude
+					};
+				} catch (error) {
+					console.warn('获取位置失败:', error);
+					return null;
+				}
+			},
+
+			async submitAcceptData(data) {
+				try {
+					const res = await request({
+						url: '/app/driver/uploadDetailByDriver',
+						method: 'post',
+						data: data
+					});
+
+					if (res.code == 200) {
+						this.resetForm();
+						uni.showToast({
+							title: '提交成功'
+						});
+						this.acceptShow = false;
+						this.singleList = [];
+						await this.driverRescuePage();
+					} else {
+						throw new Error(res.msg || '提交失败');
+					}
+				} catch (error) {
+					throw error;
+				}
+			},
+
+			resetForm() {
+				this.images = [];
+				this.remark = '';
+				this.dictLabel = '请选择类型';
+				this.dictValue = '';
+				this.fileList1 = [];
+			},
 			diyshow(id) {
 				this.rescueId = id
 				this.show = true
@@ -778,15 +897,16 @@
 
 				})
 			},
-			dialogToggle(id) {
+			dialogToggle(id, rescueInfoId) {
 				this.id = id
+				this.rescueInfoId = rescueInfoId;
 				this.$refs.alertDialog.open()
 			},
 			inputDialogToggle(id) {
 				this.id = id
 				this.$refs.inputDialog.open()
 			},
-			dialogConfirm() {
+			/* dialogConfirm() {
 				let data = {
 					rescueDriverId: this.id,
 					choose: 1,
@@ -801,6 +921,47 @@
 					this.getthreelist()
 				})
 
+			}, */
+			dialogConfirm() {
+				let data = {
+					rescueDriverId: this.id,
+					choose: 1,
+				}
+				request({
+					url: '/app/driver/driverAccept',
+					method: 'post',
+					params: data
+				}).then((res) => {
+					if (res.code == 200) {
+						// 直接执行接单成功后的操作，不再打开接受订单弹框
+						uni.showToast({
+							title: '接单成功'
+						});
+
+						// 刷新数据
+						this.singleList = [];
+						this.getList();
+						this.getthreelist();
+						this.driverRescuePage();
+					}
+				})
+			},
+			closeAcceptPopup() {
+				/* if (this.images.length === 0) {
+					uni.showToast({
+						title: '请上传现场图片',
+						icon: 'none'
+					});
+					return;
+				}
+				this.acceptShow = false; */
+				// 重置表单数据
+				this.images = [];
+				this.remark = '';
+				this.fileList1 = [];
+
+				// 关闭弹窗
+				this.acceptShow = false;
 			},
 			dialogClose() {
 
@@ -822,7 +983,6 @@
 					this.getList()
 					this.$refs.inputDialog.close()
 					this.getthreelist()
-
 				})
 
 			},
@@ -918,7 +1078,7 @@
 					if (!areNotificationsEnabled) {
 						uni.showModal({
 							title: '通知权限开启提醒',
-							content: '您还没有开启通知权限，无法接受到消息通知，是否前往设置？',
+							content: '您还没有开启通知权限，无法接收到消息通知，是否前往设置？',
 							success: function(res) {
 								if (res.confirm) {
 									var Intent = plus.android.importClass('android.content.Intent');
@@ -962,7 +1122,7 @@
 					if (isOn == false) {
 						uni.showModal({
 							title: '通知权限开启提醒',
-							content: '您还没有开启通知权限，无法接受到消息通知，是否前往设置？',
+							content: '您还没有开启通知权限，无法接收到消息通知，是否前往设置？',
 							success: function(res) {
 								if (res.confirm) {
 									var app = plus.ios.invoke('UIApplication', 'sharedApplication');
@@ -1348,7 +1508,40 @@
 		margin: 15px auto;
 	}
 
+	.button-group {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 20px;
+	}
+
+	.cancel-button {
+		width: 45%;
+		height: 40px;
+		border-radius: 6px;
+		background: #f0f0f0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #333;
+		font-size: 16px;
+		font-weight: 700;
+		border: 1px solid #ddd;
+	}
+
 	.qzanniu {
+		width: 45%;
+		height: 40px;
+		border-radius: 6px;
+		background: #0D2E8D;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: white;
+		font-size: 16px;
+		font-weight: 700;
+	}
+
+	/* .qzanniu {
 		width: 100%;
 		height: 40px;
 		border-radius: 6px;
@@ -1360,5 +1553,5 @@
 		color: rgb(255, 255, 255);
 		font-size: 16px;
 		font-weight: 700;
-	}
+	} */
 </style>
\ No newline at end of file
diff --git a/pages/internal/reportDetals.vue b/pages/internal/reportDetals.vue
index ab62e6e..f71325b 100644
--- a/pages/internal/reportDetals.vue
+++ b/pages/internal/reportDetals.vue
@@ -37,8 +37,9 @@
 					<text style="color: red;">*</text>
 					汇报内容
 				</view>
-				<u--textarea v-model="report.reportContent" placeholder="请输入内容"
-					:disabled="!buttonTitleStatus"></u--textarea>
+				<!-- <u--textarea v-model="report.reportContent" placeholder="请输入内容"
+					:disabled="!buttonTitleStatus"></u--textarea> -->
+				<textarea maxlength="-1" auto-height v-model="report.reportContent" placeholder="请输入内容"></textarea>
 				<view class="x_"></view>
 				<view class="d_b" @click="buttonTitleStatus && handleUpload()">
 					<view class="">附件</view>
diff --git a/pages/my/my.vue b/pages/my/my.vue
index 66871fc..4f66a2b 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -157,6 +157,7 @@
 		},
 		onShow() {
 			this.getUserinfo()
+			console.log('userInfo', this.getUserInfo())
 		},
 		components: {
 			tabBar,
diff --git a/pages/orderDetails/details.vue b/pages/orderDetails/details.vue
index b69cf12..34c8e63 100644
--- a/pages/orderDetails/details.vue
+++ b/pages/orderDetails/details.vue
@@ -1,214 +1,267 @@
-<template>
-	<view class="content">
-		<view class="mubu">
-			<view class="c-top">
-				<view class="topjianjian">
-					<view style="width: 10px; height: 100%;" @click="goback()">
-						<uni-icons type="left" color="#ffffff" size="22"></uni-icons>
-					</view>
-					<view class="bai-title">订单详情</view>
-					<view style="width: 10px; height: 100%;"></view>
-				</view>
-				<view class="dis-b" style="margin-top: 16px; box-sizing: border-box; padding: 0px 15px; ">
-					<view class="t-left">
-						<view class="left-t">
-							<view class="sj">
-								<image src="../../static/detection/sja.png" mode=""></image>
-							</view>
-							<view class="t-zi1">
-								<text>{{detailsData.rescueStatus}}</text>
-							</view>
-						</view>
-						<view class="t-zi2">请尽快与救援车辆联系</view>
-					</view>
-					<view class="t-right">
-
-						<view class="" @click="gotel(detailsData.connectionPhone)">
-							<view class="ximg">
-								<image src="../../static/detection/shouji.png" mode=""></image>
-							</view>
-							<view class="ai">拨打电话</view>
-						</view>
-						<view style="margin-left: 10px;" @click="gogogo()">
-							<view class="ximg">
-								<image src="../../static/detection/xiaofeij.png" mode=""></image>
-							</view>
-							<view class="ai">到这去</view>
-						</view>
-						<view style="margin-left: 10px;"
-							v-if="detailsData.setMoney&&(!detailsData||detailsData.orderStatus<2)" @click="showCode()">
-							<view class="ximg">
-								<uni-icons type="scan" color="#ffffff" size="24"></uni-icons>
-								<!-- <image src="../../static/detection/xiaofeij.png" mode=""></image> -->
-							</view>
-							<view class="ai">收款</view>
-						</view>
-						<view style="margin-left: 10px;" v-if="detailsData&&detailsData.orderStatus>=2">
-							<view class="ximg">
-								<uni-icons type="checkbox" color="#ffffff" size="24"></uni-icons>
-								<!-- <image src="../../static/detection/xiaofeij.png" mode=""></image> -->
-							</view>
-							<view class="ai">已收款</view>
-						</view>
-
-					</view>
-				</view>
-				<view class="ding-top">
-
-					<view class="dis-bb">
-						<view style="display: flex;justify-content: space-between;width: 100%; align-items: center;">
-							<view class="xhui">
-								救援地点
-							</view>
-							<view class="ribox" v-if="detailsData.rescueStatus == '救援中'" @click="show = true">
-								<text>确认编辑</text>
-							</view>
-						</view>
-
-						<view class="ja-you">{{detailsData.rescuePosition || ''}}</view>
-						<view class="xhui" v-if="detailsData.rescueStatus == '救援中'" @click="getmap1">
-							终点位置
-						</view>
-						<view class="ja-you " @click="getmap1" v-if="detailsData.rescueStatus == '救援中'">
-							{{detailsData.destinationInfo || '暂未设置'}} <uni-icons type="paperplane-filled"
-								color="#0D2E8D" size="18"></uni-icons>
-						</view>
-						<!-- 	<view class="xhei">{{detailsData.connectionName || ''}} {{detailsData.connectionPhone || ''}}</view> -->
-					</view>
-					<view class="dix">
-						<text class="huiy">客户车牌:</text>
-						<u--input placeholder="客户车牌" style="height: 15px;" v-model="detailsData.licenseNum"></u--input>
-					</view>
-					<view class="dix">
-						<text class="huiy">驾驶车辆:</text>
-
-						<text>{{detailsData.driverCarNum || ''}}</text> <text @click="getCarList()"
-							style="margin-left: 20px;color:blue;font-size: 12px;">
-							点击选择</text>
-					</view>
-					<view class="dix">
-						<text class="huiy">路段:</text>
-
-						<text>{{detailsData.sectionRoad ? getSectionRoadLabel(detailsData.sectionRoad) : ''}}</text> <text @click="getRoadList()"
-							style="margin-left: 20px;color:blue;font-size: 12px;">
-							点击选择</text>
-					</view>
-					<view class="dix">
-						<text class="huiy">起止公里数:</text>
-						<u--input placeholder="救援开始公里数" style="height: 15px;" type="number"
-							v-model="detailsData.startScale"></u--input> -
-						<u--input placeholder="救援结束公里数" style="height: 15px;" type="number"
-							v-model="detailsData.endScale"></u--input>
-					</view>
-					<view class="dix">
-						<text class="huiy">放空公里数:</text>
-						<view style="width: 158px;display: flex;align-items: center;"><u--input type="number"
-								style="height: 15px; " placeholder="请输入公里数" border="surround"
-								v-model="detailsData.emptyNum" clearable></u--input> <text>KM</text></view>
-					</view>
-					<view class="dix">
-						<text class="huiy">过关费:</text>
-						<view style="width: 150px;display: flex;align-items: center;margin-left: 28px;"><u--input
-								type="number" style="height: 15px; " placeholder="请输入金额" border="surround"
-								v-model="detailsData.checkpointMoney" clearable></u--input><text>元</text> </view>
-
-
-
-
-					</view>
-					<view class="dix">
-						<text class="huiy">联系人:</text>
-						<input type="text" :placeholder="detailsData.connectionName"
-							v-model="detailsData.connectionName" v-if="detailsData.rescueStatus == '救援中'">
-						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.connectionName || ''}}</text>
-					</view>
-					<view class="dix">
-						<text class="huiy">手机号:</text>
-						<input type="text" :placeholder="detailsData.connectionPhone"
-							v-model="detailsData.connectionPhone" v-if="detailsData.rescueStatus == '救援中'">
-						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.connectionPhone || ''}}</text>
-					</view>
-					<view class="dix">
-						<text class="huiy">车辆类型:</text>
-						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.carTypeStr || ''}}</text>
-						<view class="ribox" v-if="detailsData.rescueStatus == '救援中'"
-							:class="{'actbox' : carindex == item.value}" v-for="(item,index) in carList"
-							:key="index" @click="getcarindex(item.value)">{{item.label}}</view>
-					</view>
-
-					<view class="dix">
-						<text class="huiy">收款类型:</text>
-						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.feeTypeStr || ''}}</text>
-						<view class="ribox" v-if="detailsData.rescueStatus == '救援中'"
-							:class="{'actbox' : skindex == item.value}" v-for="(item,index) in qdList" :key="index"
-							@click="getskindex(item.value)">{{item.label}}</view>
-					</view>
-					<view class="dix" v-if="detailsData.kcPosition" @click="getmap1">
-						<text class="huiy">扣车地点:</text>
-						<text>{{detailsData.kcPosition || ''}}</text>
-					</view>
-					<view class="dix">
-
-						<text class="huiy">救援类型:</text>
-						<text>{{detailsData.rescueTypeStr || ''}}</text>
-
+<template>
+	<view class="content">
+		<view class="mubu">
+			<view class="c-top">
+				<view class="top-heder"></view>
+				<view class="topjianjian">
+					<view style="width: 10px; height: 100%;" @click="goback()">
+						<uni-icons type="left" color="#ffffff" size="22"></uni-icons>
+					</view>
+					<view class="bai-title">订单详情</view>
+					<view style="width: 10px; height: 100%;"></view>
+				</view>
+				<view class="dis-b" style="margin-top: 16px; box-sizing: border-box; padding: 0px 15px; ">
+					<view class="t-left">
+						<view class="left-t">
+							<view class="sj">
+								<image src="../../static/detection/sja.png" mode=""></image>
+							</view>
+							<view class="t-zi1">
+								<text>{{detailsData.rescueStatus}}</text>
+							</view>
+						</view>
+						<view class="t-zi2">请尽快与救援车辆联系</view>
+					</view>
+					<view class="t-right">
+
+						<view class="" @click="gotel(detailsData.connectionPhone)">
+							<view class="ximg">
+								<image src="../../static/detection/shouji.png" mode=""></image>
+							</view>
+							<view class="ai">拨打电话</view>
+						</view>
+						<view style="margin-left: 10px;" @click="gogogo()">
+							<view class="ximg">
+								<image src="../../static/detection/xiaofeij.png" mode=""></image>
+							</view>
+							<view class="ai">到这去</view>
+						</view>
+						<view style="margin-left: 10px;"
+							v-if="detailsData.setMoney&&(!detailsData||detailsData.orderStatus<2)" @click="showCode()">
+							<view class="ximg">
+								<uni-icons type="scan" color="#ffffff" size="24"></uni-icons>
+								<!-- <image src="../../static/detection/xiaofeij.png" mode=""></image> -->
+							</view>
+							<view class="ai">收款</view>
+						</view>
+						<view style="margin-left: 10px;" v-if="detailsData&&detailsData.orderStatus>=2">
+							<view class="ximg">
+								<uni-icons type="checkbox" color="#ffffff" size="24"></uni-icons>
+								<!-- <image src="../../static/detection/xiaofeij.png" mode=""></image> -->
+							</view>
+							<view class="ai">已收款</view>
+						</view>
+					</view>
+				</view>
+				<view class="ding-top">
+					<view class="dis-bb">
+						<view style="display: flex;justify-content: space-between;width: 100%; align-items: center;">
+							<view class="xhui">
+								救援地点
+							</view>
+							<!-- <view class="ribox" v-if="detailsData.rescueStatus == '救援中'" @click="show = true">
+								<text>确认编辑</text>
+							</view> -->
+						</view>
+
+						<view class="ja-you">{{detailsData.rescuePosition || ''}}</view>
+						<view class="xhui" v-if="detailsData.rescueStatus == '救援中'" @click="getmap1">
+							终点位置
+						</view>
+						<view class="ja-you " @click="getmap1" v-if="detailsData.rescueStatus == '救援中'">
+							{{detailsData.destinationInfo || '暂未设置'}} <uni-icons type="paperplane-filled"
+								color="#0D2E8D" size="18"></uni-icons>
+						</view>
+						<view class="xhui-kc" v-if="detailsData.rescueType == '5' ">
+							扣车地点：{{ detailsData.kcPosition }}
+						</view>
+						<!-- 	<view class="xhei">{{detailsData.connectionName || ''}} {{detailsData.connectionPhone || ''}}</view> -->
+					</view>
+					<view class="dix">
+						<text class="huiy">客户车牌:</text>
+						<u--input placeholder="客户车牌" style="height: 15px;" v-model="detailsData.licenseNum"></u--input>
+					</view>
+
+					<view class="dix">
+						<text class="huiy">客户姓名:</text>
+						<u--input placeholder="客户姓名" style="height: 15px;" v-model="detailsData.connectionName"
+							v-if="detailsData.rescueStatus == '救援中'" :disabled="false"></u--input>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.connectionName || ''}}</text>
+					</view>
+
+					<view class="dix">
+						<text class="huiy">客户手机号:</text>
+						<u--input placeholder="客户手机号" style="height: 15px;" v-model="detailsData.connectionPhone"
+							v-if="detailsData.rescueStatus == '救援中'" :disabled="false"></u--input>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.connectionPhone || ''}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">车主姓名:</text>
+						<u--input placeholder="车主姓名" style="height: 15px;" v-model="detailsData.carOwner"
+							v-if="detailsData.rescueStatus == '救援中'" :disabled="false"></u--input>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.carOwner || ''}}</text>
+					</view>
+
+					<view class="dix">
+						<text class="huiy">车主手机号:</text>
+						<u--input placeholder="车主手机号" style="height: 15px;" v-model="detailsData.carOwnerPhone"
+							v-if="detailsData.rescueStatus == '救援中'" :disabled="false"></u--input>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.carOwnerPhone || ''}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">车型（品牌）:</text>
+						<u--input placeholder="车型（品牌）" style="height: 15px;" v-model="detailsData.carBrand"
+							v-if="detailsData.rescueStatus == '救援中'" :disabled="false"></u--input>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.carBrand || ''}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">车辆类型:</text>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.carTypeStr || ''}}</text>
+						<view class="ribox" v-if="detailsData.rescueStatus == '救援中'"
+							:class="{'actbox' : carindex == item.value}" v-for="(item,index) in carList" :key="index"
+							@click="getcarindex(item.value)">{{item.label}}</view>
+					</view>
+
+					<!-- <view class="dix">
+						<text class="huiy">收款类型:</text>
+						<text v-if="detailsData.rescueStatus != '救援中'">{{detailsData.feeTypeStr || ''}}</text>
+						<view class="ribox" v-if="detailsData.rescueStatus == '救援中'"
+							:class="{'actbox' : skindex == item.value}" v-for="(item,index) in qdList" :key="index"
+							@click="getskindex(item.value)">{{item.label}}</view>
+					</view> -->
+					<view class="dix">
+						<text class="huiy">收款类型:</text>
+						<text>{{detailsData.feeTypeStr || ''}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">救援类型:</text>
+						<text>{{detailsData.rescueTypeStr || ''}}</text>
 					</view>
 					<view class="dix">
-					
 						<text class="huiy">是否扣车:</text>
 						<text>{{detailsData.isKouChe=='1'?'是' : '否'}}</text>
-					
+					</view>
+					<view class="dix" v-if="detailsData.kcPosition" @click="getmap1">
+						<text class="huiy">扣车地点:</text>
+						<text>{{detailsData.kcPosition || ''}}</text>
 					</view>
 					<view class="dix">
-					
 						<text class="huiy">是否维修:</text>
 						<text>{{detailsData.isWeiXiu=='1'?'是' : '否'}}</text>
-					
-					</view>
-					<view style="position: absolute;bottom: 25px; right: 25px;text-align: center; "
-						@click="getrescueDetail(id)">
-						<uni-icons type="refresh-filled" color="#0D2E8D" size="40"
-							style="margin: 5px auto;"></uni-icons>
-						<view style="font-size: 14px; color: #0D2E8D;">刷新订单</view>
-					</view>
-
-				</view>
-				<view class="hui-content">
-					<view class="content-box">
-						<view class="dis-bb">
-							<view class="ja-you" style="margin: 0px;">事情描述:</view>
-						</view>
-						<u--textarea v-model="detailsData.rescueDetail" v-if="detailsData.rescueStatus == '救援中'"
-							placeholder="请输入救援描述" border="bottom" autoHeight></u--textarea>
-						<view class="xx-hui" v-if="detailsData.rescueStatus != '救援中'">
-							{{detailsData.rescueDetail || '暂无描述'}}
-						</view>
-
-					</view>
-					<view class="content-box" v-if="detailsData.rescueSceneImageList != null ">
-						<view class="dis-bb">
-							<view class="ja-you" style="margin: 0px;">现场图片</view>
-						</view>
-						<view class="img-boxs">
-							<view class="g-img" v-for="(item,index) in detailsData.rescueSceneImageList" :key="index">
-								<image :src="baseImageUrl + item  " mode=""></image>
-							</view>
-						</view>
-
-					</view>
-
-					<view class="content-box">
-						<view class="dis-bb">
-							<view class="ja-you" style="margin: 0px;">救援进程</view>
+					</view>
+					<view class="dix">
+						<text class="huiy">故障现象:</text>
+						<text>{{detailsData.faultPhenomenon}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">救援需求:</text>
+						<text>{{detailsData.rescueNeeds}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">预估下车地:</text>
+						<text>{{detailsData.estimateDownCar}}</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">预估费用:</text>
+						<text>{{detailsData.estimateMoney}}</text>
+					</view>
+
+					<view style="border-top: 1px solid #d0d0d0; margin-top: 30px; width: 100%;"></view>
+					<view class="dix">
+						<text class="huiy">驾驶车辆:</text>
+
+						<text>{{detailsData.driverCarNum || ''}}</text> <text @click="getCarList()"
+							style="margin-left: 20px;color:blue;font-size: 12px;">
+							点击选择</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">渠道:</text>
+
+						<!-- <text>{{detailsData.sectionRoad ? getSectionRoadLabel(detailsData.sectionRoad) : ''}}</text> -->
+						<text>{{detailsData.channel ? detailsData.channel: ''}}</text>
+						<text @click="getRoadList()" style="margin-left: 20px;color:blue;font-size: 12px;">
+							点击选择</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">来源:</text>
+						<text>{{detailsData.source ? detailsData.source : ''}}</text>
+						<text @click="getSourceList()" style="margin-left: 20px;color:blue;font-size: 12px;">
+							点击选择</text>
+					</view>
+					<view class="dix">
+						<text class="huiy">起止公里数:</text>
+						<u--input placeholder="救援开始公里数" style="height: 15px;" type="number"
+							v-model="detailsData.startScale"></u--input> -
+						<u--input placeholder="救援结束公里数" style="height: 15px;" type="number"
+							v-model="detailsData.endScale"></u--input>
+					</view>
+					<view class="dix">
+						<text class="huiy">放空公里数:</text>
+						<view style="width: 158px;display: flex;align-items: center;"><u--input type="number"
+								style="height: 15px; " placeholder="请输入公里数" border="surround"
+								v-model="detailsData.emptyNum" clearable></u--input> <text>KM</text></view>
+					</view>
+					<view class="dix">
+						<text class="huiy">过关费:</text>
+						<view style="width: 150px;display: flex;align-items: center;margin-left: 28px;"><u--input
+								type="number" style="height: 15px; " placeholder="请输入金额" border="surround"
+								v-model="detailsData.checkpointMoney" clearable></u--input><text>元</text> </view>
+					</view>
+					<!-- <view style="position: absolute;bottom: 25px; right: 25px;text-align: center; "
+						@click="getrescueDetail(id)">
+						<uni-icons type="refresh-filled" color="#0D2E8D" size="40"
+							style="margin: 5px auto;"></uni-icons>
+						<view style="font-size: 14px; color: #0D2E8D;">刷新订单</view>
+					</view> -->
+					<view class="floating-edit-btn"
+						v-if="detailsData.rescueStatus == '救援中' || detailsData.currentRecordStep <= 6"
+						@click="show = true">
+						<uni-icons type="compose" color="#0D2E8D" size="25"></uni-icons>
+						<view class="edit-text">确认编辑</view>
+					</view>
+					<view class="floating-refresh-btn" @click="getrescueDetail(id)">
+						<uni-icons type="refresh-filled" color="#0D2E8D" size="25"></uni-icons>
+						<view class="refresh-text">刷新订单</view>
+					</view>
+
+				</view>
+				<view class="hui-content">
+					<view class="content-box">
+						<view class="dis-bb">
+							<view class="ja-you" style="margin: 0px;">事情描述:</view>
 						</view>
-						
+						<u--textarea v-model="detailsData.rescueDetail" v-if="detailsData.rescueStatus == '救援中'"
+							placeholder="请输入救援描述" border="bottom" autoHeight></u--textarea>
+						<view class="xx-hui" v-if="detailsData.rescueStatus != '救援中'">
+							{{detailsData.rescueDetail || '暂无描述'}}
+						</view>
+
+					</view>
+					<view class="content-box" v-if="detailsData.rescueSceneImageList != null ">
+						<view class="dis-bb">
+							<view class="ja-you" style="margin: 0px;">现场图片</view>
+						</view>
+						<view class="img-boxs">
+							<view class="g-img" v-for="(item,index) in detailsData.rescueSceneImageList" :key="index">
+								<image :src="baseImageUrl + item  " mode=""></image>
+							</view>
+						</view>
+
+					</view>
+
+					<view class="content-box">
+						<view class="dis-bb">
+							<view class="ja-you" style="margin: 0px;">救援进程</view>
+						</view>
+
 						<view v-if="detailList && detailList.length > 0" class="c-box">
 							<view class="lan-ga" v-for="(item,index) in detailList" :key="index">
 								<view class="ga-top-box">
-									<view v-if="index === detailList.length - 1" class="gain">
-										<image class="gainIcon" src="@/static/icons/currentDetails.png" mode="aspectFit"></image>
+									<view class="gain">
+										<image class="gainIcon" src="@/static/icons/currentDetails.png"
+											mode="aspectFit"></image>
 									</view>
-									<view v-else class="gain"></view>
+
 									<view class="ga-content">
 										<view class="ga-content-top">
 											<view class="ga-content-title">{{item.title}}</view>
@@ -216,908 +269,3022 @@
 												{{item.createTime}}
 											</view>
 										</view>
-										<view class="beizh">
-											{{item.remark}}
+										<view class="beizh" v-if="item.title == '救援发起' && detailsData">
+											调度:{{detailsData.secondDispatchName}}
 										</view>
-										<view class="wrap-box" v-if="item.images">
-											<view class="img-box" v-for="(items,index) in item.images.split(',') " :key="index"
-												@click="lookimg(index,item.images.split(','))">
-												<image :src="baseImageUrl + items " mode=""></image>
+										<view class="beizh">
+											{{item.autoRemark}}
+										</view>
+										<view class="beizh" style="margin-top: 10rpx;"
+											v-if="item.remark != '' && item.remark != null">
+											救援司机备注: {{item.remark}}
+										</view>
+										<view class="wrap-box_bc" v-if="item.images">
+											<text style="font-size: 28rpx; font-weight: bold;">现场照片:</text>
+											<view style="display: flex; flex-direction: row;">
+												<view class="img-box" v-for="(items,index) in item.images.split(',') "
+													:key="index" @click="lookimg(index,item.images.split(','))">
+													<image :src="baseImageUrl + items " mode=""></image>
+												</view>
 											</view>
 										</view>
+										<view class="wrap-box_bc" v-if="item.supplementImages"
+											style="margin-top: 20rpx;">
+											<text style="font-size: 28rpx; font-weight: bold;">补充照片:</text>
+											<view style="display: flex; flex-direction: row;">
+												<view class="img-box"
+													v-for="(items,index) in item.supplementImages.split(',') "
+													:key="index"
+													@click="lookimg(index,item.supplementImages.split(','))">
+													<image :src="baseImageUrl + items " mode=""></image>
+												</view>
+											</view>
+
+										</view>
+										<!-- 补充照片按钮 -->
+										<view class="supplement-photo-btn" @click="showSupplementPopup(item)">
+											<uni-icons type="plus" size="16" color="#0D2E8D"></uni-icons>
+											<text>补充照片</text>
+										</view>
 									</view>
 								</view>
 								<view v-if="index < detailList.length - 1" class="lan-ga-line"></view>
 							</view>
 						</view>
-						
-						
-						
-						
-						
-						<!-- <view class="lan-ga" v-for="(item,index) in detailList" :key="index">
-							<view class="ga-top">
-								<view class="gain">{{index + 1}}</view>
-								<view class="">{{item.title}}</view>
-							</view>
-							<view class="xhui" style="margin-left: 20px;">
-								{{item.createTime}}
-							</view>
-							<view class="beizh" style="margin-left: 20px;">
-								{{item.remark}}
-							</view>
-							<view class="wrap-box" style="margin-left: 20px;" v-if="item.images">
-								<view class="img-box" v-for="(items,index) in item.images.split(',') "
-									@click="lookimg(index,item.images.split(','))" :key="index">
-								
-									<image :src="baseImageUrl + items " mode=""></image>
-									
-								</view>
-							</view>
-						</view> -->
-
-
-					</view>
-				</view>
-			</view>
-
-
-
-
-		</view>
-		<u-picker :show="carNumShow" @cancel="carNumShow = false" @close="carNumShow = false" @confirm="chooseCar"
-			:columns="[carNumList]" keyName="rescueCarNum"></u-picker>
-		<u-modal :show="show" title="修改" content='您确认修改吗' :showCancelButton="true" @confirm="confirmadd()"
-			@cancel="cancelopen()"></u-modal>
-		<u-popup :show="codeShow" :round="10" mode="bottom" @close="closeCodePop" :closeable='true'>
-			<view class="codePop flex-col align-center">
-
-				<canvas style="width:100px; height: 100px; z-index: 9999999;margin: 40px auto;"
-					canvas-id="myQrcode"></canvas>
-				<view class="popup-title">收款码</view>
-			</view>
-		</u-popup>
-
-		<u-picker :show="roadShow" @cancel="roadShow = false" @close="roadShow = false" @confirm="chooseRoad"
-			:columns="[roadList]" keyName="label"></u-picker>
-	</view>
-</template>
-
-<script>
-	import request from '../../utils/request';
-	import tabBar from '../../components/tabBar/tabBar.vue'
-	import drawQrcode from 'weapp-qrcode';
-	import dayjs from '../../uni_modules/uview-ui/libs/util/dayjs';
-	export default {
-		data() {
-			return {
-				show: false,
-				qdList: [],
-				skindex: 0,
-				carNumList: [],
-				carindex: 0,
-				codeShow: false,
-				carNumShow: false,
-				roadShow: false,
-				roadList: [],
-				carList: [],
-				rescueDetail: '',
-				id: 0,
-				baseUrl: this.$baseUrl,
-        baseImageUrl: this.$baseImageUrl,
-				type: 'center',
-				msgType: 'success',
-				imageList: [],
-				isLoop: true,
-				messageText: '这是一条成功提示',
-				msg: '1',
-				detailsData: {},
-				singleList: [],
-				detailList: [],
-				tabindex: 0,
-				title: 'user',
-				checkedindex: false,
-				destinationLongitude: '',
-				destinationLatitude: '',
-				destinationInfo: '请选择',
-				province1: '',
-				city1: '',
-				area1: '',
-				four1: '',
-			}
-		},
-		onLoad(option) {
-			this.id = option.id
-			this.getrescueDetail(option.id)
-			this.newtwo()
-			this.getRoadList(false);
-		},
-		onShow() {
-			
-		},
-
-		methods: {
-			// 不改变原来的代码，新增一个查询路段的方法
-			getSectionRoadLabel(id){
-				if(typeof id === 'string'){
-					id = parseInt(id)
-				}
-				return this.roadList.find(item => item.id === id)?.label
-			},
-			chooseRoad(data) {
-				console.log(data);
-				this.detailsData.sectionRoad = data.value[0].id
-				this.roadShow = false
-			},
-			chooseCar(data) {
-				this.carNumShow = false
-				this.detailsData.driverCarNum = data.value[0].rescueCarNum
-			},
-			getRoadList(flag = true) {
-				request({
-					url: '/system/rescueInfo/getRescueRoad',
-					method: 'get'
-				}).then((res) => {
-					this.roadShow = flag
-					this.roadList = res.data
-				})
-			},
-			getCarList() {
-
-				let data = {
-					pageNum: 1,
-					pageSize: 100
-				}
-				request({
-					url: '/system/rescueCar/list',
-					method: 'get',
-					params: data
-				}).then((res) => {
-					this.carNumShow = true
-					console.log('获取车辆信息', res);
-					this.carNumList = res.rows
-				})
-			},
-
-			getmap1() {
-				let that = this
-				if (this.detailsData.kcPosition) {
-					uni.chooseLocation({
-						success: function(res) {
-							console.log('位置名称：' + res.name);
-							console.log('详细地址：' + res.address);
-							console.log('纬度：' + res.latitude);
-							console.log('经度：' + res.longitude);
-							that.destinationLongitude = res.longitude
-							that.destinationLatitude = res.latitude
-							that.kcPosition = res.address
-							var address = res.address;
-							var reg = /.+?(省|市|自治区|自治州|县|区)/g;
-							let addressList = address.match(reg).toString().split(",");
-							if (addressList[0] == '重庆市' || addressList[0] == '北京市' || addressList[0] ==
-								'天津市' || addressList[0] == '上海市') {
-								that.province1 = addressList[0];
-								that.city1 = '市辖区';
-								that.area1 = addressList[1];
-								that.detailsData.kcPosition = address.replace(that.province, '').replace(that
-									.city, '').replace(that.area, '');
-							} else {
-								that.province1 = addressList[0];
-								that.city1 = addressList[1];
-								that.area1 = addressList[2];
-								that.detailsData.kcPosition = address.replace(that.province, '').replace(that
-									.city, '').replace(that.area, '');
-							};
-							console.log(that.detailsData.kcPosition);
-
-						}
-					});
-
-
-				} else {
-					uni.chooseLocation({
-						success: function(res) {
-							console.log('位置名称：' + res.name);
-							console.log('详细地址：' + res.address);
-							console.log('纬度：' + res.latitude);
-							console.log('经度：' + res.longitude);
-							that.destinationLongitude = res.longitude
-							that.destinationLatitude = res.latitude
-							that.destinationInfo = res.address
-							var address = res.address;
-							var reg = /.+?(省|市|自治区|自治州|县|区)/g;
-							let addressList = address.match(reg).toString().split(",");
-							if (addressList[0] == '重庆市' || addressList[0] == '北京市' || addressList[0] ==
-								'天津市' || addressList[0] == '上海市') {
-								that.province1 = addressList[0];
-								that.city1 = '市辖区';
-								that.area1 = addressList[1];
-								that.detailsData.destinationInfo = address.replace(that.province, '').replace(
-									that.city, '').replace(that.area, '');
-							} else {
-								that.province1 = addressList[0];
-								that.city1 = addressList[1];
-								that.area1 = addressList[2];
-								that.detailsData.destinationInfo = address.replace(that.province, '').replace(
-									that.city, '').replace(that.area, '');
-							};
-							console.log(that.detailsData.destinationInfo);
-
-						}
-					});
-				}
-			},
-			lookimg(idx, tmpList) {
-
-				let resList = [];
-				tmpList.forEach(it => {
-					resList.push(this.baseImageUrl + it)
-				})
-
-				uni.previewImage({
-					urls: resList,
-					current: idx,
-					indicator: 'none',
-					loop: this.isLoop
-				})
-			},
-			confirmadd() {
-				// this.show = false
-				let data = this.detailsData
-
-				request({
-					url: '/app/rescueInfo/edit',
-					method: 'post',
-					data: data
-				}).then((res) => {
-					console.log(res);
-					if (res.code == 200) {
-						uni.showToast({
-							title: '修改成功',
-							icon: 'none'
-						})
-						this.show = false
-						this.getrescueDetail(this.detailsData.id)
-					}
-
-				})
-
-			},
-			cancelopen() {
-				this.show = false
-			},
-			newtwo() {
-				request({
-					url: '/rescue/dict/data/type/fee_type',
-					method: 'get',
-				}).then((res) => {
-					console.log('fee_type', res);
-					this.qdList = res.data
-				})
-
-				request({
-					url: '/rescue/dict/data/type/rescue_car_type',
-					method: 'get',
-				}).then((res) => {
-					this.carList = res.data
-					console.log('rescue_car_type', res);
-				})
-
-			},
-			getcarindex(index) {
-				this.carindex = index
-				this.detailsData.carType = index
-			},
-			getskindex(index) {
-				this.skindex = index
-				this.detailsData.feeType = index
-			},
-			closeCodePop() {
-				this.codeShow = false
-			},
-			showCode() {
-				this.codeShow = true
-				let data = {
-					id: this.id
-				}
-				request({
-					url: '/rescuePayApi/createOrder',
-					method: 'post',
-					params: data
-				}).then((res) => {
-					console.log(res.data.code_url);
-					drawQrcode({
-						width: 100,
-						height: 100,
-						canvasId: 'myQrcode',
-						text: res.data.code_url
-					})
-				})
-
-
-			},
-			gogogo() {
-				console.log('执行');
-				uni.openLocation({
-					latitude: parseFloat(this.detailsData.rescueLatitude),
-					longitude: parseFloat(this.detailsData.rescueLongitude),
-					success: function() {
-						console.log('success');
-					},
-					complete: function(res) {
-						console.log(res);
-					}
-				});
-			},
-
-			goback() {
-				uni.navigateBack()
-			},
-			gotel(num) {
-				uni.makePhoneCall({
-					phoneNumber: num //仅为示例
-				});
-			},
-			getrescueDetail(id) {
-				uni.showLoading({
-					title: '刷新中'
-				});
-				request({
-					url: '/app/driver/rescueDetail?rescueId=' + id,
-					method: 'get',
-				}).then((res) => {
-					console.log('详情', res);
-					this.detailsData = res.data.rescueInfo
-					this.carindex = res.data.rescueInfo.carType // 回显车型
-					this.skindex = res.data.rescueInfo.feeType
-					this.detailList = res.data.detailList
-					if (this.detailList && this.detailList.length > 0) {
-						this.detailList.forEach(item => {
-							if (item.createTime) {
-								item.createTime = dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss')
-							}
-						})
-					}
-					uni.hideLoading();
-				})
-			},
-			dialogToggle() {
-				this.$refs.alertDialog.open()
-			},
-			inputDialogToggle() {
-				this.$refs.inputDialog.open()
-			},
-			dialogClose() {
-				console.log('点击关闭')
-			},
-			dialogInputConfirm(val) {
-				this.$refs.inputDialog.close()
-			},
-
-			getnaiv() {
-				uni.navigateTo({
-					url: '/pages/rescue/rescue'
-				})
-			},
-			getcheckedindex() {
-				let data = {
-					driverId: uni.getStorageSync('driverInfo')
-				}
-				request({
-					url: '/app/driver/updateWork',
-					method: 'post',
-					params: data
-				}).then((res) => {
-					console.log(res);
-					this.getStatus
-				})
-				// this.checkedindex =! this.checkedindex
-				console.log(this.checkedindex);
-
-
-			},
-			gettab(index) {
-				this.tabindex = index
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.content {
-		box-sizing: border-box;
-		// padding-top: 40px;
-		// background: #F4F4F4;
-		width: 100%;
-		// height: calc(100vh);
-	}
-
-	.left-t {
-		display: flex;
-		height: 25px;
-	}
-
-	.xx-hui {
-		font-size: 15px;
-		font-weight: 400;
-		color: #666666;
-		line-height: 25px;
-		margin-top: 10px;
-	}
-
-	.img-boxs {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-
-	}
-
-	// .lan-ga {
-	// 	width: 100%;
-	// 	margin: 10px auto;
-	// 	box-sizing: border-box;
-	// 	padding-bottom: 15px;
-	// 	border-bottom: 1px solid #EEEEEE;
-	// }
-
-	.ga-top {
-		display: flex;
-		align-items: center;
-		color: #0D2E8D;
-		font-weight: bold;
-	}
-
-	.img-box {
-		width: 70px;
-		height: 70px;
-		border-radius: 6px;
-		overflow: hidden;
-		margin-top: 10px;
-		margin-right: 10px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.wrap-box {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	.beizh {}
-
-	.gain {
-		font-style: 18px;
-		font-weight: bold;
-		margin-right: 10px;
-		color: #0D2E8D;
-	}
-
-	.g-img {
-		width: 30%;
-		height: 111px;
-		margin-right: 10px;
-		margin-top: 5px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.ximg {
-		width: 20px;
-		height: 20px;
-
-		margin: 0 auto;
-		margin-bottom: 10px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.sj {
-		width: 25px;
-		height: 25px;
-		margin-right: 10px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.bai-title {
-		font-weight: bold;
-		color: #ffffff;
-
-	}
-
-	.ai {
-		font-size: 14px;
-	}
-
-	.topjianjian {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-top: 40px;
-		box-sizing: border-box;
-		padding: 15px 15px;
-
-	}
-
-	.dix {
-		display: flex;
-		align-items: center;
-		margin: 10px auto;
-	}
-
-	.huiy {
-		font-size: 15px;
-		font-weight: 400;
-		color: #999999;
-		margin-right: 8px;
-	}
-
-	.htzit {
-		display: flex;
-		align-items: center;
-		font-size: 15px;
-		color: #999999;
-
-	}
-
-	.xshui {
-		font-size: 15px;
-		font-weight: 400;
-		color: #333333;
-	}
-
-	.changimg {
-		width: 58px;
-		height: 20px;
-		margin-right: 5px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.shiwuimg {
-		width: 15px;
-		height: 15px;
-		margin-right: 5px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.inanniu {
-		width: 30%;
-		height: 38px;
-		border-radius: 19px 19px 19px 19px;
-		border: 1px solid #3CBC6F;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 15px;
-		color: #3CBC6F;
-	}
-
-	.caanniu {
-		width: 30%;
-		height: 38px;
-		border-radius: 19px 19px 19px 19px;
-		border: 1px solid #e43d33;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 15px;
-		color: #e43d33;
-	}
-
-	.lanniu {
-		width: 30%;
-		height: 38px;
-		border-radius: 19px 19px 19px 19px;
-		border: 1px solid #3C9CFF;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 15px;
-		color: #3C9CFF;
-	}
-
-	.anniua {
-		width: 30%;
-		height: 38px;
-		border-radius: 19px 19px 19px 19px;
-		border: 1px solid #0D2E8D;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 15px;
-		background: #0D2E8D;
-		color: #ffffff;
-	}
-
-	.qrxg {
-		width: 20%;
-		height: 20px;
-		background-color: #0D2E8D;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: white;
-		border-radius: 6px;
-
-		font-size: 14px;
-	}
-
-	.dis-bb {
-		// display: flex;
-		// align-items: center;
-		// justify-content: space-between;
-		box-sizing: border-box;
-		padding-bottom: 15px;
-		border-bottom: 1px solid #EEEEEE;
-	}
-
-	.dis-tt {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		box-sizing: border-box;
-		padding-top: 15px;
-		border-top: 1px solid #EEEEEE;
-	}
-
-	.c-top {
-		width: 100%;
-		height: 180px;
-		background: #0D2E8D;
-		box-sizing: border-box;
-		// padding: 15px;
-		// position: relative;
-	}
-
-	.ding-top {
-		// position: absolute;
-		// padding: 15px;
-		// bottom: -220px;
-		// left: 0px;
-		width: 100%;
-
-		background-color: white;
-		box-sizing: border-box;
-		padding: 15px;
-		border-radius: 8px 8px 0px 0px;
-		position: relative;
-	}
-
-	.t-title {
-		font-size: 18px;
-		font-weight: bold;
-		color: #FFFFFF;
-	}
-
-	.dis-b {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.t-left {}
-
-	.t-zi1 {
-		font-size: 20px;
-		font-weight: bold;
-		color: white;
-
-	}
-
-	.t-zi2 {
-		font-size: 14px;
-		font-weight: bold;
-		color: white;
-		margin-bottom: 10px;
-		margin-top: 10px;
-	}
-
-	.t-biao {
-		border-radius: 11px 11px 11px 0px;
-		background: linear-gradient(90deg, #EE8342 0%, #EA3942 100%);
-		color: white;
-		text-align: center;
-	}
-
-	.t-right {
-		color: white;
-		display: flex;
-	}
-
-	.t-zi2 {
-		font-size: 14px;
-		font-weight: bold;
-		color: white;
-		text-align: center;
-	}
-
-	.t-bottom {
-		// height: 77px;
-		background: #FFFFFF;
-		box-shadow: 0px 4px 4px 0px rgba(13, 46, 141, 0.15);
-		border-radius: 8px;
-		margin-top: 10px;
-		box-sizing: border-box;
-		padding: 16px;
-		display: flex;
-		justify-content: space-between;
-		z-index: 99;
-	}
-
-	.top-box {
-		width: 33%;
-		height: 100%;
-		border-right: 1px solid #EEEEEE;
-		text-align: center;
-
-	}
-
-	.t-lan {
-		font-size: 28px;
-		font-weight: bold;
-		color: #0D2E8D;
-	}
-
-	.t-hui {
-		font-size: 14px;
-		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-		font-weight: 400;
-		color: #999999;
-	}
-
-	.t-ybr {
-		width: 100%;
-		z-index: -99;
-		height: 120px;
-		box-sizing: border-box;
-		padding-top: 90px;
-		display: flex;
-		justify-content: space-around;
-
-		// background-color: white;
-	}
-
-	.anniu {
-		width: 95%;
-		height: 44%;
-		border-radius: 6px;
-		background-color: #0D2E8D;
-		color: white;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.gang {
-		width: 24px;
-		height: 4px;
-		background: #ffffff;
-		border-radius: 4px 4px 4px 4px;
-		margin: 2px auto;
-	}
-
-	.hui-content {
-		width: 100%;
-		// height: calc(60vh);
-		background-color: #f4f4f4;
-		box-sizing: border-box;
-		padding: 10px 0px;
-
-	}
-
-	.content-box {
-		width: 100%;
-		box-sizing: border-box;
-		padding: 15px;
-		// height: 222px;
-		background: #FFFFFF;
-
-		margin-bottom: 10px;
-	}
-
-	.hui-text {
-		font-size: 16px;
-		font-weight: 400;
-		color: #666666;
-	}
-
-	.indexhei {
-		color: #333333 !important;
-		font-weight: bold !important;
-	}
-
-	.indexlan {
-		background: #0D2E8D !important;
-	}
-
-	.mubu {
-		width: 100%;
-		// height: calc(60vh);
-		background-color: #f4f4f4;
-	}
-
-	.jsy {
-		margin: 10px auto;
-	}
-
-	.ja-you {
-		width: 100%;
-		font-weight: bold;
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-		margin: 10px auto;
-
-	}
-
-	.xhui {
-		font-size: 12px;
-		font-weight: 400;
-		color: #999999;
-	}
-
-	.codePop {
-		width: 100%;
-		background-color: white;
-		box-sizing: border-box;
-		height: 300px;
-	}
-
-	.popup-title {
-
-		text-align: center;
-		font-size: 16px;
-		font-weight: bold;
-		margin: 0 auto;
-	}
-
-	.ribox {
-		box-sizing: border-box;
-		padding: 5px 10px;
-		// background: #0D2E8D;
-		border: 1px solid #0D2E8D;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: #0D2E8D;
-		border-radius: 5px;
-		margin-right: 5px;
-	}
-
-	.actbox {
-		background: #0D2E8D !important;
-		color: white;
+					</view>
+				</view>
+			</view>
+
+		</view>
+		<u-picker :show="carNumShow" @cancel="carNumShow = false" @close="carNumShow = false" @confirm="chooseCar"
+			:columns="[carNumList]" keyName="rescueCarNum"></u-picker>
+		<u-modal :show="show" title="修改" content='您确认修改吗' :showCancelButton="true" @confirm="confirmadd()"
+			@cancel="cancelopen()"></u-modal>
+		<u-popup :show="codeShow" :round="10" mode="bottom" @close="closeCodePop" :closeable='true'>
+			<view class="codePop flex-col align-center">
+
+				<canvas style="width:100px; height: 100px; z-index: 9999999; margin: 40px auto;"
+					canvas-id="myQrcode"></canvas>
+				<view class="popup-title-money" v-if="confirmedSetMoney">收款金额: {{ confirmedSetMoney }}
+				</view>
+				<view class="popup-title">收款码</view>
+			</view>
+		</u-popup>
+
+		<u-picker :show="roadShow" @cancel="roadShow = false" @close="roadShow = false" @confirm="chooseRoad"
+			:columns="[roadList]" keyName="label"></u-picker>
+		<u-picker :show="sourceShow" @cancel="sourceShow = false" @close="sourceShow = false" @confirm="chooseSource"
+			:columns="[sourceList]" keyName="label"></u-picker>
+
+		<u-popup :show="recordShow" mode="center" :round="10" @close="close2" @open="open">
+			<view class="popup-box">
+				<view class="p-title">描述</view>
+				<view class="huinput" @click="gettype">
+					<text>节点：</text>
+					<text class="tshe">{{ dictLabel }}</text>
+				</view>
+				<view class="huinput" v-if="currentStepIndex !== 4">
+					<text>备注信息：</text>
+					<u--textarea v-model="remark" placeholder="请输入备注" border="bottom" autoHeight></u--textarea>
+				</view>
+
+				<!-- 上传状态提示 -->
+				<view class="upload-tips" v-if="uploadingRecord">
+					<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+					<text>图片上传中，请稍候...</text>
+				</view>
+
+				<!-- 当 currentStepIndex 为 4 时额外显示三个选项按钮 -->
+				<view v-if="currentStepIndex === 4" class="option-buttons">
+					<view class="huinput">
+						<text>请选择人移交类型：</text>
+					</view>
+					<view class="option-button" :class="{'active': selectedOption === 'repair'}"
+						@click="selectedOption = 'repair'">
+						转维修
+					</view>
+					<view class="option-button" :class="{'active': selectedOption === 'detain'}"
+						@click="selectedOption = 'detain'">
+						扣车
+					</view>
+					<view class="option-button" :class="{'active': selectedOption === 'handover'}"
+						@click="selectedOption = 'handover'">
+						移交客户
+					</view>
+					<view class="option-button" :class="{'active': selectedOption === 'specifyRepairShop'}"
+						@click="selectedOption = 'specifyRepairShop'">
+						移交客户指定修理厂
+					</view>
+					<view class="option-button" :class="{'active': selectedOption === 'specifyPickUpPeople'}"
+						@click="selectedOption = 'specifyPickUpPeople'">
+						移交客户指定接车人
+					</view>
+				</view>
+				<view class="p-title" v-if="currentStepIndex !== 4">现场图片</view>
+				<view class="huinput" v-if="currentStepIndex !== 4">
+					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+						:maxCount="5" :disabled="uploadingRecord"></u-upload>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="cancelRecord" :disabled="uploadingRecord">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="getdaoda()" :disabled="isSubmitting || uploadingRecord">
+						<!-- <text>确认</text> -->
+						<text>{{ isSubmitting ? '处理中...' : '确认' }}</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<u-popup :show="acceptOrderShow" mode="center" :round="10" @close="closeAcceptOrderPopup"
+			:closeOnClickOverlay="false">
+			<view class="popup-box">
+				<view class="p-title">开始救援</view>
+				<view class="huinput">
+					<text>车辆里程数: </text>
+					<u--textarea v-model="startScale" placeholder="请输入车辆里程数" border="bottom" autoHeight></u--textarea>
+				</view>
+				<view class="huinput">
+					<text>备注信息: </text>
+					<u--textarea v-model="remark" placeholder="请输入备注信息" border="bottom" autoHeight></u--textarea>
+				</view>
+				<view class="p-title">车辆里程表图片</view>
+				<view class="huinput">
+					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+						:maxCount="5"></u-upload>
+				</view>
+				<view class="button-group">
+					<view class="cancel-button" @click="closeAcceptOrderPopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmAcceptOrder" :disabled="isSubmitting">
+						<!-- <text>确认</text> -->
+						<text>{{ isSubmitting ? '处理中...' : '确认' }}</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+		<!-- <u-popup :show="show1" mode="center" :round="10" @close="show1 = false" @open="open">
+			<view class="popup-box_je">
+				<view class="p-title">金额</view>
+				<view class="huinput">
+					<u--input type="number" v-model="setMoney" placeholder="请输入金额" border="surround"
+						clearable></u--input>
+				</view>
+				<view class="qzanniu" @click="getjine">
+					<text>确认</text>
+				</view>
+			</view>
+		</u-popup> -->
+		<u-popup :show="toRepairShow" mode="center" :round="10" @close="closeRepairPopup">
+			<view class="popup-box repair-popup">
+				<view class="p-title title-content-s">转维修信息</view>
+				<scroll-view class="popup-scroll" scroll-y="true">
+					<u-form labelPosition="top" :model="repairFormData" class="repair-form">
+						<u-form-item label="客户姓名" borderBottom label-width="100%" style="font-weight: bold;">
+							<u--input placeholder="请输入客户姓名" v-model="repairFormData.name" border="none"
+								style="font-weight: normal;"></u--input>
+						</u-form-item>
+
+						<u-form-item label="客户联系电话" borderBottom label-width="100%" style="font-weight: bold;">
+							<u--input placeholder="请输入客户联系电话" v-model="repairFormData.phone" border="none"
+								style="font-weight: normal;"></u--input>
+						</u-form-item>
+
+						<u-form-item label="车辆品牌" borderBottom label-width="100%" style="font-weight: bold;">
+							<u--input placeholder="请输入车辆品牌" v-model="repairFormData.brandName" border="none"
+								style="font-weight: normal;"></u--input>
+						</u-form-item>
+
+						<u-form-item label="车辆型号" borderBottom label-width="100%" style="font-weight: bold;">
+							<u--input placeholder="请输入车辆型号" v-model="repairFormData.brandModel" border="none"
+								style="font-weight: normal;"></u--input>
+						</u-form-item>
+
+						<u-form-item label="移交接车人" borderBottom label-width="100%" style="font-weight: bold;"
+							@click="adviserShow = true">
+							<view class="select-box">
+								<text v-if="repairFormData.adviserName">{{ repairFormData.adviserName }}</text>
+								<text v-else class="placeholder">请选择移交接车人</text>
+								<u-icon name="arrow-right"></u-icon>
+							</view>
+						</u-form-item>
+
+						<u-form-item label="移交接车人电话" borderBottom label-width="100%" style="font-weight: bold;">
+							<u--input placeholder="请输入移交接车人电话" v-model="repairFormData.adviserPhone" border="none"
+								style="font-weight: normal;"></u--input>
+						</u-form-item>
+
+						<u-form-item label="备注信息" borderBottom label-width="100%" style="font-weight: bold;">
+							<u--textarea v-model="repairFormData.remark" placeholder="请输入备注信息" border="none" autoHeight
+								style="font-weight: normal;"></u--textarea>
+						</u-form-item>
+					</u-form>
+
+					<!-- 上传状态提示 -->
+					<view class="upload-tips" v-if="uploadingRecord">
+						<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+						<text>图片上传中，请稍候...</text>
+					</view>
+
+					<view class="p-title">现场图片</view>
+					<view class="huinput">
+						<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+							:maxCount="5" :disabled="uploadingRecord"></u-upload>
+					</view>
+				</scroll-view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeRepairPopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmRepair">
+						<text>确认</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 扣车弹框 -->
+		<u-popup :show="toDetainShow" mode="center" :round="10" @close="closeDetainPopup">
+			<view class="popup-box">
+				<view class="p-title title-content-s">扣车信息</view>
+
+				<view @click="showKcPositionPicker" style="margin-top: 20px;">
+					<text style="margin-bottom: 30px; font-size: 16px; font-weight: bold;">扣车地点：</text>
+					<text class="tshe">{{ selectedKcPosition || '请选择扣车地点' }}</text>
+				</view>
+
+				<u-form labelPosition="top" :model="kcFormData" class="detain-form">
+					<u-form-item label="移交接车人姓名" borderBottom label-width="100%" style="font-weight: bold;">
+						<u--input placeholder="请输入移交接车人姓名" v-model="kcFormData.name" border="none"
+							style="font-weight: normal;"></u--input>
+					</u-form-item>
+
+					<u-form-item label="移交接车人电话" borderBottom label-width="100%" style="font-weight: bold;">
+						<u--input placeholder="请输入移交接车人电话" v-model="kcFormData.phone" border="none"
+							style="font-weight: normal;"></u--input>
+					</u-form-item>
+
+					<u-form-item label="备注信息" borderBottom label-width="100%" style="font-weight: bold;">
+						<!-- <u--input placeholder="请输入备注信息" v-model="kcFormData.remark" border="none"
+							style="font-weight: normal;"></u--input> -->
+						<u--textarea v-model="kcFormData.remark" placeholder="请输入备注信息" border="none" autoHeight
+							style="font-weight: normal;"></u--textarea>
+					</u-form-item>
+				</u-form>
+				<!-- 上传状态提示 -->
+				<view class="upload-tips" v-if="uploadingRecord">
+					<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+					<text>图片上传中，请稍候...</text>
+				</view>
+
+				<view class="p-title">现场图片</view>
+				<view class="huinput">
+					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+						:maxCount="5" :disabled="uploadingRecord"></u-upload>
+				</view>
+				<view class="button-group">
+					<view class="cancel-button" @click="closeDetainPopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmDetain">
+						<text>确认扣车</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 移交客户弹框 -->
+		<u-popup :show="toHandoverShow" mode="center" :round="10" @close="closeHandoverPopup">
+			<view class="popup-box">
+				<view class="p-title title-content-s">{{ handoverTitle }}</view>
+
+				<u-form labelPosition="top" :model="handoverFormData" class="repair-form">
+					<u-form-item label="移交接车人姓名" borderBottom label-width="100%" style="font-weight: bold;">
+						<u--input placeholder="请输入移交接车人姓名" v-model="handoverFormData.name" border="none"
+							style="font-weight: normal;"></u--input>
+					</u-form-item>
+
+					<u-form-item label="移交接车人电话" borderBottom label-width="100%" style="font-weight: bold;">
+						<u--input placeholder="请输入移交接车人电话" v-model="handoverFormData.phone" border="none"
+							style="font-weight: normal;"></u--input>
+					</u-form-item>
+
+					<u-form-item label="备注信息" borderBottom label-width="100%" style="font-weight: bold;">
+						<!-- <u--input placeholder="请输入备注信息" v-model="handoverFormData.remark" border="none"
+							style="font-weight: normal;"></u--input> -->
+						<u--textarea v-model="handoverFormData.remark" placeholder="请输入备注信息" border="none" autoHeight
+							style="font-weight: normal;"></u--textarea>
+					</u-form-item>
+				</u-form>
+
+				<!-- 上传状态提示 -->
+				<view class="upload-tips" v-if="uploadingRecord">
+					<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+					<text>图片上传中，请稍候...</text>
+				</view>
+
+				<view class="p-title">现场图片</view>
+				<view class="huinput">
+					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+						:maxCount="5" :disabled="uploadingRecord"></u-upload>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeHandoverPopup" :disabled="uploadingRecord">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmHandover" :disabled="uploadingRecord">
+						<text>确认移交</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 补充照片弹窗 -->
+		<u-popup :show="supplementShow" mode="center" :round="10" @close="closeSupplementPopup"
+			:closeOnClickOverlay="false">
+			<view class="popup-box_bc">
+				<view class="p-title">补充照片</view>
+
+				<view class="upload-tips" v-if="uploading">
+					<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+					<text>照片上传中，请稍候...</text>
+				</view>
+
+				<view class="huinput">
+					<u-upload :fileList="supplementFileList" @afterRead="supplementAfterRead"
+						@delete="deleteSupplementPic" name="supplement" multiple :maxCount="10"
+						:disabled="uploading"></u-upload>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeSupplementPopup" :disabled="uploading">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmSupplement" :disabled="uploading">
+						<text>确认</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+		<!-- 主收费弹框 -->
+		<u-popup :show="showFeePopup" mode="center" :round="10" @close="closeFeePopup" :closeOnClickOverlay="false">
+			<view class="popup-box_sf">
+				<view class="p-title">收费</view>
+
+				<view class="payment-options">
+					<view class="payment-option" :class="{'active': selectedPayment === 'wechat'}"
+						@click="selectPayment('wechat')">
+						<text>微信</text>
+					</view>
+
+					<view class="payment-option" :class="{'active': selectedPayment === 'cash'}"
+						@click="selectPayment('cash')">
+						<text>现金</text>
+					</view>
+
+					<view class="payment-option" :class="{
+					    'active': selectedPayment === 'credit',
+					    'disabled': detailsData.payType !== 'qd'
+					  }" @click="detailsData.payType === 'qd' && selectPayment('credit')">
+						<text>挂账</text>
+					</view>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeFeePopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmPayment">
+						<text>确认</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 微信支付子弹框 -->
+		<u-popup :show="showWechatPopup" mode="center" :round="10" @close="closeWechatPopup"
+			:closeOnClickOverlay="false">
+			<view class="popup-box">
+				<view class="p-title">微信支付</view>
+
+				<view class="huinput_sf">
+					<text class="pay_font">支付金额:</text>
+					<u--input type="number" v-model="setMoneyWx" placeholder="请输入金额之后点击确认金额" border="surround"
+						clearable></u--input>
+				</view>
+				<text style="font-size: 13px; color: red; margin-bottom: 10px;">* 如需修改金额，请在修改后重新点击确认金额</text>
+				<view class="button-group" style="margin-top: 0; justify-content: space-around;">
+					<view class="confirm-button-wxtwo" @click="confirmWchatSetMoney">
+						<text>确认金额</text>
+					</view>
+					<view class="confirm-button-wxtwo" @click="showCodePopup" v-if="confirmedSetMoney">
+						<text>收款二维码</text>
+					</view>
+				</view>
+
+				<view class=" huinput_sf">
+					<text class="pay_font">备注信息:</text>
+					<u--textarea v-model="creditRemark" placeholder="请输入备注信息" border="bottom" autoHeight></u--textarea>
+				</view>
+				<!-- 上传状态提示 -->
+				<view class="upload-tips" v-if="uploadingPayment">
+					<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+					<text>图片上传中，请稍候...</text>
+				</view>
+
+				<view class="pay_font">客户支付照片</view>
+				<view class="huinput_sf">
+					<u-upload :fileList="paymentFileList" @afterRead="paymentAfterRead" @delete="deletePaymentPic"
+						name="payment" multiple :maxCount="3" :disabled="uploadingPayment"></u-upload>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeWechatPopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmWechatPayment">
+						<text>收款完成</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 现金支付子弹框 -->
+		<u-popup :show="showCashPopup" mode="center" :round="10" @close="closeCashPopup" :closeOnClickOverlay="false">
+			<view class="popup-box">
+				<view class="p-title">现金支付</view>
+
+				<view class="huinput_sf">
+					<text class="pay_font">金额:</text>
+					<u--input type="number" v-model="setMoney" placeholder="请输入金额" border="surround"
+						clearable></u--input>
+				</view>
+				<view class="huinput_sf">
+					<text class="pay_font">备注信息:</text>
+					<u--textarea v-model="creditRemark" placeholder="请输入备注信息" border="bottom" autoHeight></u--textarea>
+				</view>
+				<!-- 上传状态提示 -->
+				<view class="upload-tips" v-if="uploadingPayment">
+					<u-loading-icon size="20" color="#0D2E8D"></u-loading-icon>
+					<text>图片上传中，请稍候...</text>
+				</view>
+
+				<view class="pay_font">收款凭证</view>
+				<view class="huinput_sf">
+					<u-upload :fileList="paymentFileList" @afterRead="paymentAfterRead" @delete="deletePaymentPic"
+						name="payment" multiple :maxCount="3" :disabled="uploadingPayment"></u-upload>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeCashPopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmCashPayment">
+						<text>确认收款</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 挂账子弹框 -->
+		<u-popup :show="showCreditPopup" mode="center" :round="10" @close="closeCreditPopup"
+			:closeOnClickOverlay="false">
+			<view class="popup-box">
+				<view class="p-title">挂账</view>
+
+				<view class="huinput_sf">
+					<text>挂账金额:</text>
+					<u--input type="number" v-model="setMoney" placeholder="请输入金额" border="surround"
+						clearable></u--input>
+				</view>
+				<!-- <view class="huinput_sf">
+					<text>收款负责人:</text>
+					<u--input v-model="amountDirector" placeholder="请输入收款负责人" border="surround" clearable></u--input>
+				</view> -->
+				<view class="huinput_sf">
+					<text>收款负责人:</text>
+					<view class="select-box-gz" @click="dispatcherPickerShow = true">
+						<text v-if="selectedDispatcherName">{{ selectedDispatcherName }}</text>
+						<text v-else class="placeholder">请选择收款负责人</text>
+						<u-icon name="arrow-right"></u-icon>
+					</view>
+				</view>
+				<!-- <u-form-item label="移交接车人" borderBottom @click="showAdviserPicker" label-width="100%"
+					style="font-weight: bold;">
+					<u-input v-model="repairFormData.adviserName" disabled disabledColor="#ffffff"
+						placeholder="请选择移交接车人" border="none" style="font-weight: normal;"></u-input>
+					<u-icon slot="right" name="arrow-right"></u-icon>
+				</u-form-item> -->
+				<view class="huinput_sf">
+					<text>备注信息:</text>
+					<u--textarea v-model="creditRemark" placeholder="请输入备注信息" border="bottom" autoHeight></u--textarea>
+				</view>
+
+				<view class="button-group">
+					<view class="cancel-button" @click="closeCreditPopup">
+						<text>取消</text>
+					</view>
+					<view class="confirm-button" @click="confirmCreditPayment">
+						<text>确认挂账</text>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 支付二维码弹框 -->
+		<u-popup :show="showCodePopupVisible" mode="center" :round="10" :closeOnClickOverlay="false">
+			<view class="code-popup-container">
+				<view class="code-popup-header">
+					<text class="code-popup-title">收款二维码</text>
+					<view class="code-popup-close" @click="closeCodePopup">
+						<uni-icons type="close" color="#333" size="24"></uni-icons>
+					</view>
+				</view>
+				<view class="code-popup-header-money">
+					<view class="code-popup-title" v-if="confirmedSetMoney">收款金额:
+						{{ confirmedSetMoney }}
+					</view>
+				</view>
+				<view class="code-popup-content">
+					<canvas style="width: 200px; height: 200px; margin: 20px auto;" canvas-id="myQrcode"></canvas>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 服务顾问选择器 -->
+		<u-picker :show="adviserShow" :columns="[staffList]" keyName="name" @confirm="onAdviserConfirm"
+			@cancel="adviserShow = false"></u-picker>
+		<!-- 扣车地点选择 -->
+		<u-picker :show="kcPositionShow" :columns="[kcPositionList]" keyName="label" @confirm="onKcPositionConfirm"
+			@cancel="kcPositionShow = false"></u-picker>
+		<!-- 调度人员选择器 -->
+		<u-picker :show="dispatcherPickerShow" :columns="dispatcherColumns" keyName="nickname"
+			@confirm="onDispatcherConfirm" @cancel="dispatcherPickerShow = false">
+		</u-picker>
+		<!-- // 底部按钮 -->
+		<view class="fixed-bottom-button_1" v-if="detailsData.rescueStatus != '待救援' && this.currentStepIndex < 5">
+			<button @click="diyshow(detailsData.id)" :style="{backgroundColor: isProcessFinished ? '#999' : '#0D2E8D'}"
+				:disabled="isProcessFinished">
+				{{ nextStepName }}
+			</button>
+		</view>
+		<!-- :style="{backgroundColor: isProcessFinished ? '#999' : '#e43d33'}"> -->
+		<view class="fixed-bottom-button" v-if="detailsData.rescueStatus != '待救援' && this.currentStepIndex >= 5">
+			<!-- <button class="fee-button" @click="showFeePopupFunction" style="background-color: #e43d33;">
+				收费
+			</button> -->
+			<button class="fee-button" @click="showFeePopupFunction" v-if="!shouldShowFeeButton"
+				style="background-color: #e43d33;">
+				收费
+			</button>
+			<button class="fee-button" @click="showFeePopupFunction" v-else
+				:style="{backgroundColor: isProcessFinished ? '#999' : '#999'}" disabled>
+				已收费
+			</button>
+			<button class="next-button" @click="diyshow(detailsData.id)"
+				:style="{backgroundColor: isProcessFinished ? '#999' : '#0D2E8D'}" :disabled="isProcessFinished">
+				{{ nextStepName }}
+			</button>
+		</view>
+	</view>
+
+</template>
+
+<script>
+	import request from '../../utils/request';
+	import tabBar from '../../components/tabBar/tabBar.vue'
+	import drawQrcode from 'weapp-qrcode';
+	import dayjs from '../../uni_modules/uview-ui/libs/util/dayjs';
+	import upload from '@/utils/upload.js'
+	import {
+		getTenantId,
+		hasRole
+	} from "@/utils/auth";
+	export default {
+		data() {
+			return {
+				show: false,
+				qdList: [],
+				skindex: 0,
+				carNumList: [],
+				carindex: 0,
+				codeShow: false,
+				carNumShow: false,
+				roadShow: false,
+				roadList: [],
+				sourceShow: false,
+				sourceList: [],
+				carList: [],
+				rescueDetail: '',
+				id: 0,
+				baseUrl: this.$baseUrl,
+				baseImageUrl: this.$baseImageUrl,
+				type: 'center',
+				msgType: 'success',
+				imageList: [],
+				isLoop: true,
+				messageText: '这是一条成功提示',
+				msg: '1',
+				detailsData: {},
+				singleList: [],
+				detailList: [],
+				tabindex: 0,
+				title: 'user',
+				checkedindex: false,
+				destinationLongitude: '',
+				destinationLatitude: '',
+				destinationInfo: '请选择',
+				province1: '',
+				city1: '',
+				area1: '',
+				four1: '',
+
+				recordShow: false,
+				recordSteps: [], // 记录流程步骤
+				currentStepIndex: null, // 当前步骤索引
+				nextStepName: '记录', // 下一步按钮文字
+				fileList1: [],
+				ulImages: [],
+				dictLabel: '',
+				dictValue: '',
+				remark: '',
+				isProcessFinished: false,
+				selectedOption: '', // 用于存储选中的选项
+
+				show1: false,
+				setMoney: '',
+				setMoneyWx: '',
+				confirmedSetMoney: '',
+				// 新增转维修相关数据
+				toRepairShow: false, // 转维修弹框显示
+				adviserShow: false, // 服务顾问选择器显示
+				repairFormData: { // 转维修表单数据
+					name: '',
+					phone: '',
+					brandName: '',
+					brandModel: '',
+					adviserName: '',
+					adviserId: '',
+					adviserPhone: '',
+					remark: '',
+				},
+				staffList: [], // 服务顾问列表
+
+				toDetainShow: false, // 扣车弹框显示
+				kcPositionShow: false, // 扣车地点选择器显示
+				selectedKcPosition: '', // 选中的扣车地点
+				kcPositionList: [], // 扣车地点列表
+				kcFormData: {
+					isKouChe: 0,
+					kcPosition: '',
+					name: '',
+					phone: '',
+					remark: '',
+				},
+
+				// 移交客户相关
+				toHandoverShow: false,
+				handoverTitle: '移交客户',
+				handoverType: '', // 记录移交类型
+				handoverFormData: { // 转维修表单数据
+					name: '',
+					phone: '',
+					remark: '',
+				},
+
+				// 补充相片相关
+				// 控制弹窗显示
+				supplementShow: false,
+				// 上传文件列表
+				supplementFileList: [],
+				// 已上传的图片URL数组
+				supplementImages: [],
+				// 上传状态
+				uploading: false,
+				// 当前操作的流程项
+				currentSupplementItem: null,
+				// 救援开始弹框显示状态
+				acceptOrderShow: false,
+				startScale: '',
+				uploadingRecord: false,
+
+				// 收费弹框相关数据
+				showFeePopup: false,
+				selectedPayment: '',
+				paymentAmount: '',
+				changeAmount: '',
+				creditTarget: '',
+				// 收款相关备注
+				creditRemark: '',
+
+				// 挂账收款负责人
+				amountDirector: '',
+
+				// 子支付弹框显示状态
+				showWechatPopup: false,
+				showCashPopup: false,
+				showCreditPopup: false,
+				// 支付相关数据
+				paymentFileList: [], // 支付凭证文件列表
+				paymentImages: [], // 已上传的支付凭证图片URL
+				uploadingPayment: false, // 支付凭证上传状态
+
+				// 控制二维码弹框显示
+				showCodePopupVisible: false,
+
+				isSubmitting: false,
+
+				// 调度人员信息
+				dispatcherColumns: [],
+				// 调度人员选择器显示状态
+				dispatcherPickerShow: false,
+				// 选中的调度人员姓名
+				selectedDispatcherName: '',
+				// 选中的调度人员ID
+				selectedDispatcherId: '',
+
+			}
+		},
+		onLoad(option) {
+			this.id = option.id
+			this.getrescueDetail(option.id)
+			this.newtwo()
+			this.getRoadList(false);
+			this.getSourceList(false)
+			this.getSecondDispatcher()
+
+		},
+		mounted() {
+			this.getStaffList()
+			this.getKcPositionList()
+		},
+		onShow() {
+
+		},
+		computed: {
+			shouldShowFeeButton() {
+				console.log('123', this.detailsData && this.currentStepIndex >= 5 &&
+					(!this.detailsData.orderStatus || this.detailsData.orderStatus == 2))
+				return this.detailsData && this.currentStepIndex >= 5 &&
+					(!this.detailsData.orderStatus || this.detailsData.orderStatus == 2);
+			}
+		},
+		methods: {
+			// 查询路段的方法
+			getSectionRoadLabel(id) {
+				if (typeof id === 'string') {
+					id = parseInt(id)
+				}
+				return this.roadList.find(item => item.id === id)?.label
+			},
+			chooseRoad(data) {
+				console.log(data);
+				this.detailsData.channel = data.value[0].label
+				this.roadShow = false
+			},
+			chooseCar(data) {
+				this.carNumShow = false
+				this.detailsData.driverCarNum = data.value[0].rescueCarNum
+			},
+			getRoadList(flag = true) {
+				request({
+					url: '/system/rescueInfo/getRescueChannel',
+					method: 'get'
+				}).then((res) => {
+					this.roadShow = flag
+					this.roadList = res.data
+				})
+			},
+			chooseSource(data) {
+				console.log(data);
+				this.detailsData.source = data.value[0].label
+				this.sourceShow = false
+			},
+
+			getSourceLabel(id) {
+				if (typeof id === 'string') {
+					id = parseInt(id)
+				}
+				return this.sourceList.find(item => item.id === id)?.label
+			},
+			getSourceList(flag = true) {
+				request({
+					url: '/system/rescueInfo/getRescueSource',
+					method: 'get'
+				}).then((res) => {
+					this.sourceShow = flag
+					this.sourceList = res.data
+				})
+			},
+			getCarList() {
+
+				let data = {
+					pageNum: 1,
+					pageSize: 100
+				}
+				request({
+					url: '/system/rescueCar/list',
+					method: 'get',
+					params: data
+				}).then((res) => {
+					this.carNumShow = true
+					console.log('获取车辆信息', res);
+					this.carNumList = res.rows
+				})
+			},
+
+			getmap1() {
+				let that = this
+				if (this.detailsData.kcPosition) {
+					uni.chooseLocation({
+						success: function(res) {
+							console.log('位置名称：' + res.name);
+							console.log('详细地址：' + res.address);
+							console.log('纬度：' + res.latitude);
+							console.log('经度：' + res.longitude);
+							that.destinationLongitude = res.longitude
+							that.destinationLatitude = res.latitude
+							that.kcPosition = res.address
+							var address = res.address;
+							var reg = /.+?(省|市|自治区|自治州|县|区)/g;
+							let addressList = address.match(reg).toString().split(",");
+							if (addressList[0] == '重庆市' || addressList[0] == '北京市' || addressList[0] ==
+								'天津市' || addressList[0] == '上海市') {
+								that.province1 = addressList[0];
+								that.city1 = '市辖区';
+								that.area1 = addressList[1];
+								that.detailsData.kcPosition = address.replace(that.province, '').replace(that
+									.city, '').replace(that.area, '');
+							} else {
+								that.province1 = addressList[0];
+								that.city1 = addressList[1];
+								that.area1 = addressList[2];
+								that.detailsData.kcPosition = address.replace(that.province, '').replace(that
+									.city, '').replace(that.area, '');
+							};
+							console.log(that.detailsData.kcPosition);
+
+						}
+					});
+
+
+				} else {
+					uni.chooseLocation({
+						success: function(res) {
+							console.log('位置名称：' + res.name);
+							console.log('详细地址：' + res.address);
+							console.log('纬度：' + res.latitude);
+							console.log('经度：' + res.longitude);
+							that.destinationLongitude = res.longitude
+							that.destinationLatitude = res.latitude
+							that.destinationInfo = res.address
+							var address = res.address;
+							var reg = /.+?(省|市|自治区|自治州|县|区)/g;
+							let addressList = address.match(reg).toString().split(",");
+							if (addressList[0] == '重庆市' || addressList[0] == '北京市' || addressList[0] ==
+								'天津市' || addressList[0] == '上海市') {
+								that.province1 = addressList[0];
+								that.city1 = '市辖区';
+								that.area1 = addressList[1];
+								that.detailsData.destinationInfo = address.replace(that.province, '').replace(
+									that.city, '').replace(that.area, '');
+							} else {
+								that.province1 = addressList[0];
+								that.city1 = addressList[1];
+								that.area1 = addressList[2];
+								that.detailsData.destinationInfo = address.replace(that.province, '').replace(
+									that.city, '').replace(that.area, '');
+							};
+							console.log(that.detailsData.destinationInfo);
+
+						}
+					});
+				}
+			},
+			lookimg(idx, tmpList) {
+
+				let resList = [];
+				tmpList.forEach(it => {
+					resList.push(this.baseImageUrl + it)
+				})
+
+				uni.previewImage({
+					urls: resList,
+					current: idx,
+					indicator: 'none',
+					loop: this.isLoop
+				})
+			},
+			confirmadd() {
+				// this.show = false
+				let data = this.detailsData
+
+				request({
+					url: '/app/rescueInfo/edit',
+					method: 'post',
+					data: data
+				}).then((res) => {
+					console.log(res);
+					if (res.code == 200) {
+						uni.showToast({
+							title: '修改成功',
+							icon: 'none'
+						})
+						this.show = false
+						this.getrescueDetail(this.detailsData.id)
+					}
+				})
+
+			},
+			cancelopen() {
+				this.show = false
+			},
+			newtwo() {
+				request({
+					url: '/rescue/dict/data/type/fee_type',
+					method: 'get',
+				}).then((res) => {
+					console.log('fee_type', res);
+					this.qdList = res.data
+				})
+
+				request({
+					url: '/rescue/dict/data/type/rescue_car_type',
+					method: 'get',
+				}).then((res) => {
+					this.carList = res.data
+					console.log('rescue_car_type', res);
+				})
+
+			},
+			getcarindex(index) {
+				this.carindex = index
+				this.detailsData.carType = index
+			},
+			getskindex(index) {
+				this.skindex = index
+				this.detailsData.feeType = index
+			},
+			closeCodePop() {
+				this.codeShow = false
+			},
+			showCode() {
+				this.codeShow = true
+				let data = {
+					id: this.id
+				}
+				request({
+					url: '/rescuePayApi/createOrder',
+					method: 'post',
+					params: data
+				}).then((res) => {
+					console.log(res.data.code_url);
+					drawQrcode({
+						width: 100,
+						height: 100,
+						canvasId: 'myQrcode',
+						text: res.data.code_url
+					})
+				})
+			},
+
+			// 显示二维码弹框
+			showCodePopup() {
+				this.showCodePopupVisible = true;
+				// 生成二维码
+				this.$nextTick(() => {
+					this.generateQrCode();
+				});
+			},
+
+			// 关闭二维码弹框
+			closeCodePopup() {
+				this.showCodePopupVisible = false;
+			},
+
+			// 生成二维码
+			generateQrCode() {
+				let data = {
+					id: this.id
+				}
+				request({
+					url: '/rescuePayApi/createOrder',
+					method: 'post',
+					params: data
+				}).then((res) => {
+					console.log('res.data', res.data);
+					console.log(res.data.code_url);
+					drawQrcode({
+						width: 200,
+						height: 200,
+						canvasId: 'myQrcode',
+						text: res.data.code_url
+					})
+				})
+			},
+			gogogo() {
+				console.log('执行');
+				uni.openLocation({
+					latitude: parseFloat(this.detailsData.rescueLatitude),
+					longitude: parseFloat(this.detailsData.rescueLongitude),
+					success: function() {
+						console.log('success');
+					},
+					complete: function(res) {
+						console.log(res);
+					}
+				});
+			},
+
+			goback() {
+				uni.navigateBack()
+			},
+			gotel(num) {
+				uni.makePhoneCall({
+					phoneNumber: num //仅为示例
+				});
+			},
+			getrescueDetail(id) {
+				uni.showLoading({
+					title: '刷新中'
+				});
+				request({
+					url: '/app/driver/rescueDetail?rescueId=' + id,
+					method: 'get',
+				}).then((res) => {
+					console.log('详情', res);
+					this.detailsData = res.data.rescueInfo
+					this.carindex = res.data.rescueInfo.carType // 回显车型
+					this.skindex = res.data.rescueInfo.feeType
+					this.detailList = res.data.detailList
+					if (res.data.rescueInfo.currentRecordStep != null) {
+						console.log('res.rescueInfo.currentRecordStep', res.data.rescueInfo)
+						this.currentStepIndex = res.data.rescueInfo.currentRecordStep
+					}
+					/* console.log('this.currentStepIndex', this.currentStepIndex)
+					console.log('res.rescueInfo.currentRecordStep', res.rescueInfo.currentRecordStep) */
+					if (this.detailList && this.detailList.length > 0) {
+						this.detailList.forEach(item => {
+							if (item.createTime) {
+								item.createTime = dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss')
+							}
+						})
+					}
+					if (res.data.rescueInfo.setMoney != null) {
+						this.setMoneyWx = res.data.rescueInfo.setMoney / 100
+						this.confirmedSetMoney = res.data.rescueInfo.setMoney / 100
+					}
+					this.getRecordSteps();
+					uni.hideLoading();
+				})
+			},
+			dialogToggle() {
+				this.$refs.alertDialog.open()
+			},
+			inputDialogToggle() {
+				this.$refs.inputDialog.open()
+			},
+			dialogClose() {
+				console.log('点击关闭')
+			},
+			dialogInputConfirm(val) {
+				this.$refs.inputDialog.close()
+			},
+
+			getnaiv() {
+				uni.navigateTo({
+					url: '/pages/rescue/rescue'
+				})
+			},
+			getcheckedindex() {
+				let data = {
+					driverId: uni.getStorageSync('driverInfo')
+				}
+				request({
+					url: '/app/driver/updateWork',
+					method: 'post',
+					params: data
+				}).then((res) => {
+					console.log(res);
+					this.getStatus
+				})
+				// this.checkedindex =! this.checkedindex
+				console.log(this.checkedindex);
+
+
+			},
+			gettab(index) {
+				this.tabindex = index
+			},
+			diyshow(id) {
+				if (this.isProcessFinished) {
+					uni.showToast({
+						title: '流程已结束',
+						icon: 'none'
+					});
+					return;
+				}
+				this.rescueId = id;
+				if (this.recordSteps.length > 0) {
+					this.dictValue = this.recordSteps[this.currentStepIndex].value;
+					this.dictLabel = this.recordSteps[this.currentStepIndex].label;
+				}
+				if (this.currentStepIndex === 1) {
+					this.acceptOrderShow = true;
+				} else {
+					this.recordShow = true;
+				}
+
+			},
+			cancelRecord() {
+				this.recordShow = false;
+				this.remark = ''; // 清空备注
+				this.fileList1 = []; // 清空图片列表
+				this.selectedOption = '';
+				this.ulImages = [];
+			},
+
+			deletePic(event) {
+				// 从 fileList 中删除
+				this[`fileList${event.name}`].splice(event.index, 1);
+
+				// 重新构建 ulImages
+				this.ulImages = this.fileList1
+					.filter(item => item.status === 'success')
+					.map(item => item.url);
+				console.log('this.fileList1', this.fileList1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 设置上传状态
+				this.uploadingRecord = true;
+
+				// 当设置 multiple 为 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' // 设置初始状态为上传中
+					})
+				})
+
+				for (let i = 0; i < lists.length; i++) {
+					try {
+						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++
+					} catch (error) {
+						console.error('上传失败:', error);
+						let item = this[`fileList${event.name}`][fileListLen]
+						this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
+							status: 'failed',
+							message: '上传失败'
+						}))
+						fileListLen++
+					}
+				}
+
+				// 上传完成，取消上传状态
+				this.uploadingRecord = false;
+			},
+
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					upload({
+						url: '/infra/file/upload',
+						filePath: url,
+					}).then((res) => {
+						console.log('ulImages', res.data);
+						this.ulImages.push(res.data)
+						resolve(res.data);
+					}).catch(reject);
+				});
+			},
+
+			uploadFilePromiseSupplement(url) {
+				return new Promise((resolve, reject) => {
+					upload({
+						url: '/infra/file/upload',
+						filePath: url,
+					}).then((res) => {
+						console.log('supplementImages', res.data);
+						// this.supplementImages.push(res.data);
+						resolve(res.data);
+					}).catch(reject);
+				});
+			},
+
+
+			// 获取记录流程步骤
+			getRecordSteps() {
+				request({
+					url: '/rescue/dict/data/type/rescue_process_node_fixed',
+					method: 'get'
+				}).then(res => {
+					this.recordSteps = res.data.sort((a, b) => a.value - b.value);
+
+					// 判断流程是否结束
+					if (this.currentStepIndex >= this.recordSteps.length) {
+						this.isProcessFinished = true;
+						this.nextStepName = '流程结束';
+					} else {
+						this.isProcessFinished = false;
+						this.nextStepName = `下一步：${this.recordSteps[this.currentStepIndex].label}`;
+					}
+				});
+			},
+
+			// 获取位置
+			getLocation() {
+				return new Promise((resolve, reject) => {
+					uni.getLocation({
+						isHighAccuracy: true,
+						success: (res) => resolve(res),
+						fail: (error) => reject(error)
+					});
+				});
+			},
+
+			/* showFeePopup() {
+				this.show1 = true;
+			}, */
+			completeRescue() {
+				let data = {
+					rescueId: this.id,
+				}
+				request({
+					url: '/app/driver/endRescue',
+					method: 'post',
+					params: data
+				}).then((res) => {
+					if (res.code == 200) {
+						uni.showToast({
+							title: '提交成功',
+						})
+						this.getrescueDetail(this.id)
+					}
+				})
+			},
+
+			getjine(oneData) {
+				if (!this.setMoney) {
+					uni.showToast({
+						title: '请输入金额',
+						icon: 'none'
+					})
+					return
+				}
+				let data = {
+					...oneData,
+					rescueId: this.id,
+					setMoney: this.setMoney,
+				}
+				request({
+					url: '/app/driver/setOrderMoneyNew',
+					method: 'post',
+					params: data
+				}).then((res) => {
+					if (res.code == 200) {
+						uni.showToast({
+							title: '提交成功',
+						})
+						this.show1 = false
+						this.setMoney = ''
+						this.getrescueDetail(this.id)
+					}
+				})
+			},
+
+			/**
+			 * 获取服务顾问列表
+			 */
+			getStaffList() {
+				if (this.staffList.length > 0) return;
+
+				request({
+					url: '/company/staff/list',
+					method: 'get',
+					params: {
+						pageSize: 1000,
+						pageNum: 1
+					}
+				}).then((res) => {
+					if (res.code == 200) {
+						this.staffList = res.data;
+					}
+				}).catch(error => {
+					console.error('获取服务顾问列表失败:', error);
+				});
+			},
+
+			getKcPositionList() {
+				request({
+					url: '/rescue/dict/data/type/kcPosition-' + getTenantId(),
+					method: 'get'
+				}).then(res => {
+					this.kcPositionList = res.data
+				})
+			},
+
+			/**
+			 * 显示服务顾问选择器
+			 */
+			showAdviserPicker() {
+				if (this.staffList.length === 0) {
+					this.getStaffList();
+				}
+				this.adviserShow = true;
+			},
+
+			/**
+			 * 服务顾问选择确认
+			 */
+			onAdviserConfirm(e) {
+				this.repairFormData.adviserName = e.value[0].name;
+				this.repairFormData.adviserId = e.value[0].id;
+				this.repairFormData.userId = e.value[0].userId;
+				this.adviserShow = false;
+			},
+
+			onKcPositionConfirm(e) {
+				this.selectedKcPosition = e.value[0].label
+				this.kcFormData.isKouChe = 1
+				this.kcFormData.kcPosition = e.value[0].label
+				this.kcPositionShow = false;
+			},
+
+			/**
+			 * 准备转维修表单数据
+			 */
+			prepareRepairForm() {
+				this.repairFormData = {
+					name: this.detailsData.connectionName || '',
+					phone: this.detailsData.connectionPhone || '',
+					brandName: this.detailsData.carBrand || '',
+					brandModel: '',
+					adviserName: '',
+					adviserId: '',
+					adviserPhone: '',
+					remark: '',
+				};
+			},
+
+			/**
+			 * 确认转维修
+			 */
+			confirmRepair() {
+				// 检查是否正在上传
+				if (this.uploadingRecord) {
+					uni.showToast({
+						title: '图片上传中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+				// 检查是否有图片正在上传（fileList1中有status为uploading的项）
+				const isUploading = this.fileList1.some(item => item.status === 'uploading');
+				if (isUploading) {
+					uni.showToast({
+						title: '有图片正在上传，请等待完成',
+						icon: 'none'
+					});
+					return;
+				}
+				// 验证必填字段
+				if (!this.repairFormData.name || !this.repairFormData.phone) {
+					uni.showToast({
+						title: '请填写姓名和联系电话',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 关闭转维修弹框
+				this.toRepairShow = false;
+				this.recordShow = false;
+
+				// 继续执行主流程提交，携带转维修数据
+				this.submitProcessData({
+					toRepair: true,
+					...this.repairFormData
+				});
+			},
+
+			/**
+			 * 关闭转维修弹框
+			 */
+			closeRepairPopup() {
+				this.toRepairShow = false;
+				// 用户取消转维修，清空选择
+				this.selectedOption = '';
+			},
+
+			/**
+			 * 提交流程数据
+			 */
+			async submitProcessData(additionalData = null) {
+				console.log('this.currentStepIndex', this.currentStepIndex)
+				if (this.ulImages.length === 0 && this.currentStepIndex != 4) {
+					uni.showToast({
+						title: '请上传图片',
+						icon: 'none'
+					})
+					return
+				}
+
+				let tempImage = JSON.parse(JSON.stringify(this.ulImages))
+				let data = {
+					rescueInfoId: this.rescueId,
+					title: this.dictLabel,
+					images: tempImage.join(","),
+					remark: this.remark,
+					type: this.dictValue,
+				}
+				console.log('data', data)
+				// 合并附加数据（转维修信息）
+				if (additionalData) {
+					Object.assign(data, additionalData);
+				}
+
+				// 当 currentStepIndex 为 4 时处理选项
+				if (this.currentStepIndex === 4 && !this.selectedOption && !additionalData?.toRepair) {
+					uni.showToast({
+						title: '请选择一个操作选项',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 获取位置信息
+				try {
+					const location = await this.getLocation();
+					data.lng = location.longitude;
+					data.lat = location.latitude;
+				} catch (error) {
+					console.error('获取位置失败:', error);
+				}
+				if (this.currentStepIndex === 4) {
+					switch (this.selectedOption) {
+						case 'repair':
+							data.autoRemark = '转维修';
+							break;
+						case 'detain':
+							data.autoRemark = '扣车地点: ' + this.kcFormData.kcPosition + ', ' + '移交接车人: ' + this
+								.kcFormData.name + ', ' + '移交接车人电话: ' + this.kcFormData.phone;
+							data.remark = this.kcFormData.remark
+							break;
+						default:
+							// 处理未知选项或保持空值
+							break;
+					}
+				}
+				if (additionalData && additionalData.handoverType) {
+					console.log('additionalData', additionalData)
+					let remarkText = '';
+					let handoverTitle = '';
+					switch (additionalData.handoverType) {
+						case 'handover':
+							remarkText = '移交接车人: ' + additionalData.name + ', ' + '移交接车人电话: ' + additionalData.phone;
+							handoverTitle = '移交客户';
+							break;
+						case 'specifyRepairShop':
+							remarkText = '移交接车人: ' + additionalData.name + ', ' + '移交接车人电话: ' + additionalData.phone;
+							handoverTitle = '客户指定修理厂';
+							break;
+						case 'specifyPickUpPeople':
+							remarkText = '移交接车人: ' + additionalData.name + ', ' + ' 移交接车人电话: ' + additionalData.phone;
+							handoverTitle = '客户指定接车人';
+							break;
+					}
+
+
+					data.autoRemark = remarkText;
+					data.handoverTitle = handoverTitle
+				}
+
+
+				if (data.type == 2) {
+					if (this.detailsData.rescueType == 5 && this.detailsData.kcPosition != null) {
+						data.autoRemark = '目的地：' + this.detailsData.kcPosition
+					} else if (this.detailsData.rescueType == 1 && this.detailsData.destinationInfo != null) {
+						data.autoRemark = '目的地：' + this.detailsData.destinationInfo
+					} else {
+						data.autoRemark = ''
+					}
+				}
+
+				try {
+					console.log('4', 4)
+					const res = await request({
+						url: '/app/driver/uploadDetailByDriver',
+						method: 'post',
+						data: data
+					});
+
+					if (res.code == 200) {
+						this.ulImages = [];
+						this.remark = '';
+						this.fileList1 = [];
+						this.selectedOption = '';
+						uni.showToast({
+							title: '提交成功',
+							icon: 'success',
+							duration: 2000
+						});
+
+						// 如果是转维修，额外调用转维修接口
+						if (additionalData?.toRepair) {
+							await this.submitToRepair(additionalData);
+						}
+						let updateData = {}
+						if (this.currentStepIndex == 1) {
+							updateData.rescueStartTime = new Date()
+						}
+						if (this.currentStepIndex == 5) {
+							updateData.rescueEndTime = new Date()
+							updateData.rescueStatus = '4'
+						}
+
+						// 更新下一步
+						this.currentStepIndex++;
+						if (this.currentStepIndex < this.recordSteps.length) {
+							this.nextStepName = `下一步：${this.recordSteps[this.currentStepIndex].label}`;
+							this.isProcessFinished = false;
+						} else {
+							// 所有步骤完成
+							this.nextStepName = '流程结束';
+							this.isProcessFinished = true;
+						}
+
+
+						updateData.id = this.detailsData.id
+						updateData.currentRecordStep = this.currentStepIndex
+
+						console.log('5', 5)
+
+						await request({
+							url: '/app/driver/updateRescueInfo',
+							method: 'put',
+							data: updateData
+						});
+
+						// 刷新订单详情
+						this.recordShow = false;
+						this.getrescueDetail(this.rescueId);
+					}
+				} catch (error) {
+					console.error('提交失败:', error);
+					/* uni.showToast({
+						title: '提交失败',
+						icon: 'none'
+					}); */
+				}
+			},
+
+			/**
+			 * 提交转维修请求
+			 */
+			async submitToRepair(repairData) {
+				console.log('1-1-1')
+				console.log('repairData', repairData)
+				try {
+					const toRepairData = {
+						id: this.detailsData.id,
+						name: repairData.name,
+						phone: repairData.phone,
+						brandName: repairData.brandName,
+						brandModel: repairData.brandModel,
+						adviserName: repairData.adviserName,
+						adviserId: repairData.adviserId,
+						adviserPhone: repairData.adviserPhone,
+						remark: repairData.remark
+					};
+
+					const res = await request({
+						url: '/app/rescueInfo/toRepair',
+						method: 'post',
+						params: toRepairData
+					});
+
+					if (res.code == 200) {
+						uni.showToast({
+							title: '转维修成功'
+						});
+					}
+				} catch (error) {
+					console.error('转维修提交失败:', error);
+				}
+			},
+
+			// 显示移交客户弹框
+			showHandoverPopup(type) {
+				this.handoverType = type;
+
+				// 根据类型设置不同的标题
+				switch (type) {
+					case 'handover':
+						this.handoverTitle = '移交客户';
+						break;
+					case 'specifyRepairShop':
+						this.handoverTitle = '移交客户指定修理厂';
+						break;
+					case 'specifyPickUpPeople':
+						this.handoverTitle = '移交客户指定接车人';
+						break;
+					default:
+						this.handoverTitle = '移交客户';
+				}
+
+				// 重置表单数据
+				this.handoverFormData = {
+					name: '',
+					phone: '',
+					remark: ''
+				};
+
+				this.toHandoverShow = true;
+			},
+
+			// 关闭移交客户弹框
+			closeHandoverPopup() {
+				this.toHandoverShow = false;
+				this.handoverType = '';
+			},
+			// 确认移交
+			async confirmHandover() {
+				// 检查是否正在上传
+				if (this.uploadingRecord) {
+					uni.showToast({
+						title: '图片上传中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+				// 检查是否有图片正在上传（fileList1中有status为uploading的项）
+				const isUploading = this.fileList1.some(item => item.status === 'uploading');
+				if (isUploading) {
+					uni.showToast({
+						title: '有图片正在上传，请等待完成',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 验证必填字段
+				if (!this.handoverFormData.name) {
+					uni.showToast({
+						title: '请填写移交接车人姓名',
+						icon: 'none'
+					});
+					return;
+				}
+
+				if (!this.handoverFormData.phone) {
+					uni.showToast({
+						title: '请填写移交接车人电话',
+						icon: 'none'
+					});
+					return;
+				}
+				if (this.ulImages.length === 0) {
+					uni.showToast({
+						title: '请上传图片',
+						icon: 'none'
+					})
+					return
+				}
+
+				// 关闭弹框
+				this.toHandoverShow = false;
+				// 关闭父弹框
+				this.recordShow = false;
+
+				// 准备移交数据
+				let additionalData = {
+					handoverType: this.handoverType,
+					name: this.handoverFormData.name,
+					phone: this.handoverFormData.phone,
+					remark: this.handoverFormData.remark || ''
+				};
+
+				// 执行主流程提交
+				await this.submitProcessData(additionalData);
+			},
+
+			// 显示扣车弹框
+			showDetainPopup() {
+				this.selectedKcPosition = '';
+				this.toDetainShow = true;
+			},
+
+			// 关闭扣车弹框
+			closeDetainPopup() {
+				this.toDetainShow = false;
+				this.selectedKcPosition = '';
+				this.kcFormData = [];
+			},
+
+			// 显示扣车地点选择器
+			showKcPositionPicker() {
+				if (this.kcPositionList.length === 0) {
+					this.getKcPositionList();
+				}
+				this.kcPositionShow = true;
+			},
+
+			// 确认扣车
+			confirmDetain() {
+				// 检查是否正在上传
+				if (this.uploadingRecord) {
+					uni.showToast({
+						title: '图片上传中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+				// 检查是否有图片正在上传（fileList1中有status为uploading的项）
+				const isUploading = this.fileList1.some(item => item.status === 'uploading');
+				if (isUploading) {
+					uni.showToast({
+						title: '有图片正在上传，请等待完成',
+						icon: 'none'
+					});
+					return;
+				}
+
+				if (!this.selectedKcPosition) {
+					uni.showToast({
+						title: '请选择扣车地点',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 关闭扣车弹框
+				this.toDetainShow = false;
+				this.recordShow = false;
+
+				// 执行扣车操作
+				this.submitDetainData();
+
+				// 主流程
+				this.submitProcessData()
+			},
+
+			// 提交扣车数据
+			async submitDetainData() {
+				this.detailsData.isKouChe = this.kcFormData.isKouChe
+				this.detailsData.kcPosition = this.kcFormData.kcPosition
+				// this.detailsData.rescueType = 5
+				this.confirmadd()
+			},
+
+			// 保存开始里程
+			async updateStartScaleData() {
+				this.detailsData.startScale = this.startScale
+				this.confirmadd()
+			},
+
+			/**
+			 * 流程记录提交
+			 */
+			async getdaoda() {
+				console.log('3-1')
+				if (this.isSubmitting) {
+					uni.showToast({
+						title: '请求处理中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+				if (this.uploadingRecord) {
+					uni.showToast({
+						title: '图片上传中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+				// 检查是否有图片正在上传（fileList1中有status为uploading的项）
+				const isUploading = this.fileList1.some(item => item.status === 'uploading');
+				if (isUploading) {
+					uni.showToast({
+						title: '有图片正在上传，请等待完成',
+						icon: 'none'
+					});
+					return;
+				}
+				if (this.ulImages.length === 0 && this.currentStepIndex != 4) {
+					uni.showToast({
+						title: '请上传图片',
+						icon: 'none'
+					})
+					return
+				}
+				try {
+					console.log('3-2')
+					this.isSubmitting = true;
+					// 如果选择了转维修，先显示转维修弹框
+					if (this.selectedOption === 'repair') {
+						this.prepareRepairForm();
+						this.toRepairShow = true;
+						return; // 中断执行，等待转维修表单确认
+					}
+					// 扣车
+					if (this.selectedOption === 'detain') {
+						this.showDetainPopup();
+						return;
+					}
+					// 处理移交客户相关选项
+					if (this.selectedOption === 'handover' ||
+						this.selectedOption === 'specifyRepairShop' ||
+						this.selectedOption === 'specifyPickUpPeople') {
+						this.showHandoverPopup(this.selectedOption);
+						return;
+					}
+
+					// 非转维修情况，直接执行提交
+					console.log('3', 3)
+					await this.submitProcessData();
+				} catch (error) {
+					console.error('提交失败:', error);
+				} finally {
+					// 确保在任何情况下都会重置提交状态
+					this.isSubmitting = false;
+				}
+			},
+
+			// 关闭救援开始弹框
+			closeAcceptOrderPopup() {
+				this.acceptOrderShow = false;
+				this.startScale = '';
+				this.fileList1 = [];
+				this.ulImages = [];
+			},
+
+			// 确认救援开始
+			async confirmAcceptOrder() {
+				if (this.isSubmitting) {
+					uni.showToast({
+						title: '请求处理中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+				// 检查是否有图片正在上传（fileList1中有status为uploading的项）
+				const isUploading = this.fileList1.some(item => item.status === 'uploading');
+				if (isUploading) {
+					uni.showToast({
+						title: '有图片正在上传，请等待完成',
+						icon: 'none'
+					});
+					return;
+				}
+				if (!this.startScale) {
+					uni.showToast({
+						title: '请输入车辆里程数',
+						icon: 'none'
+					});
+					return;
+				}
+
+				if (this.ulImages.length === 0) {
+					uni.showToast({
+						title: '请上传里程表图片',
+						icon: 'none'
+					});
+					return;
+				}
+				try {
+					// 关闭弹框
+					// this.acceptOrderShow = false;
+
+					// 更新里程信息
+					this.updateStartScaleData()
+
+					console.log('1', 1)
+					// 救援详情
+					this.getdaoda()
+					console.log('2', 2)
+
+					// 清空数据
+					this.closeAcceptOrderPopup()
+				} catch (error) {
+					console.error('提交失败:', error);
+					uni.showToast({
+						title: '提交失败',
+						icon: 'none'
+					});
+				} finally {
+					// 确保重置提交状态
+					this.isSubmitting = false;
+				}
+			},
+
+			// 显示补充照片弹窗
+			showSupplementPopup(item) {
+				this.currentSupplementItem = item;
+				this.supplementShow = true;
+
+				// 保留之前上传的照片，而不是重置数组
+				// 将已有的补充照片转换为文件列表格式
+				if (item.supplementImages) {
+					const existingImages = item.supplementImages.split(',');
+					this.supplementImages = [...existingImages];
+					this.supplementFileList = existingImages.map(url => ({
+						url: this.baseImageUrl + url,
+						status: 'success',
+						message: ''
+					}));
+				} else {
+					this.supplementImages = [];
+					this.supplementFileList = [];
+				}
+			},
+
+			// 关闭补充照片弹窗
+			closeSupplementPopup() {
+				if (!this.uploading) {
+					this.supplementShow = false;
+					// 不清空数据
+				}
+			},
+
+			// 补充照片上传
+			async supplementAfterRead(event) {
+				if (this.uploading) return;
+
+				let lists = [].concat(event.file);
+				let fileListLen = this.supplementFileList.length;
+
+				lists.map((item) => {
+					this.supplementFileList.push({
+						...item,
+						status: 'uploading'
+					});
+				});
+
+				// 开始上传
+				this.uploading = true;
+
+				for (let i = 0; i < lists.length; i++) {
+					try {
+						const result = await this.uploadFilePromiseSupplement(lists[i].url);
+						console.log('result', result)
+
+						let item = this.supplementFileList[fileListLen];
+						this.supplementFileList.splice(fileListLen, 1, Object.assign(item, {
+							status: 'success',
+							message: '',
+							url: result
+						}));
+
+						// 保存到补充图片数组
+						this.supplementImages.push(result);
+						fileListLen++;
+					} catch (error) {
+						console.error('上传失败:', error);
+						let item = this.supplementFileList[fileListLen];
+						this.supplementFileList.splice(fileListLen, 1, Object.assign(item, {
+							status: 'failed',
+							message: '上传失败'
+						}));
+						fileListLen++;
+					}
+				}
+
+				this.uploading = false;
+			},
+
+			// 删除补充照片
+			deleteSupplementPic(event) {
+				if (this.uploading) return;
+				this.supplementFileList.splice(event.index, 1);
+				this.supplementImages.splice(event.index, 1);
+			},
+
+			async confirmSupplement() {
+				if (this.uploading) {
+					uni.showToast({
+						title: '照片上传中，请稍候',
+						icon: 'none'
+					});
+					return;
+				}
+
+				if (this.supplementImages.length === 0) {
+					uni.showToast({
+						title: '请上传照片',
+						icon: 'none'
+					});
+					return;
+				}
+
+				try {
+					// 获取原有的补充照片
+					const originalImages = this.currentSupplementItem.supplementImages ?
+						this.currentSupplementItem.supplementImages.split(',') : [];
+
+					// 合并新旧照片
+					const allImages = [...new Set([...originalImages, ...this.supplementImages])];
+
+					// 调用API保存补充照片
+					const res = await request({
+						url: '/app/driver/updateRescueInfoDetail',
+						method: 'put',
+						data: {
+							id: this.currentSupplementItem.id,
+							supplementImages: allImages.join(',')
+						}
+					});
+
+					if (res.code === 200) {
+						uni.showToast({
+							title: '补充成功',
+							icon: 'success'
+						});
+
+						// 关闭弹窗并重置数据
+						this.supplementShow = false;
+						this.supplementFileList = [];
+						this.supplementImages = [];
+
+						// 刷新页面数据
+						this.getrescueDetail(this.id);
+					}
+				} catch (error) {
+					console.error('补充照片失败:', error);
+					uni.showToast({
+						title: '补充失败',
+						icon: 'none'
+					});
+				}
+			},
+
+			// 显示收费弹框
+			showFeePopupFunction() {
+				this.showFeePopup = true;
+				this.selectedPayment = '';
+				this.paymentAmount = this.detailsData.setMoney || '';
+			},
+
+			// 关闭收费弹框
+			closeFeePopup() {
+				this.showFeePopup = false;
+			},
+
+			// 选择支付方式
+			selectPayment(type) {
+				this.selectedPayment = type;
+			},
+
+			// 确认支付方式
+			confirmPayment() {
+				if (!this.selectedPayment) {
+					uni.showToast({
+						title: '请选择支付方式',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 关闭主弹框，打开对应的子弹框
+				this.showFeePopup = false;
+
+				switch (this.selectedPayment) {
+					case 'wechat':
+						this.showWechatPopup = true;
+						if (this.confirmedSetMoney) {
+							this.setMoneyWx = this.confirmedSetMoney;
+						}
+						break;
+					case 'cash':
+						this.showCashPopup = true;
+						if (this.confirmedSetMoney) {
+							this.setMoney = this.confirmedSetMoney;
+						}
+						break;
+					case 'credit':
+						this.showCreditPopup = true;
+						break;
+				}
+			},
+
+			// 微信确认金额按钮
+			confirmWchatSetMoney() {
+				if (!this.setMoneyWx) {
+					uni.showToast({
+						title: '请输入金额',
+						icon: 'none'
+					});
+					return;
+				}
+				const oneData = {
+					autoRemark: '付款方式: 微信'
+				}
+				this.setMoney = this.setMoneyWx
+				this.confirmedSetMoney = this.setMoneyWx;
+				uni.showToast({
+					title: '金额已确认',
+					icon: 'success'
+				});
+				this.getjine(oneData)
+			},
+
+			// 挂账相关方法
+			closeCreditPopup() {
+				this.showCreditPopup = false;
+				this.showFeePopup = true;
+				this.setMoney = '';
+				// this.amountDirector = '';
+				this.creditRemark = '';
+				this.selectedDispatcherName = '';
+				this.selectedDispatcherId = '';
+			},
+
+			// 确认挂账按钮
+			confirmCreditPayment() {
+				if (!this.setMoney) {
+					uni.showToast({
+						title: '请输入挂账金额',
+						icon: 'none'
+					});
+					return;
+				}
+
+				const oneData = {
+					autoRemark: '付款方式: 挂账, ' + '收款负责人: ' + this.selectedDispatcherName,
+					remark: this.creditRemark,
+					payType: 'qd',
+					orderSigningPersonId: this.selectedDispatcherId,
+					orderSigningPersonName: this.selectedDispatcherName,
+				}
+				this.getjine(oneData)
+				this.closeCreditPopup();
+			},
+
+			// 支付凭证上传
+			async paymentAfterRead(event) {
+				if (this.uploadingPayment) return;
+
+				let lists = [].concat(event.file);
+				let fileListLen = this.paymentFileList.length;
+
+				lists.map((item) => {
+					this.paymentFileList.push({
+						...item,
+						status: 'uploading'
+					});
+				});
+
+				// 开始上传
+				this.uploadingPayment = true;
+
+				for (let i = 0; i < lists.length; i++) {
+					try {
+						const result = await this.uploadFilePromisePayment(lists[i].url);
+
+						let item = this.paymentFileList[fileListLen];
+						this.paymentFileList.splice(fileListLen, 1, Object.assign(item, {
+							status: 'success',
+							message: '',
+							url: result
+						}));
+
+						// 保存到支付凭证图片数组
+						this.paymentImages.push(result);
+						fileListLen++;
+					} catch (error) {
+						console.error('支付凭证上传失败:', error);
+						let item = this.paymentFileList[fileListLen];
+						this.paymentFileList.splice(fileListLen, 1, Object.assign(item, {
+							status: 'failed',
+							message: '上传失败'
+						}));
+						fileListLen++;
+					}
+				}
+
+				this.uploadingPayment = false;
+			},
+
+			// 支付凭证上传
+			uploadFilePromisePayment(url) {
+				return new Promise((resolve, reject) => {
+					upload({
+						url: '/infra/file/upload',
+						filePath: url,
+					}).then((res) => {
+						resolve(res.data);
+					}).catch(reject);
+				});
+			},
+
+			// 删除支付凭证图片
+			deletePaymentPic(event) {
+				if (this.uploadingPayment) return;
+				this.paymentFileList.splice(event.index, 1);
+				this.paymentImages.splice(event.index, 1);
+			},
+
+			// 关闭微信支付弹框
+			closeWechatPopup() {
+				if (!this.uploadingPayment) {
+					this.showWechatPopup = false;
+					this.showFeePopup = true;
+					this.setMoneyWx = '';
+					this.creditRemark = '';
+					this.resetPaymentUpload();
+				}
+			},
+
+			// 关闭现金支付弹框
+			closeCashPopup() {
+				if (!this.uploadingPayment) {
+					this.showCashPopup = false;
+					this.showFeePopup = true;
+					this.resetPaymentUpload();
+				}
+				this.creditRemark = ''
+			},
+
+			// 重置支付凭证上传
+			resetPaymentUpload() {
+				this.paymentFileList = [];
+				this.paymentImages = [];
+			},
+
+			// 确认微信支付
+			async confirmWechatPayment() {
+				if (this.confirmedSetMoney) {
+					this.setMoney = this.confirmedSetMoney;
+				}
+				if (!this.setMoney) {
+					uni.showToast({
+						title: '请输入支付金额',
+						icon: 'none'
+					});
+					return;
+				}
+				if (this.paymentImages.length === 0) {
+					uni.showToast({
+						title: '请上传支付凭证',
+						icon: 'none'
+					});
+					return;
+				}
+
+				let data = {
+					rescueInfoId: this.id,
+					title: '司机确认收款完成',
+					images: this.paymentImages.join(','),
+					remark: this.creditRemark,
+				};
+
+				try {
+					const res = await request({
+						url: '/app/driver/uploadDetailByDriver',
+						method: 'post',
+						data: data
+					});
+
+					if (res.code == 200) {
+						this.ulImages = [];
+						this.remark = '';
+						this.fileList1 = [];
+						this.selectedOption = '';
+						uni.showToast({
+							title: '提交成功',
+							icon: 'success',
+							duration: 2000
+						});
+						let orderData = {
+							id: this.detailsData.orderId,
+							isOnline: '1',
+							payRemark: this.creditRemark,
+							payImages: this.paymentImages.join(','),
+							payType: 'wx'
+						}
+						this.updateOrderInfo(orderData);
+						this.detailsData.feeType = '1'
+						this.confirmadd()
+						// 确保在成功后再关闭弹框
+						this.showWechatPopup = false;
+						this.closeCashPopup();
+						this.resetPaymentUpload();
+
+						// 刷新数据
+						this.getrescueDetail(this.id);
+					} else {
+						uni.showToast({
+							title: '提交失败: ' + (res.msg || '未知错误'),
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('提交失败:', error);
+					uni.showToast({
+						title: '提交失败',
+						icon: 'none'
+					});
+				}
+			},
+
+			// 确认现金支付
+			async confirmCashPayment() {
+				if (!this.setMoney) {
+					uni.showToast({
+						title: '请输入实收金额',
+						icon: 'none'
+					});
+					return;
+				}
+
+				if (this.paymentImages.length === 0) {
+					uni.showToast({
+						title: '请上传收款凭证',
+						icon: 'none'
+					});
+					return;
+				}
+
+				const oneData = {
+					autoRemark: '付款方式: 现金'
+				}
+				this.getjine(oneData)
+
+				let data = {
+					rescueInfoId: this.id,
+					title: '司机确认收款完成',
+					images: this.paymentImages.join(','),
+					remark: this.creditRemark,
+				};
+
+				try {
+					const res = await request({
+						url: '/app/driver/uploadDetailByDriver',
+						method: 'post',
+						data: data
+					});
+
+					if (res.code == 200) {
+						this.ulImages = [];
+						this.remark = '';
+						this.fileList1 = [];
+						this.selectedOption = '';
+						uni.showToast({
+							title: '提交成功',
+							icon: 'success',
+							duration: 2000
+						});
+						let orderData = {
+							id: this.detailsData.orderId,
+							isOnline: '0',
+							payRemark: this.creditRemark,
+							payImages: this.paymentImages.join(','),
+							payType: 'xj',
+							orderStatus: '2'
+						}
+						this.updateOrderInfo(orderData);
+						this.detailsData.feeType = '1'
+						this.confirmadd()
+
+						// 确保在成功后再关闭弹框
+						this.showCashPopup = false;
+						this.resetPaymentUpload();
+
+						// 刷新数据
+						this.getrescueDetail(this.id);
+					} else {
+						uni.showToast({
+							title: '提交失败: ' + (res.msg || '未知错误'),
+							icon: 'none'
+						});
+					}
+				} catch (error) {
+					console.error('提交失败:', error);
+					uni.showToast({
+						title: '提交失败',
+						icon: 'none'
+					});
+
+					// 即使失败也要关闭弹框
+					this.showCashPopup = false;
+					this.resetPaymentUpload();
+				}
+			},
+
+			// 更新订单信息
+			updateOrderInfo(orderData) {
+				request({
+					url: '/rescue/orderInfo/edit',
+					method: 'post',
+					data: orderData
+				}).then((res) => {
+					console.log(res);
+				})
+			},
+
+			// 获取调度人员信息（合并second_dispatcher和ddzx角色）
+			getSecondDispatcher() {
+				console.log('12-12')
+				this.dispatcherColumns = [];
+				const tenantId = getTenantId();
+
+				// 创建两个请求的Promise
+				const request1 = request({
+					url: `/company/staff/staffListByRoleCode?tenantId=${tenantId}&code=second_dispatcher`,
+					method: 'get',
+				});
+
+				const request2 = request({
+					url: `/company/staff/staffListByRoleCode?tenantId=${tenantId}&code=ddzx`,
+					method: 'get',
+				});
+
+				// 使用Promise.all并行请求
+				Promise.all([request1, request2])
+					.then(([res1, res2]) => {
+						// 合并两个数据数组
+						const combinedData = [...(res1.data || []), ...(res2.data || [])];
+
+						// 使用Map根据id去重
+						const uniqueMap = new Map();
+						combinedData.forEach(item => {
+							if (item && item.id) {
+								uniqueMap.set(item.id, item);
+							}
+						});
+
+						// 将去重后的数据转换为数组
+						const uniqueData = Array.from(uniqueMap.values());
+
+						// 存储到secondColumns
+						this.dispatcherColumns.push(uniqueData);
+						console.log('合并后的调度人员数据:', uniqueData);
+					})
+					.catch(error => {
+						console.error('获取调度人员数据失败:', error);
+						uni.showToast({
+							title: '获取调度人员失败',
+							icon: 'none'
+						});
+					});
+			},
+
+			// 显示调度人员选择器
+			showDispatcherPicker() {
+				console.log('1-2')
+				if (this.dispatcherColumns.length === 0) {
+					this.getSecondDispatcher(); // 确保数据已加载
+				}
+				this.dispatcherPickerShow = true;
+			},
+
+			// 调度人员选择确认
+			onDispatcherConfirm(e) {
+				const selectedDispatcher = e.value[0];
+				this.selectedDispatcherName = selectedDispatcher.nickname;
+				this.selectedDispatcherId = selectedDispatcher.id;
+				this.dispatcherPickerShow = false;
+			},
+
+		}
 	}
-	
-	
+</script>
+
+<style scoped lang="scss">
+	.content {
+		box-sizing: border-box;
+		// padding-top: 40px;
+		// background: #F4F4F4;
+		width: 100%;
+		// height: calc(100vh);
+		// padding-bottom: 180px;
+	}
+
+	.left-t {
+		display: flex;
+		height: 25px;
+	}
+
+	.xx-hui {
+		font-size: 15px;
+		font-weight: 400;
+		color: #666666;
+		line-height: 25px;
+		margin-top: 10px;
+	}
+
+	.img-boxs {
+		width: 100%;
+		display: flex;
+		flex-wrap: wrap;
+
+	}
+
+	// .lan-ga {
+	// 	width: 100%;
+	// 	margin: 10px auto;
+	// 	box-sizing: border-box;
+	// 	padding-bottom: 15px;
+	// 	border-bottom: 1px solid #EEEEEE;
+	// }
+
+	.ga-top {
+		display: flex;
+		align-items: center;
+		color: #0D2E8D;
+		font-weight: bold;
+	}
+
+	.img-box {
+		width: 70px;
+		height: 70px;
+		border-radius: 6px;
+		overflow: hidden;
+		margin-top: 10px;
+		margin-right: 10px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.wrap-box {
+		width: 100%;
+		display: flex;
+		flex-wrap: wrap;
+	}
+
+	.wrap-box_bc {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		flex-wrap: wrap;
+	}
+
+	.beizh {}
+
+	.gain {
+		font-style: 18px;
+		font-weight: bold;
+		margin-right: 10px;
+		color: #0D2E8D;
+	}
+
+	.g-img {
+		width: 30%;
+		height: 111px;
+		margin-right: 10px;
+		margin-top: 5px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.ximg {
+		width: 20px;
+		height: 20px;
+
+		margin: 0 auto;
+		margin-bottom: 10px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.sj {
+		width: 25px;
+		height: 25px;
+		margin-right: 10px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.bai-title {
+		font-weight: bold;
+		color: #ffffff;
+
+	}
+
+	.ai {
+		font-size: 14px;
+	}
+
+	.top-heder {
+		width: 100%;
+		height: 40px;
+		background: #0D2E8D;
+	}
+
+	.topjianjian {
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		// margin-top: 40px;
+		box-sizing: border-box;
+		padding: 15px 15px;
+
+	}
+
+	.dix {
+		display: flex;
+		align-items: center;
+		margin: 20px auto;
+	}
+
+	.huiy {
+		font-size: 15px;
+		font-weight: 400;
+		color: #999999;
+		margin-right: 8px;
+	}
+
+	.htzit {
+		display: flex;
+		align-items: center;
+		font-size: 15px;
+		color: #999999;
+
+	}
+
+	.xshui {
+		font-size: 15px;
+		font-weight: 400;
+		color: #333333;
+	}
+
+	.changimg {
+		width: 58px;
+		height: 20px;
+		margin-right: 5px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.shiwuimg {
+		width: 15px;
+		height: 15px;
+		margin-right: 5px;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+
+	.inanniu {
+		width: 30%;
+		height: 38px;
+		border-radius: 19px 19px 19px 19px;
+		border: 1px solid #3CBC6F;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 15px;
+		color: #3CBC6F;
+	}
+
+	.caanniu {
+		width: 30%;
+		height: 38px;
+		border-radius: 19px 19px 19px 19px;
+		border: 1px solid #e43d33;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 15px;
+		color: #e43d33;
+	}
+
+	.lanniu {
+		width: 30%;
+		height: 38px;
+		border-radius: 19px 19px 19px 19px;
+		border: 1px solid #3C9CFF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 15px;
+		color: #3C9CFF;
+	}
+
+	.anniua {
+		width: 30%;
+		height: 38px;
+		border-radius: 19px 19px 19px 19px;
+		border: 1px solid #0D2E8D;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 15px;
+		background: #0D2E8D;
+		color: #ffffff;
+	}
+
+	.qrxg {
+		width: 20%;
+		height: 20px;
+		background-color: #0D2E8D;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: white;
+		border-radius: 6px;
+
+		font-size: 14px;
+	}
+
+	.dis-bb {
+		// display: flex;
+		// align-items: center;
+		// justify-content: space-between;
+		box-sizing: border-box;
+		padding-bottom: 15px;
+		border-bottom: 1px solid #EEEEEE;
+	}
+
+	.dis-tt {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-sizing: border-box;
+		padding-top: 15px;
+		border-top: 1px solid #EEEEEE;
+	}
+
+	.c-top {
+		width: 100%;
+		height: 180px;
+		background: #0D2E8D;
+		box-sizing: border-box;
+		// padding: 15px;
+		// position: relative;
+	}
+
+	.ding-top {
+		// position: absolute;
+		// padding: 15px;
+		// bottom: -220px;
+		// left: 0px;
+		width: 100%;
+
+		background-color: white;
+		box-sizing: border-box;
+		padding: 15px;
+		border-radius: 8px 8px 0px 0px;
+		position: relative;
+	}
+
+	.t-title {
+		font-size: 18px;
+		font-weight: bold;
+		color: #FFFFFF;
+	}
+
+	.dis-b {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.t-left {}
+
+	.t-zi1 {
+		font-size: 20px;
+		font-weight: bold;
+		color: white;
+
+	}
+
+	.t-zi2 {
+		font-size: 14px;
+		font-weight: bold;
+		color: white;
+		margin-bottom: 10px;
+		margin-top: 10px;
+	}
+
+	.t-biao {
+		border-radius: 11px 11px 11px 0px;
+		background: linear-gradient(90deg, #EE8342 0%, #EA3942 100%);
+		color: white;
+		text-align: center;
+	}
+
+	.t-right {
+		color: white;
+		display: flex;
+	}
+
+	.t-zi2 {
+		font-size: 14px;
+		font-weight: bold;
+		color: white;
+		text-align: center;
+	}
+
+	.t-bottom {
+		// height: 77px;
+		background: #FFFFFF;
+		box-shadow: 0px 4px 4px 0px rgba(13, 46, 141, 0.15);
+		border-radius: 8px;
+		margin-top: 10px;
+		box-sizing: border-box;
+		padding: 16px;
+		display: flex;
+		justify-content: space-between;
+		z-index: 99;
+	}
+
+	.top-box {
+		width: 33%;
+		height: 100%;
+		border-right: 1px solid #EEEEEE;
+		text-align: center;
+
+	}
+
+	.t-lan {
+		font-size: 28px;
+		font-weight: bold;
+		color: #0D2E8D;
+	}
+
+	.t-hui {
+		font-size: 14px;
+		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+		font-weight: 400;
+		color: #999999;
+	}
+
+	.t-ybr {
+		width: 100%;
+		z-index: -99;
+		height: 120px;
+		box-sizing: border-box;
+		padding-top: 90px;
+		display: flex;
+		justify-content: space-around;
+
+		// background-color: white;
+	}
+
+	.anniu {
+		width: 95%;
+		height: 44%;
+		border-radius: 6px;
+		background-color: #0D2E8D;
+		color: white;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.gang {
+		width: 24px;
+		height: 4px;
+		background: #ffffff;
+		border-radius: 4px 4px 4px 4px;
+		margin: 2px auto;
+	}
+
+	.hui-content {
+		width: 100%;
+		// height: calc(60vh);
+		background-color: #f4f4f4;
+		box-sizing: border-box;
+		padding: 10px 0px 80px 10px;
+
+
+	}
+
+	.content-box {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 15px;
+		// height: 222px;
+		background: #FFFFFF;
+
+		margin-bottom: 10px;
+	}
+
+	.hui-text {
+		font-size: 16px;
+		font-weight: 400;
+		color: #666666;
+	}
+
+	.indexhei {
+		color: #333333 !important;
+		font-weight: bold !important;
+	}
+
+	.indexlan {
+		background: #0D2E8D !important;
+	}
+
+	.mubu {
+		width: 100%;
+		// height: calc(60vh);
+		background-color: #f4f4f4;
+	}
+
+	.jsy {
+		margin: 10px auto;
+	}
+
+	.ja-you {
+		width: 100%;
+		font-weight: bold;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		margin: 10px auto;
+
+	}
+
+	.xhui {
+		font-size: 12px;
+		font-weight: 400;
+		color: #999999;
+	}
+
+	.xhui-kc {
+		font-size: 16px;
+		font-weight: 400;
+		color: #000000;
+	}
+
+	.codePop {
+		width: 100%;
+		background-color: white;
+		box-sizing: border-box;
+		height: 300px;
+	}
+
+	.popup-title {
+		text-align: center;
+		font-size: 16px;
+		font-weight: bold;
+		margin: 0 auto;
+	}
+
+	.popup-title-money {
+		text-align: center;
+		font-size: 14px;
+		font-weight: bold;
+		margin-bottom: 5px;
+	}
+
+	.ribox {
+		box-sizing: border-box;
+		padding: 5px 10px;
+		// background: #0D2E8D;
+		border: 1px solid #0D2E8D;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #0D2E8D;
+		border-radius: 5px;
+		margin-right: 5px;
+	}
+
+	.actbox {
+		background: #0D2E8D !important;
+		color: white;
+	}
+
+
 	.lan-ga {
 		width: 100%;
 		margin: 20rpx auto;
 		box-sizing: border-box;
 		padding-bottom: 40rpx;
 		position: relative;
-	
+
 		.lan-ga-line {
 			position: absolute;
 			width: 2rpx;
@@ -1128,16 +3295,16 @@
 			top: calc(56rpx + 10rpx);
 		}
 	}
-	
+
 	.ga-top-box {
 		display: flex;
 		justify-content: space-between;
 	}
-	
+
 	.ga-content {
 		flex: 1;
 		width: 0;
-	
+
 		.ga-content-top {
 			display: flex;
 			align-items: center;
@@ -1145,26 +3312,26 @@
 			column-gap: 8rpx;
 			padding-bottom: 14rpx;
 		}
-	
+
 		.ga-content-title {
 			font-weight: bold;
 			flex: 1;
 			width: 0;
 			word-break: break-all
 		}
-	
+
 		.xhui {
 			font-size: 22rpx;
 			color: #929292;
 			flex-shrink: 0;
 		}
-	
+
 		.beizh {
 			font-size: 28rpx;
 			color: #000000;
 		}
 	}
-	
+
 	.ga-top {
 		display: flex;
 		align-items: center;
@@ -1172,7 +3339,7 @@
 		font-weight: bold;
 		font-size: 16px;
 	}
-	
+
 	.img-box {
 		width: 70px;
 		height: 70px;
@@ -1180,20 +3347,20 @@
 		overflow: hidden;
 		margin-top: 10px;
 		margin-right: 10px;
-	
+
 		image {
 			width: 100%;
 			height: 100%;
 		}
 	}
-	
+
 	.wrap-box {
 		width: 100%;
 		display: flex;
 		flex-wrap: wrap;
 	}
-	
-	
+
+
 	.gain {
 		box-sizing: border-box;
 		width: 52rpx;
@@ -1208,10 +3375,594 @@
 		justify-content: center;
 		line-height: 1;
 		font-weight: bold;
-	
+
 		.gainIcon {
 			width: 100%;
 			height: 100%;
 		}
-	}
-</style>
+	}
+
+	.fixed-bottom-button_1 {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		padding: 15px;
+		background-color: #fff;
+		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+		z-index: 999;
+
+		button {
+			width: 100%;
+			background-color: #0D2E8D;
+			color: white;
+			border-radius: 5px;
+			height: 45px;
+			line-height: 45px;
+		}
+	}
+
+	.fixed-bottom-button {
+		display: flex;
+		justify-content: space-between;
+		gap: 10px;
+
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		padding: 12px;
+		background-color: #fff;
+		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+		z-index: 999;
+
+		button {
+			height: 45px;
+			line-height: 45px;
+			border-radius: 5px;
+			color: white;
+			font-size: 16px;
+			border: none;
+			// margin: 0;
+			// padding: 0px 10px;
+		}
+
+		.fee-button {
+			width: 30%;
+		}
+
+		.next-button {
+			width: 70%;
+		}
+	}
+
+	.popup-box {
+		width: 320px;
+		box-sizing: border-box;
+		padding: 15px;
+		background-color: white;
+		border-radius: 10px;
+
+		min-height: 500px;
+		/* 设置最小高度 */
+		padding: 25px 15px;
+		/* 增加上下内边距 */
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		/* 内容均匀分布 */
+	}
+
+	.popup-box_je {
+		width: 320px;
+		box-sizing: border-box;
+		padding: 15px;
+		background-color: white;
+		border-radius: 10px;
+
+		min-height: 200px;
+		/* 设置最小高度 */
+		padding: 25px 15px;
+		/* 增加上下内边距 */
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		/* 内容均匀分布 */
+	}
+
+	.popup-box_bc {
+		width: 320px;
+		box-sizing: border-box;
+		padding: 15px;
+		background-color: white;
+		border-radius: 10px;
+
+		min-height: 300px;
+		/* 设置最小高度 */
+		padding: 25px 15px;
+		/* 增加上下内边距 */
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		/* 内容均匀分布 */
+	}
+
+	.popup-box_sf {
+		width: 320px;
+		box-sizing: border-box;
+		padding: 15px;
+		background-color: white;
+		border-radius: 10px;
+
+		min-height: 300px;
+		/* 设置最小高度 */
+		padding: 25px 15px;
+		/* 增加上下内边距 */
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		/* 内容均匀分布 */
+	}
+
+	.p-title {
+		font-size: 20px;
+		color: rgb(26, 26, 26);
+		font-weight: bold;
+	}
+
+	.huinput {
+		width: 100%;
+		box-sizing: border-box;
+		// padding: 10px;
+		// background: rgb(246, 246, 246);
+		display: flex;
+		align-items: center;
+		border-radius: 8px;
+		margin: 15px auto;
+	}
+
+	.huinput_kc {
+		width: 100%;
+		height: 50%;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+		border-radius: 8px;
+		margin: 15px auto;
+	}
+
+	.huinput_sf {
+		width: 100%;
+		box-sizing: border-box;
+		// padding: 10px;
+		// background: rgb(246, 246, 246);
+		display: flex;
+		// align-items: center;
+		flex-direction: column;
+		border-radius: 8px;
+		margin: 10px auto;
+	}
+
+	.tshe {
+		color: #0D2E8D;
+		font-size: 16px;
+	}
+
+	.qzanniu {
+		width: 100%;
+		height: 40px;
+		border-radius: 6px;
+		// background: linear-gradient(270.00deg, rgb(3, 163, 128) 0.028%,rgb(0, 204, 126) 100%);
+		background: #0D2E8D !important;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: rgb(255, 255, 255);
+		font-size: 16px;
+		font-weight: 700;
+	}
+
+	.button-group {
+		display: flex;
+		width: 100%;
+		margin-top: 15px;
+	}
+
+	.cancel-button {
+		width: 40%;
+		height: 40px;
+		border-radius: 6px;
+		background: #f4f4f4;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #333;
+		font-size: 16px;
+		font-weight: 700;
+		margin-right: 10px;
+	}
+
+	.confirm-button {
+		width: 60%;
+		height: 40px;
+		border-radius: 6px;
+		background: #0D2E8D;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: white;
+		font-size: 16px;
+		font-weight: 700;
+	}
+
+	.confirm-button-wxtwo {
+		width: 40%;
+		height: 30px;
+		border-radius: 6px;
+		background: #0D2E8D;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: white;
+		font-size: 14px;
+		font-weight: 500;
+	}
+
+	/* .option-buttons {
+		display: flex;
+		justify-content: start;
+		margin: 15px 0;
+	}
+
+	.option-button {
+		flex: 1;
+		margin: 0 5px;
+		padding: 10px;
+		text-align: center;
+		border: 1px solid #0D2E8D;
+		color: #0D2E8D;
+		border-radius: 5px;
+	}
+
+	.option-button.active {
+		background-color: #0D2E8D;
+		color: white;
+	} */
+
+	.option-buttons {
+		display: flex;
+		flex-wrap: wrap;
+		/* 添加这一行实现自动换行 */
+		justify-content: flex-start;
+		margin: 15px 0;
+		gap: 8px;
+		/* 添加间距，使按钮看起来更清晰 */
+	}
+
+	.option-button {
+		flex: 0 1 auto;
+		/* 改为自动宽度 */
+		min-width: 80rpx;
+		/* 设置最小宽度 */
+		margin: 4px;
+		/* 调整边距 */
+		padding: 10px;
+		text-align: center;
+		border: 1px solid #0D2E8D;
+		color: #0D2E8D;
+		border-radius: 5px;
+		white-space: nowrap;
+		/* 防止文字换行 */
+	}
+
+	.option-button.active {
+		background-color: #0D2E8D;
+		color: white;
+	}
+
+	/* 转维修表单样式 */
+	.repair-form {
+		width: 100%;
+		margin-bottom: 20px;
+	}
+
+	.repair-form-item {
+		margin-bottom: 15px;
+	}
+
+	.detain-form {
+		width: 100%;
+		margin-bottom: 20px;
+	}
+
+	.detain-form-item {
+		display: flex;
+		flex-direction: column;
+		// align-items: center;
+		margin-bottom: 15px;
+	}
+
+
+	/* 添加悬浮刷新按钮样式 */
+	/* .floating-refresh-btn {
+		position: fixed;
+		right: 20px;
+		bottom: 100px;
+		width: 50px;
+		height: 50px;
+		background-color: #fff;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+		z-index: 998;
+	} */
+
+	.floating-refresh-btn {
+		position: fixed;
+		right: 20px;
+		bottom: 120px;
+		/* 调整位置，避免与底部按钮重叠 */
+		width: 70px;
+		height: 70px;
+		background-color: #fff;
+		border-radius: 50%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+		z-index: 998;
+		/* 确保在底部按钮之上，但低于弹窗 */
+	}
+
+	.refresh-text {
+		font-size: 12px;
+		color: #0D2E8D;
+		margin-top: 4px;
+		text-align: center;
+	}
+
+	.supplement-photo-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-top: 10px;
+		padding: 8px 12px;
+		background-color: #f0f5ff;
+		border: 1px dashed #0D2E8D;
+		border-radius: 4px;
+		color: #0D2E8D;
+		font-size: 14px;
+		width: 30%;
+
+		text {
+			margin-left: 4px;
+		}
+	}
+
+	.upload-tips {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 10px;
+		color: #0D2E8D;
+		font-size: 14px;
+
+		text {
+			margin-left: 8px;
+		}
+	}
+
+	/* 添加悬浮编辑按钮样式 */
+	.floating-edit-btn {
+		position: fixed;
+		right: 20px;
+		bottom: 200px;
+		/* 放在刷新按钮上方 */
+		width: 70px;
+		height: 70px;
+		background-color: #fff;
+		border-radius: 50%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+		z-index: 998;
+	}
+
+	.edit-text {
+		font-size: 12px;
+		color: #0D2E8D;
+		margin-top: 4px;
+		text-align: center;
+	}
+
+
+
+	/* 横向布局的悬浮按钮样式 */
+	// .floating-refresh-btn-horizontal {
+	// 	position: fixed;
+	// 	right: 20px;
+	// 	bottom: 100px;
+	// 	background-color: #fff;
+	// 	border-radius: 25px;
+	// 	display: flex;
+	// 	align-items: center;
+	// 	justify-content: center;
+	// 	padding: 8px 12px;
+	// 	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+	// 	z-index: 998;
+	// }
+
+	// .floating-refresh-btn-horizontal .refresh-text {
+	// 	font-size: 14px;
+	// 	color: #0D2E8D;
+	// 	margin-left: 6px;
+	// }
+
+	/* 上传提示样式 */
+	.upload-tips {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 10px;
+		color: #0D2E8D;
+		font-size: 14px;
+		margin: 10px 0;
+
+		text {
+			margin-left: 8px;
+		}
+	}
+
+	/* 禁用状态样式 */
+	.cancel-button:disabled,
+	.confirm-button:disabled {
+		opacity: 0.6;
+		pointer-events: none;
+	}
+
+	.payment-options {
+		display: flex;
+		justify-content: space-around;
+		margin: 20px 0;
+	}
+
+	.payment-option {
+		/* display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 10px;
+		border: 1px solid #ddd;
+		border-radius: 8px;
+		min-width: 80px; */
+		flex: 1;
+		/* 改为自动宽度 */
+		min-width: 100rpx;
+		/* 设置最小宽度 */
+		margin: 4px;
+		/* 调整边距 */
+		padding: 10px;
+		text-align: center;
+		border: 1px solid #0D2E8D;
+		color: #0D2E8D;
+		border-radius: 5px;
+		white-space: nowrap;
+	}
+
+	.payment-option.active {
+		border-color: #0D2E8D;
+		background-color: #dde8ff;
+	}
+
+	.payment-option text {
+		margin-top: 8px;
+		font-size: 14px;
+	}
+
+	.payment-option.disabled {
+		color: #aaa;
+		/* 文字浅灰 */
+		border: 1px dashed #ccc;
+		/* 边框改为灰色虚线 */
+		background-color: #f0f0f0;
+		/* 浅灰背景 */
+		opacity: 0.8;
+		/* 稍微透明 */
+		pointer-events: none;
+		/* 禁止点击 */
+	}
+
+	.pay_font {
+		margin-bottom: 10rpx;
+		font-size: 32rpx;
+		font-weight: bold;
+	}
+
+	/* 二维码弹框样式 */
+	.code-popup-container {
+		width: 300px;
+		background-color: #fff;
+		border-radius: 12px;
+		padding: 20px;
+		position: relative;
+	}
+
+	.code-popup-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 15px;
+	}
+
+	.code-popup-header-money {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-bottom: 15px;
+	}
+
+	.code-popup-title {
+		font-size: 18px;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.code-popup-close {
+		padding: 5px;
+		cursor: pointer;
+	}
+
+	.code-popup-content {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.select-box {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		// border-bottom: 1px solid #eee;
+		padding: 20rpx 0;
+		width: 100%;
+	}
+
+	.select-box-gz {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-bottom: 1px solid #eee;
+		padding: 20rpx 0;
+		width: 100%;
+	}
+
+	.placeholder {
+		color: #999;
+	}
+
+	.repair-popup {
+		max-height: 70vh;
+		/* 限制最大高度 */
+		display: flex;
+		flex-direction: column;
+	}
+
+	.popup-scroll {
+		flex: 1;
+		max-height: calc(80vh - 60px);
+		/* 减去按钮区域的高度 */
+		overflow-y: auto;
+	}
+
+	.title-content-s {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-bottom: 10px;
+	}
+</style>
\ No newline at end of file