罗斌杰
2 years ago
7 changed files with 615 additions and 1042 deletions
-
6src/router/index.js
-
7src/views/Home.vue
-
573src/views/customerReport/combinationDetails.vue
-
28src/views/customerReport/diseaseStatistics.vue
-
49src/views/customerReport/personnelPositive.vue
-
212src/views/customerReport/positiveResultsList.vue
-
782src/views/workload/deskwork.vue
@ -0,0 +1,573 @@ |
|||
<template> |
|||
<div> |
|||
<el-card> |
|||
<div slot="header">组合项目检查状态</div> |
|||
<div :style="'display: block; width:' + (window.pageWidth - 45) + 'px;'"> |
|||
<div style="display: flex; flex-wrap: wrap; height: 35px"> |
|||
<div class="query"> |
|||
<span>体检单位：</span> |
|||
<el-input |
|||
placeholder="请选择体检单位" |
|||
v-model="patientRegister.query.cusOrgOCX" |
|||
style="width: 300px" |
|||
size="small" |
|||
disabled |
|||
> |
|||
<el-button |
|||
slot="append" |
|||
icon="el-icon-search" |
|||
@click="report.dialogCusOrgOCX = true" |
|||
style="font-size: 20px" |
|||
></el-button> |
|||
</el-input> |
|||
</div> |
|||
<div class="query"> |
|||
<span>组合项目：</span> |
|||
<el-input |
|||
placeholder="请选择组合项目" |
|||
v-model="patientRegister.query.asbitemOCX" |
|||
style="width: 240px" |
|||
size="small" |
|||
disabled |
|||
> |
|||
<el-button |
|||
slot="append" |
|||
icon="el-icon-search" |
|||
@click="report.dialogAsbitemOCX = true" |
|||
style="font-size: 20px" |
|||
></el-button> |
|||
</el-input> |
|||
</div> |
|||
<!-- <div class="query"> |
|||
<span>检查状态：</span> |
|||
<el-select |
|||
v-model="patientRegister.query.checkCompleteFlag" |
|||
placeholder="请选择" |
|||
clearable |
|||
style="width: 80px" |
|||
size="small" |
|||
> |
|||
<el-option |
|||
v-for="item in dict.checkCompleteFlag" |
|||
:key="item.id" |
|||
:label="item.displayName" |
|||
:value="item.id" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</div> --> |
|||
<div class="query"> |
|||
<el-button @click="btnQuery" size="small" |
|||
>查询</el-button |
|||
> |
|||
</div> |
|||
<div class="query"> |
|||
<el-button @click="handleExport" size="small">导出excel</el-button> |
|||
</div> |
|||
<div class="query"> |
|||
<el-button @click="onPrint" size="small">打印</el-button> |
|||
</div> |
|||
</div> |
|||
<div ref="imageDom"> |
|||
<el-table |
|||
:data="dataList" |
|||
border |
|||
:height="window.pageHeight < 600 ? 415 : window.pageHeight - 185" |
|||
row-key="id" |
|||
highlight-current-row |
|||
ref="dataList" |
|||
:row-class-name="tableRowClassName" |
|||
id="table" |
|||
> |
|||
<el-table-column prop="patientName" label="姓名"></el-table-column> |
|||
<el-table-column prop="sexName" label="性别"></el-table-column> |
|||
<el-table-column prop="age" label="年龄"></el-table-column> |
|||
<el-table-column |
|||
prop="medicalTimes" |
|||
label="体检次数" |
|||
></el-table-column> |
|||
<el-table-column |
|||
v-for="(item, index) in columnData" |
|||
:key="index" |
|||
:prop="item.prop" |
|||
:label="item.lable" |
|||
align="left" |
|||
> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</el-card> |
|||
<!--通用选单位、体检次数、分组的控件--> |
|||
<el-dialog |
|||
title="体检单位选择" |
|||
:visible.sync="report.dialogCusOrgOCX" |
|||
:close-on-click-modal="false" |
|||
width="840px" |
|||
height="600px" |
|||
> |
|||
<CusOrgOCX /> |
|||
</el-dialog> |
|||
<!--通用选组合项目的控件--> |
|||
<el-dialog |
|||
title="组合项目选择" |
|||
:visible.sync="report.dialogAsbitemOCX" |
|||
:close-on-click-modal="false" |
|||
width="700px" |
|||
height="600px" |
|||
> |
|||
<AsbitemOCX /> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
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 CusOrgOCX from "../../components/report/CusOrgOCX.vue"; |
|||
import AsbitemOCX from "../../components/report/AsbitemOCX.vue"; |
|||
import { exportToExcel } from "../../utlis/Export2Excel"; |
|||
import html2canvas from "html2canvas"; |
|||
import printJs from "print-js"; |
|||
export default { |
|||
components: { |
|||
CusOrgOCX, |
|||
AsbitemOCX, |
|||
}, |
|||
data() { |
|||
return { |
|||
dataList: [], //列表数据 |
|||
columnData: [], |
|||
flag: true, |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
this.dictInit(); |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
// this.btnQuery(); |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict", "patientRegister", "report"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment, |
|||
dddw, |
|||
//数据初始化 |
|||
dictInit() { |
|||
//性别 |
|||
// getapi("/api/app/sex").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.sex = res.data; |
|||
// } |
|||
// }); |
|||
|
|||
//体检中心 |
|||
getapi("/api/app/organization-units/organization-unit-by-is-peis").then( |
|||
(res) => { |
|||
if (res.code == 1) { |
|||
this.dict.organization = res.data; |
|||
} |
|||
} |
|||
); |
|||
|
|||
//体检单位树 |
|||
getapi("/api/app/customerorg/getbycodeall").then((res) => { |
|||
if (res.code == 1) { |
|||
this.patientRegister.customerOrgTreeAll = res.data; |
|||
tcdate(this.patientRegister.customerOrgTreeAll); |
|||
} |
|||
}); |
|||
|
|||
// //体检类别 |
|||
getapi("/api/app/medical-type/in-filter").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.medicalType = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
// //人员类别 |
|||
// getapi("/api/app/personnel-type/in-filter").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.personnelType = res.data.items; |
|||
// } |
|||
// }); |
|||
|
|||
// //婚姻状况 |
|||
// getapi("/api/app/marital-statuses").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.maritalStatus = res.data.items; |
|||
// } |
|||
// }); |
|||
|
|||
// //性激素期 |
|||
// getapi("/api/app/sex-hormone-term/in-filter").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.sexHormoneTerm = res.data.items; |
|||
// } |
|||
// }); |
|||
|
|||
// //民族 |
|||
// getapi("/api/app/nation/in-filter").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.nation = res.data.items; |
|||
// } |
|||
// }); |
|||
|
|||
// //籍惯 ，出生地 |
|||
// getapi("/api/app/birth-place/in-filter").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.birthPlace = res.data.items; |
|||
// } |
|||
// }); |
|||
|
|||
// //套餐 |
|||
// postapi("/api/app/medicalpackage/getmedicalpackagelist", {}).then( |
|||
// (res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.medicalPackage = res.data; |
|||
// } |
|||
// } |
|||
// ); |
|||
|
|||
// //分组，所有分组，不限单位，不限次数 |
|||
// getapi("/api/app/customer-org-group").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.customerOrgGroupAll = res.data.items; |
|||
// } |
|||
// }); |
|||
|
|||
// //支付方式 |
|||
// getapi("/api/app/pay-mode").then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.payMode = res.data; |
|||
// } |
|||
// }); |
|||
|
|||
// //体检类别 树结构 |
|||
getapi("/api/app/item-type/by-code-all").then((res) => { |
|||
if (res.code == 1) { |
|||
this.dict.itemTypeTree = res.data; |
|||
tcdate(this.dict.itemTypeTree); |
|||
} |
|||
}); |
|||
|
|||
// postapi("/api/app/asbitem/getasbitemlist", {}).then((res) => { |
|||
// if (res.code == 1) { |
|||
// this.dict.asbItemAll = res.data; |
|||
// } |
|||
// }); |
|||
|
|||
console.log("dict", this.dict); |
|||
}, |
|||
|
|||
tableRowClassName({ row, rowIndex }) { |
|||
switch (row.completeFlag) { |
|||
case "0": |
|||
return "danger"; |
|||
case "2": |
|||
return "info"; |
|||
default: |
|||
return ""; |
|||
} |
|||
}, |
|||
onPrint() { |
|||
this.flag = false; |
|||
this.$nextTick(() => { |
|||
let width = this.$refs.imageDom.style.width; |
|||
let cloneDom = this.$refs.imageDom.cloneNode(true); |
|||
let imageDom = this.$refs.imageDom; |
|||
cloneDom.style.position = "absolute"; |
|||
cloneDom.style.top = "0px"; |
|||
cloneDom.style.zIndex = "-1"; |
|||
cloneDom.style.width = width; |
|||
console.log(cloneDom); |
|||
imageDom.appendChild(cloneDom); |
|||
html2canvas(cloneDom).then((canvas) => { |
|||
// 转成图片，生成图片地址 |
|||
const url = canvas.toDataURL("image/png"); |
|||
printJs({ |
|||
printable: url, |
|||
type: "image", |
|||
documentTitle: "", // 标题 |
|||
style: "@page{size:auto;margin: 0cm 1cm 0cm 1cm;}", // 去除页眉页脚 |
|||
}); |
|||
}); |
|||
cloneDom.style.display = "none"; |
|||
this.flag = true; |
|||
}); |
|||
}, |
|||
handleExport() { |
|||
exportToExcel("#table", "组合项目结果明细", false); |
|||
}, |
|||
//查询 |
|||
btnQuery() { |
|||
let body = {}, |
|||
customerOrgs = [], |
|||
asbitemIds = []; |
|||
// { |
|||
// "customerOrgs": [ |
|||
// { |
|||
// "customerOrgId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// "customerOrgRegisterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// "customerOrgGroupId": [ |
|||
// "3fa85f64-5717-4562-b3fc-2c963f66afa6" |
|||
// ], |
|||
// "dateType": "string", |
|||
// "startDate": "string", |
|||
// "endDate": "string" |
|||
// } |
|||
// ], |
|||
// "asbitemIds": [ |
|||
// "3fa85f64-5717-4562-b3fc-2c963f66afa6" |
|||
// ], |
|||
// "completeFlag": "string" |
|||
// } |
|||
|
|||
if (this.report.dataCusOrgOCX.length > 0) { |
|||
this.report.dataCusOrgOCX.forEach((e) => { |
|||
let rd = { |
|||
startDate: moment(e.startDate).format("yyyy-MM-DD"), |
|||
endDate: moment(e.endDate).format("yyyy-MM-DD"), |
|||
dateType: |
|||
e.dateType == "summaryDate" |
|||
? "3" |
|||
: e.dateType == "medicalStartDate" |
|||
? "2" |
|||
: "1", |
|||
}; |
|||
|
|||
if (e.customerOrgId) { |
|||
rd.customerOrgId = e.customerOrgId; |
|||
if (e.customerOrgId == this.dict.personOrgId) { |
|||
rd.customerOrgRegisterId = null; |
|||
rd.customerOrgGroupId = []; |
|||
} else { |
|||
rd.customerOrgRegisterId = e.customerOrgRegister.id; |
|||
rd.customerOrgGroupId = e.customerOrgGroupIds; |
|||
} |
|||
} |
|||
customerOrgs.push(rd); |
|||
}); |
|||
} |
|||
|
|||
if (this.report.dataAsbitemOCX.length > 0) { |
|||
this.report.dataAsbitemOCX.forEach((e) => { |
|||
asbitemIds.push(e.id); |
|||
}); |
|||
} |
|||
|
|||
body.customerOrgs = customerOrgs; |
|||
body.asbitemId = asbitemIds; |
|||
|
|||
// if (this.patientRegister.query.checkCompleteFlag) |
|||
// body.completeFlag = this.patientRegister.query.checkCompleteFlag; |
|||
|
|||
//console.log('/api/app/peisreport/getpatientregisterreport',body) |
|||
|
|||
postapi("/api/customerreport/getasbitemspecificresultreport", body).then( |
|||
(res) => { |
|||
if (res.code != -1) { |
|||
let bodys= res.data |
|||
// let bodys = [ |
|||
// { |
|||
// medicalTimes: 0, |
|||
// patientName: "小王", |
|||
// sexName: "string", |
|||
// age: 0, |
|||
// registerChecks: [ |
|||
// { |
|||
// registerCheckId: "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// checkName: "血常规", |
|||
// registerCheckItems: [ |
|||
// { |
|||
// itemName: "血型", |
|||
// result: "O", |
|||
// }, |
|||
// { |
|||
// itemName: "ct", |
|||
// result: "良好", |
|||
// }, |
|||
// ], |
|||
// registerCheckSummarys: "血常规优秀", |
|||
// }, |
|||
// { |
|||
// registerCheckId: "3fa85f64-5717-4562-b3fc-2c963f66afa5", |
|||
// checkName: "乙肝三项", |
|||
// registerCheckItems: [ |
|||
// { |
|||
// itemName: "乙肝", |
|||
// result: "A", |
|||
// }, |
|||
// { |
|||
// itemName: "血液", |
|||
// result: "B", |
|||
// }, |
|||
// { |
|||
// itemName: "ct", |
|||
// result: "C", |
|||
// }, |
|||
// ], |
|||
// registerCheckSummarys: "乙肝三项良好", |
|||
// }, |
|||
// ], |
|||
// }, |
|||
// { |
|||
// medicalTimes: 0, |
|||
// patientName: "小李", |
|||
// sexName: "string", |
|||
// age: 0, |
|||
// registerChecks: [ |
|||
// { |
|||
// registerCheckId: "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// checkName: "血常规", |
|||
// registerCheckItems: [ |
|||
// { |
|||
// itemName: "血型", |
|||
// result: "A", |
|||
// }, |
|||
// { |
|||
// itemName: "ct", |
|||
// result: "危险", |
|||
// }, |
|||
// { |
|||
// itemName: "核磁", |
|||
// result: "有", |
|||
// }, |
|||
// ], |
|||
// registerCheckSummarys: "血常规危险", |
|||
// }, |
|||
// { |
|||
// registerCheckId: "3fa85f64-5717-4562-b3fc-2c963f66afa5", |
|||
// checkName: "乙肝三项", |
|||
// registerCheckItems: [ |
|||
// { |
|||
// itemName: "乙肝", |
|||
// result: "B", |
|||
// }, |
|||
// { |
|||
// itemName: "血液", |
|||
// result: "A", |
|||
// }, |
|||
// ], |
|||
// registerCheckSummarys: "乙肝三项危险", |
|||
// }, |
|||
// { |
|||
// registerCheckId: "3fa85f64-5717-4562-b3fc-2c963f66afa4", |
|||
// checkName: "血型鉴侧", |
|||
// registerCheckItems: [ |
|||
// { |
|||
// itemName: "a实验", |
|||
// result: "7", |
|||
// }, |
|||
// { |
|||
// itemName: "b实验", |
|||
// result: "8", |
|||
// }, |
|||
// ], |
|||
// registerCheckSummarys: "乙肝三项危险", |
|||
// }, |
|||
// ], |
|||
// }, |
|||
// ]; |
|||
let that = this; |
|||
let template = { |
|||
prop: "", |
|||
lable: "", |
|||
}; |
|||
for (let i = 0; i < bodys.length; i++) { |
|||
for (let k = 0; k < bodys[i].registerChecks.length; k++) { |
|||
for ( |
|||
let j = 0; |
|||
j < bodys[i].registerChecks[k].registerCheckItems.length; |
|||
j++ |
|||
) { |
|||
let templatess = JSON.parse(JSON.stringify(template)); |
|||
templatess.prop = |
|||
// bodys[i].registerChecks[k].registerCheckId + |
|||
bodys[i].registerChecks[k].checkName + |
|||
bodys[i].registerChecks[k].registerCheckItems[j].itemName; |
|||
templatess.lable = |
|||
bodys[i].registerChecks[k].checkName +'/'+ |
|||
bodys[i].registerChecks[k].registerCheckItems[j].itemName; |
|||
that.columnData.push(templatess); |
|||
this.$set( |
|||
bodys[i], |
|||
// bodys[i].registerChecks[k].registerCheckId + |
|||
bodys[i].registerChecks[k].checkName + |
|||
bodys[i].registerChecks[k].registerCheckItems[j].itemName, |
|||
bodys[i].registerChecks[k].registerCheckItems[j].result |
|||
); |
|||
} |
|||
// if(bodys[i].registerChecks[k].registerCheckSummarys!=''&&bodys[i].registerChecks[k].registerCheckSummarys!=null){ |
|||
let templates = JSON.parse(JSON.stringify(template)); |
|||
templates.prop = |
|||
// bodys[i].registerChecks[k].registerCheckId + |
|||
bodys[i].registerChecks[k].checkName + |
|||
"小结"; |
|||
templates.lable = bodys[i].registerChecks[k].checkName+'/' + "小结"; |
|||
that.columnData.push(templates); |
|||
this.$set( |
|||
bodys[i], |
|||
// bodys[i].registerChecks[k].registerCheckId + |
|||
bodys[i].registerChecks[k].checkName + |
|||
"小结", |
|||
bodys[i].registerChecks[k].registerCheckSummarys |
|||
); |
|||
// } |
|||
} |
|||
} |
|||
this.$nextTick(()=>{ |
|||
this.$refs.dataList.doLayout() |
|||
}) |
|||
let map = new Map(); |
|||
let qc = this.columnData.filter( |
|||
(key) => !map.has(key.prop) && map.set(key.prop, 1) |
|||
); |
|||
qc.sort(function (a, b) { |
|||
return a.lable < b.lable ? -1 : 1; //根据名称属性进行排序 |
|||
}) |
|||
|
|||
this.columnData = qc; |
|||
this.dataList = bodys; |
|||
} |
|||
} |
|||
); |
|||
}, |
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
//触发查询事件 |
|||
// "patientRegister.query.times"(newVal, oldVal) { |
|||
// if (newVal != oldVal) { |
|||
// //alert('触发查询事件') |
|||
// this.query(); |
|||
// } |
|||
// }, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
@import "../../assets/css/global_button.css"; |
|||
@import "../../assets/css/global_card.css"; |
|||
@import "../../assets/css/global_input.css"; |
|||
@import "../../assets/css/global_table.css"; |
|||
@import "../../assets/css/global.css"; |
|||
|
|||
.query { |
|||
margin-left: 10px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue