Skip to content

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

回款管理页面测试问题修复

parent 27f0a6d8
Hide whitespace changes
Inline Side-by-side
Showing with 577 additions and 505 deletions
src/components/CUSTOMER/pagation/index.vue
View file @ 519332d8
<template> <template>
<!--分页--> <!--分页-->
<div class="flex my-pagination" v-if="pagination.total > pagination.pageSize"> <div class="flex my-pagination" v-if="pagination.total > pagination.pageSize">
<a-pagination <a-pagination
v-model="pagination.pageNum" v-model="pagination.pageNum"
:total="pagination.total" :total="pagination.total"
:page-size="pagination.pageSize" :page-size="pagination.pageSize"
:item-render="itemRender" :item-render="itemRender"
@change="pageChange" @change="pageChange"
/> />
<a-input <a-input
v-model.trim="jumpPage" v-model.trim="jumpPage"
class="jump-page" class="jump-page"
type="number" type="number"
:min="0" :min="0"
@blur="inputPageChange" @blur="inputPageChange"
/> />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
//分页器 //分页器
pagination: { pagination: {
default: {}, default: {},
}, },
}, },
data() { data() {
return { return {
//跳转到第几页 //跳转到第几页
jumpPage: "", jumpPage: "",
}; };
}, },
methods: { methods: {
//自定义分页 //自定义分页
itemRender(current, type, originalElement) { itemRender(current, type, originalElement) {
if (type === "prev") { if (type === "prev") {
return <li class="page pre">上一页</li>; return <li class="page pre">上一页</li>;
} else if (type === "next") { } else if (type === "next") {
return <li class="page next">下一页</li>; return <li class="page next">下一页</li>;
} else if (type === "page") { } else if (type === "page") {
//当前页面 //当前页面
if (current == this.pagination.pageNum) { if (current == this.pagination.pageNum) {
return ( return (
<div class="cur-page page"> <div class="cur-page page">
<span class="cur">{current}</span>/ <span class="cur">{current}</span>/
<span class="total"> <span class="total">
{Math.ceil(this.pagination.total / this.pagination.pageSize)} {Math.ceil(this.pagination.total / this.pagination.pageSize)}
</span> </span>
</div> </div>
); );
} else { } else {
return null; return null;
} }
} else if (type == "jump-prev") { } else if (type == "jump-prev") {
return null; return null;
} else if (type == "jump-next") { } else if (type == "jump-next") {
return null; return null;
} }
return originalElement; return originalElement;
}, },
//跳转页面 //跳转页面
inputPageChange() { inputPageChange() {
this.jumpPage = parseInt(this.jumpPage); this.jumpPage = parseInt(this.jumpPage);
let pages = Math.ceil(this.pagination.total / this.pagination.pageSize); let pages = Math.ceil(this.pagination.total / this.pagination.pageSize);
this.jumpPage = this.jumpPage < 0 ? 0 : this.jumpPage; this.jumpPage = this.jumpPage < 0 ? 0 : this.jumpPage;
this.jumpPage = this.jumpPage > pages ? pages : this.jumpPage; this.jumpPage = this.jumpPage > pages ? pages : this.jumpPage;
this.pagination.pageNum = this.jumpPage; this.pagination.pageNum = this.jumpPage;
this.$emit("pageChange", { pageNum: this.jumpPage }); this.$emit("pageChange", { pageNum: this.jumpPage });
}, },
//改变分页 //改变分页
pageChange(pager) { pageChange(pager) {
this.pagination.pageNum = pager; this.pagination.pageNum = pager;
this.$emit("pageChange", { pageNum: pager }); this.$emit("pageChange", { pageNum: pager });
}, },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.my-pagination { .my-pagination {
justify-content: flex-end; justify-content: flex-end;
margin-top: 33px; margin-top: 33px;
.page { .page {
width: 80px; width: 80px;
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
background: #f8fafb; background: #f8fafb;
font-weight: 400; font-weight: 400;
color: #252631; color: #252631;
&.cur-page { &.cur-page {
background: transparent; background: transparent;
} }
span { span {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
&.cur { &.cur {
color: #4d7cfe; color: #4d7cfe;
} }
} }
} }
.jump-page { .jump-page {
width: 80px; width: 80px;
margin-left: 30px; margin-left: 30px;
height: 36px; height: 36px;
text-align: center; text-align: center;
} }
} }
::v-deep .ant-pagination-jump-prev, ::v-deep .ant-pagination-jump-prev,
::v-deep .ant-pagination-jump-next { ::v-deep .ant-pagination-jump-next {
display: none !important; display: none !important;
} }
</style> </style>
src/views/charge-query/index.vue
View file @ 519332d8
<template> <template>
<!-- 收费查询-账单查询 --> <!-- 收费查询-账单查询 -->
<div class="white_bg burt-container custom-info"> <div class="white_bg burt-container custom-info">
<!-- form --> <!-- form -->
<a-form-model ref="form" layout="vertical" :model="form"> <a-form-model ref="form" layout="vertical" :model="form">
<a-row :gutter="30"> <a-row :gutter="30">
<a-col :xl="6" :lg="6" :sm="12"> <a-col :xl="6" :lg="6" :sm="12">
<a-form-model-item label="病历号"> <a-form-model-item label="病历号">
<a-input v-model="form.mrnNo" placeholder="请输入病历号" allow-clear /> <a-input v-model="form.mrnNo" placeholder="请输入病历号" allow-clear />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :sm="12"> <a-col :xl="6" :lg="6" :sm="12">
<a-form-model-item label="客户姓名"> <a-form-model-item label="客户姓名">
<a-input v-model="form.patientName" placeholder="请输入客户姓名" allow-clear /> <a-input v-model="form.patientName" placeholder="请输入客户姓名" allow-clear />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :sm="12"> <a-col :xl="6" :lg="6" :sm="12">
<a-form-model-item label="保险公司"> <a-form-model-item label="保险公司">
<a-select v-model="form.payorId" placeholder="请选择保险公司" allowClear show-search mode="multiple" <a-select
:filterOption="filterCode"> v-model="form.payorId"
<a-select-option v-for="item in companyOptions" :key="item.corpCode" :value="item.id"> placeholder="请选择保险公司"
{{ item.longName }} allowClear
</a-select-option> show-search
</a-select> mode="multiple"
</a-form-model-item> :filterOption="filterCode"
</a-col> >
<a-col :xl="6" :lg="6" :sm="12"> <a-select-option v-for="item in companyOptions" :key="item.corpCode" :value="item.id">
<a-form-model-item label="看诊医生"> {{ item.longName }}
<a-select v-model="form.doctorCode" placeholder="请选择看诊医生" allowClear> </a-select-option>
<a-select-option v-for="item in doctorOptions" :key="item.doctorCode" :value="item.doctorCode"> </a-select>
{{ item.doctorDesc }} </a-form-model-item>
</a-select-option> </a-col>
</a-select> <a-col :xl="6" :lg="6" :sm="12">
</a-form-model-item> <a-form-model-item label="看诊医生">
</a-col> <a-select v-model="form.doctorCode" placeholder="请选择看诊医生" allowClear>
<a-col :xl="6" :lg="6" :sm="12"> <a-select-option v-for="item in doctorOptions" :key="item.doctorCode" :value="item.doctorCode">
<a-form-model-item label="收费时间"> {{ item.doctorDesc }}
<a-range-picker format="YYYY-MM-DD" v-model="form.dateRange" :placeholder="['开始时间','结束时间']" @change="onSelectVisitTime" /> </a-select-option>
</a-form-model-item> </a-select>
</a-col> </a-form-model-item>
<a-col :xl="6" :lg="6" :sm="12"> </a-col>
<a-form-model-item label="是否已关联寄送单"> <a-col :xl="6" :lg="6" :sm="12">
<a-select v-model="form.isSend" placeholder="请选择是否已关联寄送单" allowClear> <a-form-model-item label="收费时间">
<a-select-option value="Y" allow-clear> <a-range-picker
是 format="YYYY-MM-DD"
</a-select-option> v-model="form.dateRange"
<a-select-option value="N" allow-clear> :placeholder="['开始时间', '结束时间']"
否 @change="onSelectVisitTime"
</a-select-option> />
</a-select> </a-form-model-item>
</a-form-model-item> </a-col>
</a-col> <a-col :xl="6" :lg="6" :sm="12">
<a-col :xl="6" :lg="6" :sm="12"> <a-form-model-item label="是否已关联寄送单">
<a-form-model-item label="是否已回款"> <a-select v-model="form.isSend" placeholder="请选择是否已关联寄送单" allowClear>
<a-select v-model="form.isEobBack" placeholder="请选择是否已回款" allowClear> <a-select-option value="Y" allow-clear> 是 </a-select-option>
<a-select-option value="Y" allow-clear> <a-select-option value="N" allow-clear> 否 </a-select-option>
是 </a-select>
</a-select-option> </a-form-model-item>
<a-select-option value="N" allow-clear> </a-col>
否 <a-col :xl="6" :lg="6" :sm="12">
</a-select-option> <a-form-model-item label="是否已回款">
</a-select> <a-select v-model="form.isEobBack" placeholder="请选择是否已回款" allowClear>
</a-form-model-item> <a-select-option value="Y" allow-clear> 是 </a-select-option>
</a-col> <a-select-option value="N" allow-clear> 否 </a-select-option>
<a-col :xl="6" :lg="6" :sm="12"> </a-select>
<a-form-model-item label="账单类型"> </a-form-model-item>
<a-select v-model="form.receiptType" placeholder="请选择账单类型" allowClear> </a-col>
<a-select-option v-for="item in receiptTypeOptions" :key="item.value" :value="item.value"> <a-col :xl="6" :lg="6" :sm="12">
{{ item.name }} <a-form-model-item label="账单类型">
</a-select-option> <a-select v-model="form.receiptType" placeholder="请选择账单类型" allowClear>
</a-select> <a-select-option v-for="item in receiptTypeOptions" :key="item.value" :value="item.value">
</a-form-model-item> {{ item.name }}
</a-col> </a-select-option>
<a-col :xl="6" :lg="6" :sm="12"> </a-select>
<a-form-model-item label="账单编号"> </a-form-model-item>
<a-input v-model="form.receiptNo" placeholder="请输入账单编号" allow-clear /> </a-col>
</a-form-model-item> <a-col :xl="6" :lg="6" :sm="12">
</a-col> <a-form-model-item label="账单编号">
<a-col :xl="6" :lg="6" :sm="12"> <a-input v-model="form.receiptNo" placeholder="请输入账单编号" allow-clear />
<a-form-model-item label="状态"> </a-form-model-item>
<a-select v-model="form.status" placeholder="请选择状态" allowClear> </a-col>
<a-select-option v-for="item in statusOptions" :key="item.code" :value="item.code"> <a-col :xl="6" :lg="6" :sm="12">
{{ item.name }} <a-form-model-item label="状态">
</a-select-option> <a-select v-model="form.status" placeholder="请选择状态" allowClear>
</a-select> <a-select-option v-for="item in statusOptions" :key="item.code" :value="item.code">
</a-form-model-item> {{ item.name }}
</a-col> </a-select-option>
<a-col :xl="8" :lg="3" :sm="3" class="none-label"> </a-select>
<a-form-model-item label="button"> </a-form-model-item>
<!-- <a-button>更新数据</a-button> --> </a-col>
<!-- <a-button class="mar-left10" type="primary" @click="addNewCharge"> <a-col :xl="8" :lg="3" :sm="3" class="none-label">
<a-form-model-item label="button">
<!-- <a-button>更新数据</a-button> -->
<!-- <a-button class="mar-left10" type="primary" @click="addNewCharge">
<Icon name="ssiadd" :size="14" />新建预授权</a-button> --> <Icon name="ssiadd" :size="14" />新建预授权</a-button> -->
<a-button class="mar-left10" type="primary" @click="handlerReset"> <a-button class="mar-left10" type="primary" @click="handlerReset">
<Icon name="ssireset" :size="14" />重置 <Icon name="ssireset" :size="14" />重置
</a-button> </a-button>
<a-button class="mar-left10" type="primary" @click="handlerSearch"> <a-button class="mar-left10" type="primary" @click="handlerSearch">
<Icon name="ssisearch_active" :size="14" />查询 <Icon name="ssisearch_active" :size="14" />查询
</a-button> </a-button>
<a-button class="mar-left10" type="primary" @click="exportExcel"> <a-button class="mar-left10" type="primary" @click="exportExcel">
<Icon name="ssidaochu" :size="14" />导出 <Icon name="ssidaochu" :size="14" />导出
</a-button> </a-button>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
</a-form-model> </a-form-model>
<!-- table --> <!-- table -->
<a-table :columns="columns" :data-source="dataList" :scroll="{ x: true }" :pagination="false"> <a-table :columns="columns" :data-source="dataList" :scroll="{ x: true }" :pagination="false">
<template slot="index" slot-scope="text, record, index"> <template slot="index" slot-scope="text, record, index">
{{ index + 1 }} {{ index + 1 }}
</template> </template>
<template slot="operation" slot-scope="record"> <template slot="operation" slot-scope="record">
<!-- <a-button type="link" @click.stop="receiptEvt(record)">结算</a-button> --> <!-- <a-button type="link" @click.stop="receiptEvt(record)">结算</a-button> -->
<a-button type="link" class="success" @click.stop="detailEvt(record)">查看</a-button> <a-button type="link" class="success" @click.stop="detailEvt(record)">查看</a-button>
<!-- <a-popconfirm title="你确定要关闭吗？" ok-text="确定" cancel-text="取消" @confirm="deleteData" > <!-- <a-popconfirm title="你确定要关闭吗？" ok-text="确定" cancel-text="取消" @confirm="deleteData" >
<a-button type="link" class="danger">删除</a-button> <a-button type="link" class="danger">删除</a-button>
</a-popconfirm> --> </a-popconfirm> -->
</template> </template>
<template slot="isSend" slot-scope="text"> <template slot="isSend" slot-scope="text">
{{text == 'Y' ? '是' : text == 'N' ? '否' : ''}} {{ text == 'Y' ? '是' : text == 'N' ? '否' : '' }}
</template> </template>
<template slot="isEob" slot-scope="text"> <template slot="isEob" slot-scope="text">
{{text == 'Y' ? '是' : text == 'N' ? '否' : ''}} {{ text == 'Y' ? '是' : text == 'N' ? '否' : '' }}
</template> </template>
<template slot="isEobBack" slot-scope="text"> <template slot="isEobBack" slot-scope="text">
{{text == 'Y' ? '是' : text == 'N' ? '否' : ''}} {{ text == 'Y' ? '是' : text == 'N' ? '否' : '' }}
</template> </template>
<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> <template slot="redText" slot-scope="text">
<!--分页--> <span style="color: red">{{ text }}</span>
<BurtPagination :pagination="pagination" @pageChange="_getChargeList" /> </template>
</div> </a-table>
<!--分页-->
<BurtPagination :pagination="pagination" @pageChange="_getChargeList" />
</div>
</template> </template>
<script> <script>
import BurtPagination from "@/components/CUSTOMER/pagation"; import BurtPagination from '@/components/CUSTOMER/pagation';
import { mapState } from "vuex" import { mapState } from 'vuex';
import moment from "moment"; import moment from 'moment';
import { receiptTypeOptions } from '@/utils/utilsdictOptions.js'; import { receiptTypeOptions } from '@/utils/utilsdictOptions.js';
import { exportFile } from '@/utils/index'; import { exportFile } from '@/utils/index';
export default { export default {
data() { data() {
const columns = [ const columns = [
{ title: "序号", dataIndex: "index", key:"index",align:'center', width: 80,scopedSlots: { customRender: "index" }}, {
{ title: "收费时间", dataIndex: "receiptDate", width: 180 }, title: '序号',
{ title: "账单编号", dataIndex: "receiptNo", width: 180 }, dataIndex: 'index',
{ title: "账单类型", dataIndex: "receiptTypeStr", width: 130 }, key: 'index',
{ title: "状态", dataIndex: "status", width: 130,scopedSlots: { customRender: "status" } }, align: 'center',
{ title: "病历号", dataIndex: "mrnNo",width: 180}, width: 80,
{ title: "客户姓名",dataIndex: "patientName",width: 120,}, scopedSlots: { customRender: 'index' }
{ title: "保险公司", dataIndex: "payorName", width: 200 }, },
{ title: "保险卡", dataIndex: "cardNo", width: 200 }, { title: '收费时间', dataIndex: 'receiptDate', width: 180 },
{ title: "客户生日", dataIndex: "birthday", width: 200 }, { title: '账单编号', dataIndex: 'receiptNo', width: 180 },
{ title: "就诊医生", dataIndex: "doctorName", width: 150 }, { title: '账单类型', dataIndex: 'receiptTypeStr', width: 130 },
{ title: "是否已关联寄送单", dataIndex: "isSend", width: 180,scopedSlots: { customRender: "isSend" } }, { title: '状态', dataIndex: 'status', width: 130, scopedSlots: { customRender: 'status' } },
{ title: "是否已回款", dataIndex: "isEobBack", width: 180,scopedSlots: { customRender: "isEobBack" } }, { title: '病历号', dataIndex: 'mrnNo', width: 180 },
{ title: "应收金额", dataIndex: "chargeAmount", width: 180 }, { title: '客户姓名', dataIndex: 'patientName', width: 120 },
{ title: "折扣（%）", dataIndex: "discountAmount", width: 180 }, { title: '保险公司', dataIndex: 'payorName', width: 200 },
{ title: "减免金额", dataIndex: "reduceAmount", width: 180 }, { title: '保险卡', dataIndex: 'cardNo', width: 200 },
{ title: "应付金额", dataIndex: "payableAmount", width: 180 }, { title: '客户生日', dataIndex: 'birthday', width: 200 },
{ title: "客户自付", dataIndex: "selfpaidAmount", width: 180 }, { title: '就诊医生', dataIndex: 'doctorName', width: 150 },
{ title: "理赔金额", dataIndex: "actualAmount", width: 180 }, { title: '是否已关联寄送单', dataIndex: 'isSend', width: 180, scopedSlots: { customRender: 'isSend' } },
{ title: "保险已支付", dataIndex: "backAmount", width: 180 }, { title: '是否已回款', dataIndex: 'isEobBack', width: 180, scopedSlots: { customRender: 'isEobBack' } },
{ title: "保险欠费", dataIndex: "insuranceArrearsAmount", width: 180 }, { title: '应收金额', dataIndex: 'chargeAmount', width: 180 },
{ title: "个人欠费", dataIndex: "arrearsAmount", width: 180 }, { title: '折扣（%）', dataIndex: 'discountAmount', width: 180 },
{ title: "备注", dataIndex: "remark", width: 200 }, { title: '减免金额', dataIndex: 'reduceAmount', width: 180 },
{ title: "未清余额", dataIndex: "residueBackAmount", width: 180 }, { title: '应付金额', dataIndex: 'payableAmount', width: 180 },
{ title: "账龄", dataIndex: "diffDay", width: 180 }, { title: '客户自付', dataIndex: 'selfpaidAmount', width: 180 },
{ title: "操作", key: "operation", width: "175px",fixed: "right",scopedSlots: { customRender: "operation" }, align: "center"}, { title: '理赔金额', dataIndex: 'actualAmount', width: 180 },
]; { title: '保险已支付', dataIndex: 'backAmount', width: 180 },
return { { title: '保险欠费', dataIndex: 'insuranceArrearsAmount', width: 180 },
columns, { title: '个人欠费', dataIndex: 'arrearsAmount', width: 180, scopedSlots: { customRender: 'redText' } },
receiptTypeOptions, { title: '备注', dataIndex: 'remark', width: 200, scopedSlots: { customRender: 'redText' } },
form: {}, { title: '未清余额', dataIndex: 'residueBackAmount', width: 180 },
pageForm: { { title: '账龄', dataIndex: 'diffDay', width: 180 },
doctorCode: "", {
patientName: "", title: '操作',
mrnNo: "", key: 'operation',
paymentCode: "", width: '175px',
payorIds: [], fixed: 'right',
visitTimeEnd: "", scopedSlots: { customRender: 'operation' },
visitTimeStart: "", align: 'center'
receiptType: "", }
receiptNo: "" ];
}, return {
patientTypeOptions: [ columns,
{ receiptTypeOptions,
name: "商保", form: {},
code: 1, pageForm: {
}, doctorCode: '',
], //客户类型 patientName: '',
companyOptions: [], //保险公司 mrnNo: '',
doctorOptions: [], //就诊医生 paymentCode: '',
paymentOptions: [ payorIds: [],
{ visitTimeEnd: '',
name: "商保", visitTimeStart: '',
code: 1, receiptType: '',
}, receiptNo: ''
], //支付方式 },
dataList: [], patientTypeOptions: [
pagination: { {
pageNum: 1, name: '商保',
pageSize: 10, code: 1
total: 0, }
}, ], //客户类型
receiptTypeDict: { companyOptions: [], //保险公司
'1': '收费', doctorOptions: [], //就诊医生
'2': '退费' paymentOptions: [
}, {
statusOptions: [ name: '商保',
{ code: 1
name: '无效', }
code:2 ], //支付方式
}, dataList: [],
{ pagination: {
name: '有效', pageNum: 1,
code: 1 pageSize: 10,
} total: 0
] },
}; receiptTypeDict: {
}, 1: '收费',
components: { 2: '退费'
BurtPagination, },
}, statusOptions: [
computed: { {
...mapState({ name: '无效',
userInfo: (state) => state.common.userInfo code: 2
}) },
}, {
created() { name: '有效',
this._getCompanyOptions(); code: 1
this._getDoctorListNoPage();//获取医生下拉选项 }
}, ]
methods: { };
moment, },
// 选择框筛选 components: {
filterCode(input, option) { BurtPagination
return ( },
option.componentOptions.children[0].text computed: {
.toLowerCase() ...mapState({
.indexOf(input.toLowerCase()) >= 0 userInfo: (state) => state.common.userInfo
); })
}, },
// 获取列表数据 created() {
_getChargeList() { this._getCompanyOptions();
const data = { this._getDoctorListNoPage(); //获取医生下拉选项
...this.pageForm, },
...this.pagination, methods: {
}; moment,
this.$apis.GETCHARGELIST(data).then((res) => { // 选择框筛选
let content = res.content || {}; filterCode(input, option) {
this.dataList = content.list.map(item => { return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
item.receiptTypeStr = this.receiptTypeDict[item.receiptType] || '' },
return item // 获取列表数据
}) || []; _getChargeList() {
this.pagination.total = content.total || 0; const data = {
}); ...this.pageForm,
}, ...this.pagination
// 获取保险公司下拉选项 };
_getCompanyOptions() { this.$apis.GETCHARGELIST(data).then((res) => {
this.$apis.GETCOMPANYOPTIONS().then((res) => { let content = res.content || {};
this.companyOptions = res.content || []; this.dataList =
}); content.list.map((item) => {
}, item.receiptTypeStr = this.receiptTypeDict[item.receiptType] || '';
// 获取看诊医生下拉选项 return item;
_getDoctorListNoPage(){ }) || [];
this.$apis.GETDOCTORlISTNOPAGE({"providerId": this.userInfo.providerId}).then((res) => { this.pagination.total = content.total || 0;
if (res.returnCode === "0000") { });
this.doctorOptions = res.content || []; },
}else{ // 获取保险公司下拉选项
this.$message.success(res.returnMsg); _getCompanyOptions() {
} this.$apis.GETCOMPANYOPTIONS().then((res) => {
}); this.companyOptions = res.content || [];
}, });
// 选中就诊时间 },
onSelectVisitTime(date, dateString) { // 获取看诊医生下拉选项
this.form.visitTimeStart = dateString[0] + ' 00:00:00' _getDoctorListNoPage() {
this.form.visitTimeEnd = dateString[1] + ' 23:59:59' this.$apis.GETDOCTORlISTNOPAGE({ providerId: this.userInfo.providerId }).then((res) => {
console.log(date, dateString); if (res.returnCode === '0000') {
}, this.doctorOptions = res.content || [];
// 重置 } else {
handlerReset() { this.$message.success(res.returnMsg);
this.form = {} }
}, });
//查看 },
detailEvt(record) { // 选中就诊时间
localStorage.setItem('chargeQueryDetail', JSON.stringify(record)); onSelectVisitTime(date, dateString) {
const { receiptNo } = record; this.form.visitTimeStart = dateString[0] + ' 00:00:00';
this.$router.push({ this.form.visitTimeEnd = dateString[1] + ' 23:59:59';
name: "chargeQueryDetail", console.log(date, dateString);
query: { receiptNo }, },
}); // 重置
}, handlerReset() {
//账单结算 this.form = {};
receiptEvt(record){ },
this.$modal.confirm({ //查看
title: "结算", detailEvt(record) {
content: "确定结算该账单？", localStorage.setItem('chargeQueryDetail', JSON.stringify(record));
okText: "确定", const { receiptNo } = record;
cancelText: "取消", this.$router.push({
onOk: () => { name: 'chargeQueryDetail',
this.$apis.RECEIPTSETTLEMENT({ query: { receiptNo }
id: record.id });
}).then((res) => { },
if (res.returnCode === "0000") { //账单结算
this.$message.success('结算成功'); receiptEvt(record) {
this._getChargeList(); this.$modal.confirm({
}else{ title: '结算',
this.$message.error(res.returnMsg); content: '确定结算该账单？',
} okText: '确定',
}); cancelText: '取消',
}, onOk: () => {
}); this.$apis
}, .RECEIPTSETTLEMENT({
handlerSearch() { id: record.id
this.$refs.form.validate((valid) => { })
if (!valid) { .then((res) => {
return false; if (res.returnCode === '0000') {
} this.$message.success('结算成功');
this.pagination.pageNum = 1; this._getChargeList();
this.pageForm = this.$lodash.cloneDeep({...this.form, dateRange: undefined}); } else {
this._getChargeList(); this.$message.error(res.returnMsg);
}); }
}, });
// 新建账单信息 }
addNewCharge() { });
// this.$router.push("/customer/edit"); },
}, handlerSearch() {
this.$refs.form.validate((valid) => {
if (!valid) {
return false;
}
this.pagination.pageNum = 1;
this.pageForm = this.$lodash.cloneDeep({ ...this.form, dateRange: undefined });
this._getChargeList();
});
},
// 新建账单信息
addNewCharge() {
// this.$router.push("/customer/edit");
},
//导出报表 //导出报表
exportExcel(){ exportExcel() {
let filter = { let filter = {
...this.form, ...this.form
} };
this.$apis.RceiptListReport(filter).then(res => { this.$apis.RceiptListReport(filter).then((res) => {
exportFile(res, '账单报表.xls'); exportFile(res, '账单报表.xls');
}) });
} }
}, }
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.none-label { .none-label {
text-align: right; text-align: right;
.ant-form-item-label { .ant-form-item-label {
opacity: 0; opacity: 0;
} }
} }
.ant-btn .icon-class { .ant-btn .icon-class {
.mg-r(10); .mg-r(10);
} }
</style> </style>
src/views/verification/collectionDetail.vue
View file @ 519332d8
...@@ -5,25 +5,25 @@ ...@@ -5,25 +5,25 @@
<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">
<a-form-model ref="ruleForm" :model="form" :rules="rules"> <a-form-model ref="ruleForm" :model="form" :rules="rules">
<a-row :gutter="30"> <a-row :gutter="30">
<a-col :lg="7" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:disabled="!isEdit"
style="min-width: 200px"
@change="changePayor"
:filterOption="filterCode"
>
<a-select-option v-for="item in companyOptions" :key="item.payorCode" :value="item.payorCode">
{{ item.longName }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<template v-if="activeKey === '0'"> <template v-if="activeKey === '0'">
<a-col :lg="7" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:disabled="!isEdit"
style="min-width: 200px; max-width: 250px"
@change="changePayor"
:filterOption="filterCode"
>
<a-select-option v-for="item in companyOptions" :key="item.payorCode" :value="item.payorCode">
{{ item.longName }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12"> <a-col :lg="5" :sm="12">
<a-form-model-item label="回款日期" prop="backDate"> <a-form-model-item label="回款日期" prop="backDate">
<a-date-picker <a-date-picker
...@@ -36,27 +36,27 @@ ...@@ -36,27 +36,27 @@
/> />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</template> <a-col :lg="6" :sm="12">
<a-col :lg="6" :sm="12"> <a-form-model-item label="回款金额(人民币)" prop="backAmountCny">
<a-form-model-item label="回款金额(人民币)" prop="backAmountCny"> <a-input
<a-input class="fixed_width"
type="number" type="number"
v-model="form.backAmountCny" v-model="form.backAmountCny"
placeholder="请输入金额" placeholder="请输入金额"
allow-clear allow-clear
:disabled="!isEdit" :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="可核销余额"> <a-form-model-item label="可核销余额">
<a-input v-model="residueBackAmount" disabled /> <a-input class="fixed_width" v-model="residueBackAmount" disabled />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<template v-if="activeKey === '0'">
<a-col :lg="7" :sm="12"> <a-col :lg="7" :sm="12">
<a-form-model-item label="回款金额(美元)"> <a-form-model-item label="回款金额(美元)">
<a-input <a-input
class="fixed_width"
type="number" type="number"
v-model="form.backAmountUsd" v-model="form.backAmountUsd"
placeholder="请输入金额" placeholder="请输入金额"
...@@ -97,6 +97,43 @@ ...@@ -97,6 +97,43 @@
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</template> </template>
<template v-else>
<a-col :lg="9" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:disabled="!isEdit"
style="min-width: 200px"
@change="changePayor"
:filterOption="filterCode"
>
<a-select-option v-for="item in companyOptions" :key="item.payorCode" :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="回款金额(人民币)" prop="backAmountCny">
<a-input
class="fixed_width"
type="number"
v-model="form.backAmountCny"
placeholder="请输入金额"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item>
</a-col>
<a-col :lg="7" :sm="12">
<a-form-model-item label="可核销余额">
<a-input class="fixed_width" v-model="residueBackAmount" disabled />
</a-form-model-item>
</a-col>
</template>
</a-row> </a-row>
</a-form-model> </a-form-model>
<template v-if="activeKey === '1'"> <template v-if="activeKey === '1'">
...@@ -212,7 +249,7 @@ ...@@ -212,7 +249,7 @@
class="table-content all-list" class="table-content all-list"
:columns="columns" :columns="columns"
:data-source="dataList" :data-source="dataList"
:scroll="{ x: '100%', y: tableHeight }" :scroll="{ x: '100%', y: tableHeight1 }"
:pagination="false" :pagination="false"
:rowKey="'id'" :rowKey="'id'"
:row-selection="{ :row-selection="{
...@@ -314,7 +351,8 @@ export default { ...@@ -314,7 +351,8 @@ export default {
code: 1 code: 1
} }
], ],
tableHeight: 200 // 表格高度 tableHeight: 200, // 已关联账单表格高度
tableHeight1: 200 // 全部账单表格高度
}; };
}, },
mixins: [mixins], mixins: [mixins],
...@@ -519,15 +557,6 @@ export default { ...@@ -519,15 +557,6 @@ export default {
return Number(totalMoney.toFixed(2)); return Number(totalMoney.toFixed(2));
} }
}, },
watch: {
selectedRows: {
handler(val) {
console.log(val);
},
deep: true,
immediate: true
}
},
created() { created() {
this.simpleImage = Empty.PRESENTED_IMAGE_SIMPLE; this.simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
const { backMoneyNo, isEdit } = this.$route.query; const { backMoneyNo, isEdit } = this.$route.query;
...@@ -569,9 +598,10 @@ export default { ...@@ -569,9 +598,10 @@ export default {
const paddingT = parseFloat(style.getPropertyValue('padding-top')); const paddingT = parseFloat(style.getPropertyValue('padding-top'));
const paddingB = parseFloat(style.getPropertyValue('padding-bottom')); const paddingB = parseFloat(style.getPropertyValue('padding-bottom'));
const paddingSum = paddingT + paddingB; const paddingSum = paddingT + paddingB;
this.tableHeight = containterH - 350 - gobackH - paddingSum; this.tableHeight = containterH - 300 - gobackH - paddingSum;
this.tableHeight1 = containterH - 340 - gobackH - paddingSum;
// 设置每页展示条数 // 设置每页展示条数
const pageSize = Math.floor((this.tableHeight - 10) / 32); const pageSize = Math.floor((this.tableHeight1 - 10) / 32);
this.$set(this.pagination, 'pageSize', pageSize); this.$set(this.pagination, 'pageSize', pageSize);
}, },
// 已关联账单表格行类名 // 已关联账单表格行类名
...@@ -623,16 +653,17 @@ export default { ...@@ -623,16 +653,17 @@ export default {
this.addNewEvt(0); this.addNewEvt(0);
}, },
onSelectAll(selected, selectedRows, changeRows) { onSelectAll(selected, selectedRows, changeRows) {
let chgRows = changeRows.map((item) => {
return {
...item,
backAmount:
this.residueBackAmount > item.currentReceiptAmount ? item.currentReceiptAmount : this.residueBackAmount
};
});
if (selected) { if (selected) {
this.selectedRowKeys = this.selectedRowKeys.concat(changeRows.map((item) => item.id)); this.selectedRowKeys = this.selectedRowKeys.concat(changeRows.map((item) => item.id));
this.selectedRows = this.selectedRows.concat(chgRows); changeRows.forEach((item) => {
const obj = {
...item,
backAmount:
this.residueBackAmount > item.currentReceiptAmount ? item.currentReceiptAmount : this.residueBackAmount
};
this.selectedRows.push(obj);
});
// this.selectedRows = this.selectedRows.concat(chgRows);
} else { } else {
changeRows.forEach((item) => { changeRows.forEach((item) => {
const findIndex = this.selectedRowKeys.findIndex((rowId) => rowId === item.id); const findIndex = this.selectedRowKeys.findIndex((rowId) => rowId === item.id);
...@@ -710,7 +741,9 @@ export default { ...@@ -710,7 +741,9 @@ export default {
// 获取已关联的账单 // 获取已关联的账单
getData() { getData() {
if (!this.backMoneyNo) { if (!this.backMoneyNo) {
this.$message.error('暂未关联账单，请在全部账单中添加账单'); if (this.activeKey1 === '0') {
this.$message.error('暂未关联账单，请在全部账单中添加账单');
}
return; return;
} }
let billDate = this.searchForm.billDate || []; let billDate = this.searchForm.billDate || [];
...@@ -816,10 +849,11 @@ export default { ...@@ -816,10 +849,11 @@ export default {
}); });
this.$apis.SAVEBACKMONEY(formData).then((res) => { this.$apis.SAVEBACKMONEY(formData).then((res) => {
const msg = backStatus === 1 ? '结案' : '暂存';
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(`${msg}成功`);
this.selectedRowKeys = []; this.selectedRowKeys = [];
this.getData(); this.getData();
this._getNewEOBList(); this._getNewEOBList();
...@@ -895,7 +929,7 @@ export default { ...@@ -895,7 +929,7 @@ export default {
} }
} }
.all-list_box { .all-list_box {
height: calc(100vh - 430px); height: calc(100vh - 400px);
overflow-y: auto; overflow-y: auto;
&.no-data { &.no-data {
display: flex; display: flex;
...@@ -951,6 +985,9 @@ export default { ...@@ -951,6 +985,9 @@ export default {
min-height: 0; min-height: 0;
} }
} }
.fixed_width {
max-width: 150px;
}
} }
.bill-content { .bill-content {
overflow-y: auto; overflow-y: auto;
...@@ -981,4 +1018,20 @@ export default { ...@@ -981,4 +1018,20 @@ export default {
color: red; color: red;
} }
} }
@media screen and (min-width: 1920px) {
.all-list_box {
height: calc(100vh - 420px);
}
}
@media screen and (min-width: 1920px) {
.all-list_box {
height: calc(100vh - 420px);
}
}
@media screen and (min-width: 1440px) {
.all-list_box {
height: calc(100vh - 400px);
}
}
</style> </style>
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