|
|
|
@ -4,56 +4,31 @@ |
|
|
|
<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" |
|
|
|
disabled |
|
|
|
> |
|
|
|
<el-button |
|
|
|
slot="append" |
|
|
|
icon="el-icon-search" |
|
|
|
@click="diagnosis.dialogCusOrgOCX = true" |
|
|
|
style="font-size: 20px" |
|
|
|
></el-button> |
|
|
|
<el-input placeholder="请选择体检单位" v-model="patientRegister.query.cusOrgOCX" style="width: 240px" size="small" |
|
|
|
disabled> |
|
|
|
<el-button slot="append" icon="el-icon-search" @click="diagnosis.dialogCusOrgOCX = true" |
|
|
|
style="font-size: 20px"></el-button> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span>诊断：</span> |
|
|
|
<el-input |
|
|
|
placeholder="请选择诊断" |
|
|
|
v-model="patientRegister.query.StatisticsOCX" |
|
|
|
style="width: 200px" |
|
|
|
size="small" |
|
|
|
disabled |
|
|
|
> |
|
|
|
<el-button |
|
|
|
slot="append" |
|
|
|
icon="el-icon-search" |
|
|
|
@click="diagnosis.dialogAsbitemOCX = true" |
|
|
|
style="font-size: 20px" |
|
|
|
></el-button> |
|
|
|
<el-input placeholder="请选择诊断" v-model="patientRegister.query.StatisticsOCX" style="width: 200px" |
|
|
|
size="small" disabled> |
|
|
|
<el-button slot="append" icon="el-icon-search" @click="diagnosis.dialogAsbitemOCX = true" |
|
|
|
style="font-size: 20px"></el-button> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span>检查状态：</span> |
|
|
|
<el-select |
|
|
|
v-model="completeFlag" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
style="width: 80px" |
|
|
|
size="small" |
|
|
|
> |
|
|
|
<el-select v-model="completeFlag" placeholder="请选择" clearable style="width: 80px" size="small"> |
|
|
|
<el-option label="预登记" value="0" /> |
|
|
|
<el-option label="正式登记" value="1" /> |
|
|
|
<el-option label="部份已检" value="2" /> |
|
|
|
@ -62,98 +37,58 @@ |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span>审核状态：</span> |
|
|
|
<el-select |
|
|
|
v-model="classification" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
style="width: 80px" |
|
|
|
size="small" |
|
|
|
@clear="classification = null" |
|
|
|
> |
|
|
|
<el-select v-model="classification" placeholder="请选择" clearable style="width: 80px" size="small" |
|
|
|
@clear="classification = null"> |
|
|
|
<el-option label="已审核" value="Y" /> |
|
|
|
<el-option label="未审核" value="N" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<span>报表格式：</span> |
|
|
|
<el-select |
|
|
|
v-model="format" |
|
|
|
placeholder="请选择" |
|
|
|
style="width: 80px" |
|
|
|
size="small" |
|
|
|
@change="changeValue" |
|
|
|
> |
|
|
|
<el-select v-model="format" placeholder="请选择" style="width: 80px" size="small" @change="changeValue"> |
|
|
|
<el-option label="标准格式" value="0" /> |
|
|
|
<el-option label="精简格式" value="1" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<el-button @click="btnQuery" size="small" class="commonbutton" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button @click="btnQuery" size="small" class="commonbutton">查询</el-button> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<el-button @click="handleExport" size="small" class="commonbutton" |
|
|
|
>导出excel</el-button |
|
|
|
> |
|
|
|
<el-button @click="handleExport" size="small" class="commonbutton">导出excel</el-button> |
|
|
|
</div> |
|
|
|
<div class="query"> |
|
|
|
<el-button @click="onPrint" size="small" class="commonbutton" |
|
|
|
>打印</el-button |
|
|
|
> |
|
|
|
<el-button @click="onPrint" size="small" class="commonbutton">打印</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-show="format == 0" ref="imageDom0"> |
|
|
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px;"> |
|
|
|
<el-table |
|
|
|
border |
|
|
|
:height="flag |
|
|
|
<el-table border :height="flag |
|
|
|
? window.pageHeight < 600 |
|
|
|
? 415 |
|
|
|
: window.pageHeight - 185 - 25 : '' |
|
|
|
" |
|
|
|
:data="dataList" |
|
|
|
id="projectTableData" |
|
|
|
ref="projectTableData" |
|
|
|
style="width: 100%" |
|
|
|
show-summary |
|
|
|
:summary-method="getSummaries" |
|
|
|
> |
|
|
|
" :data="dataList" id="projectTableData" ref="projectTableData" style="width: 100%" show-summary |
|
|
|
:summary-method="getSummaries"> |
|
|
|
<el-table-column label="阳性结果人员清单"> |
|
|
|
<el-table-column :label="`开始时间： ${summary.startDate || ''} 结束时间：${summary.endDate || ''} 男性： ${summary.maleCount}人 女性： ${summary.femaleCount}人`" align="left"> |
|
|
|
<el-table-column |
|
|
|
align="left"> |
|
|
|
<template slot="header"> |
|
|
|
<div> |
|
|
|
<div>{{ "开始时间： " + summary.startDate || '' +" 结束时间： " + summary.endDate || ''}}</div> |
|
|
|
<div>{{ "阳性人数：男性：" + summary.maleCount + "人 女性： " + summary.femaleCount + "人；总人数：男性：" + summary.registerMaleCount + "人 女性： " + summary.registerFemaleCount + "人。"}}</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-table |
|
|
|
:data="scope.row.patientRegisters" |
|
|
|
border |
|
|
|
:span-method="objectProjectSpanMethod" |
|
|
|
show-summary |
|
|
|
:summary-method="summarizeRegisterCount" |
|
|
|
> |
|
|
|
<el-table :data="scope.row.patientRegisters" border :span-method="objectProjectSpanMethod" |
|
|
|
show-summary :summary-method="summarizeRegisterCount"> |
|
|
|
<el-table-column :label="scope.row.diagnosisName"> |
|
|
|
<el-table-column |
|
|
|
label="部门名称" |
|
|
|
prop="departmentName" |
|
|
|
width="300" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="姓名" |
|
|
|
prop="patientName" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="性别" |
|
|
|
prop="sexName" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="age" |
|
|
|
label="年龄" |
|
|
|
> |
|
|
|
<el-table-column label="部门名称" prop="departmentName" width="300"></el-table-column> |
|
|
|
<el-table-column label="姓名" prop="patientName"></el-table-column> |
|
|
|
<el-table-column label="性别" prop="sexName"></el-table-column> |
|
|
|
<el-table-column prop="age" label="年龄"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="patientRegisterNo" label="条码号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="patientNo" |
|
|
|
label="档案号" |
|
|
|
> |
|
|
|
<el-table-column prop="patientNo" label="档案号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="medicalTimes" label="体检次数"> |
|
|
|
</el-table-column> |
|
|
|
@ -171,44 +106,28 @@ |
|
|
|
</div> |
|
|
|
<div v-show="format == 1" ref="imageDom1"> |
|
|
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px;"> |
|
|
|
<el-table |
|
|
|
border |
|
|
|
:height=" |
|
|
|
flag |
|
|
|
<el-table border :height="flag |
|
|
|
? window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 25 : '' |
|
|
|
" |
|
|
|
:data="dataLists" |
|
|
|
id="standardTableData" |
|
|
|
ref="standardTableData" |
|
|
|
style="width: 100%" |
|
|
|
show-summary |
|
|
|
:summary-method="getSummaris" |
|
|
|
> |
|
|
|
" :data="dataLists" id="standardTableData" ref="standardTableData" style="width: 100%" show-summary |
|
|
|
:summary-method="getSummaris"> |
|
|
|
<el-table-column label="阳性结果人员清单"> |
|
|
|
<el-table-column :label="`开始时间： ${summary.startDate || ''} 结束时间：${summary.endDate || ''}体检人员共计： ${(summary.maleCount+summary.femaleCount)}人 男性： ${summary.maleCount}人 女性： ${summary.femaleCount}人`" align="left"> |
|
|
|
<el-table-column |
|
|
|
prop="diagnosisName" |
|
|
|
label="诊断名称" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="patientNameDetail" |
|
|
|
label="人员清单" |
|
|
|
> |
|
|
|
:label="`开始时间： ${summary.startDate || ''} 结束时间：${summary.endDate || ''}体检人员共计： ${(summary.maleCount + summary.femaleCount)}人 男性： ${summary.maleCount}人 女性： ${summary.femaleCount}人`" |
|
|
|
align="left"> |
|
|
|
<el-table-column prop="diagnosisName" label="诊断名称"></el-table-column> |
|
|
|
<el-table-column prop="patientNameDetail" label="人员清单"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div style="display: flex;flex-direction: row;flex-wrap: wrap;"> |
|
|
|
<span v-for="(item, index) in scope.row.patientNameDetail" :key="index" style="width:20%;text-align: center;">{{item}}{{index+1==scope.row.patientNameDetail.length?'':','}}</span> |
|
|
|
<span v-for="(item, index) in scope.row.patientNameDetail" :key="index" |
|
|
|
style="width:20%;text-align: center;">{{ item }}{{ index + 1 == |
|
|
|
scope.row.patientNameDetail.length ? '' : ',' }}</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="patientCount" |
|
|
|
label="人数" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="patientCount" label="人数" align="center"></el-table-column> |
|
|
|
<el-table-column prop="percentage" label="占百分比" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.percentage }}%</span |
|
|
|
> |
|
|
|
<span>{{ scope.row.percentage }}%</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
@ -219,23 +138,13 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--通用选单位、体检次数、分组的控件--> |
|
|
|
<el-dialog |
|
|
|
title="体检单位选择" |
|
|
|
:visible.sync="diagnosis.dialogCusOrgOCX" |
|
|
|
:close-on-click-modal="false" |
|
|
|
width="880px" |
|
|
|
height="600px" |
|
|
|
> |
|
|
|
<el-dialog title="体检单位选择" :visible.sync="diagnosis.dialogCusOrgOCX" :close-on-click-modal="false" width="880px" |
|
|
|
height="600px"> |
|
|
|
<CusOrgOCX :initDateType="'creationTime'" :useCustomerOrg="true" /> |
|
|
|
</el-dialog> |
|
|
|
<!--通用选组合项目的控件--> |
|
|
|
<el-dialog |
|
|
|
title="诊断选择" |
|
|
|
:visible.sync="diagnosis.dialogAsbitemOCX" |
|
|
|
:close-on-click-modal="false" |
|
|
|
width="700px" |
|
|
|
height="600px" |
|
|
|
> |
|
|
|
<el-dialog title="诊断选择" :visible.sync="diagnosis.dialogAsbitemOCX" :close-on-click-modal="false" width="700px" |
|
|
|
height="600px"> |
|
|
|
<StatisticsOCX /> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -275,8 +184,10 @@ export default { |
|
|
|
summary: { |
|
|
|
startDate: "", |
|
|
|
endDate: "", |
|
|
|
femaleCount:"", |
|
|
|
maleCount:"" |
|
|
|
femaleCount: "", // 阳性人数 |
|
|
|
maleCount: "", |
|
|
|
registerMaleCount: "", //总人数 |
|
|
|
registerFemaleCount: "" |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
@ -526,6 +437,8 @@ export default { |
|
|
|
this.summary.endDate = res.data.endDate; |
|
|
|
this.summary.femaleCount = res.data.femaleCount; |
|
|
|
this.summary.maleCount = res.data.maleCount; |
|
|
|
this.summary.registerMaleCount = res.data.registerMaleCount; |
|
|
|
this.summary.registerFemaleCount = res.data.registerFemaleCount; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.projectTableData.doLayout(); |
|
|
|
}); |
|
|
|
@ -618,6 +531,7 @@ page-break-before: avoid;}}`, // 去除页眉页脚 |
|
|
|
@import "../../assets/css/global_form.css"; |
|
|
|
@import "../../assets/css/global_input.css"; |
|
|
|
@import "../../assets/css/global.css"; |
|
|
|
|
|
|
|
.query { |
|
|
|
margin-right: 10px; |
|
|
|
display: flex; |
|
|
|
@ -628,10 +542,12 @@ page-break-before: avoid;}}`, // 去除页眉页脚 |
|
|
|
font-size: 400; |
|
|
|
font-family: "NotoSansSC-Regular"; |
|
|
|
} |
|
|
|
|
|
|
|
.box { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-input__inner { |
|
|
|
/*text-align: center;*/ |
|
|
|
padding-left: 5px; |
|
|
|
@ -651,6 +567,7 @@ page-break-before: avoid;}}`, // 去除页眉页脚 |
|
|
|
::v-deep .el-icon-search:before { |
|
|
|
color: #00F; |
|
|
|
} |
|
|
|
|
|
|
|
.query:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
pengjun
4 weeks ago