fix: 修改ui

zhengyiming

2 天以前 e0cb82c8dbf83fabc0cab548abc873926366fb75

 apps/taro/src/subpackages/recharge/phoneBillRecharge/InnerPage.vue

@@ -1,19 +1,20 @@
<template>
  <ContentScrollView :paddingH="false" style="background-color: #fff">
    <PhoneBillRecharge
      @goPay="goPay"
      :isDev="isDev"
      @paySuccess="handePaySuccess"
      :openId="wxOpenId"
      :isInWeChat="isInWeChat"
      :isInAlipay="isInAlipay"
      :isH5="isWeb"
      :appId="WXPayAppId"
      :isFocus="isFocus"
      :showAliPay="!isInWeChat"
      :showWeixinPay="isInWeChat"
    />
  </ContentScrollView>
  <PhoneBillRecharge
    @goPay="goPay"
    :isDev="isDev"
    @paySuccess="handePaySuccess"
    :getOpenId="ensureOpenId"
    :isInWeChat="isInWeChat"
    :isInAlipay="isInAlipay"
    :isH5="isWeb"
    :appId="WXPayAppId"
    :isFocus="isFocus"
    :showAliPay="!isInWeChat"
    :showWeixinPay="isInWeChat"
    @missName="handleMissName"
    @editUserAccount="handleEditUserAccount"
    @currentChange="emit('currentChange', $event)"
  />
</template>

<script setup lang="ts">
@@ -21,16 +22,22 @@
import { BlLifeRecharge } from '@life-payment/core-vue';
import Taro from '@tarojs/taro';
import { isInAlipay, isInWeChat, isH5, isWeb } from '@/utils/env';
import { useUser, useFocus } from '@/hooks';
import { useUser, useFocus, useEnsureOpenId } from '@/hooks';
import { WXPayAppId } from '@/constants';
import { Message } from '@/utils';

defineOptions({
  name: 'InnerPage',
});

const emit = defineEmits<{
  (e: 'currentChange', current: 'step1' | 'step2'): void;
}>();

const isDev = process.env.NODE_ENV === 'development';

const { wxOpenId } = useUser();
const { ensureOpenId } = useEnsureOpenId();
const { isFocus } = useFocus();

function goPay(orderNo: string) {
@@ -44,4 +51,19 @@
    url: `${RouterPath.rechargeResult}?orderNo=${orderNo}&lifePayOrderType=${BlLifeRecharge.constants.LifePayOrderTypeEnum.话费订单}`,
  });
}

async function handleMissName(userAccountId: string) {
  try {
    await Message.confirm({ message: '请先完善手机号所属机主姓名' });
    RouteHelper.navigateTo({
      url: `${RouterPath.editPhoneUserAccount}?id=${userAccountId}`,
    });
  } catch (error) {}
}

function handleEditUserAccount(userAccountId: string) {
  RouteHelper.navigateTo({
    url: `${RouterPath.editPhoneUserAccount}?id=${userAccountId}`,
  });
}
</script>