feat: UI

wupengfei

1 天以前 758d8056dc3dbc6bf92c298aa3627e66b933b5a0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<template>
  <ProTabs v-model="orderType" name="user-home-tabs" class="user-home-tabs" flexTitle fullHeight>
    <ProTabPane title="话费订单" pane-key="1">
      <PhoneOrder @goApplyRefund="goApplyRefund" @goRefundDetail="goRefundDetail" />
    </ProTabPane>
    <ProTabPane title="电费订单" pane-key="2">
      <ElectricOrder @goApplyRefund="goApplyRefund" @goRefundDetail="goRefundDetail" />
    </ProTabPane>
    <!-- <ProTabPane title="燃气订单" pane-key="3">
      <GasOrder @goApplyRefund="goApplyRefund" @goRefundDetail="goRefundDetail" />
    </ProTabPane> -->
  </ProTabs>
</template>
 
<script setup lang="ts">
import { PhoneOrder, ElectricOrder, GasOrder } from '@life-payment/components';
import Taro from '@tarojs/taro';
 
defineOptions({
  name: 'InnerPage',
});
 
const orderType = ref('1');
 
function goApplyRefund(id: string) {
  RouteHelper.navigateTo({
    url: `${RouterPath.orderApplyRefund}?id=${id}`,
    // events: {
    //   submitApplyRefund: function () {},
    // },
  });
}
function goRefundDetail(orderNo: string) {
  RouteHelper.navigateTo({
    url: `${RouterPath.orderRefundResult}?orderNo=${orderNo}`,
  });
}
</script>