|
@@ -2,22 +2,22 @@
|
|
|
<el-container>
|
|
|
<el-header style="margin-top: 10px">
|
|
|
<el-date-picker
|
|
|
- type="daterange"
|
|
|
v-model="queryTerm.dateRange"
|
|
|
+ :shortcuts="clockinShortcuts"
|
|
|
+ end-placeholder="结束日期"
|
|
|
placeholder="选择日期"
|
|
|
- style="width: 280px"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- :shortcuts="clockinShortcuts"
|
|
|
+ style="width: 280px"
|
|
|
+ type="daterange"
|
|
|
></el-date-picker>
|
|
|
- <el-select style="width: 70px" v-model="queryTerm.laiYuan">
|
|
|
- <el-option label="住院" :value="0"></el-option>
|
|
|
- <el-option label="门诊" :value="1"></el-option>
|
|
|
+ <el-select v-model="queryTerm.laiYuan" style="width: 70px">
|
|
|
+ <el-option :value="0" label="住院"></el-option>
|
|
|
+ <el-option :value="1" label="门诊"></el-option>
|
|
|
</el-select>
|
|
|
<span v-if="quanXian.indexOf(1) > -1 || quanXian.indexOf(34) > -1">
|
|
|
录入人
|
|
|
- <el-select v-model="queryTerm.opId" remote filterable clearable :remote-method="remoteMethodRenYuan"
|
|
|
+ <el-select v-model="queryTerm.opId" :remote-method="remoteMethodRenYuan" clearable filterable remote
|
|
|
style="width: 100px">
|
|
|
<el-option v-for="item in renYuanList" :key="item.code" :label="item.name" :value="item.code">
|
|
|
<span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
@@ -27,7 +27,7 @@
|
|
|
</el-select>
|
|
|
</span>
|
|
|
申请科室
|
|
|
- <el-select v-model="queryTerm.reqDeptCode" remote filterable clearable style="width: 120px">
|
|
|
+ <el-select v-model="queryTerm.reqDeptCode" clearable filterable remote style="width: 120px">
|
|
|
<el-option v-for="item in deptList" :key="item.code" :label="item.name" :value="item.code">
|
|
|
<span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
@@ -35,7 +35,7 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
项目名称
|
|
|
- <el-select v-model="queryTerm.chargeCodeMx" remote filterable clearable :remote-method="remoteMethodChargeCode"
|
|
|
+ <el-select v-model="queryTerm.chargeCodeMx" :remote-method="remoteMethodChargeCode" clearable filterable remote
|
|
|
style="width: 150px">
|
|
|
<el-option v-for="item in chargeCodeList" :key="item.code" :label="item.name" :value="item.code">
|
|
|
<span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
@@ -55,7 +55,7 @@
|
|
|
<br/>
|
|
|
<span v-if="quanXian.indexOf(1) > -1">
|
|
|
执行科室
|
|
|
- <el-select v-model="queryTerm.execUnitList" remote filterable multiple collapse-tags clearable>
|
|
|
+ <el-select v-model="queryTerm.execUnitList" clearable collapse-tags filterable multiple remote>
|
|
|
<el-option v-for="item in deptList" :key="item.code" :label="item.name" :value="item.code">
|
|
|
<span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
@@ -63,40 +63,40 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</span>
|
|
|
- <el-button type="success" icon="el-icon-search" @click="getKeShouFeiClick">查询</el-button>
|
|
|
- <el-button type="primary" icon="el-icon-download" @click="exportExcel"> 导出excel</el-button>
|
|
|
+ <el-button icon="el-icon-search" type="success" @click="getKeShouFeiClick">查询</el-button>
|
|
|
+ <el-button icon="el-icon-download" type="primary" @click="exportExcel"> 导出excel</el-button>
|
|
|
<el-tag>总金额:{{ queryTerm.chargeFee }}</el-tag>
|
|
|
</el-header>
|
|
|
<el-main style="margin-top: 15px">
|
|
|
- <el-table :height="windowHeigth / 1.15 - 10" :data="keShiFeiYongData" highlight-current-row stripe>
|
|
|
- <el-table-column label="患者姓名" prop="patientName" v-if="queryTerm.fenLei === 3"></el-table-column>
|
|
|
- <el-table-column label="住院号" prop="patient" v-if="queryTerm.fenLei === 3"></el-table-column>
|
|
|
- <el-table-column label="次数" prop="times" v-if="queryTerm.fenLei === 3"></el-table-column>
|
|
|
- <el-table-column label="项目编码" prop="chargeCodeMx"
|
|
|
- v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3"></el-table-column>
|
|
|
- <el-table-column label="项目名称" prop="chargeCodeName"
|
|
|
- v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3"></el-table-column>
|
|
|
- <el-table-column label="执行日期" prop="chargeDate" width="80" v-if="queryTerm.fenLei === 3"></el-table-column>
|
|
|
- <el-table-column label="收费日期" prop="chargeDateString" width="80"
|
|
|
- v-if="queryTerm.fenLei === 0"></el-table-column>
|
|
|
- <el-table-column label="录入人" prop="opName"
|
|
|
- v-if="queryTerm.fenLei === 3 || queryTerm.fenLei === 1"></el-table-column>
|
|
|
- <el-table-column label="执行科室" prop="execUnitName" v-if="queryTerm.fenLei === 3"></el-table-column>
|
|
|
+ <el-table :data="keShiFeiYongData" :height="windowHeigth / 1.15 - 10" highlight-current-row stripe>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3" label="患者姓名" prop="patientName"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3" label="住院号" prop="patient"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3" label="次数" prop="times"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3" label="项目编码"
|
|
|
+ prop="chargeCodeMx"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3" label="项目名称"
|
|
|
+ prop="chargeCodeName"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3" label="执行日期" prop="chargeDate" width="80"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 0" label="收费日期" prop="chargeDateString"
|
|
|
+ width="80"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3 || queryTerm.fenLei === 1" label="录入人"
|
|
|
+ prop="opName"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3" label="执行科室" prop="execUnitName"></el-table-column>
|
|
|
【
|
|
|
- <el-table-column label="申请科室" prop="wardCodeName" v-if="queryTerm.fenLei === 3"></el-table-column>
|
|
|
+ <el-table-column v-if="queryTerm.fenLei === 3" label="申请科室" prop="wardCodeName"></el-table-column>
|
|
|
<el-table-column label="金额" prop="chargeFee"></el-table-column>
|
|
|
<el-table-column label="数量" prop="chargeAmount"></el-table-column>
|
|
|
<el-table-column label="来源" prop="source"></el-table-column>
|
|
|
</el-table>
|
|
|
<el-pagination
|
|
|
+ :current-page="fenYeQueryTerm.currentPage"
|
|
|
+ :page-size="fenYeQueryTerm.pageSize"
|
|
|
:page-sizes="[20, 30, 40, 50]"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
:total="fenYeQueryTerm.total"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
style="margin-top: 5px"
|
|
|
- :current-page="fenYeQueryTerm.currentPage"
|
|
|
- :page-size="fenYeQueryTerm.pageSize"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
></el-pagination>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
@@ -104,14 +104,14 @@
|
|
|
|
|
|
<script>
|
|
|
import {clockinShortcuts} from '@/data/shortcuts'
|
|
|
-import {ref, onMounted} from 'vue'
|
|
|
-import {getKeShouFei} from '../../api/querydata/keshishourutongji.js'
|
|
|
-import {getChargeCode, getDept, getRenYuan} from '../../api/public-api.js'
|
|
|
-import {getDateRangeFormatDate} from '../../utils/date.js'
|
|
|
+import {onMounted, ref} from 'vue'
|
|
|
+import {getKeShouFei} from '@/api/querydata/keshishourutongji'
|
|
|
+import {getChargeCode, getDept, getRenYuan} from '@/api/public-api'
|
|
|
+import {getDateRangeFormatDate} from '@/utils/date'
|
|
|
import store from '@/store'
|
|
|
-import {clone} from '../../utils/clone.js'
|
|
|
+import {clone} from '@/utils/clone'
|
|
|
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
|
-import {downloadExcel} from '../../utils/excel.js'
|
|
|
+import {downloadExcel} from '@/utils/excel'
|
|
|
|
|
|
export default {
|
|
|
setup() {
|
|
@@ -134,7 +134,11 @@ export default {
|
|
|
chargeFee: 0,
|
|
|
})
|
|
|
|
|
|
- const fenYeQueryTerm = ref({})
|
|
|
+ const fenYeQueryTerm = ref({
|
|
|
+ total: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 40
|
|
|
+ })
|
|
|
|
|
|
const renYuanList = ref([])
|
|
|
const chargeCodeList = ref([])
|