|
|
|
@ -8,10 +8,7 @@ |
|
|
|
<!-- 查询条件 与列表 --> |
|
|
|
<div :style="`display: block;width: ${Math.floor(bodyWidth * 3 / 5)}px;`"> |
|
|
|
<!-- 查询条件 --> |
|
|
|
<div style="height: 60px; padding: 10px; |
|
|
|
border-radius: 8px; |
|
|
|
background-color: #fff; |
|
|
|
margin-bottom: 10px;"> |
|
|
|
<div style="height: 60px;padding: 10px;border-radius: 8px;background-color: #fff;margin-bottom: 10px;"> |
|
|
|
<div style="display:flex;"> |
|
|
|
<div> |
|
|
|
<span>登记日期：</span> |
|
|
|
@ -33,15 +30,13 @@ |
|
|
|
</el-radio-group> |
|
|
|
<div v-if="query.chargeFlag != 'N'" style="margin-left:20px;"> |
|
|
|
<span>发票号</span> |
|
|
|
<el-input placeholder="发票/收据号" v-model="query.invoiceNo" size="small" style="margin-left: 3px; width: 100px;" clearable |
|
|
|
@change="Query('invoiceNo')" /> |
|
|
|
<el-input placeholder="发票/收据号" v-model="query.invoiceNo" size="small" |
|
|
|
style="margin-left: 3px; width: 100px;" clearable @change="Query('invoiceNo')" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 列表 --> |
|
|
|
<div style="padding: 15px; |
|
|
|
border-radius: 8px; |
|
|
|
background-color: #fff;"> |
|
|
|
<div style="padding: 15px;border-radius: 8px;background-color: #fff;"> |
|
|
|
<el-table :data="patientList" border highlight-current-row ref="patientList" :height="tableListHeight" |
|
|
|
@row-click="rowClick" size="small"> |
|
|
|
<!-- |
|
|
|
@ -83,82 +78,74 @@ |
|
|
|
<!-- 收费操作 --> |
|
|
|
<div :style="`display: block;margin-left:10px;width: ${Math.floor(bodyWidth * 2 / 5)}px;`"> |
|
|
|
<!-- 查询信息 --> |
|
|
|
<div style="height: 40px; background-color: #fff; |
|
|
|
border-radius: 8px; |
|
|
|
margin-bottom: 10px;"> |
|
|
|
<div style="height: 40px; background-color: #fff;border-radius: 8px;margin-bottom: 10px;"> |
|
|
|
<div style="display: flex; flex-wrap: wrap;height:40px; width: 100%;align-items: center;"> |
|
|
|
<div class="query"> |
|
|
|
<span>条码号</span> |
|
|
|
<el-input placeholder="条码号" v-model="query.patientRegisterNo" size="small" style="margin-left: 3px; width: 120px;" clearable |
|
|
|
@change="Query('patientRegisterNo')" /> |
|
|
|
<el-input placeholder="条码号" v-model="query.patientRegisterNo" size="small" |
|
|
|
style="margin-left: 3px; width: 120px;" clearable @change="Query('patientRegisterNo')" /> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span>档案号</span> |
|
|
|
<el-input placeholder="档案号" v-model="query.patientNo" size="small" style="margin-left: 3px; width: 80px;" clearable |
|
|
|
@change="Query('patientNo')" /> |
|
|
|
<el-input placeholder="档案号" v-model="query.patientNo" size="small" style="margin-left: 3px; width: 80px;" |
|
|
|
clearable @change="Query('patientNo')" /> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span>姓名</span> |
|
|
|
<el-input placeholder="姓名" v-model="query.patientName" size="small" style="margin-left: 3px; width: 70px;" disabled |
|
|
|
@change="Query" /> |
|
|
|
<el-input placeholder="姓名" v-model="query.patientName" size="small" style="margin-left: 3px; width: 70px;" |
|
|
|
disabled @change="Query" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 收费信息 --> |
|
|
|
<div> |
|
|
|
<!-- charge --> |
|
|
|
<div style="padding: 10px; |
|
|
|
margin-bottom: 7px; |
|
|
|
background-color: rgb(255, 255, 255); |
|
|
|
border-radius: 8px;"> |
|
|
|
<div style="padding: 10px;margin-bottom: 7px;background-color: rgb(255, 255, 255);border-radius: 8px;"> |
|
|
|
<el-form ref="form" :model="form" label-width="80px" :rules="rules" size="medium" |
|
|
|
:disabled="query.chargeFlag != 'N'" > |
|
|
|
:disabled="query.chargeFlag != 'N'"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="发票号" prop="invoiceNo"> |
|
|
|
<el-input v-model="form.invoiceNo" size="small"/> |
|
|
|
<el-input v-model="form.invoiceNo" size="small" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="开票抬头" prop="invoiceOrgName"> |
|
|
|
<el-input v-model="form.invoiceOrgName" size="small"/> |
|
|
|
<el-input v-model="form.invoiceOrgName" size="small" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="折扣" prop="discount"> |
|
|
|
<el-input v-model="form.discount" @input="discountToDetails" size="small"/> |
|
|
|
<el-input v-model="form.discount" @input="discountToDetails" size="small" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="应收金额" prop="total"> |
|
|
|
<el-input v-model="form.total" @input="totalToDetails" size="small"/> |
|
|
|
<el-input v-model="form.total" @input="totalToDetails" size="small" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row v-if="query.chargeFlag == 'N'"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="预收金额" prop="preTotal"> |
|
|
|
<el-input v-model="form.preTotal" disabled size="small"/> |
|
|
|
<el-input v-model="form.preTotal" disabled size="small" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="找零" prop="balance"> |
|
|
|
<el-input v-model="form.balance" disabled size="small"/> |
|
|
|
<el-input v-model="form.balance" disabled size="small" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<!-- charge_pay --> |
|
|
|
<div style="padding: 10px; |
|
|
|
background-color: #fff; |
|
|
|
margin-bottom: 7px; |
|
|
|
border-radius: 8px;"> |
|
|
|
<div style="padding: 10px;background-color: #fff;margin-bottom: 7px;border-radius: 8px;"> |
|
|
|
<div style="margin-top:5px;font-size:10px;">{{ query.chargeFlag == 'B' ? '退' : '收' }}费方式：</div> |
|
|
|
<el-table :data="chargePays" border highlight-current-row size="small" |
|
|
|
:height="Math.floor((tableListHeight - 155)/2)"> |
|
|
|
:height="Math.floor((tableListHeight - 155) / 2)"> |
|
|
|
<el-table-column prop="payModeId" :label="(query.chargeFlag == 'B' ? '退' : '收') + '费方式'" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ dddw(dict.payMode, "id", scope.row.payModeId, "displayName") }}</div> |
|
|
|
@ -181,15 +168,12 @@ |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<!-- asbitem --> |
|
|
|
<div style=" padding: 10px; |
|
|
|
background-color: rgb(255, 255, 255); |
|
|
|
border-radius: 8px; |
|
|
|
"> |
|
|
|
<div style="padding: 10px;background-color: rgb(255, 255, 255);border-radius: 8px;"> |
|
|
|
<div style="margin-top:5px; font-size:10px;">{{ query.chargeFlag == 'N' ? '待收' : (query.chargeFlag == 'Y' ? |
|
|
|
'已收' : '已退') }}费项目：</div> |
|
|
|
<el-table :data="asbItemsForFee" border highlight-current-row |
|
|
|
:height="Math.floor((tableListHeight - 150)/2)" size="small" |
|
|
|
@selection-change="handleSelectionChange" ref="asbItemsForFeeTable"> |
|
|
|
:height="Math.floor((tableListHeight - 150) / 2)" size="small" @selection-change="handleSelectionChange" |
|
|
|
ref="asbItemsForFeeTable"> |
|
|
|
<el-table-column type="selection" align="center" v-if="query.chargeFlag == 'N'" /> |
|
|
|
<el-table-column label="组合项目" width="120" prop="asbitemName" /> |
|
|
|
<el-table-column label="标准价格" prop="standardPrice" width="80" align="center" /> |
|
|
|
@ -361,7 +345,7 @@ export default { |
|
|
|
|
|
|
|
tableListHeight() { |
|
|
|
let tempH = this.window.pageHeight < 600 ? 600 : this.window.pageHeight |
|
|
|
return tempH - 175-40 |
|
|
|
return tempH - 175 - 40 |
|
|
|
}, |
|
|
|
|
|
|
|
bodyWidth() { |
|
|
|
@ -1223,7 +1207,7 @@ export default { |
|
|
|
|
|
|
|
.query { |
|
|
|
margin-left: 5px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #232748; |
|
|
|
font-weight: 400; |
|
|
|
font-family: "NotoSansSC-Regular"; |
|
|
|
@ -1242,7 +1226,9 @@ export default { |
|
|
|
.btnClass { |
|
|
|
width: 100px; |
|
|
|
} |
|
|
|
:deep .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { |
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
:deep .el-form-item--mini.el-form-item, |
|
|
|
.el-form-item--small.el-form-item { |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
</style> |
pengjun
2 years ago