zhangyan
/
hainan_2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
wenjuan
鹿和sa0ChunLuyu 1 year ago
parent 364d239fd2
commit eadcef3a0e
4 changed files with 181 additions and 6 deletions
Show Stats Download Patch File Download Diff File

5
Laravel/app/Http/Controllers/API/H5/HomeController.php
Unescape Escape View File

@ -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' => '个人体检预约',

164
h5/pages/buy/done/done.vue
Unescape Escape View File

@ -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>

16
h5/pages/main/index/index.vue
Unescape Escape View File

@ -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">
<image :src="$image($store.config.banner)"></image>
<view @click="bannderClick()" class="bannder_wrapper">
<image :src="$image($store.config.banner.image)"></image>
</view>
<view v-if="!!$store.user" class="user_wrapper">
<view class="user_box_wrapper" :ref="userBoxRef">

BIN
h5/static/assets/buy/buy_done@2x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

Write Preview
Loading…
Cancel
Save