fix 回调页面调整

 <!--
 <!--
  * @Date: 2024-01-26 10:24:45
  * @Date: 2024-01-26 10:24:45
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-26 17:21:40
+ * @LastEditTime: 2024-01-29 13:44:24
  * @FilePath: /xysBooking/src/views/callback.vue
  * @FilePath: /xysBooking/src/views/callback.vue
  * @Description: 反馈页面
  * @Description: 反馈页面
 -->
 -->
@@ -21,6 +21,9 @@
         <div class="visit-time">参访时间：<span>{{ billInfo?.datetime }}</span></div>
         <div class="visit-time">参访时间：<span>{{ billInfo?.datetime }}</span></div>
         <div class="payment-amount">支付金额：<span>¥ {{ billInfo?.total_amt }}</span></div>
         <div class="payment-amount">支付金额：<span>¥ {{ billInfo?.total_amt }}</span></div>
       </div>
       </div>
+      <div style="border-bottom: 1px dashed #A67939; padding: 0.5rem; display: flex; justify-content: center;">
+        <van-button color="#A67939" size="small" @click="returnMerchant()">返回商户</van-button>
+      </div>
       <!-- <div class="appointment-notice">
       <!-- <div class="appointment-notice">
         <p style="margin-bottom: 0.25rem;"><van-icon name="info-o" />&nbsp;温馨提示</p>
         <p style="margin-bottom: 0.25rem;"><van-icon name="info-o" />&nbsp;温馨提示</p>
         <p style="font-size: 0.85rem;">1. 一人一码，或拿身份证，扫码或识别身份证成功后进入</p>
         <p style="font-size: 0.85rem;">1. 一人一码，或拿身份证，扫码或识别身份证成功后进入</p>
@@ -58,19 +61,48 @@ const PAY_STATUS = {
 }
 }
 const pay_status = ref('1');
 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;
+//获取url中返回参数
+function  getQueryString(name) {
+  var query = window.location.search.substring(1);
+  var vars = query.split("&");
+  for (var i = 0; i < vars.length; i++) {
+      var pair = vars[i].split("=");
+      if (pair[0] == name) {
+          return pair[1];
+      }
+  }
+  return null;
+}
+
+
+const out_trade_no = getQueryString('out_trade_no');
+
+const callback = async () => {
   // 获取订单详情
   // 获取订单详情
-    const { code:code_pay, data:data_pay } = await onAuthBillInfoAPI({ pay_id: data.pay_id });
+  const { code:code_pay, data:data_pay } = await onAuthBillInfoAPI({ pay_id: out_trade_no });
   if (code_pay) {
   if (code_pay) {
     //
     //
     data_pay.datetime = data_pay && formatDatetime(data_pay);
     data_pay.datetime = data_pay && formatDatetime(data_pay);
     billInfo.value = data_pay;
     billInfo.value = data_pay;
+
+    var mchData = { action: 'onIframeReady', displayStyle: 'SHOW_CUSTOM_PAGE', height: 404 };
+    let postData = JSON.stringify(mchData);
+    top.postMessage(postData, '*');
   }
   }
+}
+
+const returnMerchant = () => {
+  var mchData = {
+    action: 'jumpOut',
+    jumpOutUrl: window.location.origin + window.location.pathname   //跳转的页面
   }
   }
+  console.log('调用成功',mchData);
+  var postData = JSON.stringify(mchData)
+  top.postMessage(postData, "*")
+}
+callback();
+
+onMounted(async () => {
 })
 })
 </script>
 </script>
 
 
@@ -82,10 +114,10 @@ onMounted(async () => {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     justify-content: center;
     justify-content: center;
-    height: 35vh;
+    height: 20vh;
     flex-direction: column;
     flex-direction: column;
     img {
     img {
-      width: 50vw;
+      width: 30vw;
     }
     }
     .text {
     .text {
       color: #A67939;
       color: #A67939;
@@ -94,9 +126,9 @@ onMounted(async () => {
     }
     }
   }
   }
   .appointment-information {
   .appointment-information {
-    padding: 2rem 1rem;
-    border-bottom: 1px dashed #A67939;
+    padding: 1rem;
     line-height: 2;
     line-height: 2;
+    padding-bottom: 0;
     .number-of-visitors {
     .number-of-visitors {
       span {
       span {
         color: #A67939;
         color: #A67939;