From 80dc90be027ee26869c63860b7d6a0759a03546b Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 20 五月 2025 17:33:53 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue | 24 ++++++++++++++----------
1 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue
index e598d3c..a269413 100644
--- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue
@@ -6,11 +6,12 @@
@go-pay="emit('goPay', $event)"
@paySuccess="emit('paySuccess', $event)"
@missName="emit('missName', $event)"
+ @editUserAccount="emit('editUserAccount', $event)"
/>
</template>
<script setup lang="ts">
-import { computed, provide, useAttrs } from 'vue';
+import { computed, provide, useAttrs, watch } from 'vue';
import { useStepper } from 'senin-mini/hooks';
import { PhoneBillRechargeContextKey } from './context';
import PhoneBillRechargeStep1 from './PhoneBillRechargeStep1.vue';
@@ -28,21 +29,24 @@
const stepperInfo = useStepper(['step1', 'step2'], 'step2');
const current = computed(() => stepperInfo.current.value);
-const outCurrent = defineModel<'step1' | 'step2'>({
- set(value) {
- stepperInfo.goTo(value);
- },
- get() {
- return stepperInfo.current.value;
- },
-});
-
const emit = defineEmits<{
(e: 'goPay', orderNo: string): void;
(e: 'paySuccess', orderNo: string): void;
(e: 'missName', userAccountId: string): void;
+ (e: 'editUserAccount', userAccountId: string): void;
+ (e: 'currentChange', current: 'step1' | 'step2'): void;
}>();
+watch(
+ current,
+ (newVal) => {
+ emit('currentChange', newVal);
+ },
+ {
+ immediate: true,
+ }
+);
+
provide(PhoneBillRechargeContextKey, {
...stepperInfo,
});
--
Gitblit v1.9.1