|
|
|
@ -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 |
|
|
|
? window.pageHeight < 600 |
|
|
|
? 415 |
|
|
|
: window.pageHeight - 185 - 25: '' |
|
|
|
" |
|
|
|
:data="dataList" |
|
|
|
id="projectTableData" |
|
|
|
ref="projectTableData" |
|
|
|
style="width: 100%" |
|
|
|
show-summary |
|
|
|
:summary-method="getSummaries" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
<el-table-column label="阳性结果人员清单"> |
|
|
|
<el-table-column :label="`开始时间： ${summary.startDate || ''} 结束时间：${summary.endDate || ''} 男性： ${summary.maleCount}人 女性： ${summary.femaleCount}人`" align="left"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-table |
|
|
|
:data="scope.row.patientRegisters" |
|
|
|
border |
|
|
|
:span-method="objectProjectSpanMethod" |
|
|
|
show-summary |
|
|
|
:summary-method="summarizeRegisterCount" |
|
|
|
> |
|
|
|
<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-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,46 +106,30 @@ |
|
|
|
</div> |
|
|
|
<div v-show="format == 1" ref="imageDom1"> |
|
|
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px;"> |
|
|
|
<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" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
<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="人员清单" |
|
|
|
> |
|
|
|
<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> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</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 |
|
|
|
> |
|
|
|
</template> |
|
|
|
</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="人员清单"> |
|
|
|
<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> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</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> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -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> |
|
|
|
@ -272,11 +181,13 @@ export default { |
|
|
|
mergedColumnes: ["departmentName"], |
|
|
|
spanMaps: {}, |
|
|
|
flag: true, |
|
|
|
summary:{ |
|
|
|
startDate:"", |
|
|
|
endDate:"", |
|
|
|
femaleCount:"", |
|
|
|
maleCount:"" |
|
|
|
summary: { |
|
|
|
startDate: "", |
|
|
|
endDate: "", |
|
|
|
femaleCount: "", // 阳性人数 |
|
|
|
maleCount: "", |
|
|
|
registerMaleCount: "", //总人数 |
|
|
|
registerFemaleCount: "" |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
@ -329,7 +240,7 @@ export default { |
|
|
|
this.dict.itemTypeTree = res.data; |
|
|
|
tcdate(this.dict.itemTypeTree); |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
postapi("/api/app/Diagnosis/GetSimpleList").then((res) => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.dict.asbItemAll = res.data; |
|
|
|
@ -374,19 +285,19 @@ export default { |
|
|
|
|
|
|
|
return sums; |
|
|
|
}, |
|
|
|
getSummaries(param){ |
|
|
|
getSummaries(param) { |
|
|
|
const { columns, data } = param; |
|
|
|
const sums = []; |
|
|
|
columns.forEach((column, index) => { |
|
|
|
if(index === 0){ |
|
|
|
let num=0 |
|
|
|
data.forEach((item,index)=>{ |
|
|
|
num+=item.patientRegisters.length |
|
|
|
if (index === 0) { |
|
|
|
let num = 0 |
|
|
|
data.forEach((item, index) => { |
|
|
|
num += item.patientRegisters.length |
|
|
|
}) |
|
|
|
sums[index] = "合计：" + num + "人"; |
|
|
|
} |
|
|
|
}) |
|
|
|
return sums |
|
|
|
return sums |
|
|
|
}, |
|
|
|
summarizeRegisterCount(param) { |
|
|
|
const { columns, data } = param; |
|
|
|
@ -457,16 +368,16 @@ export default { |
|
|
|
}; |
|
|
|
} |
|
|
|
}, |
|
|
|
ForwardRanking(data){ |
|
|
|
for (let i = 0; i < data.length; i++) { |
|
|
|
ForwardRanking(data) { |
|
|
|
for (let i = 0; i < data.length; i++) { |
|
|
|
data[i].patientRegisters.sort(function (a, b) { |
|
|
|
return a.departmentName > b.departmentName ? -1 : 1; //根据名称属性进行排序 |
|
|
|
}); |
|
|
|
} |
|
|
|
for(let i = 0; i < data.length; i++){ |
|
|
|
for(let k=0;k<data[i].patientRegisters.length;k++){ |
|
|
|
let diagnosisName=data[i].diagnosisName |
|
|
|
data[i].patientRegisters[k].diagnosisName=diagnosisName |
|
|
|
for (let i = 0; i < data.length; i++) { |
|
|
|
for (let k = 0; k < data[i].patientRegisters.length; k++) { |
|
|
|
let diagnosisName = data[i].diagnosisName |
|
|
|
data[i].patientRegisters[k].diagnosisName = diagnosisName |
|
|
|
} |
|
|
|
} |
|
|
|
this.dataList = data; |
|
|
|
@ -485,8 +396,8 @@ export default { |
|
|
|
e.dateType == "summaryDate" |
|
|
|
? "3" |
|
|
|
: e.dateType == "medicalStartDate" |
|
|
|
? "2" |
|
|
|
: "1", |
|
|
|
? "2" |
|
|
|
: "1", |
|
|
|
}; |
|
|
|
|
|
|
|
if (e.customerOrgId) { |
|
|
|
@ -522,13 +433,15 @@ export default { |
|
|
|
).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.ForwardRanking(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.summary.startDate = res.data.startDate; |
|
|
|
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(); |
|
|
|
}); |
|
|
|
this.$refs.projectTableData.doLayout(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
@ -538,13 +451,13 @@ export default { |
|
|
|
).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.dataLists = 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.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.standardTableData.doLayout(); |
|
|
|
}); |
|
|
|
this.$refs.standardTableData.doLayout(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
@ -585,16 +498,16 @@ page-break-before: avoid;}}`, // 去除页眉页脚 |
|
|
|
}, |
|
|
|
handleExport() { |
|
|
|
if (this.format == 0) { |
|
|
|
let index = 3; |
|
|
|
let index = 3; |
|
|
|
let list = []; |
|
|
|
list.push(index); |
|
|
|
for (let i = 0; i < this.dataList.length - 1; i++) { |
|
|
|
index += this.dataList[i].patientRegisters.length + 4; |
|
|
|
list.push(index); |
|
|
|
} |
|
|
|
exportToExcel("#projectTableData", "阳性结果人员清单", true,list); |
|
|
|
exportToExcel("#projectTableData", "阳性结果人员清单", true, list); |
|
|
|
} else if (this.format == 1) { |
|
|
|
exportToExcel("#standardTableData", "阳性结果人员清单",false); |
|
|
|
exportToExcel("#standardTableData", "阳性结果人员清单", false); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -618,20 +531,23 @@ 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; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
font-size: 14px; |
|
|
|
color: #232748; |
|
|
|
font-size: 400; |
|
|
|
font-family: "NotoSansSC-Regular"; |
|
|
|
|
|
|
|
.query { |
|
|
|
margin-right: 10px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
font-size: 14px; |
|
|
|
color: #232748; |
|
|
|
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,7 +567,8 @@ page-break-before: avoid;}}`, // 去除页眉页脚 |
|
|
|
::v-deep .el-icon-search:before { |
|
|
|
color: #00F; |
|
|
|
} |
|
|
|
.query:last-child{ |
|
|
|
|
|
|
|
.query:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
</style> |
pengjun
4 weeks ago