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 | 66 ++++++++++++++++++++++++++++++---
1 files changed, 60 insertions(+), 6 deletions(-)
diff --git a/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue b/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
index 818faa5..68e0711 100644
--- a/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
+++ b/packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue
@@ -1,25 +1,79 @@
<template>
<div class="select-pay-type-view">
- <div class="select-pay-type-view-item">
+ <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 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<{
+ (
+ e: 'paySuccess',
+ orderNo: string,
+ lifePayOrderType: LifeRechargeConstants.LifePayOrderTypeEnum
+ ): void;
+ (e: 'payOrderForJsAPISuccess'): void;
+}>();
+
+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 {
+ await invokeAliPay(props.orderNo);
+ } catch (error) {}
+}
+
+async function handleWeixinPay() {
+ try {
+ await invokeWeixinPay(props.orderNo);
+ } catch (error) {}
+}
+
+useGetPayStatusByOrderNo({
+ orderNo: toRef(props, 'orderNo'),
+ enabled: computed(() => props.isFocus),
+ onPaySuccess() {
+ emit('paySuccess', props.orderNo, props.lifePayOrderType);
+ },
+});
</script>
--
Gitblit v1.9.1