LifePaymentFront.git

			@@ -1,5 +1,5 @@
			<template>
			<Form
			<NutForm
			:model-value="form"
			ref="formRef"
			:rules="rules"
			@@ -30,11 +30,11 @@
			/>
			</FormItem>
			<FormItem label="电网户号" class="bole-form-item" prop="electricAccount" required>
			<Input
			<NumberInput
			v-model.trim="form.electricAccount"
			class="bole-input-text"
			placeholder="请输入13位数字编号"
			type="text"
			max-length="13"
			/>
			</FormItem>
			<FormItem
			@@ -44,11 +44,12 @@
			prop="sixID"
			required
			>
			<Input
			<NutInput
			v-model.trim="form.sixID"
			class="bole-input-text"
			placeholder="请输入身份证后六位"
			type="text"
			max-length="6"
			/>
			</FormItem>
			<FormItem
			@@ -58,8 +59,8 @@
			prop="parValue"
			required
			>
			<RadioGroup v-model="form.parValue" direction="horizontal" class="parValue-radio-group">
			<Radio
			<NutRadioGroup v-model="form.parValue" direction="horizontal" class="parValue-radio-group">
			<NutRadio
			:label="Number(item)"
			:key="item"
			shape="button"
			@@ -79,8 +80,8 @@
			</div>
			<div class="discountTag">{{ lifePayElectricRate * 100 }}折</div>
			</div>
			</Radio>
			</RadioGroup>
			</NutRadio>
			</NutRadioGroup>
			</FormItem>
			<div class="common-content">
			<nut-button class="recharge-button" type="primary" @click="handleSubmit">
			@@ -96,7 +97,10 @@
			该产品为慢充模式，0-72小时内到账，介意请勿付款！充值前请仔细阅读充值须知！
			</template>
			<template #info>
			<ConfirmDialogInfoItem label="电网类型" content="国家电网" />
			<ConfirmDialogInfoItem
			label="电网类型"
			:content="blLifeRecharge.constants.ElectricTypeText[form.electricType]"
			/>
			<ConfirmDialogInfoItem label="电费类型" content="住宅" />
			<ConfirmDialogInfoItem label="充值金额" :content="`￥${form.parValue.toFixed(2)}`" danger />
			<ConfirmDialogInfoItem label="优惠金额" :content="`￥${discountParValue.toFixed(2)}`" />
			@@ -106,11 +110,18 @@
			同一电费账户在充值期间，未到账前切勿在其他任何平台再次充值。因此造成的资金损失须用户自行承担！！！
			</template>
			</ConfirmDialog>
			</Form>
			</NutForm>
			</template>

			<script setup lang="ts">
			import { Form, FormItem, RadioGroup, Radio, Input, Button as NutButton } from '@nutui/nutui-taro';
			import {
			Form as NutForm,
			FormItem,
			RadioGroup as NutRadioGroup,
			Radio as NutRadio,
			Input as NutInput,
			Button as NutButton,
			} from '@nutui/nutui-taro';
			import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
			import { reactive, ref, computed, watch } from 'vue';
			import {
			@@ -122,6 +133,7 @@
			import ConfirmDialog from '../../components/Dialog/ConfirmDialog.vue';
			import ConfirmDialogInfoItem from '../../components/Dialog/ConfirmDialogInfoItem.vue';
			import ChooseInputWithPicker from '../../components/Input/ChooseInputWithPicker.vue';
			import NumberInput from '../../components/Input/NumberInput.vue';
			import { useGetRate, useGetElectricParValue } from '../../hooks';
			import { FormValidator } from '../../utils';

			@@ -175,9 +187,16 @@
			const { blLifeRecharge } = useLifeRechargeContext();

			const rules = reactive<FormRules>({
			province: [{ required: true, message: '请选择所在城市' }],
			electricAccountType: [{ required: true, message: '请选择电费类型' }],
			electricAccount: [{ required: true, message: '请输入电网户号' }],
			sixID: [{ required: true, message: '请输入身份证后六位' }],
			electricAccount: [{ required: true, message: '请输入电网户号', regex: /^\d{13}$/ }],
			sixID: [
			{
			required: true,
			message: '请输入身份证后六位',
			validator: FormValidator.validatorIDNumberSix,
			},
			],
			parValue: [
			{ required: true, message: '请选择充值金额', validator: FormValidator.validatorNumberNotNull },
			],