index.vue
3.27 KB
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<template>
<div>
<BasicTable :clickToRowSelect="false" @register="registerTable">
<template #toolbar>
<Authority :value="PermissionReportExportEnum.PERMISSION_DELETE">
<Popconfirm :title="t('common.isDelete')" @confirm="handleDeleteOrBatchDelete(null)">
<a-button type="primary" color="error" :disabled="hasBatchDelete">
{{ t('common.batchDeleteText') }}
</a-button>
</Popconfirm>
</Authority>
</template>
<template #action="{ record }">
<TableAction
:actions="[
{
label: t('report.export.table.export'),
icon: 'ant-design:dot-chart-outlined',
auth: PermissionReportExportEnum.PERMISSION_EXPORT,
ifShow: record.executeStatus === 1,
popConfirm: {
title: t('common.isExport'),
confirm: handleExport.bind(null, record),
},
},
{
label: t('report.export.table.view'),
icon: 'clarity:note-edit-line',
auth: PermissionReportExportEnum.PERMISSION_GET,
onClick: handleView.bind(null, record),
},
{
label: t('common.delText'),
icon: 'ant-design:delete-outlined',
auth: PermissionReportExportEnum.PERMISSION_DELETE,
color: 'error',
popConfirm: {
title: t('common.isDelete'),
confirm: handleDeleteOrBatchDelete.bind(null, record),
},
},
]"
/>
</template>
</BasicTable>
<ReportPreviewModal @register="registerModal" />
</div>
</template>
<script lang="ts" setup>
import { nextTick } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { defaultTableAttribtes } from './config';
import { Authority } from '/@/components/Authority';
import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
import { Popconfirm } from 'ant-design-vue';
import { useModal } from '/@/components/Modal';
import { ReportPreviewModal } from './components';
import { exportPage, deleteExportManage } from '/@/api/export/exportManager';
import { downloadByUrl } from '/@/utils/file/download';
import { PermissionReportExportEnum } from './enum';
import { useI18n } from '/@/hooks/web/useI18n';
const { t } = useI18n();
const [registerTable, { reload, setProps }] = useTable({
api: exportPage,
...defaultTableAttribtes,
});
const handleSuccess = () => {
reload();
};
const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
deleteExportManage,
handleSuccess,
setProps
);
nextTick(() => {
setProps(selectionOptions);
});
//业务弹窗
const [registerModal, { openModal }] = useModal();
const handleView = (record) => {
openModal(true, {
isUpdate: true,
record,
});
};
const exportUrlsFunc = (fUrl) => {
const options: any = {
url: fUrl,
};
downloadByUrl(options);
};
const handleExport = (record) => {
if (record.reportPath) {
const urls = record.reportPath.split(',');
urls.forEach((f: string) => {
exportUrlsFunc(f);
});
}
};
</script>