|
|
|
@ -1,8 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div style="display: flex;padding: 10px;background-color: #fff;border-radius: 8px;margin-bottom: 10px;"> |
|
|
|
<div style="display: flex;justify-content: space-between; padding: 10px;background-color: #fff;border-radius: 8px;margin-bottom: 10px;"> |
|
|
|
<div style="display:block;"> |
|
|
|
<div style="display: flex;flex-wrap: wrap;height: 80px;align-items: center;"> |
|
|
|
<div style="display: flex;flex-wrap: wrap;height: 32px;align-items: center;"> |
|
|
|
<div class="query"> |
|
|
|
<el-select v-model="query.dateType" placeholder="请选择" style="width: 80px" size="small"> |
|
|
|
<el-option label="登记日期" :value="'1'" /> |
|
|
|
@ -10,17 +10,16 @@ |
|
|
|
<el-option label="总检日期" :value="'3'" /> |
|
|
|
</el-select> |
|
|
|
<!-- dateType 1 登记，2 体检，3 总检日期--> |
|
|
|
<el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" |
|
|
|
style="width:90px;" value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
|
|
|
<el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" style="width:90px;" |
|
|
|
value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
|
|
|
<span class="spanClass">至</span> |
|
|
|
<el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" |
|
|
|
style="width:90px;" value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
|
|
|
<el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" style="width:90px;" |
|
|
|
value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span class="spanClass">体检单位</span> |
|
|
|
<el-select v-model="query.customerOrgIds" placeholder="请选择体检单位" :filter-method="filterMethod" |
|
|
|
default-first-option clearable filterable style="margin-left: 10px" @change="changeCustomerOrg" |
|
|
|
size="small" multiple collapse-tags> |
|
|
|
default-first-option clearable filterable style="margin-left: 10px" size="small" multiple collapse-tags> |
|
|
|
<el-option v-for="item in customerOrg" :key="item.id" :label="item.displayName" :value="item.id"> |
|
|
|
{{ item.displayName }} |
|
|
|
</el-option> |
|
|
|
@ -28,50 +27,52 @@ |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span class="spanClass">体检类别</span> |
|
|
|
<el-select v-model="query.medicalTypeIds" placeholder="请选择" clearable filterable |
|
|
|
style="width: 200px" size="small" multiple collapse-tags> |
|
|
|
<el-select v-model="query.medicalTypeIds" placeholder="请选择" clearable filterable style="width: 200px" |
|
|
|
size="small" multiple collapse-tags> |
|
|
|
<el-option v-for="item in dict.medicalType" :key="item.id" :label="item.displayName" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span class="spanClass">包含未填体检类别人员</span> |
|
|
|
<el-checkbox v-model="query.isMedicalTypeId" true-label="Y" false-label="N"/> |
|
|
|
<el-checkbox v-model="query.isMedicalTypeId" true-label="Y" false-label="N" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="btnQuery">查询</el-button> |
|
|
|
<el-button type="primary" class="commonbutton" @click="btnQuery" size="small">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<table> |
|
|
|
<table style="text-align: center;border-collapse:collapse;" border="1"> |
|
|
|
<thead> |
|
|
|
<th>序号</th> |
|
|
|
<th>项目</th> |
|
|
|
<th>数据</th> |
|
|
|
<tr height="30"> |
|
|
|
<th width="60">序号</th> |
|
|
|
<th width="120">项目</th> |
|
|
|
<th width="80">数据</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<tr height="30"> |
|
|
|
<td>1</td> |
|
|
|
<td>男(人次)</td> |
|
|
|
<td>{{ nationHealthReportData.maleCount }}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<tr height="30"> |
|
|
|
<td>2</td> |
|
|
|
<td>女(人次)</td> |
|
|
|
<td>{{ nationHealthReportData.femaleCount }}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<tr height="30"> |
|
|
|
<td>3</td> |
|
|
|
<td>总人次</td> |
|
|
|
<td>{{ nationHealthReportData.sumCount }}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<tr height="30"> |
|
|
|
<td>4</td> |
|
|
|
<td>理论金额(万元)</td> |
|
|
|
<td>{{ nationHealthReportData.standardMoney }}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<tr height="30"> |
|
|
|
<td>5</td> |
|
|
|
<td>应收金额(万元)</td> |
|
|
|
<td>{{ nationHealthReportData.chargeMoney }}</td> |
|
|
|
@ -86,6 +87,7 @@ import { mapState } from "vuex"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
import { deepCopy } from "../../utlis/proFunc" |
|
|
|
import CusOrgOCX from "./CusOrgOCX.vue" |
|
|
|
import moment from "moment"; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
@ -163,6 +165,10 @@ export default { |
|
|
|
methods: { |
|
|
|
//获取初始数据 |
|
|
|
dictInit() { |
|
|
|
let today = moment(new Date()).format("YYYY-MM-DD") |
|
|
|
this.query.startDate = today |
|
|
|
this.query.endDate = today |
|
|
|
|
|
|
|
//获取单位列表 |
|
|
|
getapi("/api/app/customer-org/parent-all").then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
|
pengjun
2 years ago