From 23bfd958545ab5548d561ef6db1eafafe03e4e05 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 22 五月 2025 13:23:13 +0800
Subject: [PATCH] fix: 修改ui
---
packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeBaseForm.vue | 35 +++++++++++++++++++++++------------
1 files changed, 23 insertions(+), 12 deletions(-)
diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeBaseForm.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeBaseForm.vue
index fb99f51..51222db 100644
--- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeBaseForm.vue
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeBaseForm.vue
@@ -4,10 +4,10 @@
ref="formRef"
:rules="rules"
label-position="top"
- class="order-bill-recharge phone"
+ class="order-bill-recharge phone chunk-form"
>
<NutFormItem label="閫夋嫨杩愯惀鍟�:" class="bole-form-item" prop="ispCode" required>
- <NutRadioGroup v-model="form.ispCode" direction="horizontal">
+ <NutRadioGroup v-model="form.ispCode" direction="horizontal" @change="handleIspCodeChange">
<BlRadio
:label="key"
v-for="(val, key) in BlLifeRecharge.constants.IspCodeText"
@@ -22,24 +22,25 @@
class="bole-input-text"
placeholder="璇峰～鍐欐偍闇�瑕佸厖鍊肩殑鎵嬫満鍙风爜"
type="text"
+ placeholderClass="bole-input-text-placeholder"
/>
</NutFormItem>
- <NutFormItem
- label="濮撳悕"
- class="bole-form-item"
- prop="name"
- required
- v-if="form.ispCode === BlLifeRecharge.constants.IspCode.dianxin"
- >
+ <NutFormItem label="鏈轰富濮撳悕" class="bole-form-item" prop="name" required>
<NutInput
v-model.trim="form.name"
class="bole-input-text"
- placeholder="璇峰～鍐欐偍鐨勫鍚�"
+ placeholder="璇峰～鍐欏厖鍊兼墜鏈哄彿瀵瑰簲鐨勬埛涓诲鍚�"
type="text"
+ placeholderClass="bole-input-text-placeholder"
/>
</NutFormItem>
<slot></slot>
</NutForm>
+ <NutDialog
+ title="鎻愮ず"
+ content="鐢典俊鍙厖鍊煎尯鍩熷寘鎷細骞夸笢銆佹睙鑻忋�佹箹鍖椼�佸洓宸濄�佹睙瑗裤�佹渤鍖椼�佹渤鍗椼�佺寤恒�佽窘瀹併�傚叾瀹冨尯鍩熸鍦ㄥ垎鎵规杩涜缁存姢涓紝鍦ㄦ鏈熼棿鍙兘浼氬嚭鐜板厖鍊间笉鎴愬姛骞惰嚜鍔ㄩ��娆剧殑鎯呭喌锛岃鎮ㄨ皡瑙ｃ��"
+ v-model:visible="dialogVisible"
+ />
</template>
<script setup lang="ts">
@@ -48,12 +49,13 @@
FormItem as NutFormItem,
RadioGroup as NutRadioGroup,
Input as NutInput,
+ Dialog as NutDialog,
} from '@nutui/nutui-taro';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import { reactive, ref, computed } from 'vue';
import BlRadio from '../../components/Radio/Radio.vue';
import { FormValidator } from '../../utils';
-import { BlLifeRecharge } from '@life-payment/core-vue';
+import { BlLifeRecharge, LifeRechargeConstants } from '@life-payment/core-vue';
defineOptions({
name: 'PhoneBillRechargeBaseForm',
@@ -71,9 +73,18 @@
{ required: true, message: '璇疯緭鍏ュ厖鍊兼墜鏈哄彿' },
{ validator: FormValidator.validatorPhoneNumber, message: '璇疯緭鍏ユ纭殑鎵嬫満鍙�' },
],
- name: [{ required: true, message: '璇疯緭鍏ュ鍚�' }],
+ name: [{ required: true, message: '璇峰～鍐欏厖鍊兼墜鏈哄彿瀵瑰簲鐨勬埛涓诲鍚�' }],
});
+const dialogVisible = ref(false);
+
+function handleIspCodeChange(ispCode: LifeRechargeConstants.IspCode) {
+ console.log('ispCode: ', ispCode);
+ if (ispCode === LifeRechargeConstants.IspCode.dianxin) {
+ dialogVisible.value = true;
+ }
+}
+
const formRef = ref<any>(null);
defineExpose({
--
Gitblit v1.9.1