From b19e3c0ba4db231b82b2655efe0b73a81571fb84 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 17 三月 2025 14:30:37 +0800
Subject: [PATCH] fix: 修改支付方式选择
---
packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue | 37 +++++++++++++++++++++++++++++++++++++
1 files changed, 37 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue b/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
new file mode 100644
index 0000000..7a01ca9
--- /dev/null
+++ b/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
@@ -0,0 +1,37 @@
+<template>
+ <NutFormItem label="閫夋嫨鏀粯鏂瑰紡" class="bole-form-item" prop="lifePayType" required>
+ <NutRadioGroup v-model="lifePayType" direction="horizontal">
+ <BlRadio
+ :label="Number(lifePayTypeEnum)"
+ v-for="(lifePayTypeEnumText, lifePayTypeEnum) in LifeRechargeConstants.LifePayTypeEnumText"
+ :key="lifePayTypeEnum"
+ shape="button"
+ class="select-pay-type-view-form-item-radio"
+ >
+ <div class="select-pay-type-view-form-item">
+ <img class="select-pay-type-view-form-item-icon" :src="IconMap[lifePayTypeEnum]" />
+ {{ lifePayTypeEnumText }}
+ </div>
+ </BlRadio>
+ </NutRadioGroup>
+ </NutFormItem>
+</template>
+
+<script setup lang="ts">
+import { LifeRechargeConstants } from '@life-payment/core-vue';
+import { FormItem as NutFormItem, RadioGroup as NutRadioGroup } from '@nutui/nutui-taro';
+import BlRadio from '../Radio/Radio.vue';
+import IconWeixin from '../../assets/icon-weixin-pay.png';
+import IconAliPay from '../../assets/icon-alipay.png';
+
+defineOptions({
+ name: 'SelectPayTypeFormItem',
+});
+
+const lifePayType = defineModel<LifeRechargeConstants.LifePayTypeEnum>();
+
+const IconMap = {
+ [LifeRechargeConstants.LifePayTypeEnum.WxPay]: IconWeixin,
+ [LifeRechargeConstants.LifePayTypeEnum.AliPay]: IconAliPay,
+};
+</script>
--
Gitblit v1.9.1