From bd7dd96c732ded6854d47bf77f65e5c64d3d15e2 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 13:24:09 +0800
Subject: [PATCH] fix: 修改ui
---
packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue | 83 +++++++++++++++++++++++++++--------------
1 files changed, 55 insertions(+), 28 deletions(-)
diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
index 9afa13b..77e1c85 100644
--- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
@@ -1,49 +1,59 @@
<template>
<PhoneBillRechargeBaseForm ref="formRef" v-model:form="form">
- <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>
- </div>
+ <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>
</PhoneBillRechargeBaseForm>
+ <div class="chunk-form-actions">
+ <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>
</template>
<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',
});
+const { blLifeRecharge } = useLifeRechargeContext();
+
const form = reactive({
- ispCode: '',
- phone: '',
+ ispCode: blLifeRecharge.getCarrierByPhoneNumber(blLifeRecharge.accountModel.phoneNumber),
+ phone: blLifeRecharge.accountModel.phoneNumber,
name: '',
+ remark: '',
});
const { goToNext } = usePhoneBillRechargeContext();
@@ -54,8 +64,25 @@
if (!formRef.value) return;
formRef.value.validate().then(({ valid, errors }: any) => {
if (valid) {
- goToNext();
+ handleAddUpdateUserAccount();
}
});
}
+
+const { addUpdateUserAccount } = useAddUpdateUserAccount();
+
+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