From 73ac6d02a2223f19201426f3c366661d4a8e41bf Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 25 二月 2025 17:14:37 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/LifePaymentFront

---
 packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue |  121 ++++++++++++++++++++++++++++++---------
 1 files changed, 92 insertions(+), 29 deletions(-)

diff --git a/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue b/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
index 6df3a0e..4309f0c 100644
--- a/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
+++ b/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="select-pay-type-view">
-    <div class="select-pay-type-view-item" @click="handleAliPay">
+    <div class="select-pay-type-view-item" v-if="showAliPay" @click="handleAliPay">
       <img class="select-pay-type-view-item-icon" :src="IconAliPay" />
       <div class="select-pay-type-view-item-text">鏀粯瀹濇敮浠�</div>
     </div>
-    <div class="select-pay-type-view-item">
+    <div class="select-pay-type-view-item" v-if="showWeixinPay" @click="handleWeixinPayByJsApi">
       <img class="select-pay-type-view-item-icon" :src="IconWeixin" />
       <div class="select-pay-type-view-item-text">寰俊鏀粯</div>
     </div>
@@ -14,28 +14,42 @@
 <script setup lang="ts">
 import IconWeixin from '../../../assets/icon-weixin-pay.png';
 import IconAliPay from '../../../assets/icon-alipay.png';
-import Taro from '@tarojs/taro';
 import {
   useLifeRechargeContext,
   SetLifePayOrderPayTypeInput,
   LifeRechargeConstants,
-} from '../../utils';
+  GetPayOrderForJsAPIInput,
+} from '@life-payment/core-vue';
 import { useQuery } from '@tanstack/vue-query';
 
 defineOptions({
   name: 'SelectPayTypeView',
 });
 
-// type Props = {};
+type Props = {
+  orderNo?: string;
+  lifePayOrderType?: LifeRechargeConstants.LifePayOrderTypeEnum;
+  showAliPay?: boolean;
+  showWeixinPay?: boolean;
+  openId?: string;
+  isInWeChat?: boolean;
+  isH5?: boolean;
+  appId?: string;
+};
 
-// const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+  showAliPay: true,
+  showWeixinPay: true,
+});
 
 const emit = defineEmits<{
-  (e: 'paySuccess', id: number): void;
+  (
+    e: 'paySuccess',
+    orderNo: string,
+    lifePayOrderType: LifeRechargeConstants.LifePayOrderTypeEnum
+  ): void;
+  (e: 'payOrderForJsAPISuccess'): void;
 }>();
-
-const router = Taro.useRouter();
-const orderNo = router.params?.orderNo ?? '';
 
 const { blLifeRecharge } = useLifeRechargeContext();
 
@@ -48,32 +62,81 @@
   } catch (error) {}
 }
 
+async function handleWeixinPay() {
+  if (props.isH5) {
+    if (props.isInWeChat) {
+      handleWeixinPayByJsApi();
+    } else {
+      try {
+        let res = await setLifePayOrderPayType(blLifeRecharge.constants.LifePayTypeEnum.WxPay);
+        if (res) {
+          location.href = res;
+        }
+      } catch (error) {}
+    }
+  }
+}
+
+async function handleWeixinPayByJsApi() {
+  try {
+    let params: GetPayOrderForJsAPIInput = {
+      orderNo: props.orderNo,
+      lifePayType: blLifeRecharge.constants.LifePayTypeEnum.WxPay,
+      openId: props.openId,
+      attach: Date.now().toString(),
+    };
+    let res = await blLifeRecharge.services.getPayOrderForJsAPI(params);
+    //@ts-ignore
+    if (res && WeixinJSBridge) {
+      //@ts-ignore
+      WeixinJSBridge.invoke(
+        'getBrandWCPayRequest',
+        {
+          appId: props.appId, //鍏紬鍙稩D锛岀敱鍟嗘埛浼犲叆
+          timeStamp: res.timestamp, //鏃堕棿鎴筹紝鑷�1970骞翠互鏉ョ殑绉掓暟
+          nonceStr: res.nonceStr, //闅忔満涓�
+          package: res.package,
+          signType: res.signType, //寰俊绛惧悕鏂瑰紡锛�
+          paySign: res.paySign, //寰俊绛惧悕
+        },
+        function (res) {
+          if (res.err_msg == 'get_brand_wcpay_request:ok') {
+            // 浣跨敤浠ヤ笂鏂瑰紡鍒ゆ柇鍓嶇杩斿洖,寰俊鍥㈤槦閮戦噸鎻愮ず锛�
+            //res.err_msg灏嗗湪鐢ㄦ埛鏀粯鎴愬姛鍚庤繑鍥瀘k锛屼絾骞朵笉淇濊瘉瀹冪粷瀵瑰彲闈狅紝鍟嗘埛闇�杩涗竴姝ヨ皟鐢ㄥ悗绔煡鍗曠‘璁ゆ敮浠樼粨鏋溿��
+          }
+        }
+      );
+    }
+  } catch (error) {}
+}
+
 async function setLifePayOrderPayType(lifePayType: LifeRechargeConstants.LifePayTypeEnum) {
   try {
     let params: SetLifePayOrderPayTypeInput = {
-      orderNo: orderNo,
+      orderNo: props.orderNo,
       lifePayType: lifePayType,
     };
     return await blLifeRecharge.services.setLifePayOrderPayType(params);
   } catch (error) {}
 }
 
-// useQuery({
-//   queryKey: ['platformServicePayServices/getPlaformServicePayQRCode', orderNo],
-//   queryFn: async () => {
-//     return await blLifeRecharge.services.getPayStatusByOrderNo(
-//       {
-//         orderNo,
-//       },
-//       {
-//         showLoading: false,
-//       }
-//     );
-//   },
-//   onSuccess(data) {
-//     if (data === blLifeRecharge.constants.LifePayStatusEnum.宸叉敮浠�) {
-//     }
-//   },
-//   refetchInterval: 1000 * 3,
-// });
+useQuery({
+  queryKey: ['platformServicePayServices/getPayStatusByOrderNo', props.orderNo],
+  queryFn: async () => {
+    return await blLifeRecharge.services.getPayStatusByOrderNo(
+      {
+        orderNo: props.orderNo,
+      },
+      {
+        showLoading: false,
+      }
+    );
+  },
+  onSuccess(data) {
+    if (data === blLifeRecharge.constants.LifePayStatusEnum.宸叉敮浠�) {
+      emit('paySuccess', props.orderNo, props.lifePayOrderType);
+    }
+  },
+  refetchInterval: 1000 * 3,
+});
 </script>

--
Gitblit v1.9.1