Skip to content

B
bims
Commit df6faaec authored by 朱彩云's avatar 朱彩云
Browse files
Options

feat(eccs-2837): 相应表格区域固定，不产生额外滚动条

parent 73ea0b78
master ECCS-3108 test
1 merge request!95feat(eccs-2837): 相应表格区域固定，不产生额外滚动条
Show whitespace changes
Inline Side-by-side
Showing with 799 additions and 553 deletions
src/App.vue
View file @ df6faaec
......@@ -5,11 +5,11 @@
</template>
<style lang="less">
.flex{
.flex {
display: flex;
align-items: center;
}
.borderBox{
.borderBox {
box-sizing: border-box;
}
.ellipsis {
......@@ -17,11 +17,11 @@
white-space: nowrap;
overflow: hidden;
}
.white_bg{
.white_bg {
background: #fff;
}
.burt-container{
.pa(30, 36, 50, 39);
.burt-container {
.pa(30, 36, 10, 39);
}
.none-label {
text-align: right;
......
src/components/Customers/pagation/index.vue
View file @ df6faaec
......@@ -23,23 +23,23 @@ export default {
props: {
//分页器
pagination: {
default: {},
},
default: {}
}
},
data() {
return {
//跳转到第几页
jumpPage: "",
};
jumpPage: ''
}
},
methods: {
//自定义分页
itemRender(current, type, originalElement) {
if (type === "prev") {
return <li class="page pre">上一页</li>;
} else if (type === "next") {
return <li class="page next">下一页</li>;
} else if (type === "page") {
if (type === 'prev') {
return <li class="page pre">上一页</li>
} else if (type === 'next') {
return <li class="page next">下一页</li>
} else if (type === 'page') {
//当前页面
if (current == this.pagination.pageNum) {
return (
......@@ -49,39 +49,39 @@ export default {
{Math.ceil(this.pagination.total / this.pagination.pageSize)}
</span>
</div>
);
)
} else {
return null;
return null
}
} else if (type == "jump-prev") {
return null;
} else if (type == "jump-next") {
return null;
} else if (type == 'jump-prev') {
return null
} else if (type == 'jump-next') {
return null
}
return originalElement;
return originalElement
},
//跳转页面
inputPageChange() {
this.jumpPage = parseInt(this.jumpPage);
let pages = Math.ceil(this.pagination.total / this.pagination.pageSize);
this.jumpPage = this.jumpPage < 0 ? 0 : this.jumpPage;
this.jumpPage = this.jumpPage > pages ? pages : this.jumpPage;
this.pagination.pageNum = this.jumpPage;
this.$emit("pageChange", { pageNum: this.jumpPage });
this.jumpPage = parseInt(this.jumpPage)
let pages = Math.ceil(this.pagination.total / this.pagination.pageSize)
this.jumpPage = this.jumpPage < 0 ? 0 : this.jumpPage
this.jumpPage = this.jumpPage > pages ? pages : this.jumpPage
this.pagination.pageNum = this.jumpPage
this.$emit('pageChange', { pageNum: this.jumpPage })
},
//改变分页
pageChange(pager) {
this.pagination.pageNum = pager;
this.$emit("pageChange", { pageNum: pager });
},
},
};
this.pagination.pageNum = pager
this.$emit('pageChange', { pageNum: pager })
}
}
}
</script>
<style lang="less" scoped>
.my-pagination {
justify-content: flex-end;
margin-top: 33px;
margin-top: 10px;
.page {
width: 80px;
height: 36px;
......
src/views/charge-query/index.vue
View file @ df6faaec
......@@ -2,9 +2,14 @@
<!-- 收费查询-账单查询 -->
<div class="white_bg burt-container custom-info">
<!-- form -->
<a-form-model ref="form" layout="vertical" :model="form">
<a-form-model
ref="form"
:model="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-row :gutter="30">
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="病历号">
<a-input
v-model="form.mrnNo"
......@@ -13,7 +18,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="客户姓名">
<a-input
v-model="form.patientName"
......@@ -22,7 +27,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="就诊日期">
<a-range-picker
format="YYYY-MM-DD"
......@@ -32,7 +37,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="保险公司">
<a-select
v-model="form.payorIds"
......@@ -54,7 +59,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="看诊医生">
<a-select
v-model="form.doctorCode"
......@@ -71,7 +76,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="收费时间">
<a-range-picker
format="YYYY-MM-DD"
......@@ -81,7 +86,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="是否已关联寄送单">
<a-select
v-model="form.isSend"
......@@ -93,7 +98,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="是否已回款">
<a-select
v-model="form.isEobBack"
......@@ -105,7 +110,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="账单类型">
<a-select
v-model="form.receiptType"
......@@ -122,7 +127,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="账单编号">
<a-input
v-model="form.receiptNo"
......@@ -131,7 +136,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="状态">
<a-select v-model="form.status" placeholder="请选择状态" allowClear>
<a-select-option
......@@ -144,11 +149,12 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :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> -->
<a-col :xxl="6" :xl="8" :sm="3" class="none-label">
<a-form-model-item
label=""
:labelCol="{ span: 0 }"
:wrapperCol="{ span: 24 }"
>
<a-button class="mar-left10" type="primary" @click="handlerReset">
<Icon name="ssireset" :size="14" />重置
</a-button>
......@@ -181,6 +187,7 @@
</a-form-model>
<!-- table -->
<div class="scroll-table">
<a-table
:columns="columns"
:data-source="dataList"
......@@ -216,6 +223,7 @@
<!--分页-->
<BurtPagination :pagination="pagination" @pageChange="_getChargeList" />
</div>
</div>
</template>
<script>
......@@ -308,6 +316,8 @@ export default {
}
]
return {
labelCol: { span: 8 },
wrapperCol: { span: 16 },
columns,
receiptTypeOptions,
form: {},
......@@ -554,7 +564,15 @@ export default {
.residue-amount {
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
// .mg-t(48);
margin: 0 0 10px;
}
.scroll-table {
height: calc(100vh - 355px);
overflow: scroll;
}
@media screen and (min-width: 1920px) {
.scroll-table {
height: calc(100vh - 342px);
}
}
</style>
src/views/charge-query/lpjManage.vue
View file @ df6faaec
......@@ -2,9 +2,14 @@
<!-- 收费查询-账单查询 -->
<div class="white_bg burt-container custom-info">
<!-- form -->
<a-form-model ref="form" layout="vertical" :model="form">
<a-form-model
ref="form"
:model="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-row :gutter="30">
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="就诊日期">
<a-range-picker
format="YYYY-MM-DD"
......@@ -13,7 +18,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="账单日期">
<a-range-picker
format="YYYY-MM-DD"
......@@ -23,7 +28,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="保险公司">
<a-select
v-model="form.payorCode"
......@@ -43,7 +48,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="寄送状态">
<a-select
v-model="form.sendSts"
......@@ -55,9 +60,7 @@
</a-select>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="30">
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="快递公司">
<a-select
v-model="form.sendCompany"
......@@ -74,7 +77,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="快递单号">
<a-input
v-model="form.trackingNo"
......@@ -83,7 +86,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="寄送批号">
<a-input
v-model="form.sendBatchNo"
......@@ -92,7 +95,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="账单编号">
<a-input
v-model="form.receiptNo"
......@@ -101,7 +104,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="病案号">
<a-input
v-model="form.mrnNo"
......@@ -110,7 +113,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="客户名称">
<a-input
v-model="form.patientName"
......@@ -119,10 +122,14 @@
/>
</a-form-model-item>
</a-col>
<a-col :sm="24" class="none-label">
<a-col :xxl="12" :xl="16" :sm="24" class="none-label">
<div class="btn-div flex">
<span></span>
<a-form-model-item label="button">
<a-form-model-item
label=""
:labelCol="{ span: 0 }"
:wrapperCol="{ span: 24 }"
>
<a-button
class="mar-left10"
type="primary"
......@@ -143,6 +150,7 @@
</a-form-model>
<!-- table -->
<div class="scroll-table">
<a-table
:columns="columns"
:data-source="dataList"
......@@ -170,6 +178,7 @@
<!--分页-->
<BurtPagination :pagination="pagination" @pageChange="getData" />
</div>
</div>
</template>
<script>
......@@ -210,16 +219,18 @@ export default {
}
]
return {
labelCol: { span: 5 },
wrapperCol: { span: 19 },
loading: false,
columns,
form: {
dateRange: [],
billDate: [],
payorCode: '',
payorCode: undefined,
sendBatchNo: '',
sendCompany: '',
sendCompany: undefined,
trackingNo: '',
sendSts: ''
sendSts: undefined
},
companyOptions: [], //保险公司
expressList: [], //快递列表
......@@ -360,9 +371,6 @@ export default {
<style lang="less" scoped>
.none-label {
text-align: right;
.ant-form-item-label {
opacity: 0;
}
}
.ant-btn .icon-class {
.mg-r(10);
......@@ -370,4 +378,13 @@ export default {
.btn-div {
justify-content: space-between;
}
.scroll-table {
height: calc(100vh - 330px);
overflow: scroll;
}
@media screen and (min-width: 1920px) {
.scroll-table {
height: calc(100vh - 320px);
}
}
</style>
src/views/customer/index.vue
View file @ df6faaec
......@@ -8,28 +8,26 @@
<script>
export default {
data() {
return {};
return {}
},
computed: {},
watch: {},
methods: {
openNotificationWithIcon(type) {
this.$msg[type]({
message: "Notification Title",
message: 'Notification Title',
description:
"This is the content of the notification. This is the content of the notification. This is the content of the notification.",
});
},
},
mounted() {
// console.log("this.apis", this.$apis.getUserInfo(), this.$lodash);
},
};
'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
})
}
}
}
</script>
<style lang="less" scoped>
.customer {
.pa(30, 36, 50, 39);
.pa(30, 36, 10, 39);
background-color: #fff;
box-sizing: border-box;
}
</style>
src/views/customer/info/index.vue
View file @ df6faaec
<template>
<div class="custom-info">
<!-- form -->
<a-form-model ref="form" layout="vertical" :model="form">
<a-form-model
ref="form"
:model="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-row :gutter="30">
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="病历号码">
<a-input v-model="form.mrnNo" placeholder="请输入病历号" allow-clear></a-input>
<a-input
v-model="form.mrnNo"
placeholder="请输入病历号"
allow-clear
></a-input>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="客户姓名">
<a-input v-model="form.patientName" placeholder="请输入客户姓名" allow-clear></a-input>
<a-input
v-model="form.patientName"
placeholder="请输入客户姓名"
allow-clear
></a-input>
</a-form-model-item>
</a-col>
<a-col :xl="5" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="出生日期">
<a-date-picker v-model="form.birthday" placeholder="请选择出生日期" value-format="YYYY-MM-DD 00:00:00" allow-clear></a-date-picker>
<a-date-picker
v-model="form.birthday"
placeholder="请选择出生日期"
value-format="YYYY-MM-DD 00:00:00"
allow-clear
></a-date-picker>
</a-form-model-item>
</a-col>
<a-col :xl="5" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="保险公司">
<a-select v-model="form.payorId" placeholder="请选择保险公司" show-search allow-clear :filterOption="filterCode">
<a-select-option v-for="item in companyCode" :key="item.corpCode" :value="item.id">{{ item.longName }}</a-select-option>
<a-select
v-model="form.payorId"
placeholder="请选择保险公司"
show-search
allow-clear
:dropdownMatchSelectWidth="false"
:filterOption="filterCode"
>
<a-select-option
v-for="item in companyCode"
:key="item.corpCode"
:value="item.id"
>{{ item.longName }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :xl="6" :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="保单号码">
<a-input v-model="form.policyNo" placeholder="请输入保单号码" allow-clear></a-input>
<a-input
v-model="form.policyNo"
placeholder="请输入保单号码"
allow-clear
></a-input>
</a-form-model-item>
</a-col>
<a-col :xl="18" :lg="18" :sm="12" class="none-label">
<a-col :xxl="18" :xl="8" :sm="12" class="none-label">
<a-form-model-item label="button">
<!-- <a-button type="primary" @click="addNewCustom"><Icon name="ssiadd" :size="14" />新建客户</a-button> -->
<a-button class="mar-left10" type="primary" @click="handlerSearch">
<Icon name="ssisearch_active" :size="14" />查询
</a-button>
......@@ -45,6 +78,7 @@
</a-form-model>
<!-- table -->
<div class="scroll-table">
<a-table
:columns="columns"
:data-source="dataList"
......@@ -53,58 +87,93 @@
:customRow="handlerRowClick"
>
<template slot="sex" slot-scope="text">
<span>{{text | formatSex}}</span>
<span>{{ text | formatSex }}</span>
</template>
<template slot="operation" slot-scope="record">
<a-button type="link" v-if="!record.isExpired" @click.stop="changeDataStatus(record)">修改</a-button>
<a-button type="link" @click.stop="printClaimPdf(record)">打印理赔申请书</a-button>
<a-button type="link" @click.stop="changeDataStatus(record, '2')">新增保单</a-button>
<!-- <a-button type="link" class="success">新增</a-button> -->
<!-- <a-popconfirm title="你确定要删除吗？" ok-text="确定" cancel-text="取消" @confirm="deleteData(record)">
<a-button type="link" class="danger" @click.stop>删除</a-button>
</a-popconfirm> -->
<a-button
type="link"
v-if="!record.isExpired"
@click.stop="changeDataStatus(record)"
>修改</a-button
>
<a-button type="link" @click.stop="printClaimPdf(record)"
>打印理赔申请书</a-button
>
<a-button type="link" @click.stop="changeDataStatus(record, '2')"
>新增保单</a-button
>
</template>
</a-table>
<!--分页-->
<BurtPagination :pagination="pager" @pageChange="_getCustomerList" />
</div>
</div>
</template>
<script>
import BurtPagination from "@/components/Customers/pagation";
import {downloadFile} from '@/utils/index'
import BurtPagination from '@/components/Customers/pagation'
import { downloadFile } from '@/utils/index'
import moment from 'moment'
import mixins from "@/mixins";
import mixins from '@/mixins'
export default {
data() {
const dateFormat = (val) => {
return val && moment(val).format('YYYY-MM-DD')
}
const columns = [
{ title: "病历号", dataIndex: "mrnNo", width: 180, },
{ title: "客户姓名", dataIndex: "patientName", width: 120,},
{ title: "出生日期", dataIndex: "birthday", width: 170, customRender: dateFormat},
{ title: "性别", dataIndex: "sex", width: 80, scopedSlots: { customRender: "sex" } },
{ title: "保险公司", dataIndex: "payorName", width: 180 },
{ title: "保险卡号", dataIndex: "cardNo", width: 190 },
{ title: "保单生效日期", dataIndex: "startDate", width: 170, customRender: (val, row) => {
{ title: '病历号', dataIndex: 'mrnNo', width: 180 },
{ title: '客户姓名', dataIndex: 'patientName', width: 120 },
{
title: '出生日期',
dataIndex: 'birthday',
width: 170,
customRender: dateFormat
},
{
title: '性别',
dataIndex: 'sex',
width: 80,
scopedSlots: { customRender: 'sex' }
},
{ title: '保险公司', dataIndex: 'payorName', width: 180 },
{ title: '保险卡号', dataIndex: 'cardNo', width: 190 },
{
title: '保单生效日期',
dataIndex: 'startDate',
width: 170,
customRender: (val, row) => {
const formatDate = dateFormat(val)
if (row.isExpired) {
return <span class="red-text">{formatDate}</span>
}
return formatDate;
}},
{ title: "保单终止日期", dataIndex: "endDate", width: 170, customRender: (val, row) => {
return formatDate
}
},
{
title: '保单终止日期',
dataIndex: 'endDate',
width: 170,
customRender: (val, row) => {
const formatDate = dateFormat(val)
if (row.isExpired) {
return <span class="red-text">{formatDate}</span>
}
return formatDate;
}},
{ title: "操作", key: "operation", width: "270px", fixed: "right", scopedSlots: { customRender: "operation" }, align: 'center'},
];
return formatDate
}
},
{
title: '操作',
key: 'operation',
width: '270px',
fixed: 'right',
scopedSlots: { customRender: 'operation' },
align: 'center'
}
]
return {
columns,
labelCol: { span: 4 },
wrapperCol: { span: 20 },
form: {},
pageForm: {},
companyCode: [],
......@@ -112,16 +181,16 @@ export default {
pager: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
total: 0
}
}
},
mixins: [mixins],
components: {
BurtPagination,
BurtPagination
},
created() {
this._getPayorCode();
this._getPayorCode()
},
methods: {
// 选择框筛选
......@@ -130,117 +199,118 @@ export default {
option.componentOptions.children[0].text
.toLowerCase()
.indexOf(input.toLowerCase()) >= 0
);
)
},
//重置
resetEvt(){
this.form = {};
this.pageForm = {};
resetEvt() {
this.form = {}
this.pageForm = {}
},
handlerRowClick(record) {
const { id, patientPolicyId } = record;
const { id, patientPolicyId } = record
return {
style: {
color: record.isEdit ? "#2B63FF" : "#252631",
color: record.isEdit ? '#2B63FF' : '#252631'
},
on: {
click: () => {
if (record.isEdit) {
return true;
return true
}
if((record.cardNo || '').startsWith('80001428')){
this.$apis.getJumpEccsUrl({
if ((record.cardNo || '').startsWith('80001428')) {
this.$apis
.getJumpEccsUrl({
cardNo: record.cardNo
})
.then(res => {
if (res.returnCode === "0000") {
window.open(res.content, '_blank');
}else{
this.$message.error(res.returnMsg || "操作失败");
.then((res) => {
if (res.returnCode === '0000') {
window.open(res.content, '_blank')
} else {
this.$message.error(res.returnMsg || '操作失败')
}
})
}else{
} else {
this.$router.push({
name: "welfareInfo",
query: { id, patientPolicyId },
});
name: 'welfareInfo',
query: { id, patientPolicyId }
})
}
}
}
}
},
},
};
},
// 修改按钮
changeDataStatus(record, type) {
const { id, patientPolicyId } = record;
const { id, patientPolicyId } = record
this.$router.push({
name: "customerEdit",
query: { id, patientPolicyId, type },
});
name: 'customerEdit',
query: { id, patientPolicyId, type }
})
},
saveChange(record) {
record.isEdit = undefined;
record.isNew = undefined;
record.isEdit = undefined
record.isNew = undefined
},
handlerSearch() {
this.$refs.form.validate((valid) => {
if (!valid) {
return false;
return false
}
this.pager.pageNum = 1;
this.pageForm = this.$lodash.cloneDeep(this.form);
this._getCustomerList();
});
this.pager.pageNum = 1
this.pageForm = this.$lodash.cloneDeep(this.form)
this._getCustomerList()
})
},
printClaimPdf(data) {
this.$apis.createCustomerClaimPdf(data).then(res => {
const {url, file_name} = downloadFile(res);
this.$apis.createCustomerClaimPdf(data).then((res) => {
const { url, file_name } = downloadFile(res)
console.log(url, file_name)
let link = document.createElement('a');
link.setAttribute('href', url);
// link.setAttribute('download', file_name);
link.setAttribute('target', "_blank");
link.setAttribute('alt', file_name);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
let link = document.createElement('a')
link.setAttribute('href', url)
link.setAttribute('target', '_blank')
link.setAttribute('alt', file_name)
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
})
},
deleteData(data) {
this.$apis.deleteCustomer({id: data.id}).then(res => {
if (res.returnCode === "0000") {
this.$message.success(res.returnMsg || "操作成功");
this._getCustomerList();
this.$apis.deleteCustomer({ id: data.id }).then((res) => {
if (res.returnCode === '0000') {
this.$message.success(res.returnMsg || '操作成功')
this._getCustomerList()
} else {
this.$message.error(res.returnMsg || "操作失败");
this.$message.error(res.returnMsg || '操作失败')
}
})
},
// 新建客户信息
addNewCustom() {
this.$router.push("/customer/edit");
this.$router.push('/customer/edit')
},
_getPayorCode() {
this.$apis.getPayorCode({}).then((res) => {
this.companyCode = res.content || [];
});
this.companyCode = res.content || []
})
},
_getCustomerList() {
const data = {
...this.pageForm,
...this.pager,
};
...this.pager
}
this.$apis.getCustomerList(data).then((res) => {
this.pager.total = (res.content && res.content.total) || 0;
const data = (res.content && res.content.list) || [];
data.forEach(item => {
item.isExpired = moment(item.endDate).valueOf() < moment(new Date()).valueOf()
});
this.pager.total = (res.content && res.content.total) || 0
const data = (res.content && res.content.list) || []
data.forEach((item) => {
item.isExpired =
moment(item.endDate).valueOf() < moment(new Date()).valueOf()
})
console.log(data)
this.dataList = data;
});
},
},
};
this.dataList = data
})
}
}
}
</script>
<style lang="less" scoped>
.none-label {
......@@ -252,4 +322,14 @@ export default {
.ant-btn .icon-class {
.mg-r(10);
}
.scroll-table {
height: calc(100vh - 210px);
overflow: scroll;
}
@media screen and (min-width: 1920px) {
.scroll-table {
height: calc(100vh - 250px);
overflow: scroll;
}
}
</style>
src/views/verification/collection.vue
View file @ df6faaec
<template>
<div class="white_bg burt-container">
<!-- form -->
<a-form-model ref="form" layout="vertical" :model="form">
<a-form-model
ref="form"
:model="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-row :gutter="30">
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="保险公司">
<a-select
v-model="form.payorCode"
......@@ -22,12 +27,12 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="EOB编号">
<a-input v-model="form.eobNo" placeholder="EOB编号" />
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="创建时间">
<a-range-picker
format="YYYY-MM-DD"
......@@ -37,7 +42,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="状态">
<a-select
v-model="form.backStatus"
......@@ -54,24 +59,28 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="回款金额">
<a-input v-model="form.backAmountCny" placeholder="回款金额" />
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="回款编号">
<a-input v-model="form.backMoneyNo" placeholder="回款编号" />
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="账单编号">
<a-input v-model="form.receiptNo" placeholder="账单编号" />
</a-form-model-item>
</a-col>
<a-col :md="24" class="none-label">
<a-form-model-item label="button">
<a-button class="mar-left10" type="primary" @click="handlerSearch">
<a-col :xxl="24" :xl="16" :md="24" class="none-label">
<a-form-model-item
label=""
:labelCol="{ span: 0 }"
:wrapperCol="{ span: 24 }"
>
<a-button type="primary" @click="handlerSearch">
<Icon name="ssisearch_active" :size="14" />查询
</a-button>
<a-button
......@@ -92,6 +101,7 @@
</a-row>
</a-form-model>
<!-- table -->
<div class="scroll-table">
<a-table
:columns="columns"
:data-source="dataList"
......@@ -99,7 +109,7 @@
:pagination="false"
>
<template slot="eobSts" slot-scope="text">
{{ text == 1 ? "待回款" : "已回款" }}
{{ text == 1 ? '待回款' : '已回款' }}
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button type="link" @click.stop="editEvt(record, true)"
......@@ -119,61 +129,64 @@
</a-table>
<BurtPagination :pagination="pagination" @pageChange="getData" />
</div>
</div>
</template>
<script>
import BurtPagination from "@/components/Customers/pagation";
import moment from "moment";
import { exportFile } from '@/utils/index';
import BurtPagination from '@/components/Customers/pagation'
import moment from 'moment'
import { exportFile } from '@/utils/index'
const columns = [
{ title: "回款编号", dataIndex: "backMoneyNo", ellipsis: true, width: 150 },
{ title: "EOB编号", dataIndex: "eobNos", ellipsis: true, width: 140 },
{ title: "保险公司", dataIndex: "payorName", ellipsis: true, width: 110 },
{ title: '回款编号', dataIndex: 'backMoneyNo', ellipsis: true, width: 150 },
{ title: 'EOB编号', dataIndex: 'eobNos', ellipsis: true, width: 140 },
{ title: '保险公司', dataIndex: 'payorName', ellipsis: true, width: 110 },
{
title: "回款金额(人民币)",
dataIndex: "backAmountCny",
title: '回款金额(人民币)',
dataIndex: 'backAmountCny',
ellipsis: true,
width: 190,
width: 190
},
{
title: "未核销余额",
dataIndex: "residueBackAmount",
title: '未核销余额',
dataIndex: 'residueBackAmount',
ellipsis: true,
width: 130,
width: 130
},
{ title: "EOB备注", dataIndex: "eobRemark", ellipsis: true, width: 140 },
{ title: "创建时间", dataIndex: "createDate", ellipsis: true, width: 110 },
{ title: "状态", dataIndex: "backStatusStr", ellipsis: true, width: 90 },
{ title: 'EOB备注', dataIndex: 'eobRemark', ellipsis: true, width: 140 },
{ title: '创建时间', dataIndex: 'createDate', ellipsis: true, width: 110 },
{ title: '状态', dataIndex: 'backStatusStr', ellipsis: true, width: 90 },
{
title: "操作",
dataIndex: "operation",
scopedSlots: { customRender: "operation" },
fixed: "right",
width: "200px",
align: "center",
},
];
title: '操作',
dataIndex: 'operation',
scopedSlots: { customRender: 'operation' },
fixed: 'right',
width: '200px',
align: 'center'
}
]
export default {
data() {
return {
labelCol: { span: 5 },
wrapperCol: { span: 19 },
columns,
form: {
payorCode: "",
eobNo: "",
payorCode: '',
eobNo: '',
dateRange: [], //创建时间范围
startDate: "",
endDate: "",
backStatus: "0",
backAmountCny: "", // 回款金额
backMoneyNo: "", // 回款编号
receiptNo:"", // 账单编号
startDate: '',
endDate: '',
backStatus: '0',
backAmountCny: '', // 回款金额
backMoneyNo: '', // 回款编号
receiptNo: '' // 账单编号
},
dataList: [],
companyOptions: [], //保险公司
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
total: 0
},
backStatusOptions: [
{ name: '全部', value: '' },
......@@ -181,42 +194,42 @@ export default {
{ name: '暂存', value: '0' }
],
iscreated: false
};
}
},
components: {
BurtPagination,
BurtPagination
},
created() {
this.iscreated = true
this.getData();
this._getCompanyOptions();
this.getData()
this._getCompanyOptions()
},
activated(){
if(!this.iscreated){
this.getData();
this._getCompanyOptions();
}else{
activated() {
if (!this.iscreated) {
this.getData()
this._getCompanyOptions()
} else {
this.iscreated = false
}
},
methods: {
moment,
pageChange(pager) {
const { current } = pager;
this.pagination.pageNum = current;
this.getData();
const { current } = pager
this.pagination.pageNum = current
this.getData()
},
// 重置
handlerReset() {
this.form = {
payorCode: "",
eobNo: "",
payorCode: '',
eobNo: '',
dateRange: [], //创建时间范围
startDate: "",
endDate: "",
backStatus: "0",
receiptNo:"", // 账单编号
};
startDate: '',
endDate: '',
backStatus: '0',
receiptNo: '' // 账单编号
}
},
// 选择框筛选
filterCode(input, option) {
......@@ -224,22 +237,22 @@ export default {
option.componentOptions.children[0].text
.toLowerCase()
.indexOf(input.toLowerCase()) >= 0
);
)
},
// 获取保险公司下拉选项
_getCompanyOptions() {
this.$apis.getCompanyOptions().then((res) => {
this.companyOptions = res.content || [];
});
this.companyOptions = res.content || []
})
},
// 选中就诊时间
onSelectVisitTime(date, dateString) {
this.form.startDate = dateString[0] + "";
this.form.endDate = dateString[1] + "";
this.form.startDate = dateString[0] + ''
this.form.endDate = dateString[1] + ''
},
handlerSearch() {
this.pagination.pageNum = 1;
this.getData();
this.pagination.pageNum = 1
this.getData()
},
getData() {
this.$apis
......@@ -247,103 +260,104 @@ export default {
...this.form,
dateRange: undefined,
pageNum: this.pagination.pageNum,
pageSize: this.pagination.pageSize,
pageSize: this.pagination.pageSize
})
.then((res) => {
if (res.returnCode == "0000") {
let content = res.content || {};
this.pagination.total = content.total || 0;
this.dataList = content.list.map(item => {
if (res.returnCode == '0000') {
let content = res.content || {}
this.pagination.total = content.total || 0
this.dataList =
content.list.map((item) => {
item.backStatusStr = item.backStatus === '0' ? '暂存' : '已结案'
return item
}) || [];
}) || []
} else {
this.$message.error(res.returnMsg);
this.$message.error(res.returnMsg)
}
});
})
},
//新建回款
addNewEvt() {
this.$router.push({
path: "/verification/collectionDetail",
path: '/verification/collectionDetail',
query: {
isEdit: true,
},
});
isEdit: true
}
})
},
//编辑回款
editEvt(record, isEdit) {
const { backMoneyNo } = record;
localStorage.setItem("backMoneyDataDetail", JSON.stringify(record));
const { backMoneyNo } = record
localStorage.setItem('backMoneyDataDetail', JSON.stringify(record))
console.log(isEdit, record.backStatus)
// 已结案状态，二次确认
if (isEdit && record.backStatus === "1") {
if (isEdit && record.backStatus === '1') {
this.$modal.confirm({
title: "修改",
content: "处于已结案状态，是否确定修改该条记录？",
okText: "确认",
cancelText: "取消",
title: '修改',
content: '处于已结案状态，是否确定修改该条记录？',
okText: '确认',
cancelText: '取消',
onOk: () => {
this.$router.push({
path: "/verification/collectionDetail",
path: '/verification/collectionDetail',
query: {
backMoneyNo,
isEdit,
},
});
isEdit
}
})
},
onCancel: () => {},
});
return;
onCancel: () => {}
})
return
}
this.$router.push({
path: "/verification/collectionDetail",
path: '/verification/collectionDetail',
query: {
backMoneyNo,
isEdit,
},
});
isEdit
}
})
},
//删除记录
delRecord(index) {
let content = "确定删除该条记录？"
if(this.dataList[index].backStatus === "1") {
content = "处于已结案状态，确定删除该条记录？"
let content = '确定删除该条记录？'
if (this.dataList[index].backStatus === '1') {
content = '处于已结案状态，确定删除该条记录？'
}
this.$modal.confirm({
title: "删除",
title: '删除',
content,
okText: "确认",
cancelText: "取消",
okText: '确认',
cancelText: '取消',
onOk: () => {
this.$apis
.deleteBackMoney({
backMoneyNo: this.dataList[index].backMoneyNo,
backMoneyNo: this.dataList[index].backMoneyNo
})
.then((res) => {
if (res.returnCode == "0000") {
this.$message.success("删除成功");
this.dataList.splice(index, 1);
if (res.returnCode == '0000') {
this.$message.success('删除成功')
this.dataList.splice(index, 1)
} else {
this.$message.error(res.returnMsg);
this.$message.error(res.returnMsg)
}
});
})
},
onCancel: () => {},
});
onCancel: () => {}
})
},
//导出报表
exportExcel(){
exportExcel() {
let filter = {
...this.form,
dateRange: undefined,
dateRange: undefined
}
this.$apis.backMoneyListExport(filter).then(res => {
exportFile(res, '回款列表.xls');
this.$apis.backMoneyListExport(filter).then((res) => {
exportFile(res, '回款列表.xls')
})
}
},
};
}
}
</script>
<style lang="less" scoped>
......@@ -362,4 +376,13 @@ export default {
.danger.ant-btn-link {
color: #ff3b30;
}
.scroll-table {
height: calc(100vh - 280px);
overflow: scroll;
}
@media screen and (min-width: 1920px) {
.scroll-table {
height: calc(100vh - 320px);
}
}
</style>
src/views/verification/collectionDetail.vue
View file @ df6faaec
......@@ -3,10 +3,16 @@
<Goback ref="goback" title="回款详情" />
<a-tabs v-model="activeKey" @change="paneChange">
<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"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<a-row :gutter="30">
<template v-if="activeKey === '0'">
<a-col :lg="7" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
......@@ -14,7 +20,6 @@
allow-clear
show-search
:disabled="!isEdit"
style="width: 200px"
@change="changePayor"
:filterOption="filterCode"
>
......@@ -28,7 +33,7 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="回款日期" prop="backDate">
<a-date-picker
format="YYYY-MM-DD"
......@@ -40,13 +45,14 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item
label="回款金额(人民币)"
prop="backAmountCny"
:label-col="{ span: 12 }"
:wrapper-col="{ span: 12 }"
>
<a-input
class="fixed_width"
type="number"
v-model="form.backAmountCny"
placeholder="请输入金额"
......@@ -55,19 +61,18 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="可核销余额">
<a-input
class="fixed_width"
v-model="residueBackAmount"
disabled
/>
<a-input v-model="residueBackAmount" disabled />
</a-form-model-item>
</a-col>
<a-col :lg="7" :sm="12">
<a-form-model-item label="回款金额(美元)">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item
label="回款金额(美元)"
:label-col="{ span: 8 }"
:wrapper-col="{ span: 16 }"
>
<a-input
class="fixed_width"
type="number"
v-model="form.backAmountUsd"
placeholder="请输入金额"
......@@ -76,7 +81,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="汇率差">
<a-input
v-model="form.backExchangeRate"
......@@ -86,7 +91,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="EOB编号">
<a-input
v-model="form.eobNos"
......@@ -96,7 +101,7 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-col :xxl="6" :xl="8" :sm="12">
<a-form-model-item label="EOB备注">
<a-input
v-model="form.eobRemark"
......@@ -106,8 +111,12 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-form-model-item label="上传附件">
<a-col :xxl="8" :xl="12" :sm="12">
<a-form-model-item
label="上传附件"
:label-col="{ span: 4 }"
:wrapper-col="{ span: 20 }"
>
<a-upload
name="file"
:multiple="false"
......@@ -126,8 +135,13 @@
</a-col>
</template>
<template v-else>
<a-col :lg="6" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-col :xxl="6" :xl="6" :sm="12">
<a-form-model-item
label="保险公司"
prop="payorCode"
:label-col="{ span: 8 }"
:wrapper-col="{ span: 16 }"
>
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
......@@ -135,7 +149,6 @@
show-search
:dropdownMatchSelectWidth="false"
:disabled="!isEdit"
style="width: 200px"
@change="changePayor"
:filterOption="filterCode"
>
......@@ -149,10 +162,12 @@
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-col :xxl="6" :xl="6" :sm="12">
<a-form-model-item
label="回款金额(人民币)"
prop="backAmountCny"
:label-col="{ span: 12 }"
:wrapper-col="{ span: 12 }"
>
<a-input
class="fixed_width"
......@@ -164,9 +179,12 @@
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="本次账单回款金额合计">
<!-- <div class="blue-text">{{ ciReceiptTotalVo.backAmountTotal || 0 }}</div> -->
<a-col :xxl="6" :xl="6" :sm="12">
<a-form-model-item
label="本次账单回款金额合计"
:label-col="{ span: 18 }"
:wrapper-col="{ span: 6 }"
>
<div class="blue-text">
{{
accuracy.subtract(
......@@ -177,8 +195,12 @@
</div>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="可核销余额">
<a-col :xxl="6" :xl="6" :sm="12">
<a-form-model-item
label="可核销余额"
:label-col="{ span: 12 }"
:wrapper-col="{ span: 12 }"
>
<a-input
class="fixed_width"
v-model="residueBackAmount"
......@@ -303,7 +325,7 @@
<span class="lable">已回款</span>
</a-form-model-item>
</a-col>
<a-col class="flex-col" :lg="4" :sm="12">
<a-col class="flex-col" :lg="6" :sm="12">
<div>
<a-button
type="primary"
......@@ -313,6 +335,7 @@
</a-button>
</div>
<div
class="mar-left10"
v-if="activeKey1 === '0' && selectedRows.length > 0"
>
<a-button type="primary" @click="exportExcel">
......@@ -352,10 +375,13 @@
>
</template>
<!-- 客户姓名 -->
<template slot="patientName" slot-scope="{ text }">
<template
slot="patientName"
slot-scope="{ text, index }"
>
<a-tooltip placement="top">
<template slot="title">
<span>{{ text }}</span>
<span>{{ text }}{{ index }}</span>
</template>
<span class="ellipsis_">{{ text }}</span>
</a-tooltip>
......@@ -795,11 +821,16 @@ export default {
}
},
mounted() {
window.addEventListener('resize', this.resizePage)
this.calcTableHeight()
this._getNewEOBList()
},
methods: {
moment,
resizePage() {
this.calcTableHeight()
this.getData()
},
// 切换是否已回款
changeHasBack(e) {
let val = e.target.checked
......@@ -828,8 +859,9 @@ export default {
const paddingT = parseFloat(style.getPropertyValue('padding-top'))
const paddingB = parseFloat(style.getPropertyValue('padding-bottom'))
const paddingSum = paddingT + paddingB
this.tableHeight = containterH - 380 - gobackH - paddingSum
this.tableHeight1 = containterH - 420 - gobackH - paddingSum
this.tableHeight = containterH - 340 - gobackH - paddingSum
this.tableHeight1 = containterH - 360 - gobackH - paddingSum
console.log(this.tableHeight, '=========tableHeight')
// 设置每页展示条数
const pageSize = Math.floor((this.tableHeight1 - 10) / 32)
this.$set(this.pagination, 'pageSize', pageSize)
......@@ -909,7 +941,6 @@ export default {
}
this.selectedRows.push(obj)
})
// this.selectedRows = this.selectedRows.concat(chgRows);
} else {
changeRows.forEach((item) => {
const findIndex = this.selectedRowKeys.findIndex(
......@@ -1292,6 +1323,9 @@ export default {
}
.table-content {
::v-deep {
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
padding-bottom: 5px !important;
}
tr.hide_ {
display: none;
}
......@@ -1306,7 +1340,7 @@ export default {
}
.flex-col {
display: flex;
justify-content: space-around;
justify-content: flex-end;
align-items: center;
height: 44px;
}
......
src/views/verification/index.vue
View file @ df6faaec
<template>
<div class="white_bg burt-container">
<!-- form -->
<a-form-model ref="form" layout="vertical" :model="form">
<a-form-model
ref="form"
:model="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<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">
<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>
......@@ -14,19 +27,36 @@
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="EOB状态">
<a-select v-model="form.eobSts" placeholder="请选择EOB状态" allowClear>
<a-select-option v-for="(item,i) in eobStatusOptions" :key="i" :value="item.value">{{item.name}}</a-select-option>
<a-select
v-model="form.eobSts"
placeholder="请选择EOB状态"
allowClear
>
<a-select-option
v-for="(item, i) in eobStatusOptions"
:key="i"
:value="item.value"
>{{ item.name }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="EOB赔付金额(人民币)">
<a-input type="number" v-model.trim="form.eobAmountCny" placeholder="EOB赔付金额(人民币)" />
<a-input
type="number"
v-model.trim="form.eobAmountCny"
placeholder="EOB赔付金额(人民币)"
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="EOB赔付金额(美元)">
<a-input type="number" v-model.trim="form.eobAmountUsd" placeholder="EOB赔付金额(美元)" />
<a-input
type="number"
v-model.trim="form.eobAmountUsd"
placeholder="EOB赔付金额(美元)"
/>
</a-form-model-item>
</a-col>
<a-col :sm="24" class="none-label">
......@@ -34,7 +64,11 @@
<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.stop="handlerReset">
<a-button
class="mar-left10"
type="primary"
@click.stop="handlerReset"
>
<Icon name="ssireset" :size="14" />重置
</a-button>
<!-- <a-button type="primary">导出</a-button> -->
......@@ -46,14 +80,29 @@
</a-row>
</a-form-model>
<!-- 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="eobSts" slot-scope="text">
<span>{{text | formatEOBStatus}}</span>
<span>{{ text | formatEOBStatus }}</span>
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button type="link" @click.stop="editEvt(record, true)">修改</a-button>
<a-button type="link" class="success" @click.stop="editEvt(record)">查看</a-button>
<a-button v-if="record.eobNo" type="link" class="danger" @click.stop="delRecord(index)">删除</a-button>
<a-button type="link" @click.stop="editEvt(record, true)"
>修改</a-button
>
<a-button type="link" class="success" @click.stop="editEvt(record)"
>查看</a-button
>
<a-button
v-if="record.eobNo"
type="link"
class="danger"
@click.stop="delRecord(index)"
>删除</a-button
>
</template>
</a-table>
<BurtPagination :pagination="pagination" @pageChange="getData" />
......@@ -61,23 +110,48 @@
</template>
<script>
import BurtPagination from "@/components/Customers/pagation";
import moment from "moment";
import {eobStatusOptions} from '@/assets/js/utilsdictOptions.js'
import mixins from "@/mixins";
import BurtPagination from '@/components/Customers/pagation'
import moment from 'moment'
import { eobStatusOptions } from '@/assets/js/utilsdictOptions.js'
import mixins from '@/mixins'
const columns = [
{ title: "EOB编号", dataIndex: "eobNo", ellipsis: true, width: 100 },
{ title: "保险公司", dataIndex: "payorName", ellipsis: true, width: 80 },
{ title: "EOB状态", dataIndex: "eobSts", ellipsis: true, width: 90, scopedSlots: { customRender: "eobSts" } },
{ title: "EOB赔付金额(人民币)", dataIndex: "eobAmountCny", ellipsis: true, width: 85 },
{ title: "EOB赔付金额(美元)", dataIndex: "eobAmountUsd", ellipsis: true, width: 85 },
{ title: "备注", dataIndex: "eobRemark", ellipsis: true, width: 120 },
{ title: "创建时间", dataIndex: "createDate", ellipsis: true, width: 120 },
{ title: "操作", dataIndex: "operation", scopedSlots: { customRender: "operation" }, fixed: "right", width: "200px", align: 'center'},
];
{ title: 'EOB编号', dataIndex: 'eobNo', ellipsis: true, width: 100 },
{ title: '保险公司', dataIndex: 'payorName', ellipsis: true, width: 80 },
{
title: 'EOB状态',
dataIndex: 'eobSts',
ellipsis: true,
width: 90,
scopedSlots: { customRender: 'eobSts' }
},
{
title: 'EOB赔付金额(人民币)',
dataIndex: 'eobAmountCny',
ellipsis: true,
width: 85
},
{
title: 'EOB赔付金额(美元)',
dataIndex: 'eobAmountUsd',
ellipsis: true,
width: 85
},
{ title: '备注', dataIndex: 'eobRemark', ellipsis: true, width: 120 },
{ title: '创建时间', dataIndex: 'createDate', ellipsis: true, width: 120 },
{
title: '操作',
dataIndex: 'operation',
scopedSlots: { customRender: 'operation' },
fixed: 'right',
width: '200px',
align: 'center'
}
]
export default {
data() {
return {
labelCol: { span: 5 },
wrapperCol: { span: 19 },
columns,
eobStatusOptions,
form: {
......@@ -91,23 +165,23 @@ export default {
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
total: 0
}
}
},
mixins: [mixins],
components: {
BurtPagination,
BurtPagination
},
created(){
this.getData();
this._getCompanyOptions();
created() {
this.getData()
this._getCompanyOptions()
},
methods: {
moment,
handlerSearch() {
this.pagination.pageNum = 1;
this.getData();
this.pagination.pageNum = 1
this.getData()
},
// 重置
handlerReset() {
......@@ -121,50 +195,52 @@ export default {
// 获取保险公司下拉选项
_getCompanyOptions() {
this.$apis.getCompanyOptions().then((res) => {
this.companyOptions = res.content || [];
});
this.companyOptions = res.content || []
})
},
getData() {
this.$apis.queryEobList({
this.$apis
.queryEobList({
...this.form,
pageNum: this.pagination.pageNum,
pageSize: this.pagination.pageSize,
pageSize: this.pagination.pageSize
})
.then((res) => {
if (res.returnCode == "0000") {
let content = res.content || {};
this.pagination.total = content.total || 0;
this.dataList = content.list || [];
if (res.returnCode == '0000') {
let content = res.content || {}
this.pagination.total = content.total || 0
this.dataList = content.list || []
} else {
this.$message.error(res.returnMsg);
this.$message.error(res.returnMsg)
}
});
})
},
//删除记录
delRecord(index) {
this.$modal.confirm({
title: "删除",
content: "确定删除该条记录？",
okText: "确认",
cancelText: "取消",
title: '删除',
content: '确定删除该条记录？',
okText: '确认',
cancelText: '取消',
onOk: () => {
this.$apis.deleteEobReceiptInfo({
eobNo: this.dataList[index].eobNo,
this.$apis
.deleteEobReceiptInfo({
eobNo: this.dataList[index].eobNo
})
.then((res) => {
if (res.returnCode == "0000") {
this.$message.success("删除成功");
this.dataList.splice(index, 1);
if (res.returnCode == '0000') {
this.$message.success('删除成功')
this.dataList.splice(index, 1)
} else {
this.$message.error(res.returnMsg);
this.$message.error(res.returnMsg)
}
});
})
},
onCancel: () => {},
});
onCancel: () => {}
})
},
//新建EOB
addNewEvt(){
addNewEvt() {
this.$router.push({
path: '/verification/detail',
query: {
......@@ -173,9 +249,9 @@ export default {
})
},
//修改
editEvt(record, isEdit){
const { eobNo } = record;
localStorage.setItem('EobDataDetail', JSON.stringify(record));
editEvt(record, isEdit) {
const { eobNo } = record
localStorage.setItem('EobDataDetail', JSON.stringify(record))
this.$router.push({
path: '/verification/detail',
query: {
......@@ -184,8 +260,8 @@ export default {
}
})
}
},
};
}
}
</script>
<style lang="less" scoped>
......
vue.config.js
View file @ df6faaec
......@@ -52,8 +52,8 @@ module.exports = {
hot: true,
proxy: {
'^/api_bims': {
target: 'http://47.99.75.3:8070', // 测试
// target: 'http://bims.medilink-global.com.cn/api_bims', // 生产
// target: 'http://47.99.75.3:8070', // 测试
target: 'http://bims.medilink-global.com.cn/api_bims', // 生产
pathRewrite: {
'^/api_bims': '/'
},
......
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