Skip to content

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

Merge branch 'func_eccs_2837' into 'master' 

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

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