From 644d4f695a7e03c54a8673af954f92f53af08e7c Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期五, 07 三月 2025 13:49:25 +0800
Subject: [PATCH] release: @life-payment/components v0.0.5
---
packages/components/src/views/electricBillRecharge/electricBillRecharge.vue | 33 ++++++++++++++++++++++++---------
1 files changed, 24 insertions(+), 9 deletions(-)
diff --git a/packages/components/src/views/electricBillRecharge/electricBillRecharge.vue b/packages/components/src/views/electricBillRecharge/electricBillRecharge.vue
index bc8a618..5efa31d 100644
--- a/packages/components/src/views/electricBillRecharge/electricBillRecharge.vue
+++ b/packages/components/src/views/electricBillRecharge/electricBillRecharge.vue
@@ -6,13 +6,22 @@
label-position="top"
class="order-bill-recharge electric"
>
- <FormItem label="鎵�鍦ㄥ煄甯�" class="bole-form-item" prop="province" required>
+ <FormItem label="鎵�鍦ㄥ尯鍩�" class="bole-form-item" prop="province" required>
<ChooseInputWithPicker
v-model="form.province"
- placeholder="璇烽�夋嫨鍩庡競"
+ placeholder="璇烽�夋嫨鍖哄煙"
:value-enum="electricParValueList"
- enum-label-key="areaName"
- enum-value-key="areaName"
+ enum-label-key="cityName"
+ enum-value-key="cityName"
+ />
+ </FormItem>
+ <FormItem label="鎵�鍦ㄥ煄甯�" class="bole-form-item" prop="city" required v-if="form.province">
+ <ChooseInputWithPicker
+ v-model="form.city"
+ placeholder="璇烽�夋嫨鍩庡競"
+ :value-enum="electricCityList"
+ enum-label-key="cityName"
+ enum-value-key="cityName"
/>
</FormItem>
<!-- <FormItem label="鐢电綉绫诲瀷" class="bole-form-item" prop="electricType" required>
@@ -86,7 +95,7 @@
<div class="common-content">
<nut-button class="recharge-button" type="primary" @click="handleSubmit">
<div class="recharge-button-inner">
- <div>锟{ form.parValue }}</div>
+ <div>锟{ realParValue }}</div>
<div class="recharge-button-text">绔嬪嵆鍏呭��</div>
</div>
</nut-button>
@@ -159,6 +168,7 @@
electricType: '',
electricAccountType: '',
province: '',
+ city: '',
sixID: '',
});
@@ -166,14 +176,18 @@
const { electricParValueList } = useGetElectricParValue();
const parValueList = computed(
- () => electricParValueList.value.find((x) => x.areaName === form.province)?.parValue ?? []
+ () => electricParValueList.value.find((x) => x.cityName === form.province)?.parValue ?? []
+);
+
+const electricCityList = computed(
+ () => electricParValueList.value.find((x) => x.cityName === form.province)?.childCityList ?? []
);
watch(
() => form.province,
(provinceName) => {
const electricParValue = electricParValueList.value.find(
- (item) => item.areaName === provinceName
+ (item) => item.cityName === provinceName
);
form.electricType = electricParValue.electricType;
}
@@ -187,7 +201,8 @@
const { blLifeRecharge } = useLifeRechargeContext();
const rules = reactive<FormRules>({
- province: [{ required: true, message: '璇烽�夋嫨鎵�鍦ㄥ煄甯�' }],
+ province: [{ required: true, message: '璇烽�夋嫨鎵�鍦ㄥ尯鍩�' }],
+ city: [{ required: true, message: '璇烽�夋嫨鎵�鍦ㄥ煄甯�' }],
electricAccountType: [{ required: true, message: '璇烽�夋嫨鐢佃垂绫诲瀷' }],
electricAccount: [{ required: true, message: '璇疯緭鍏ョ數缃戞埛鍙�', regex: /^\d{13}$/ }],
sixID: [
@@ -237,7 +252,7 @@
electricAccountType: form.electricAccountType,
electricAccount: form.electricAccount,
province: form.province,
- city: '',
+ city: form.city,
sixID: form.sixID,
},
};
--
Gitblit v1.9.1