From 9453bef1fc4a3121b28ffa6617f0fbfc81d9f634 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期一, 19 五月 2025 17:35:11 +0800 Subject: [PATCH] fix: 修改首页ui --- packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue | 22 ++++++++++++++++------ 1 files changed, 16 insertions(+), 6 deletions(-) diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue index 5bf3816..e598d3c 100644 --- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue +++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRecharge.vue @@ -4,33 +4,43 @@ v-else-if="current === 'step2'" v-bind="props" @go-pay="emit('goPay', $event)" + @paySuccess="emit('paySuccess', $event)" + @missName="emit('missName', $event)" /> </template> <script setup lang="ts"> -import { computed, provide } from 'vue'; +import { computed, provide, useAttrs } from 'vue'; import { useStepper } from 'senin-mini/hooks'; import { PhoneBillRechargeContextKey } from './context'; import PhoneBillRechargeStep1 from './PhoneBillRechargeStep1.vue'; import PhoneBillRechargeStep2 from './PhoneBillRechargeStep2.vue'; +import { RechargeProps } from './types'; defineOptions({ name: 'PhoneBillRecharge', }); -type Props = { - isDev?: boolean; -}; - -const props = withDefaults(defineProps<Props>(), { +const props = withDefaults(defineProps<RechargeProps>(), { isDev: false, }); 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; }>(); provide(PhoneBillRechargeContextKey, { -- Gitblit v1.9.1