From 8525b5c780d8855eca89c46790627c00b3d83c79 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 12 三月 2025 17:36:21 +0800 Subject: [PATCH] fix: 二期需求 --- packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue | 66 +++++++++++++++++++++++---------- 1 files changed, 46 insertions(+), 20 deletions(-) diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue index 9afa13b..5878244 100644 --- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue +++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue @@ -1,9 +1,26 @@ <template> <PhoneBillRechargeBaseForm ref="formRef" v-model:form="form"> + <NutFormItem label="澶囨敞淇℃伅" class="bole-form-item" prop="remark"> + <NutTextarea + placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�" + placeholderClass="bole-input-text-placeholder" + autoSize + class="bole-input-textarea" + v-model="form.remark" + :max-length="30" + limit-show + > + </NutTextarea> + </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 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> @@ -12,29 +29,19 @@ <script setup lang="ts"> import { - Form as NutForm, - FormItem as NutFormItem, - RadioGroup as NutRadioGroup, - Radio as NutRadio, - Input as NutInput, Button as NutButton, + FormItem as NutFormItem, + Textarea as NutTextarea, } from '@nutui/nutui-taro'; -import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'; 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 +51,7 @@ ispCode: '', phone: '', name: '', + remark: '', }); const { goToNext } = usePhoneBillRechargeContext(); @@ -54,8 +62,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