hookehuyr

fix

<!--
* @Date: 2024-01-26 10:24:45
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-01-26 17:03:58
* @LastEditTime: 2024-01-26 17:21:40
* @FilePath: /xysBooking/src/views/callback.vue
* @Description: 反馈页面
-->
<template>
<div class="callback-page">
<div style="">
<div v-if="billInfo?.pay_status === PAY_STATUS.FAIL" class="text-prompts">
<img src="https://cdn.ipadbiz.cn/xys/booking/%E6%88%90%E5%8A%9F@2x.png">
<div v-if="pay_status === PAY_STATUS.FAIL" class="text-prompts">
<img src="https://cdn.ipadbiz.cn/xys/booking/shibai.png">
<div class="text">支付失败</div>
</div>
<div v-else class="text-prompts">
......@@ -56,17 +56,18 @@ const PAY_STATUS = {
FAIL: '1',
UNKNOWN: '2',
}
const pay_status = ref('1');
onMounted(async () => {
// 获取订单ID
const { code, data } = await icbcOrderQryAPI({ out_trade_no: $route.query.out_trade_no });
if (code) {
pay_status.value = data.pay_status;
// 获取订单详情
const { code:code_pay, data:data_pay } = await onAuthBillInfoAPI({ pay_id: data.pay_id });
if (code_pay) {
//
data_pay.datetime = data_pay && formatDatetime(data_pay);
data_pay.pay_status = data.pay_status;
billInfo.value = data_pay;
}
}
......@@ -84,11 +85,12 @@ onMounted(async () => {
height: 35vh;
flex-direction: column;
img {
width: 60vw;
width: 50vw;
}
.text {
color: #A67939;
font-size: 1.25rem;
margin-top: 1rem;
}
}
.appointment-information {
......