From 03047a382e6f0f1945be32e28fd65e6b31817dfa Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期一, 24 二月 2025 17:52:47 +0800 Subject: [PATCH] fix: 对接 --- packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue | 47 +++++++++++++++++++++++++++-------------------- 1 files changed, 27 insertions(+), 20 deletions(-) diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue index ba06048..eaa5392 100644 --- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue +++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue @@ -1,46 +1,46 @@ <template> - <Form + <NutForm :model-value="form" ref="formRef" :rules="rules" label-position="top" class="order-bill-recharge phone" > - <FormItem label="閫夋嫨杩愯惀鍟�:" class="bole-form-item" prop="ispCode" required> - <RadioGroup v-model="form.ispCode" direction="horizontal" @change="changeIspCode"> + <NutFormItem label="閫夋嫨杩愯惀鍟�:" class="bole-form-item" prop="ispCode" required> + <NutRadioGroup v-model="form.ispCode" direction="horizontal" @change="changeIspCode"> <BlRadio :label="key" v-for="(val, key) in BlLifeRecharge.constants.IspCodeText" :key="key" >{{ val }}</BlRadio > - </RadioGroup> - </FormItem> - <FormItem label="鍏呭�兼墜鏈哄彿" class="bole-form-item" prop="phone" required> - <Input + </NutRadioGroup> + </NutFormItem> + <NutFormItem label="鍏呭�兼墜鏈哄彿" class="bole-form-item" prop="phone" required> + <NutInput v-model.trim="form.phone" class="bole-input-text" placeholder="璇峰~鍐欐偍闇�瑕佸厖鍊肩殑鎵嬫満鍙风爜" type="text" /> - </FormItem> - <FormItem + </NutFormItem> + <NutFormItem label="濮撳悕" class="bole-form-item" prop="name" required v-if="form.ispCode === BlLifeRecharge.constants.IspCode.dianxin" > - <Input + <NutInput v-model.trim="form.name" class="bole-input-text" placeholder="璇峰~鍐欐偍鐨勫鍚�" type="text" /> - </FormItem> - <FormItem label="閫夋嫨鍏呭�奸噾棰�" class="bole-form-item" prop="parValue" required> - <RadioGroup v-model="form.parValue" direction="horizontal" class="parValue-radio-group"> - <Radio + </NutFormItem> + <NutFormItem label="閫夋嫨鍏呭�奸噾棰�" class="bole-form-item" prop="parValue" required> + <NutRadioGroup v-model="form.parValue" direction="horizontal" class="parValue-radio-group"> + <NutRadio :label="Number(item)" :key="item" shape="button" @@ -60,9 +60,9 @@ </div> <div class="discountTag">{{ lifePayPhoneRate * 100 }}鎶�</div> </div> - </Radio> - </RadioGroup> - </FormItem> + </NutRadio> + </NutRadioGroup> + </NutFormItem> <div class="common-content"> <nut-button class="recharge-button" type="primary" @click="handleSubmit"> <div class="recharge-button-inner"> @@ -80,11 +80,18 @@ <ConfirmDialogInfoItem label="瀹炰粯閲戦" :content="`锟�${realParValue}`" danger /> </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 as NutFormItem, + 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 } from 'vue'; import BlRadio from '../../components/Radio/Radio.vue'; @@ -113,7 +120,7 @@ }); const form = reactive({ - ispCode: BlLifeRecharge.constants.IspCode.yidong, + ispCode: '', phone: '', parValue: 0, name: '', -- Gitblit v1.9.1