feat: init

wupengfei

2025-03-21 77f32b6d96237dc874ca81c0ecab1a21500cc5ab

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>
  <LoadingLayout>
    <AppScrollContainer>
      <ProTabs v-model="state.tabType" hasBorder>
        <ProTabPane lazy label="保单信息" :name="InsureOrderTabType.InsureOrderInfo">
          <InsureOrderInfoView />
        </ProTabPane>
        <ProTabPane lazy label="批改记录" :name="InsureOrderTabType.BatchOrder">
          <BatchChangeRecordView />
        </ProTabPane>
      </ProTabs>
    </AppScrollContainer>
  </LoadingLayout>
</template>
 
<script setup lang="ts">
import { AppScrollContainer, ProTabs, ProTabPane } from '@bole-core/components';
import InsureOrderInfoView from './components/InsureOrderInfoView.vue';
import BatchChangeRecordView from './components/BatchChangeRecordView.vue';
 
defineOptions({
  name: 'InsuranceOrderDetail',
});
 
enum InsureOrderTabType {
  InsureOrderInfo = 1,
  BatchOrder = 2,
}
 
const state = reactive({
  activeIndex: 1,
  tabType: InsureOrderTabType.InsureOrderInfo,
});
</script>
 
<style lang="scss" scoped>
@use '@/style/common.scss' as *;
</style>