From 07d73df3d817d01ce47f6c7b7a8d8514cd389295 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 13 三月 2025 10:19:44 +0800
Subject: [PATCH] release: @life-payment/core v0.0.3
---
packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue | 88 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 88 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
new file mode 100644
index 0000000..c358779
--- /dev/null
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
@@ -0,0 +1,88 @@
+<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>
+ </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>
+ </PhoneBillRechargeBaseForm>
+</template>
+
+<script setup lang="ts">
+import {
+ Button as NutButton,
+ FormItem as NutFormItem,
+ Textarea as NutTextarea,
+} from '@nutui/nutui-taro';
+import { reactive, ref, computed, provide } from 'vue';
+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: blLifeRecharge.getCarrierByPhoneNumber(blLifeRecharge.accountModel.phoneNumber),
+ phone: blLifeRecharge.accountModel.phoneNumber,
+ name: '',
+ remark: '',
+});
+
+const { goToNext } = usePhoneBillRechargeContext();
+
+const formRef = ref<any>(null);
+
+function handleNext() {
+ if (!formRef.value) return;
+ formRef.value.validate().then(({ valid, errors }: any) => {
+ if (valid) {
+ 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