From 14368e8a09c4b5793d0975f85e36a4c1d410ca36 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 16 五月 2025 17:27:24 +0800
Subject: [PATCH] feat: UI
---
packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue | 39 +++++++++++++++++++++++++++++----------
1 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue b/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
index 7a01ca9..855f7e5 100644
--- a/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
+++ b/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
@@ -2,15 +2,29 @@
<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"
+ :label="LifeRechargeConstants.LifePayTypeEnum.AliPay"
shape="button"
class="select-pay-type-view-form-item-radio"
+ v-if="showAliPay"
>
<div class="select-pay-type-view-form-item">
- <img class="select-pay-type-view-form-item-icon" :src="IconMap[lifePayTypeEnum]" />
- {{ lifePayTypeEnumText }}
+ <img class="select-pay-type-view-form-item-icon" :src="IconAliPay" />
+ {{
+ LifeRechargeConstants.LifePayTypeEnumText[LifeRechargeConstants.LifePayTypeEnum.AliPay]
+ }}
+ </div>
+ </BlRadio>
+ <BlRadio
+ :label="LifeRechargeConstants.LifePayTypeEnum.WxPay"
+ shape="button"
+ class="select-pay-type-view-form-item-radio"
+ v-if="showWeixinPay"
+ >
+ <div class="select-pay-type-view-form-item">
+ <img class="select-pay-type-view-form-item-icon" :src="IconWeixin" />
+ {{
+ LifeRechargeConstants.LifePayTypeEnumText[LifeRechargeConstants.LifePayTypeEnum.WxPay]
+ }}
</div>
</BlRadio>
</NutRadioGroup>
@@ -28,10 +42,15 @@
name: 'SelectPayTypeFormItem',
});
-const lifePayType = defineModel<LifeRechargeConstants.LifePayTypeEnum>();
-
-const IconMap = {
- [LifeRechargeConstants.LifePayTypeEnum.WxPay]: IconWeixin,
- [LifeRechargeConstants.LifePayTypeEnum.AliPay]: IconAliPay,
+type Props = {
+ showAliPay?: boolean;
+ showWeixinPay?: boolean;
};
+
+const props = withDefaults(defineProps<Props>(), {
+ showAliPay: true,
+ showWeixinPay: true,
+});
+
+const lifePayType = defineModel<LifeRechargeConstants.LifePayTypeEnum>();
</script>
--
Gitblit v1.9.1