|
|
|
@ -4,13 +4,12 @@ |
|
|
|
<div class="middlebox"> |
|
|
|
<div class="contenttitle"> |
|
|
|
客户报表 / |
|
|
|
<span class="contenttitleBold" |
|
|
|
>人员阳性结果</span |
|
|
|
> |
|
|
|
<span class="contenttitleBold">人员阳性结果</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div :style="'display: block;'"> |
|
|
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px;display: flex;flex-wrap: wrap; margin-bottom: 10px;height:35px;margin-top: 7px;"> |
|
|
|
<div |
|
|
|
style="background-color: #fff; padding: 15px; border-radius: 8px;display: flex;flex-wrap: wrap; margin-bottom: 10px;height:35px;margin-top: 7px;"> |
|
|
|
<div class="query"> |
|
|
|
<span>体检单位：</span> |
|
|
|
<el-input placeholder="请选择体检单位" v-model="patientRegister.query.cusOrgOCX" style="width:240px;" size="small" |
|
|
|
@ -58,23 +57,28 @@ |
|
|
|
</div> |
|
|
|
<div ref="imageDom" style="background-color: #fff; padding: 15px; border-radius: 8px;"> |
|
|
|
<el-table :data="dataList" border width="45%" :height="flag |
|
|
|
?window.pageHeight < 600 ? 415 : window.pageHeight - 185-20: ''" |
|
|
|
row-key="id" highlight-current-row ref="dataList" :row-class-name="tableRowClassName" id="table" show-summary |
|
|
|
:summary-method="getSummaries"> |
|
|
|
<el-table-column prop="patientNo" label="档案号" width="120"/> |
|
|
|
<el-table-column prop="patientName" label="姓名" width="120"/> |
|
|
|
<el-table-column prop="sexName" label="性别" width="50"/> |
|
|
|
<el-table-column prop="age" label="年龄" width="80"/> |
|
|
|
<el-table-column prop="medicalTimes" label="次数" width="50"/> |
|
|
|
<el-table-column prop="mobileTelephone" label="手机号码" width="120"/> |
|
|
|
<el-table-column prop="diagnosisNames" label="诊断名称" /> |
|
|
|
? window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20 : ''" row-key="id" highlight-current-row |
|
|
|
ref="dataList" :row-class-name="tableRowClassName" id="table" show-summary :summary-method="getSummaries"> |
|
|
|
<el-table-column |
|
|
|
:label="`开始时间： ${summary.startDate || ''} 结束时间：${summary.endDate || ''} 男性： ${summary.maleCount} 女性： ${summary.femaleCount}`" align="left"> |
|
|
|
<el-table-column type="index" label="序号" width="60" align="center" /> |
|
|
|
<el-table-column prop="customerOrgParentName" label="单位" /> |
|
|
|
<el-table-column prop="customerOrgName" label="部门" /> |
|
|
|
<el-table-column prop="patientNo" label="档案号" width="120" /> |
|
|
|
<el-table-column prop="patientName" label="姓名" width="120" /> |
|
|
|
<el-table-column prop="sexName" label="性别" width="50" /> |
|
|
|
<el-table-column prop="age" label="年龄" width="80" /> |
|
|
|
<el-table-column prop="medicalTimes" label="次数" width="50" /> |
|
|
|
<el-table-column prop="mobileTelephone" label="手机号码" width="120" /> |
|
|
|
<el-table-column prop="diagnosisNames" label="检查结果" /> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--通用选单位、体检次数、分组的控件--> |
|
|
|
<el-dialog title="体检单位选择" :visible.sync="report.dialogCusOrgOCX" |
|
|
|
:close-on-click-modal="false" width="880px" height="600px"> |
|
|
|
<el-dialog title="体检单位选择" :visible.sync="report.dialogCusOrgOCX" :close-on-click-modal="false" width="880px" |
|
|
|
height="600px"> |
|
|
|
<CusOrgOCX :initDateType="'creationTime'" :useCustomerOrg="true" /> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -83,7 +87,7 @@ |
|
|
|
import moment from "moment"; |
|
|
|
import { mapState, mapActions } from "vuex"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
import { dddw, objCopy, arrayReduce, arrayExistObj,tcdate } from "@/utlis/proFunc"; |
|
|
|
import { dddw, objCopy, arrayReduce, arrayExistObj, tcdate } from "@/utlis/proFunc"; |
|
|
|
import CusOrgOCX from "../../components/report/CusOrgOCX.vue"; |
|
|
|
import { exportToExcel } from "../../utlis/Export2Excel"; |
|
|
|
import html2canvas from "html2canvas"; |
|
|
|
@ -96,9 +100,15 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
dataList: [], //列表数据 |
|
|
|
completeFlag:"", |
|
|
|
classification:"Y", |
|
|
|
flag:true |
|
|
|
completeFlag: "", |
|
|
|
classification: "Y", |
|
|
|
flag: true, |
|
|
|
summary:{ |
|
|
|
startDate:"", |
|
|
|
endDate:"", |
|
|
|
femaleCount:"", |
|
|
|
maleCount:"" |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -112,11 +122,11 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(["window", "dict","patientRegister","report"]), |
|
|
|
...mapState(["window", "dict", "patientRegister", "report"]), |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
moment,dddw, |
|
|
|
moment, dddw, |
|
|
|
//数据初始化 |
|
|
|
dictInit() { |
|
|
|
//体检中心 |
|
|
|
@ -243,7 +253,11 @@ export default { |
|
|
|
|
|
|
|
postapi('/api/customerreport/getpatientregisterpositivereport', body).then(res => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.dataList = res.data; |
|
|
|
this.dataList = res.data.details; |
|
|
|
this.summary.startDate=res.data.startDate; |
|
|
|
this.summary.endDate=res.data.endDate; |
|
|
|
this.summary.femaleCount=res.data.femaleCount; |
|
|
|
this.summary.maleCount=res.data.maleCount; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.dataList.doLayout(); |
|
|
|
}); |
|
|
|
@ -301,7 +315,8 @@ export default { |
|
|
|
@import "../../assets/css/global_form.css"; |
|
|
|
@import "../../assets/css/global_input.css"; |
|
|
|
@import "../../assets/css/global.css"; |
|
|
|
.query{ |
|
|
|
|
|
|
|
.query { |
|
|
|
margin-right: 10px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
@ -311,10 +326,12 @@ export default { |
|
|
|
font-size: 400; |
|
|
|
font-family: "NotoSansSC-Regular"; |
|
|
|
} |
|
|
|
|
|
|
|
.box { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-input__inner { |
|
|
|
/*text-align: center;*/ |
|
|
|
padding-left: 5px; |
|
|
|
@ -334,7 +351,8 @@ export default { |
|
|
|
::v-deep .el-icon-search:before { |
|
|
|
color: #00F; |
|
|
|
} |
|
|
|
.query:last-child{ |
|
|
|
|
|
|
|
.query:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
</style> |
luobinjie
3 weeks ago