You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
573 lines
18 KiB
573 lines
18 KiB
<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>
|