<template> <div class="white_bg burt-container"> <Goback title="回款详情" /> <!-- form --> <a-form-model ref="form" layout="vertical" :model="form"> <a-row :gutter="30"> <a-col :lg="6" :sm="12"> <a-form-model-item label="保险公司"> <a-select v-model="form.payorCode" placeholder="请选择保险公司" allowClear> <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="5" :sm="12"> <a-form-model-item label="回款日期"> <a-date-picker format="YYYY年MM月DD日" v-model="form.backDate" placeholder="选择日期" /> </a-form-model-item> </a-col> <a-col :lg="5" :sm="12"> <a-form-model-item label="回款金额(人民币)"> <a-input type="number" v-model="form.backAmountCny" placeholder="请输入金额"/> </a-form-model-item> </a-col> <a-col :lg="5" :sm="12"> <a-form-model-item label="回款金额(美元)"> <a-input type="number" v-model="form.backAmountUsd" placeholder="请输入金额"/> </a-form-model-item> </a-col> <a-col :lg="6" :sm="12"> <a-form-model-item label="汇率差"> <a-input v-model="form.backExchangeRate" placeholder="请输入金额" /> </a-form-model-item> </a-col> <a-col :md="24" :lg="18" class="none-label"> <a-form-model-item label="button"> <a-button class="mar-left10" type="primary" @click="addNewEvt"> <Icon :name="backMoneyNo?'ssibaocun':'ssiadd'" :size="14" />{{backMoneyNo?'保存回款':'新建回款'}} </a-button> </a-form-model-item> </a-col> </a-row> <a-row :gutter="30"> <a-col :md="24" class="none-label"> <a-form-model-item label="button"> <!-- <a-button class="mar-left10" type="primary" @click="handlerSearch"> <Icon name="ssisearch_active" :size="14" />查询 </a-button> --> <a-button class="mar-left10" type="primary" @click="addNewEOB"> <Icon :name="isEditNewEOB?'ssibaocun':'ssiadd'" :size="14" />{{isEditNewEOB? '保存EOB': '添加EOB'}} </a-button> </a-form-model-item> </a-col> </a-row> </a-form-model> <!-- table --> <a-table :columns="columns" :data-source="dataList" :scroll="{ x: true }" :pagination="false" :row-selection="isEditNewEOB? { selectedRowKeys: selectedRowKeys, onChange: onSelectChange }: null"> <template slot="eobSts" slot-scope="text"> {{text==1?'待回款':'已回款'}} </template> <template slot="eobBackDate" slot-scope="text"> {{text?moment(text).format('YYYY-MM-DD'):''}} </template> <template slot="operation" slot-scope="text, record"> <a-button type="link" @click.stop="editEvt(record)">修改</a-button> <!-- <a-button v-if="record.backMoneyNo" type="link" class="danger" @click.stop="delRecord(index)">删除</a-button> --> </template> </a-table> <BurtPagination :pagination="pagination" @pageChange="getData" /> <a-modal title="编辑" :visible="dialogShow" width="700px" :maskClosable="false" okText="确定" cancelText="取消" @ok="handleEditOK" @cancel="dialogShow = false"> <a-form-model ref="editForm" :model="editFormObj" :rules="editRules"> <a-row :gutter="30"> <a-col :lg="12" :sm="24"> <a-form-model-item label="EOB状态" prop="eobSts"> <a-select v-model="editFormObj.eobSts" placeholder="请选择状态" allowClear> <a-select-option value="1">待回款</a-select-option> <a-select-option value="2">已回款</a-select-option> </a-select> </a-form-model-item> </a-col> <a-col :lg="12" :sm="24"> <a-form-model-item label="eob核销时间" prop="eobBackDate"> <a-date-picker format="YYYY年MM月DD日" v-model="editFormObj.eobBackDate" placeholder="选择日期" /> </a-form-model-item> </a-col> <a-col :lg="12" :xs="24"> <a-form-model-item label="eob回款(人民币)" prop="eobBackMoneyCny"> <a-input v-model.trim="editFormObj.eobBackMoneyCny" placeholder="eob回款(人民币)" /> </a-form-model-item> </a-col> <a-col :lg="12" :xs="24"> <a-form-model-item label="eob回款(美元)" prop="eobBackMoneyUsd"> <a-input v-model.trim="editFormObj.eobBackMoneyUsd" placeholder="eob回款(美元)" /> </a-form-model-item> </a-col> </a-row> </a-form-model> </a-modal> </div> </template> <script> import Goback from "@/components/CUSTOMER/goback"; import BurtPagination from "@/components/CUSTOMER/pagation"; import moment from "moment"; const columns = [ { title: "EOB编号", dataIndex: "eobNo", ellipsis: true, width: 150 }, { title: "EOB名称", dataIndex: "eobName", ellipsis: true, width: 195 }, { title: "核销时间", dataIndex: "eobBackDate", ellipsis: true, width: 110, scopedSlots: { customRender: "eobBackDate" }, }, { title: "保险公司", dataIndex: "payorName", ellipsis: true, width: 110 }, { title: "EOB状态", dataIndex: "eobSts", ellipsis: true, width: 110, scopedSlots: { customRender: "eobSts" } }, { title: "EOB赔付金额(人民币)", dataIndex: "eobAmountCny", ellipsis: true, width: 190,}, { title: "EOB赔付金额(美元)", dataIndex: "eobAmountUsd", ellipsis: true, width: 190,}, { title: "EOB回款金额(人民币)", dataIndex: "eobBackMoneyCny", ellipsis: true, width: 190,}, { title: "EOB回款金额(美元)", dataIndex: "eobBackMoneyUsd", ellipsis: true, width: 190,}, { title: "汇率差", dataIndex: "backExchangeRate", ellipsis: true, width: 110 }, { title: "操作", dataIndex: "operation", scopedSlots: { customRender: "operation" },fixed: "right", width: "170px", align: "center"}, ]; export default { data() { return { columns, dialogShow: false, form: { payorCode: '', backDate: '', backAmountCny: '', backAmountUsd: '', backExchangeRate: '' }, dataList: [], isEditNewEOB: false, //是否在新建回款 companyOptions: [], //保险公司 pagination: { pageNum: 1, pageSize: 10, total: 0, }, selectedRowKeys: [], // Check here to configure the default column backMoneyNo: '', editFormObj: { id: '', eobNo: '', eobSts: '', eobBackDate: '', eobBackMoneyCny: '', eobBackMoneyUsd: '', }, editRules: { backAmountUsd: [{ required: true, message: "请输入", trigger: "blur" }], backAmount: [{ required: true, message: "请输入", trigger: "blur" }], }, }; }, components: { Goback, BurtPagination, }, created(){ this.backMoneyNo = this.$route.query.backMoneyNo; this._getCompanyOptions(); if(this.backMoneyNo){ let backMoneyDataDetail = localStorage.getItem('backMoneyDataDetail'); this.form = backMoneyDataDetail? JSON.parse(backMoneyDataDetail): {}; this.getData(); } }, methods: { moment, onSelectChange(selectedRowKeys) { let arr = []; for(let i=0; i<selectedRowKeys.length; i++){ let idx = selectedRowKeys[i]; if(this.dataList[idx].backMoneyNo){ this.$msg.destroy(); this.$message.warning('回款编号已存在') }else{ arr.push(idx); } } this.selectedRowKeys = arr; }, pageChange(pager) { const { current } = pager; this.pagination.pageNum = current; this.getData(); }, // 获取保险公司下拉选项 _getCompanyOptions() { this.$apis.GETCOMPANYOPTIONS().then((res) => { this.companyOptions = res.content || []; }); }, handlerSearch() { this.pagination.pageNum = 1; this.getData(); }, getData() { this.$apis.QUERYBACKEOBLIST({ pageNum: this.pagination.pageNum, pageSize: this.pagination.pageSize, backMoneyNo: this.backMoneyNo }) .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); } }); }, //添加EOB addNewEOB(){ this.isEditNewEOB = !this.isEditNewEOB; if(!this.isEditNewEOB){ //保存 this.addNewEvt() .then(()=>{ this.isEditNewEOB = false; }) }else{ //查询所有未加入的账单 this.pagination.pageNum = 1; this.$apis.QUERYEOBINFOLIST({ pageNum: this.pagination.pageNum, pageSize: this.pagination.pageSize }) .then((res) => { if (res.returnCode == "0000") { this.selectedRowKeys = []; let content = res.content || {}; this.pagination.total = content.total || 0; this.dataList = content.list || []; } else { this.$message.error(res.returnMsg); } }); } }, //新建/保存回款 addNewEvt(){ let backMoneyEobList = []; this.dataList.forEach((item,index)=>{ if(this.selectedRowKeys.indexOf(index)!=-1){ backMoneyEobList.push({ id: item.id, eobNo: item.eobNo, eobSts: item.eobSts, eobBackDate: item.eobBackDate?moment(item.eobBackDate).format('YYYY-MM-DD 00:00:00'):'', eobBackMoneyCny: item.eobBackMoneyCny, eobBackMoneyUsd: item.eobBackMoneyUsd, }) } }) let formData = { ...this.form, backMoneyEobList: backMoneyEobList, backDate: this.form.backDate? moment(this.form.backDate).format('YYYY-MM-DD 00:00:00'):'', backMoneyNo: this.backMoneyNo, //回款编号 } return new Promise((resolve,reject)=>{ this.$apis.SAVEBACKMONEY(formData) .then((res) => { if (res.returnCode == "0000") { this.backMoneyNo = res.content; this.$message.success("成功"); this.selectedRowKeys = []; this.getData(); resolve(); } else { this.$message.error(res.returnMsg); reject(); } }); }) }, //删除记录 delRecord(index) { this.$modal.confirm({ title: "删除", content: "确定删除该条记录?", okText: "确认", cancelText: "取消", onOk: () => { this.$apis.DELETEBACKMONEY({ backMoneyNo: this.dataList[index].backMoneyNo, }) .then((res) => { if (res.returnCode == "0000") { this.$message.success("删除成功"); this.dataList.splice(index, 1); } else { this.$message.error(res.returnMsg); } }); }, onCancel: () => {}, }); }, editEvt(record) { this.editFormObj = { id: record.id, eobNo: record.eobNo || "", eobSts: record.eobSts || "", eobBackDate: record.eobBackDate?moment(record.eobBackDate).format('YYYY-MM-DD 00:00:00'):"", eobBackMoneyCny: record.eobBackMoneyCny || "", eobBackMoneyUsd: record.eobBackMoneyUsd || "", }; this.dialogShow = true; }, //编辑保存 handleEditOK() { this.$refs.editForm.validate((valid) => { if (valid) { this.$apis.SAVEBACKMONEY({ ...this.form, backMoneyEobList: [this.editFormObj], backDate: this.form.backDate? moment(this.form.backDate).format('YYYY-MM-DD 00:00:00'):'', backMoneyNo: this.backMoneyNo, //回款编号 }) .then((res) => { if (res.returnCode == "0000") { this.$message.success("编辑成功"); this.dialogShow = false; this.getData(); } else { this.$message.error(res.returnMsg); } }); } }); }, }, }; </script> <style lang="less" scoped> .none-label { text-align: right; .ant-form-item-label { opacity: 0; } } .ant-btn .icon-class { .mg-r(10); } .success.ant-btn-link { color: #4cd964; } .danger.ant-btn-link { color: #ff3b30; } </style>