From a004862fe5152e2c5728fa7d81af871335a30e96 Mon Sep 17 00:00:00 2001
From: ChuShiZ <slw0830@163.com>
Date: Fri, 23 Aug 2024 18:41:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/rescue/initiate.vue | 24 ++++++++-------
 pages/rescue/rescue.vue   | 62 ++++++++++++++++++++++++++++-----------
 2 files changed, 59 insertions(+), 27 deletions(-)

diff --git a/pages/rescue/initiate.vue b/pages/rescue/initiate.vue
index 66734f2..cf3255f 100644
--- a/pages/rescue/initiate.vue
+++ b/pages/rescue/initiate.vue
@@ -100,23 +100,26 @@
 					</view>
 				</view>
 			</view>
-		
+
 			<view class="tinput">
 				<view class="text1"> 现场图片</view>
 				<view class="you">
 					<!-- <input type="text" placeholder="请输入现场图片"> -->
-					<text style="color: #929292;font-size: 24rpx">上传图片</text>
+					<!-- 上传图片 -->
+					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="10">
+						<view style="display: flex;align-items: center;justify-content: center;height: 100%;">
+							<text style="color: #929292;font-size: 24rpx">上传图片</text>
+						</view>
+					</u-upload>
 				</view>
 			</view>
 			<view class="tinput">
 				<view class="text1"> 备注</view>
 				<view class="you">
-					<input type="text" placeholder-style="color: #929292;font-size: 24rpx" placeholder="添加备注" v-model="rescueDetail">
+					<input type="text" placeholder-style="color: #929292;font-size: 24rpx" placeholder="添加备注"
+						v-model="rescueDetail">
 				</view>
 			</view>
-			<!-- 上传图片 -->
-			<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
-				:maxCount="10"></u-upload>
 			<u-datetime-picker :show="show" v-model="value1" @confirm="confirms" @cancel="cancels"
 				mode="datetime"></u-datetime-picker>
 
@@ -165,7 +168,8 @@
 				rescueSceneImage: [],
 				rescueTime: '请选择约定时间',
 				carzhi: 0,
-				car: [{
+				car: [
+					{
 						text: '大',
 						id: 1
 					},
@@ -662,10 +666,10 @@
 		box-sizing: border-box;
 		padding: 36rpx;
 		margin-top: 14px;
-		
+
 		background: #FFFFFF;
 		border-radius: 16rpx;
-		border: 2rpx solid rgba(50,125,251,0.05);
+		border: 2rpx solid rgba(50, 125, 251, 0.05);
 	}
 
 	.you {
@@ -706,7 +710,7 @@
 		align-items: center;
 		color: #fff;
 		margin-top: 30rpx;
-		
+
 		background: #327DFB;
 		border-radius: 12rpx;
 	}
diff --git a/pages/rescue/rescue.vue b/pages/rescue/rescue.vue
index 916eb84..15a44ee 100644
--- a/pages/rescue/rescue.vue
+++ b/pages/rescue/rescue.vue
@@ -2,11 +2,11 @@
 <template>
 	<view class="content">
 		<!-- 顶部 -->
-		<view class="content-top">
+		<view class="content-top" :style="{ paddingTop: homeHeaderPaddingTop + 'px' }">
 			<view class="top-two">
 				<view class="top-left">
 					<view class="left1">
-						<text>当前时间</text>
+						<text>日期</text>
 					</view>
 					<view class="left2">
 						<text>{{currentTime || ''}}</text>
@@ -14,10 +14,11 @@
 				</view>
 				<!-- #ifdef APP-PLUS || H5 -->
 				<view class="top-right">
-					<view class="">
-						<uni-icons type="location-filled" color="#fff" size="16"></uni-icons>
-					</view>
 					<view class="">{{positionInfo}}</view>
+					<!-- <view class=""> -->
+						<image class="top-right-icon" src="@/static/icons/bottom.png" mode="aspectFit"></image>
+						<!-- <uni-icons type="location-filled" color="#fff" size="16"></uni-icons> -->
+					<!-- </view> -->
 				</view>
 				<!-- #endif -->
 			
@@ -239,6 +240,16 @@
 	export default {
 		data() {
 			return {
+				// #ifdef MP
+				homeHeaderPaddingTop: 0,
+				homeHeaderMenuHeight: 0,
+				homeHeaderMenuLeft: 0,
+				// #endif
+				// #ifdef APP || H5
+				homeHeaderPaddingTop: uni.upx2px(90),
+				homeHeaderMenuHeight: 50,
+				homeHeaderMenuLeft: 0,
+				// #endif
 				busiTypeList: [{
 						label: '拖车',
 						icon: require('@/static/icons/order/tuoche.png')
@@ -337,6 +348,14 @@
 			this.register()
 			this.jyPushStart()
 			console.log(require('@/static/icons/homeTopMenu/icon_tenement.png'), "require");
+			
+			// #ifdef MP
+			const {barHeight, barTop, menuButtonLeft} = getWXStatusHeight()
+			console.log('barHeight, barTop, menuButtonLeft: ',barHeight, barTop, menuButtonLeft);
+			this.homeHeaderPaddingTop = barTop || 0
+			this.homeHeaderMenuHeight = barHeight
+			this.homeHeaderMenuLeft = menuButtonLeft - 6
+			// #endif
 		},
 		onShow() {
 			this.timeWeekFormat()
@@ -633,20 +652,21 @@
 	}
 
 	.top-left {
-		width: 180px;
-		height: 26px;
+		height: 58rpx;
 		box-sizing: border-box;
-		border-radius: 50px;
-		background-color: #D1EDFF;
+		// border-radius: 50px;
+		// background-color: #D1EDFF;
 		display: flex;
 		justify-content: space-between;
 		overflow: hidden;
 	}
 
 	.left1 {
-		width: 50%;
-		background: linear-gradient(87deg, #B6E1FF 0%, #339DFF 100%);
-		font-size: 13px;
+	width: 112rpx;
+	height: 58rpx;
+		background: rgba(255, 255, 255, 0.2);
+		border-radius: 200rpx 0rpx 0rpx 200rpx;
+		font-size: 26rpx;
 		color: white;
 		font-weight: 400;
 		text-align: center;
@@ -656,9 +676,11 @@
 	}
 
 	.left2 {
-		width: 50%;
-		background: #D1EDFF;
-		font-size: 13px;
+		width: 146rpx;
+		height: 58rpx;
+		background: #FFFFFF;
+		border-radius: 0rpx 29rpx 29rpx 0rpx;
+		font-size: 26rpx;
 		color: #207EFE;
 		font-weight: 400;
 		text-align: center;
@@ -670,15 +692,20 @@
 	.top-right {
 		display: flex;
 		align-items: center;
-		font-size: 14px;
+		font-size: 34rpx;
 		font-weight: 400;
 		color: #fff;
+		line-height: 1;
+		.top-right-icon {
+			width: 44rpx;
+			height: 44rpx;
+		}
 	}
 	
 	.top-menu {
 		display: flex;
 		justify-content: space-between;
-		padding: 42rpx 0 32rpx;
+		padding: 50rpx 0 36rpx;
 	}
 	.top-menu-item {
 		color: #fff;
@@ -686,6 +713,7 @@
 		flex-direction: column;
 		align-items: center;
 		row-gap: 12rpx;
+		font-size: 28rpx;
 	}
 	.top-menu-item-icon {
 		width: 60rpx;