更新 支付完成页面， 首页 医院简介 跳转

Laravel/app/Http/Controllers/API/H5/HomeController.php

@@ -37,7 +37,10 @@ class HomeController extends Controller
 //      ]]
       'tip' => $this->getValueByLabel($db_config, '首页欢迎词'),
       'logo' => $hospitals[0]->logo,
-      'banner' => $this->getValueByLabel($db_config, '首页banner'),
+      'banner' => [
+        'image' => $this->getValueByLabel($db_config, '首页banner'),
+        'jump' => 'https://www.hnxd.org/list-jkglzx.html',
+      ],
       'order' => [[
         'message' => '',
         'name' => '个人体检预约',

h5/pages/buy/done/done.vue

@@ -27,7 +27,7 @@
 	});
 
 	const mountedAction = () => {
-
+		getOrderInfo()
 	}
 
 	const config_ref = ref(null)
@@ -38,6 +38,37 @@
 		}
 	}
 
+	const order_info = ref({
+		status: 1,
+		combo_id: 1,
+		combo_name: '中心动脉硬化检测体检',
+		item_ids: [1, 2, 3, 4],
+		item_info: [{
+			name: '抽血1'
+		}, {
+			name: '抽血2'
+		}, {
+			name: '抽血3'
+		}, {
+			name: '抽血4'
+		}],
+		name: '周子轩',
+		id_number: '130322199409090090',
+		order_number: '1000034',
+		order_time: '2024-12-12 12:12:12',
+		type: '个检',
+		price: '300.00'
+	})
+	const getOrderInfo = async () => {
+
+	}
+
+	const toOrderList = () => {
+		uni.redirectTo({
+			url: '/pages/main/order/order'
+		})
+	}
+
 	onShow(() => {
 		if (!!config_ref.value) {
 			mountedAction()
@@ -49,9 +80,138 @@
 		<view v-if="!!$store.config">
 			<view :ref="configRef"></view>
 		</view>
-		<view>支付完成 订单号 [{{ $props.id }}]</view>
+		<view v-if="!!order_info">
+			<view v-if="order_info.status === 1" class="order_done_wrapper">
+				<view class="order_icon_wrapper">
+					<view class="order_icon_image_wrapper">
+						<image src="@/static/assets/buy/buy_done@2x.png"></image>
+					</view>
+					<view class="order_icon_tip_wrapper">恭喜您，支付成功！</view>
+				</view>
+				<view class="order_info_wrapper">
+					<view class="order_info_title_wrapper">{{ order_info.combo_name }}</view>
+					<view class="order_info_line_wrapper">
+						<view class="order_info_label_wrapper">体检人：</view>
+						<view class="order_info_value_wrapper">{{ order_info.name }}</view>
+					</view>
+					<view class="order_info_line_wrapper">
+						<view class="order_info_label_wrapper">证件号码：</view>
+						<view class="order_info_value_wrapper">{{ order_info.id_number }}</view>
+					</view>
+					<view class="order_info_line_wrapper">
+						<view class="order_info_label_wrapper">预约单号：</view>
+						<view class="order_info_value_wrapper">{{ order_info.order_number }}</view>
+					</view>
+					<view class="order_info_line_wrapper">
+						<view class="order_info_label_wrapper">预约时间：</view>
+						<view class="order_info_value_wrapper">{{ order_info.order_time }}</view>
+					</view>
+					<view class="order_info_line_wrapper">
+						<view class="order_info_label_wrapper">类型：</view>
+						<view class="order_info_value_wrapper">{{ order_info.type }}</view>
+					</view>
+					<view class="order_info_price_wrapper">
+						<view class="order_info_label_wrapper">订单金额：</view>
+						<view class="order_info_value_wrapper">¥{{ order_info.price }}</view>
+					</view>
+				</view>
+				<view @click="toOrderList()" class="check_done_wrapper">确认并关闭</view>
+			</view>
+		</view>
 	</view>
 </template>
+<style>
+	page {
+		background: #ffffff;
+	}
+</style>
 <style scoped>
+	.check_done_wrapper {
+		width: 580rpx;
+		height: 90rpx;
+		margin: 120rpx auto 0;
+		border-radius: 999rpx;
+		background: #35ACB2;
+		font-weight: 500;
+		font-size: 31rpx;
+		color: #F6FDFD;
+		line-height: 90rpx;
+		text-align: center;
+	}
+
+	.order_info_line_wrapper {
+		display: flex;
+		align-items: center;
+		font-weight: normal;
+		font-size: 24rpx;
+		color: #666666;
+		line-height: 48rpx;
+	}
+
+	.order_info_value_wrapper {
+		color: #000000;
+	}
+
+	.order_info_price_wrapper {
+		display: flex;
+		align-items: center;
+		font-weight: normal;
+		font-size: 24rpx;
+		color: #000000;
+		line-height: 48rpx;
+		margin-top: 20rpx;
+	}
+
+	.order_info_price_wrapper .order_info_value_wrapper {
+		color: #FF0000;
+	}
+
+	.order_info_title_wrapper {
+		font-weight: 500;
+		font-size: 30rpx;
+		color: #0BBACF;
+		line-height: 45rpx;
+		border-bottom: solid 1rpx #0BBACF;
+		padding-bottom: 15rpx;
+		margin-bottom: 10rpx;
+	}
+
+	.order_info_wrapper {
+		width: calc(660rpx - 110rpx);
+		background: #E6F8FA;
+		border-radius: 15rpx;
+		margin: 91rpx auto 0;
+		padding: 30rpx 55rpx;
+	}
+
+	.order_icon_tip_wrapper {
+		font-weight: 500;
+		font-size: 36rpx;
+		color: #181818;
+		line-height: 1;
+		margin-top: 31rpx;
+		text-align: center;
+	}
+
+	.order_done_wrapper {
+		width: 750rpx;
+		margin: 0 auto;
+	}
+
+	.order_icon_wrapper {
+		margin-top: 71rpx;
+	}
+
+	.order_icon_image_wrapper {
+		width: 165rpx;
+		height: 165rpx;
+		margin: 0 auto;
+	}
 
+	.order_icon_image_wrapper image {
+		width: 165rpx;
+		height: 165rpx;
+		display: inline-block;
+		object-fit: contain;
+	}
 </style>

h5/pages/main/index/index.vue

@@ -175,6 +175,18 @@
 		})
 	}
 
+	const bannderClick = () => {
+		if (!!$store.config.banner.jump) {
+			if ($store.config.banner.jump.includes('https://')) {
+				window.location.href = $store.config.banner.jump
+			} else if ($store.config.banner.jump.includes('/pages/')) {
+				uni.navigateTo({
+					url: $store.config.banner.jump
+				})
+			}
+		}
+	}
+
 	onShow(() => {
 		if (!!user_box_ref.value) {
 			getLong()
@@ -185,8 +197,8 @@
 <template>
 	<view>
 		<view v-if="!!$store.config">
-			<view class="bannder_wrapper">
+			<view @click="bannderClick()" class="bannder_wrapper">
-				<image :src="$image($store.config.banner)"></image>
+				<image :src="$image($store.config.banner.image)"></image>
 			</view>
 			<view v-if="!!$store.user" class="user_wrapper">
 				<view class="user_box_wrapper" :ref="userBoxRef">