feat: UI

wupengfei

昨天 758d8056dc3dbc6bf92c298aa3627e66b933b5a0

 apps/taro/src/subpackages/my/shareQrcode/InnerPage.vue

@@ -1,23 +1,37 @@
<template>
  <ProTabs v-model="orderType" name="user-home-tabs" class="user-home-tabs" flexTitle fullHeight>
    <ProTabPane title="话费订单" pane-key="1">
      <ShareQrcodeView :channles-num="'818'" />
    </ProTabPane>
    <ProTabPane title="电费订单" pane-key="2">
      <ShareQrcodeView :channles-num="'818'" />
  <ProTabs v-model="channlesType" name="user-home-tabs" class="user-home-tabs" flexTitle fullHeight>
    <ProTabPane
      :title="item.name"
      :pane-key="item.channlesNum"
      v-for="item in userChannles"
      :key="item.channlesNum"
    >
      <ShareQrcodeView :channles-num="item.channlesNum" />
    </ProTabPane>
  </ProTabs>
</template>

<script setup lang="ts">
import { ShareQrcodeView } from '@life-payment/components';
import { useLifePayChannlesAllList } from '@/hooks';
import { useLifeRechargeContext } from '@life-payment/core-vue';
import { useUser } from '@/hooks';

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

const orderType = ref('1');
// const { virtualUserInfo } = useUser();
const { blLifeRecharge } = useLifeRechargeContext();

const { getChannlesNameByNum } = useLifePayChannlesAllList();
const userChannles = computed(() =>
  (blLifeRecharge.accountModel.userChannles ?? []).filter(
    (x) => x.switchType !== blLifeRecharge.constants.LifePaySwitchTypeEnum.微信小程序
  )
);

const channlesType = ref(userChannles.value[0]?.channlesNum ?? '');

watch(userChannles, (val) => {
  channlesType.value = val?.[0]?.channlesNum ?? '';
});
</script>