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
| <template>
| <AppContainer>
| <ProTabs v-model="state.tabType" hasBorder>
| <ProTabPane lazy label="发放明细" :name="FinanceTabType.DistributionDetail">
| <DistributionDetailView />
| </ProTabPane>
| <ProTabPane lazy label="用量明细" :name="FinanceTabType.UsageDetail">
| <UsageDetailView />
| </ProTabPane>
| </ProTabs>
| </AppContainer>
| </template>
|
| <script setup lang="ts">
| import { AppContainer, ProTabs, ProTabPane } from '@bole-core/components';
| import DistributionDetailView from './components/DistributionDetailView.vue';
| import UsageDetailView from './components/UsageDetailView.vue';
|
| defineOptions({
| name: 'FinanceManageList',
| });
|
| enum FinanceTabType {
| DistributionDetail = 10,
| UsageDetail = 20,
| }
|
| const state = reactive({
| tabType: FinanceTabType.DistributionDetail,
| });
| </script>
|
|
