From 8434c4b22d915ed796f7662cb10817b8e33c47c6 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 17 三月 2025 16:26:37 +0800
Subject: [PATCH] fix: 修改支付方式选择

---
 packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue |   84 +++++++++++++++++++----------------------
 1 files changed, 39 insertions(+), 45 deletions(-)

diff --git a/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue b/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
index 1511491..68e0711 100644
--- a/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
+++ b/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
@@ -1,34 +1,45 @@
 <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="handleWeixinPay">
       <img class="select-pay-type-view-item-icon" :src="IconWeixin" />
       <div class="select-pay-type-view-item-text">寰俊鏀粯</div>
     </div>
+    <NutToast :msg="state.msg" v-model:visible="state.show" type="warn" cover />
   </div>
 </template>
 
 <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';
-import { useQuery } from '@tanstack/vue-query';
+import IconWeixin from '../../assets/icon-weixin-pay.png';
+import IconAliPay from '../../assets/icon-alipay.png';
+import { LifeRechargeConstants } from '@life-payment/core-vue';
+import { Toast as NutToast } from '@nutui/nutui-taro';
+import { computed, toRef } from 'vue';
+import { useSelectPayType, useGetPayStatusByOrderNo } from '../../hooks/selectPayType';
 
 defineOptions({
   name: 'SelectPayTypeView',
 });
 
-// type Props = {};
+type Props = {
+  orderNo?: string;
+  lifePayOrderType?: LifeRechargeConstants.LifePayOrderTypeEnum;
+  showAliPay?: boolean;
+  showWeixinPay?: boolean;
+  openId?: string;
+  isInWeChat?: boolean;
+  isH5?: boolean;
+  appId?: string;
+  isFocus?: boolean;
+};
 
-// const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+  showAliPay: true,
+  showWeixinPay: true,
+});
 
 const emit = defineEmits<{
   (
@@ -36,50 +47,33 @@
     orderNo: string,
     lifePayOrderType: LifeRechargeConstants.LifePayOrderTypeEnum
   ): void;
+  (e: 'payOrderForJsAPISuccess'): void;
 }>();
 
-const router = Taro.useRouter();
-const orderNo = router.params?.orderNo ?? '';
-const lifePayOrderType = Number(router.params?.lifePayOrderType ?? '');
-
-const { blLifeRecharge } = useLifeRechargeContext();
+const { state, invokeAliPay, invokeWeixinPay } = useSelectPayType({
+  openId: toRef(props, 'openId'),
+  isInWeChat: toRef(props, 'isInWeChat'),
+  isH5: toRef(props, 'isH5'),
+  appId: toRef(props, 'appId'),
+});
 
 async function handleAliPay() {
   try {
-    let res = await setLifePayOrderPayType(blLifeRecharge.constants.LifePayTypeEnum.AliPay);
-    if (res) {
-      location.href = res;
-    }
+    await invokeAliPay(props.orderNo);
   } catch (error) {}
 }
 
-async function setLifePayOrderPayType(lifePayType: LifeRechargeConstants.LifePayTypeEnum) {
+async function handleWeixinPay() {
   try {
-    let params: SetLifePayOrderPayTypeInput = {
-      orderNo: orderNo,
-      lifePayType: lifePayType,
-    };
-    return await blLifeRecharge.services.setLifePayOrderPayType(params);
+    await invokeWeixinPay(props.orderNo);
   } catch (error) {}
 }
 
-useQuery({
-  queryKey: ['platformServicePayServices/getPayStatusByOrderNo', orderNo],
-  queryFn: async () => {
-    return await blLifeRecharge.services.getPayStatusByOrderNo(
-      {
-        orderNo,
-      },
-      {
-        showLoading: false,
-      }
-    );
+useGetPayStatusByOrderNo({
+  orderNo: toRef(props, 'orderNo'),
+  enabled: computed(() => props.isFocus),
+  onPaySuccess() {
+    emit('paySuccess', props.orderNo, props.lifePayOrderType);
   },
-  onSuccess(data) {
-    if (data === blLifeRecharge.constants.LifePayStatusEnum.宸叉敮浠�) {
-      emit('paySuccess', orderNo, lifePayOrderType);
-    }
-  },
-  refetchInterval: 1000 * 3,
 });
 </script>

--
Gitblit v1.9.1