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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <template>
| <LoadingLayout :loading="isLoading">
| <AppContainer>
| <ProTableV2
| :columns="InsurancePolicyStampFilesColumns"
| :operationBtns="operationBtns"
| :tableData="insurancePolicyPayList"
| :columnRenderMap="InsurancePolicyPayRenderProps"
| >
| </ProTableV2>
| </AppContainer>
| </LoadingLayout>
| </template>
|
| <script setup lang="ts">
| import {
| OperationBtnType,
| ProTableV2,
| LoadingLayout,
| AppContainer,
| useTable,
| ProTableV2Props,
| defineOperationBtns,
| } from '@bole-core/components';
| import { useAccess, useInsurancePolicyPay } from '@/hooks';
| import { paginateList, downloadFileByUrl, setOSSLink, downloadFile } from '@/utils';
| import { InsurancePolicyStampFilesColumns } from './constants';
|
| defineOptions({
| name: 'InsurancePolicyStampFiles',
| });
|
| const operationBtns = defineOperationBtns([
| {
| data: {
| enCode: 'downloadBtn',
| name: '下载',
| },
| emits: { onClick: (role) => handleDownload(role) },
| extraProps: {
| hide: (row: API.InsurancePolicyPayDto) => !row.policyOssUrl,
| },
| },
| ]);
|
| const route = useRoute();
| const id = route.params.id as string;
|
| const { insurancePolicyPayList, isLoading } = useInsurancePolicyPay({ id: id });
|
| const InsurancePolicyPayRenderProps: ProTableV2Props['columnRenderMap'] = {
| sumSignPremium: { type: 'money' },
| };
|
| function handleDownload(row: API.InsurancePolicyPayDto) {
| downloadFileByUrl(setOSSLink(row.policyOssUrl), `保单_${row.channelOrderNo}`);
| }
| </script>
|
|
