From 9453bef1fc4a3121b28ffa6617f0fbfc81d9f634 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 19 五月 2025 17:35:11 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep2.vue | 70 +++++++++++++++++++---------------
1 files changed, 39 insertions(+), 31 deletions(-)
diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep2.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep2.vue
index 4912744..1319215 100644
--- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep2.vue
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep2.vue
@@ -6,34 +6,36 @@
label-position="top"
class="order-bill-recharge phone"
>
- <NutFormItem class="bole-form-item" prop="currentUserAccountId">
- <NutRadioGroup
- v-model="form.currentUserAccountId"
- direction="horizontal"
- class="par-account-list"
- v-if="userAccountAllList.length > 0"
- @change="handleUserAccountChange"
- >
- <NutRadio
- :label="item.id"
- shape="button"
- v-for="item in userAccountAllList"
- :key="item.id"
- >{{ item.content }}</NutRadio
+ <Chunk borderRadiusSmall>
+ <NutFormItem class="bole-form-item" prop="currentUserAccountId">
+ <NutRadioGroup
+ v-model="form.currentUserAccountId"
+ direction="horizontal"
+ class="par-account-list"
+ v-if="userAccountAllList.length > 0"
+ @change="handleUserAccountChange"
>
- </NutRadioGroup>
- <AccountCard
- v-if="userAccountAllList.length > 0"
- title="鍏呭�兼墜鏈哄彿"
- :content="form.phone"
- :remark="form.remark"
- >
- <template #action>
- <div class="account-card-action" @click="handleAddUserAccount">鏂板</div>
- </template>
- </AccountCard>
- <AccountAddCard v-else @click="handleAddUserAccount" />
- </NutFormItem>
+ <NutRadio
+ :label="item.id"
+ shape="button"
+ v-for="item in userAccountAllList"
+ :key="item.id"
+ >{{ item.content }}</NutRadio
+ >
+ </NutRadioGroup>
+ <AccountCard
+ v-if="userAccountAllList.length > 0"
+ title="鍏呭�兼墜鏈哄彿"
+ :content="form.phone"
+ :remark="form.remark"
+ >
+ <template #action>
+ <div class="account-card-action" @click="handleAddUserAccount">鏂板</div>
+ </template>
+ </AccountCard>
+ <AccountAddCard v-else @click="handleAddUserAccount" />
+ </NutFormItem>
+ </Chunk>
<NutFormItem label="閫夋嫨鍏呭�奸噾棰�" class="bole-form-item" prop="parValue" required>
<NutRadioGroup v-model="form.parValue" direction="horizontal" class="parValue-radio-group">
@@ -55,7 +57,7 @@
{{ blLifeRecharge.getRechargeParValue(item, lifePayPhoneRate) }}鍏�
</div>
</div>
- <div class="discountTag">{{ lifePayPhoneRate }}鎶�</div>
+ <div class="discountTag" v-if="lifePayPhoneRate > 0">{{ lifePayPhoneRate }}鎶�</div>
</div>
</NutRadio>
</NutRadioGroup>
@@ -115,6 +117,7 @@
import SelectPayTypeFormItem from '../../components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue';
import { useSelectPayType, useGetPayStatusByOrderNo } from '../../hooks/selectPayType';
import { RechargeProps } from './types';
+import Chunk from '../../components/Layout/Chunk.vue';
defineOptions({
name: 'PhoneBillRechargeStep2',
@@ -160,6 +163,7 @@
const emit = defineEmits<{
(e: 'goPay', orderNo: string): void;
(e: 'paySuccess', orderNo: string): void;
+ (e: 'missName', userAccountId: string): void;
}>();
const { lifePayPhoneRate } = useGetRate();
@@ -199,6 +203,10 @@
if (!formRef.value) return;
formRef.value.validate().then(({ valid, errors }: any) => {
if (valid) {
+ if (!form.name) {
+ emit('missName', form.currentUserAccountId);
+ return;
+ }
recharge();
}
});
@@ -211,7 +219,7 @@
}
const { state, invokeAliPay, invokeWeixinPay } = useSelectPayType({
- openId: toRef(props, 'openId'),
+ getOpenId: toRef(props, 'getOpenId'),
isInWeChat: toRef(props, 'isInWeChat'),
isH5: toRef(props, 'isH5'),
appId: toRef(props, 'appId'),
@@ -226,9 +234,9 @@
channelId: blLifeRecharge.accountModel.channlesNum,
productData: {
ispCode: form.ispCode,
- parValue: props.isDev ? 0.1 : form.parValue,
+ parValue: form.parValue,
phone: form.phone,
- name: form.ispCode === BlLifeRecharge.constants.IspCode.dianxin ? form.name : '',
+ name: form.name,
},
};
let res = await blLifeRecharge.services.createLifePayPhoneOrder(params);
--
Gitblit v1.9.1