Skip to content

B
bims
Commit d3c07fd9 authored by 王安伟's avatar 王安伟
Browse files
Options

【商保系统】-回款管理-账单列表和已关联账单分tab展示支持搜索；回款单关联账单以及账单报表,增加备注列

parent 9644dc39
Show whitespace changes
Inline Side-by-side
Showing with 872 additions and 865 deletions
src/views/charge-query/index.vue
View file @ d3c07fd9
...@@ -165,6 +165,7 @@ export default { ...@@ -165,6 +165,7 @@ export default {
{ title: "保险已支付", dataIndex: "backAmount", width: 180 }, { title: "保险已支付", dataIndex: "backAmount", width: 180 },
{ title: "保险欠费", dataIndex: "insuranceArrearsAmount", width: 180 }, { title: "保险欠费", dataIndex: "insuranceArrearsAmount", width: 180 },
{ title: "个人欠费", dataIndex: "arrearsAmount", width: 180 }, { title: "个人欠费", dataIndex: "arrearsAmount", width: 180 },
{ title: "备注", dataIndex: "remark", width: 200 },
{ title: "未清余额", dataIndex: "residueBackAmount", width: 180 }, { title: "未清余额", dataIndex: "residueBackAmount", width: 180 },
{ title: "账龄", dataIndex: "diffDay", width: 180 }, { title: "账龄", dataIndex: "diffDay", width: 180 },
{ title: "操作", key: "operation", width: "175px",fixed: "right",scopedSlots: { customRender: "operation" }, align: "center"}, { title: "操作", key: "operation", width: "175px",fixed: "right",scopedSlots: { customRender: "operation" }, align: "center"},
......
src/views/verification/collectionDetail.vue
View file @ d3c07fd9
<template> <template>
<div class="white_bg burt-container"> <div ref="burt" class="white_bg burt-container">
<Goback title="回款详情" /> <Goback title="回款详情" />
<a-tabs v-model="activeKey" @change="paneChange"> <a-tabs v-model="activeKey" @change="paneChange">
<a-tab-pane v-for="pane in panes" :key="pane.key" :tab="pane.title"> <a-tab-pane v-for="pane in panes" :key="pane.key" :tab="pane.title">
<template v-if="activeKey === '0'"> <a-form-model ref="form" :model="form">
<!-- form -->
<a-form-model ref="form" layout="vertical" :model="form">
<a-row :gutter="30"> <a-row :gutter="30">
<a-col :lg="6" :sm="12"> <a-col :lg="7" :sm="12">
<a-form-model-item label="保险公司"> <a-form-model-item label="保险公司">
<a-select <a-select
v-model="form.payorCode" v-model="form.payorCode"
...@@ -15,19 +13,17 @@ ...@@ -15,19 +13,17 @@
allow-clear allow-clear
show-search show-search
:disabled="!isEdit" :disabled="!isEdit"
style="min-width: 200px"
@change="changePayor" @change="changePayor"
:filterOption="filterCode" :filterOption="filterCode"
> >
<a-select-option <a-select-option v-for="item in companyOptions" :key="item.payorCode" :value="item.payorCode">
v-for="item in companyOptions"
:key="item.payorCode"
:value="item.payorCode"
>
{{ item.longName }} {{ item.longName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<template v-if="activeKey === '0'">
<a-col :lg="5" :sm="12"> <a-col :lg="5" :sm="12">
<a-form-model-item label="回款日期"> <a-form-model-item label="回款日期">
<a-date-picker <a-date-picker
...@@ -40,7 +36,8 @@ ...@@ -40,7 +36,8 @@
/> />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :lg="5" :sm="12"> </template>
<a-col :lg="6" :sm="12">
<a-form-model-item label="回款金额(人民币)"> <a-form-model-item label="回款金额(人民币)">
<a-input <a-input
type="number" type="number"
...@@ -56,7 +53,8 @@ ...@@ -56,7 +53,8 @@
<a-input v-model="residueBackAmount" disabled /> <a-input v-model="residueBackAmount" disabled />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :lg="5" :sm="12"> <template v-if="activeKey === '0'">
<a-col :lg="7" :sm="12">
<a-form-model-item label="回款金额(美元)"> <a-form-model-item label="回款金额(美元)">
<a-input <a-input
type="number" type="number"
...@@ -67,34 +65,19 @@ ...@@ -67,34 +65,19 @@
/> />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :lg="6" :sm="12"> <a-col :lg="5" :sm="12">
<a-form-model-item label="汇率差"> <a-form-model-item label="汇率差">
<a-input <a-input v-model="form.backExchangeRate" placeholder="请输入金额" allow-clear :disabled="!isEdit" />
v-model="form.backExchangeRate"
placeholder="请输入金额"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :lg="5" :sm="12"> <a-col :lg="6" :sm="12">
<a-form-model-item label="EOB编号"> <a-form-model-item label="EOB编号">
<a-input <a-input v-model="form.eobNos" placeholder="请输入EOB编号" allow-clear :disabled="!isEdit" />
v-model="form.eobNos"
placeholder="请输入EOB编号"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :lg="5" :sm="12"> <a-col :lg="5" :sm="12">
<a-form-model-item label="EOB备注"> <a-form-model-item label="EOB备注">
<a-input <a-input v-model="form.eobRemark" placeholder="请输入EOB备注" allow-clear :disabled="!isEdit" />
v-model="form.eobRemark"
placeholder="请输入EOB备注"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :lg="5" :sm="12"> <a-col :lg="5" :sm="12">
...@@ -109,90 +92,24 @@ ...@@ -109,90 +92,24 @@
:beforeUpload="() => beforeUpload()" :beforeUpload="() => beforeUpload()"
:remove="(file) => removeFile(file)" :remove="(file) => removeFile(file)"
> >
<a-button type="primary"> <a-button type="primary"> <Icon name="ssiupload" :size="18" />上传文件 </a-button>
<Icon name="ssiupload" :size="18" />上传文件
</a-button>
</a-upload> </a-upload>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row>
</a-form-model>
</template> </template>
<template v-else>
<!-- form -->
<a-form-model
ref="form"
:labelCol="{ span: 5 }"
:wrapperCol="{ span: 16 }"
:model="form"
class="bill-form"
>
<a-row :gutter="30">
<a-col :lg="8" :sm="12">
<a-form-model-item label="保险公司">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:filter-option="filterOption"
:disabled="!isEdit"
@change="changePayor"
>
<a-select-option
v-for="item in companyOptions"
:key="item.id"
:value="item.payorCode"
>
{{ item.longName }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="8" :sm="12">
<a-form-model-item label="可核销余额">
<a-input v-model="residueBackAmount" disabled />
</a-form-model-item>
</a-col>
</a-row> </a-row>
</a-form-model> </a-form-model>
<template v-if="activeKey === '1'">
<div class="bill-content"> <div class="bill-content">
<!-- 已关联账单 --> <a-tabs type="card" v-model="activeKey1" @change="paneChange">
<template v-if="selectedRows.length > 0"> <a-tab-pane v-for="pane in panes1" :key="pane.key" :tab="pane.title">
<div class="table-title"> <div>
<span>已关联账单</span>
<a-button class="mar-left10" type="primary" @click="exportExcel">
<Icon name="ssidaochu" :size="14" />导出
</a-button>
</div>
<a-table
class="table-content"
:columns="selectedColumns"
:data-source="selectedRows"
:scroll="{ x: '100%', y: 450 }"
:pagination="false"
>
<template slot="status" slot-scope="text">
<span :style="{color: text == 2 ? 'red' : ''}">{{ text==1?'有效':text==2?'无效':'' }}</span>
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button
type="link"
class="danger"
@click.stop="delRecord(record, index)"
>删除</a-button
>
</template>
</a-table>
</template>
<!-- table -->
<template v-if="isEdit">
<a-row class="search-form"> <a-row class="search-form">
<a-form-model <a-form-model
ref="searchForm" ref="searchForm"
layout="inline" layout="inline"
:labelCol="{ span: 8 }" :labelCol="{ span: 9 }"
:wrapperCol="{ span: 16 }" :wrapperCol="{ span: 15 }"
:model="searchForm" :model="searchForm"
> >
<a-row :gutter="30"> <a-row :gutter="30">
...@@ -228,7 +145,7 @@ ...@@ -228,7 +145,7 @@
</a-col> </a-col>
<a-col :lg="4" :sm="12"> <a-col :lg="4" :sm="12">
<a-form-model-item label="状态"> <a-form-model-item label="状态">
<a-select style="width: 160px;" v-model="searchForm.rStatus" placeholder="请选择状态" allowClear> <a-select v-model="searchForm.rStatus" placeholder="请选择状态" allowClear>
<a-select-option v-for="item in statusOptions" :key="item.code" :value="item.code"> <a-select-option v-for="item in statusOptions" :key="item.code" :value="item.code">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
...@@ -247,7 +164,7 @@ ...@@ -247,7 +164,7 @@
</a-col> </a-col>
<a-col :lg="2" :sm="12"> <a-col :lg="2" :sm="12">
<div class="btn-div mar-bottom10 none-label"> <div class="btn-div mar-bottom10 none-label">
<a-button type="primary" @click="_getNewEOBList"> <a-button type="primary" @click="searchData">
<Icon name="ssisearch_active" :size="14" />查询 <Icon name="ssisearch_active" :size="14" />查询
</a-button> </a-button>
</div> </div>
...@@ -255,28 +172,61 @@ ...@@ -255,28 +172,61 @@
</a-row> </a-row>
</a-form-model> </a-form-model>
</a-row> </a-row>
<div class="table-title">账单列表</div> </div>
<!-- 已关联账单 -->
<template v-if="activeKey1 === '0'">
<template v-if="selectedRows.length > 0">
<div class="table-title">
<a-button class="mar-left10" type="primary" @click="exportExcel">
<Icon name="ssidaochu" :size="14" />导出
</a-button>
</div>
<a-table
class="table-content"
:rowClassName="rowClassName"
:columns="selectedColumns"
:data-source="selectedRows"
:scroll="{ x: '100%', y: tableHeight }"
:pagination="false"
>
<template slot="status" slot-scope="text">
<span :style="{ color: text == 2 ? 'red' : '' }">{{
text == 1 ? '有效' : text == 2 ? '无效' : ''
}}</span>
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button type="link" class="danger" @click.stop="delRecord(record, index)">删除</a-button>
</template>
</a-table>
</template>
</template>
<template v-else>
<!-- table -->
<template v-if="isEdit">
<a-table <a-table
class="table-content"
:columns="columns" :columns="columns"
:data-source="dataList" :data-source="dataList"
:scroll="{ x: '100%', y: 300 }" :scroll="{ x: '100%', y: tableHeight }"
:pagination="false" :pagination="false"
:rowKey="'id'" :rowKey="'id'"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
onSelect: onSelectChange, onSelect: onSelectChange,
onSelectAll: onSelectAll, onSelectAll: onSelectAll
}" }"
> >
<template slot="status" slot-scope="text"> <template slot="status" slot-scope="text">
<span :style="{color: text == 2 ? 'red' : ''}">{{ text==1?'有效':text==2?'无效':'' }}</span> <span :style="{ color: text == 2 ? 'red' : '' }">{{
text == 1 ? '有效' : text == 2 ? '无效' : ''
}}</span>
</template> </template>
</a-table> </a-table>
<BurtPagination <BurtPagination class="pagination" :pagination="pagination" @pageChange="pageChange" />
:pagination="pagination" </template>
@pageChange="pageChange"
/>
</template> </template>
</a-tab-pane>
</a-tabs>
</div> </div>
</template> </template>
</a-tab-pane> </a-tab-pane>
...@@ -293,12 +243,20 @@ ...@@ -293,12 +243,20 @@
</template> </template>
<script> <script>
import Goback from "@/components/CUSTOMER/goback"; import Goback from '@/components/CUSTOMER/goback';
import BurtPagination from "@/components/CUSTOMER/pagation"; import BurtPagination from '@/components/CUSTOMER/pagation';
import { EOBStatusOptions } from "@/utils/utilsdictOptions.js"; import { EOBStatusOptions } from '@/utils/utilsdictOptions.js';
import { exportFile } from '@/utils/index'; import { exportFile } from '@/utils/index';
import moment from "moment"; import moment from 'moment';
import mixins from "@/mixins"; import mixins from '@/mixins';
const panes = [
{ title: '基础信息', key: '0', show: true, content: 'PaymentClaims' },
{ title: '账单列表', key: '1', show: false, content: 'Insurance' }
];
const panes1 = [
{ title: '已关联账单', key: '0', show: true, content: 'Associated' },
{ title: '全部账单', key: '1', show: false, content: 'Insurance' }
];
export default { export default {
data() { data() {
return { return {
...@@ -306,13 +264,13 @@ export default { ...@@ -306,13 +264,13 @@ export default {
EOBStatusOptions, EOBStatusOptions,
dialogShow: false, dialogShow: false,
form: { form: {
payorCode: "", payorCode: undefined,
backDate: null, backDate: null,
backAmountCny: "", backAmountCny: '',
backAmountUsd: "", backAmountUsd: '',
backExchangeRate: "", backExchangeRate: '',
eobNos: "", // EOB编号 eobNos: '', // EOB编号
eobRemark: "", // EOB备注 eobRemark: '' // EOB备注
}, },
fileList: [], // 上传文件列表 fileList: [], // 上传文件列表
dataList: [], dataList: [],
...@@ -321,106 +279,112 @@ export default { ...@@ -321,106 +279,112 @@ export default {
pagination: { pagination: {
pageNum: 1, pageNum: 1,
pageSize: 5, pageSize: 5,
total: 0, total: 0
}, },
selectedRowKeys: [], // Check here to configure the default column selectedRowKeys: [], // Check here to configure the default column
selectedRows: [], // Check here to configure the default column selectedRows: [], // Check here to configure the default column
backMoneyNo: "", backMoneyNo: '',
editRules: { editRules: {
backAmountUsd: [{ required: true, message: "请输入", trigger: "blur" }], backAmountUsd: [{ required: true, message: '请输入', trigger: 'blur' }],
backAmount: [{ required: true, message: "请输入", trigger: "blur" }], backAmount: [{ required: true, message: '请输入', trigger: 'blur' }]
}, },
searchForm: { searchForm: {
billDate: [], billDate: [],
mrnNo: "", // 病历号 mrnNo: '', // 病历号
patientName: "", // 客户名字 patientName: '' // 客户名字
}, },
savedStatus: false, //是否已保存 savedStatus: false, //是否已保存
relatedList: [], relatedList: [],
panes: [ panes: Object.seal(panes),
{ title: "基础信息", key: "0", show: true, content: "PaymentClaims" }, panes1: Object.seal(panes1),
{ title: "账单列表", key: "1", show: false, content: "Insurance" }, activeKey: '0',
], activeKey1: '0',
activeKey: "0",
statusOptions: [ statusOptions: [
{ {
name: '无效', name: '无效',
code:2 code: 2
}, },
{ {
name: '有效', name: '有效',
code: 1 code: 1
} }
] ],
tableHeight: 200 // 表格高度
}; };
}, },
mixins: [mixins], mixins: [mixins],
components: { components: {
Goback, Goback,
BurtPagination, BurtPagination
}, },
computed: { computed: {
columns() { columns() {
const base = [ const base = [
{ {
title: "账单编号", title: '账单编号',
dataIndex: "receiptNo", dataIndex: 'receiptNo',
ellipsis: true, ellipsis: true,
width: 150, width: 150
}, },
{ {
title: "账单状态", title: '账单状态',
dataIndex: "status", dataIndex: 'status',
ellipsis: true, ellipsis: true,
width: 150 width: 150,
,scopedSlots: { customRender: "status" } scopedSlots: { customRender: 'status' }
}, },
{ title: "病历号", dataIndex: "mrnNo", ellipsis: true, width: 195 }, { title: '病历号', dataIndex: 'mrnNo', ellipsis: true, width: 195 },
{ {
title: "客户姓名", title: '客户姓名',
dataIndex: "patientName", dataIndex: 'patientName',
ellipsis: true, ellipsis: true,
width: 160, width: 160
}, },
{ title: "保险公司", dataIndex: "payorName", ellipsis: true, width: 195 }, { title: '保险公司', dataIndex: 'payorName', ellipsis: true, width: 195 },
{ {
title: "账单日期", title: '账单日期',
dataIndex: "receiptDate", dataIndex: 'receiptDate',
ellipsis: true, ellipsis: true,
width: 180, width: 180
}, },
{ {
title: "收银", title: '收银',
dataIndex: "receiptTellerName", dataIndex: 'receiptTellerName',
ellipsis: true, ellipsis: true,
width: 120, width: 120
}, },
{ {
title: "理赔账单金额", title: '理赔账单金额',
dataIndex: "actualAmount", dataIndex: 'actualAmount',
ellipsis: true, ellipsis: true,
width: 150, width: 150
}, },
{ {
title: "回款金额", title: '回款金额',
dataIndex: "writeOffAmount", dataIndex: 'writeOffAmount',
ellipsis: true, ellipsis: true,
width: 150, width: 150
}, },
{ {
title: "个人欠费", title: '个人欠费',
dataIndex: "arrearsAmountShow", dataIndex: 'arrearsAmountShow',
ellipsis: true, ellipsis: true,
width: 150, width: 150
}, },
{ {
title: "未清余额", title: '备注',
dataIndex: "residueBackAmount", dataIndex: 'remark',
ellipsis: true, ellipsis: true,
width: 150, width: 200
}, },
{
title: '未清余额',
dataIndex: 'residueBackAmount',
ellipsis: true,
width: 150
}
]; ];
return base; return base;
}, },
...@@ -428,8 +392,8 @@ export default { ...@@ -428,8 +392,8 @@ export default {
const base = JSON.parse(JSON.stringify(this.columns)); const base = JSON.parse(JSON.stringify(this.columns));
const changeAmount = this.changeAmount; const changeAmount = this.changeAmount;
base[8] = { base[8] = {
title: "回款金额", title: '回款金额',
dataIndex: "backAmount", dataIndex: 'backAmount',
ellipsis: true, ellipsis: true,
width: 150, width: 150,
customRender: (val, row) => { customRender: (val, row) => {
...@@ -438,29 +402,40 @@ export default { ...@@ -438,29 +402,40 @@ export default {
v-model={row.backAmount} v-model={row.backAmount}
allow-clear allow-clear
disabled={!this.isEdit} disabled={!this.isEdit}
style={{"color": row.backAmount == row.currentReceiptAmount ? '' : 'red'}} style={{ color: row.backAmount == row.currentReceiptAmount ? '' : 'red' }}
onBlur={() => { onBlur={() => {
changeAmount(row); changeAmount(row, 'backAmount');
}} }}
/> />
); );
}, }
}; };
base[10] = { base[10].customRender = (val, row) => {
title: "未清余额", return (
dataIndex: "residueBackAmount", <a-input
v-model={row.remark}
allow-clear
disabled={!this.isEdit}
onBlur={() => {
this.syncData(row);
}}
/>
);
};
base[11] = {
title: '未清余额',
dataIndex: 'residueBackAmount',
ellipsis: true, ellipsis: true,
width: 150, width: 150,
customRender: (val, row) => { customRender: (val, row) => {
const residueBackAmount = const residueBackAmount =
Number(row.currentReceiptAmount || 0) - Number(row.backAmount || 0) - Number(row.arrearsAmount || 0); Number(row.currentReceiptAmount || 0) - Number(row.backAmount || 0) - Number(row.arrearsAmount || 0);
return Number(residueBackAmount.toFixed(2)); return Number(residueBackAmount.toFixed(2));
}, }
}; };
base[9] = { base[9] = {
title: "个人欠费", title: '个人欠费',
dataIndex: "arrearsAmount", dataIndex: 'arrearsAmount',
ellipsis: true, ellipsis: true,
width: 150, width: 150,
customRender: (val, row) => { customRender: (val, row) => {
...@@ -470,31 +445,31 @@ export default { ...@@ -470,31 +445,31 @@ export default {
allow-clear allow-clear
disabled={!this.isEdit} disabled={!this.isEdit}
onBlur={() => { onBlur={() => {
changeAmount(row); changeAmount(row, 'arrearsAmount');
}} }}
/> />
); );
}, }
}; };
base.splice(8, 0, { base.splice(8, 0, {
title: "余末金额", title: '余末金额',
dataIndex: "currentReceiptAmount", dataIndex: 'currentReceiptAmount',
ellipsis: true, ellipsis: true,
width: 150, width: 150
}); });
base.push({ base.push({
title: "回款日期", title: '回款日期',
dataIndex: "backDate", dataIndex: 'backDate',
ellipsis: true, ellipsis: true,
width: 150, width: 150
}); });
if (this.isEdit) { if (this.isEdit) {
base.push({ base.push({
title: "操作", title: '操作',
dataIndex: "operation", dataIndex: 'operation',
fixed: "right", fixed: 'right',
width: 100, width: 100,
scopedSlots: { customRender: "operation" }, scopedSlots: { customRender: 'operation' }
}); });
} }
return base; return base;
...@@ -506,7 +481,7 @@ export default { ...@@ -506,7 +481,7 @@ export default {
totalMoney -= Number(item.backAmount); totalMoney -= Number(item.backAmount);
}); });
return Number(totalMoney.toFixed(2)); return Number(totalMoney.toFixed(2));
}, }
}, },
created() { created() {
const { backMoneyNo, isEdit } = this.$route.query; const { backMoneyNo, isEdit } = this.$route.query;
...@@ -514,13 +489,9 @@ export default { ...@@ -514,13 +489,9 @@ export default {
this.isEdit = isEdit; this.isEdit = isEdit;
this._getCompanyOptions(); this._getCompanyOptions();
if (backMoneyNo) { if (backMoneyNo) {
const backMoneyDataDetail = JSON.parse( const backMoneyDataDetail = JSON.parse(localStorage.getItem('backMoneyDataDetail') || '{}');
localStorage.getItem("backMoneyDataDetail") || "{}"
);
this.form = backMoneyDataDetail; this.form = backMoneyDataDetail;
this.form.backDate = this.form.backDate this.form.backDate = this.form.backDate ? moment(this.form.backDate).format('YYYY-MM-DD 00:00:00') : null;
? moment(this.form.backDate).format("YYYY-MM-DD 00:00:00")
: null;
// 如果有上传附件则显示列表 // 如果有上传附件则显示列表
if (backMoneyDataDetail.fileList) { if (backMoneyDataDetail.fileList) {
...@@ -528,8 +499,8 @@ export default { ...@@ -528,8 +499,8 @@ export default {
const file = { const file = {
uid: Math.random() * 10000, uid: Math.random() * 10000,
name: d.fileName, name: d.fileName,
status: "done", status: 'done',
url: d.fileUrl, url: d.fileUrl
}; };
return file; return file;
}); });
...@@ -538,15 +509,41 @@ export default { ...@@ -538,15 +509,41 @@ export default {
} }
this._getNewEOBList(); this._getNewEOBList();
}, },
mounted() {
this.calcTableHeight();
},
methods: { methods: {
moment, moment,
// 计算表格最大高度
calcTableHeight() {
const dom = this.$refs.burt;
const containterH = dom.clientHeight;
const style = window.getComputedStyle(dom, null);
const paddingT = parseFloat(style.getPropertyValue('padding-top'));
const paddingB = parseFloat(style.getPropertyValue('padding-bottom'));
const paddingSum = paddingT + paddingB;
this.tableHeight = containterH - 400 - paddingSum;
},
// 已关联账单表格行类名
rowClassName(record) {
return record.hidden ? 'hide_' : '';
},
// 已关联账单数据同步
syncData(row, field) {
this.selectedRows.forEach((item) => {
if (item.id === row.id) {
item[field] = row[field];
}
});
},
// 账单查询
searchData() {
this._getNewEOBList();
this.getData();
},
// 选择框筛选 // 选择框筛选
filterCode(input, option) { filterCode(input, option) {
return ( return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
option.componentOptions.children[0].text
.toLowerCase()
.indexOf(input.toLowerCase()) >= 0
);
}, },
paneChange() { paneChange() {
this.panes.forEach((item) => { this.panes.forEach((item) => {
...@@ -554,45 +551,43 @@ export default { ...@@ -554,45 +551,43 @@ export default {
}); });
this.panes[Number(this.activeKey)].show = true; this.panes[Number(this.activeKey)].show = true;
}, },
changeAmount(row) { changeAmount(row, field) {
let totalMoney = Number(this.form.backAmountCny || 0); let totalMoney = Number(this.form.backAmountCny || 0);
this.selectedRows.forEach((item) => { this.selectedRows.forEach((item) => {
totalMoney -= Number(item.backAmount); totalMoney -= Number(item.backAmount);
}); });
if(totalMoney < 0){ if (totalMoney < 0) {
this.$message.error('可核销余额不足') this.$message.error('可核销余额不足');
} }
if (Number(row.actualAmount || 0) - Number(row.backAmount || 0) < 0) { if (Number(row.actualAmount || 0) - Number(row.backAmount || 0) < 0) {
this.$message.warning("录入账单回款金额大于账单金额"); this.$message.warning('录入账单回款金额大于账单金额');
} }
this.syncData(row, field);
}, },
onSelectChange(selectedRow, selected) { onSelectChange(selectedRow, selected) {
selectedRow['backAmount'] = this.residueBackAmount > selectedRow.currentReceiptAmount ? selectedRow.currentReceiptAmount: this.residueBackAmount; selectedRow['backAmount'] =
this.residueBackAmount > selectedRow.currentReceiptAmount
? selectedRow.currentReceiptAmount
: this.residueBackAmount;
if (selected) { if (selected) {
this.selectedRowKeys.push(selectedRow.id); this.selectedRowKeys.push(selectedRow.id);
this.selectedRows.push(selectedRow); this.selectedRows.push(selectedRow);
} else { } else {
const index = this.selectedRowKeys.findIndex( const index = this.selectedRowKeys.findIndex((item) => item === selectedRow.id);
(item) => item === selectedRow.id
);
this.selectedRowKeys.splice(index, 1); this.selectedRowKeys.splice(index, 1);
this.selectedRows.splice(index, 1); this.selectedRows.splice(index, 1);
this._confirmDelReceipt([selectedRow]); this._confirmDelReceipt([selectedRow]);
} }
this.addNewEvt(0) this.addNewEvt(0);
}, },
onSelectAll(selected, selectedRows, changeRows) { onSelectAll(selected, selectedRows, changeRows) {
console.log(selected, selectedRows, changeRows); console.log(selected, selectedRows, changeRows);
if (selected) { if (selected) {
this.selectedRowKeys = this.selectedRowKeys.concat( this.selectedRowKeys = this.selectedRowKeys.concat(changeRows.map((item) => item.id));
changeRows.map((item) => item.id)
);
this.selectedRows = this.selectedRows.concat(changeRows); this.selectedRows = this.selectedRows.concat(changeRows);
} else { } else {
changeRows.forEach((item) => { changeRows.forEach((item) => {
const findIndex = this.selectedRowKeys.findIndex( const findIndex = this.selectedRowKeys.findIndex((rowId) => rowId === item.id);
(rowId) => rowId === item.id
);
this.selectedRowKeys.splice(findIndex, 1); this.selectedRowKeys.splice(findIndex, 1);
this.selectedRows.splice(findIndex, 1); this.selectedRows.splice(findIndex, 1);
}); });
...@@ -612,14 +607,12 @@ export default { ...@@ -612,14 +607,12 @@ export default {
if (!this.backMoneyNo) return; if (!this.backMoneyNo) return;
const receiptVoList = records const receiptVoList = records
.filter((item) => { .filter((item) => {
const findIndex = this.relatedList.findIndex( const findIndex = this.relatedList.findIndex((rowId) => rowId === item.id);
(rowId) => rowId === item.id
);
return findIndex > -1; return findIndex > -1;
}) })
.map((item) => { .map((item) => {
return { return {
id: item.id, id: item.id
}; };
}); });
console.log(receiptVoList); console.log(receiptVoList);
...@@ -627,10 +620,10 @@ export default { ...@@ -627,10 +620,10 @@ export default {
this.$apis this.$apis
.DELETERECEIPTRECORD({ .DELETERECEIPTRECORD({
backMoneyNo: this.backMoneyNo, backMoneyNo: this.backMoneyNo,
receiptVoList, receiptVoList
}) })
.then((res) => { .then((res) => {
if (res.returnCode == "0000") { if (res.returnCode == '0000') {
this._getNewEOBList(); this._getNewEOBList();
} else { } else {
this.$message.error(res.returnMsg); this.$message.error(res.returnMsg);
...@@ -639,20 +632,17 @@ export default { ...@@ -639,20 +632,17 @@ export default {
}, },
// 修改保险公司 // 修改保险公司
changePayor() { changePayor() {
if ( if (this.selectedRowKeys.length > 0 && (this.form.id || this.savedStatus)) {
this.selectedRowKeys.length > 0 &&
(this.form.id || this.savedStatus)
) {
this.$modal.confirm({ this.$modal.confirm({
title: "提示", title: '提示',
content: "是否解除已关联账单", content: '是否解除已关联账单',
okText: "确认", okText: '确认',
cancelText: "取消", cancelText: '取消',
onOk: () => { onOk: () => {
this.selectedRowKeys = []; this.selectedRowKeys = [];
this.selectedRows = []; this.selectedRows = [];
}, },
onCancel: () => {}, onCancel: () => {}
}); });
} }
this._getNewEOBList(); this._getNewEOBList();
...@@ -660,7 +650,7 @@ export default { ...@@ -660,7 +650,7 @@ export default {
pageChange(pager) { pageChange(pager) {
this.pagination = { this.pagination = {
...this.pagination, ...this.pagination,
...pager, ...pager
}; };
this._getNewEOBList(); this._getNewEOBList();
}, },
...@@ -672,22 +662,28 @@ export default { ...@@ -672,22 +662,28 @@ export default {
}, },
// 获取已关联的账单 // 获取已关联的账单
getData() { getData() {
let billDate = this.searchForm.billDate || [];
this.$apis this.$apis
.QUERYBACKRECEIPTLIST({ .QUERYBACKRECEIPTLIST({
pageNum: 1, pageNum: 1,
pageSize: 999, pageSize: 999,
backMoneyNo: this.backMoneyNo, backMoneyNo: this.backMoneyNo,
payorCode: this.form.payorCode, payorCode: this.form.payorCode,
...this.searchForm,
receiptEndDate: billDate[1] ? billDate[1] + ' 23:59:59' : undefined,
receiptStartDate: billDate[0] ? billDate[0] + ' 00:00:00' : undefined
}) })
.then((res) => { .then((res) => {
if (res.returnCode == "0000") { if (res.returnCode == '0000') {
const list = res.content.list || []; const list = res.content.list || [];
this.selectedRowKeys = list.map((d) => d.id); let ids = [];
this.selectedRows = list.map((item) => { this.selectedRows = list.map((item) => {
item.relationed = true; item.relationed = true;
ids.push(item.id);
return item; return item;
}); });
this.relatedList = list.map((d) => d.id); this.selectedRowKeys = this.$lodash.cloneDeep(ids);
this.relatedList = this.$lodash.cloneDeep(ids);
} else { } else {
this.$message.error(res.returnMsg); this.$message.error(res.returnMsg);
} }
...@@ -703,17 +699,18 @@ export default { ...@@ -703,17 +699,18 @@ export default {
backMoneyNo: this.backMoneyNo, backMoneyNo: this.backMoneyNo,
payorCode: this.form.payorCode, payorCode: this.form.payorCode,
...this.searchForm, ...this.searchForm,
receiptEndDate: billDate[1] ? billDate[1] + " 23:59:59" : undefined, receiptEndDate: billDate[1] ? billDate[1] + ' 23:59:59' : undefined,
receiptStartDate: billDate[0] ? billDate[0] + " 00:00:00" : undefined, receiptStartDate: billDate[0] ? billDate[0] + ' 00:00:00' : undefined
}) })
.then((res) => { .then((res) => {
if (res.returnCode == "0000") { if (res.returnCode == '0000') {
let content = res.content || {}; let content = res.content || {};
this.pagination.total = content.total || 0; this.pagination.total = content.total || 0;
this.dataList = content.list.map(item => { this.dataList =
item.arrearsAmountShow = item.arrearsAmount content.list.map((item) => {
item.arrearsAmount = '' item.arrearsAmountShow = item.arrearsAmount;
return item item.arrearsAmount = '';
return item;
}) || []; }) || [];
} else { } else {
this.$message.error(res.returnMsg); this.$message.error(res.returnMsg);
...@@ -723,19 +720,18 @@ export default { ...@@ -723,19 +720,18 @@ export default {
//新建/保存回款 //新建/保存回款
addNewEvt(backStatus) { addNewEvt(backStatus) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
console.log(this.selectedRows);
if (!this.form.payorCode) { if (!this.form.payorCode) {
this.$message.warning("请选择保险公司"); this.$message.warning('请选择保险公司');
reject(); reject();
return; return;
} }
if (!this.form.backDate) { if (!this.form.backDate) {
this.$message.warning("请选择回款日期"); this.$message.warning('请选择回款日期');
reject(); reject();
return; return;
} }
if (!this.form.backAmountCny) { if (!this.form.backAmountCny) {
this.$message.warning("请输入回款金额"); this.$message.warning('请输入回款金额');
reject(); reject();
return; return;
} }
...@@ -744,14 +740,15 @@ export default { ...@@ -744,14 +740,15 @@ export default {
id: item.id, id: item.id,
backAmount: item.backAmount, backAmount: item.backAmount,
arrearsAmount: item.arrearsAmount, arrearsAmount: item.arrearsAmount,
remark: item.remark
}; };
}); });
const valid = receiptVoList.some((item) => { const valid = receiptVoList.some((item) => {
const exist = !item.backAmount && item.backAmount !== 0 const exist = !item.backAmount && item.backAmount !== 0;
return exist; return exist;
}); });
if (valid) { if (valid) {
this.$message.warning("存在关联账单未输入回款金额"); this.$message.warning('存在关联账单未输入回款金额');
reject(); reject();
return; return;
} }
...@@ -759,38 +756,37 @@ export default { ...@@ -759,38 +756,37 @@ export default {
const formData = { const formData = {
...this.form, ...this.form,
receiptVoList, receiptVoList,
backDate: this.form.backDate backDate: this.form.backDate ? moment(this.form.backDate).format('YYYY-MM-DD HH:mm:ss') : '',
? moment(this.form.backDate).format("YYYY-MM-DD HH:mm:ss")
: "",
backMoneyNo: this.backMoneyNo, //回款编号 backMoneyNo: this.backMoneyNo, //回款编号
backStatus, // 0暂存 1结案 backStatus // 0暂存 1结案
}; };
// 上传附件格式转换 // 上传附件格式转换
formData.fileList = this.fileList.map((d) => { formData.fileList = this.fileList.map((d) => {
const file = { const file = {
fileName: d.name, fileName: d.name,
fileUrl: d.url, fileUrl: d.url
}; };
return file; return file;
}); });
console.log(formData);
this.$apis.SAVEBACKMONEY(formData).then((res) => { // this.$apis.SAVEBACKMONEY(formData).then((res) => {
if (res.returnCode == "0000") { // if (res.returnCode == '0000') {
this.backMoneyNo = res.content; // this.backMoneyNo = res.content;
this.savedStatus = true; // this.savedStatus = true;
this.$message.success("成功"); // this.$message.success('成功');
this.selectedRowKeys = []; // this.selectedRowKeys = [];
this.getData(); // this.getData();
this._getNewEOBList(); // this._getNewEOBList();
// this.$router.go(-1); // // this.$router.go(-1);
resolve(); // resolve();
} else { // } else {
this.$message.error(res.returnMsg); // this.$message.error(res.returnMsg);
reject(); // reject();
} // }
}); // });
}); });
}, },
...@@ -799,7 +795,7 @@ export default { ...@@ -799,7 +795,7 @@ export default {
beforeUpload() { beforeUpload() {
const len = this.fileList.length; const len = this.fileList.length;
if (len >= 5) { if (len >= 5) {
this.$message.warning("不能超过5个文件"); this.$message.warning('不能超过5个文件');
return false; return false;
} }
return true; return true;
...@@ -818,14 +814,14 @@ export default { ...@@ -818,14 +814,14 @@ export default {
// 上传文件 // 上传文件
uploadFile(fileData) { uploadFile(fileData) {
let formData = new FormData(); let formData = new FormData();
formData.append("file", fileData.file); formData.append('file', fileData.file);
this.$apis.UPLOADIMG(formData).then((res) => { this.$apis.UPLOADIMG(formData).then((res) => {
fileData.onSuccess(); fileData.onSuccess();
let tmp = { let tmp = {
uid: Math.random() * 10000, uid: Math.random() * 10000,
name: res.original, name: res.original,
status: "done", status: 'done',
url: res.url, url: res.url
}; };
this.fileList.push(tmp); this.fileList.push(tmp);
...@@ -833,20 +829,20 @@ export default { ...@@ -833,20 +829,20 @@ export default {
}); });
}, },
//导出报表 //导出报表
exportExcel(){ exportExcel() {
let filter = { let filter = {
backMoneyNo: this.backMoneyNo, backMoneyNo: this.backMoneyNo,
payorCode: this.form.payorCode, payorCode: this.form.payorCode
} };
this.$apis.EXPORTBACKRECEIPTLIST(filter).then(res => { this.$apis.EXPORTBACKRECEIPTLIST(filter).then((res) => {
exportFile(res, '已关联账单.xls'); exportFile(res, '已关联账单.xls');
}) });
}, },
// 保险公司支持输入搜索 // 保险公司支持输入搜索
filterOption(input,option ) { filterOption(input, option) {
return option.componentOptions.children[0].text.indexOf(input) >= 0 return option.componentOptions.children[0].text.indexOf(input) >= 0;
}
} }
},
}; };
</script> </script>
...@@ -860,15 +856,19 @@ export default { ...@@ -860,15 +856,19 @@ export default {
.table-title { .table-title {
font-size: 15px; font-size: 15px;
margin: 6px 0; margin: 6px 0;
display: flex; text-align: right;
align-items: center;
justify-content: space-between;
} }
.table-content { .table-content {
margin-bottom: 8px; ::v-deep {
tr.hide_ {
display: none;
}
td {
padding: 5px 16px !important;
}
}
} }
.search-form { .search-form {
margin-top: 24px;
.ant-form .ant-form-item { .ant-form .ant-form-item {
margin-bottom: 4px; margin-bottom: 4px;
} }
...@@ -886,7 +886,11 @@ export default { ...@@ -886,7 +886,11 @@ export default {
height: calc(100vh - 86px); height: calc(100vh - 86px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-bottom: 10px;
::v-deep { ::v-deep {
.ant-form-item {
display: flex;
}
.ant-tabs { .ant-tabs {
flex: 1; flex: 1;
min-height: 0; min-height: 0;
...@@ -894,10 +898,12 @@ export default { ...@@ -894,10 +898,12 @@ export default {
} }
} }
.bill-content { .bill-content {
height: calc(100vh - 400px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
padding-right: 12px; padding-right: 12px;
.pagination {
margin-top: 10px;
}
} }
::v-deep .bill-form { ::v-deep .bill-form {
.ant-form .ant-form-item { .ant-form .ant-form-item {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment