From f2025539d8bf4798b90a5ab8a47c5a379ab68e9b Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期二, 11 三月 2025 17:51:43 +0800 Subject: [PATCH] fix: 二期需求 --- packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue | 63 ++++++++++++++++++++----------- 1 files changed, 41 insertions(+), 22 deletions(-) diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue index 9afa13b..ca42ed0 100644 --- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue +++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue @@ -1,9 +1,23 @@ <template> <PhoneBillRechargeBaseForm ref="formRef" v-model:form="form"> + <NutFormItem label="澶囨敞淇℃伅" class="bole-form-item" prop="remark"> + <NutInput + v-model.trim="form.remark" + class="bole-input-text" + placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�" + type="text" + max-length="30" + /> + </NutFormItem> <div class="common-content"> <nut-button class="recharge-button" type="primary" @click="handleNext"> <div class="recharge-button-inner"> <div class="recharge-button-text">绔嬪嵆鍏呭��</div> + </div> + </nut-button> + <nut-button class="recharge-button" type="primary" plain @click="goToNext"> + <div class="recharge-button-inner"> + <div class="recharge-button-text">杩斿洖</div> </div> </nut-button> </div> @@ -11,30 +25,16 @@ </template> <script setup lang="ts"> -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 { Button as NutButton, FormItem as NutFormItem, Input as NutInput } from '@nutui/nutui-taro'; import { reactive, ref, computed, provide } from 'vue'; -import BlRadio from '../../components/Radio/Radio.vue'; -import { FormValidator } from '../../utils'; -import { - useLifeRechargeContext, - BlLifeRecharge, - LifePhoneDataCreateLifePayOrderInput, - LifeRechargeConstants, -} from '@life-payment/core-vue'; -import RechargeTipsView from '../../components/RechargeTipsView/RechargeTipsView.vue'; -import ConfirmDialog from '../../components/Dialog/ConfirmDialog.vue'; -import ConfirmDialogInfoItem from '../../components/Dialog/ConfirmDialogInfoItem.vue'; -import { useGetRate, useGetPhoneParValue } from '../../hooks'; import PhoneBillRechargeBaseForm from './PhoneBillRechargeBaseForm.vue'; import { usePhoneBillRechargeContext } from './context'; +import { + useLifeRechargeContext, + LifeRechargeConstants, + AddUpdateUserAccountInput, +} from '@life-payment/core-vue'; +import { useAddUpdateUserAccount } from '../../hooks'; defineOptions({ name: 'PhoneBillRechargeStep1', @@ -44,6 +44,7 @@ ispCode: '', phone: '', name: '', + remark: '', }); const { goToNext } = usePhoneBillRechargeContext(); @@ -54,8 +55,26 @@ if (!formRef.value) return; formRef.value.validate().then(({ valid, errors }: any) => { if (valid) { - goToNext(); + handleAddUpdateUserAccount(); } }); } + +const { addUpdateUserAccount } = useAddUpdateUserAccount(); +const { blLifeRecharge } = useLifeRechargeContext(); + +async function handleAddUpdateUserAccount() { + try { + let params: AddUpdateUserAccountInput = { + userId: blLifeRecharge.accountModel.userId, + operators: form.ispCode, + lifePayType: LifeRechargeConstants.LifePayOrderTypeEnum.璇濊垂璁㈠崟, + content: form.phone, + extraProperties: JSON.stringify(form), + remark: form.remark, + }; + await addUpdateUserAccount(params); + goToNext(); + } catch (error) {} +} </script> -- Gitblit v1.9.1