Showing
1 changed file
with
7 additions
and
5 deletions
| 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 { | ... | ... |
-
Please register or login to post a comment