hookehuyr

fix

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