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
110
111
112
113
114
115
<template>
<div>
<div class="text-right">
<a-button class="mar-left10" type="primary" @click="exportExcel">
<Icon name="ssidaochu" :size="14" />导出报表</a-button>
</div>
<a-table :columns="columns" :data-source="dataList" :scroll="{ x: true }" :pagination="false">
<template slot="index" slot-scope="text, record, index">
{{ index + 1 }}
</template>
</a-table>
<!--分页-->
<BurtPagination :pagination="pagination" @pageChange="getData" />
</div>
</template>
<script>
import BurtPagination from "@/components/Customers/pagation";
import moment from 'moment'
import {claimsStatusOptions} from '@/assets/js/utilsdictOptions';
import {exportFile} from '@/utils/index';
export default{
props: {
companyOptions: {
default: []
}
},
data(){
const columns = [
{ title: "账单编号", dataIndex: "receiptNo", key:"receiptNo",align:'center', width: 136},
{ title: "就诊日期", dataIndex: "receiptDate", width: 150 },
{ title: "病案号", dataIndex: "patientNo", key:"patientNo",align:'center', width: 136},
{ title: "患者姓名", dataIndex: "patientName", width: 110 },
{ title: "患者身份", dataIndex: "patientClassDesc", width: 100, align: 'center' },
{ title: "一级分类", dataIndex: "itemcatDesc", width: 100, align: 'center' },
{ title: "二级分类", dataIndex: "itemsubcatDesc", width: 120, align: 'center' },
{ title: "项目编码", dataIndex: "itemCode", width: 130, align: 'center' },
{ title: "项目名称", dataIndex: "itemDesc", key:"receiptNo",align:'center', width: 180},
{ title: "账单金额", dataIndex: "receiptAmount", width: 110 },
{ title: "自付金额", dataIndex: "selfpaidAmount", key:"patientNo",align:'center', width: 136},
{ title: "理赔金额", dataIndex: "claimsAmount", width: 110 },
{ title: "保险公司", dataIndex: "payorName", width: 100, align: 'center' },
{ title: "计划名", dataIndex: "planName", width: 100, align: 'center' },
{ title: "理赔状态", dataIndex: "paidSts", width: 120, align: 'center' },
{ title: "账单寄送状态", dataIndex: "sendSts", width: 130, align: 'center' },
{ title: "回款时间", dataIndex: "backDate", width: 130, align: 'center' },
{ title: "回款金额", dataIndex: "paidAmountEob", width: 130, align: 'center' },
{ title: "坏账", dataIndex: "badBillAmount", width: 130, align: 'center' },
{ title: "个人欠费", dataIndex: "perNoPaidAmount", width: 130, align: 'center' },
{ title: "备注", dataIndex: "remark", width: 160, align: 'center' },
];
return {
columns,
claimsStatusOptions,
form: {
},
dataList: [],
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
}
},
components: {
BurtPagination,
},
created(){
this.getData()
},
methods: {
moment,
handlerSearch(){
this.pagination.pageNum = 1;
this.getData();
},
// 获取列表数据
getData() {
let filter = {
pageNum: this.pagination.pageNum,
pageSize: this.pagination.pageSize,
...this.form,
}
this.$apis.receiptReportList(filter)
.then((res) => {
if (res.returnCode == "0000") {
let content = res.content || {};
this.pagination.total = content.total || 0;
this.dataList = content.list || [];
} else {
this.$message.error(res.returnMsg);
}
});
},
//导出报表
exportExcel(){
let filter = {
...this.form,
}
this.$apis.exportReceiptReportList(filter).then(res => {
exportFile(res, '保险应收报表.xls');
})
}
}
}
</script>
<style lang="less" scoped>
/deep/ .ant-input-group-addon{
border-left: 1px solid #d9d9d9;
}
.text-right{
text-align: right;
}
</style>