pengjun
2 years ago
10 changed files with 1001 additions and 66 deletions
-
78src/components/common/LocalConfig.vue
-
150src/components/doctorCheck/QueueCheckList.vue
-
604src/components/occDisease/occReport.vue
-
179src/components/patientRegister/PatientRegisterEditDoctorBatch.vue
-
24src/components/patientRegister/PatientRegisterList.vue
-
6src/components/room/RoomEdit.vue
-
9src/components/room/room.vue
-
6src/router/index.js
-
2src/store/index.js
-
9src/views/doctorCheck/doctorCheck.vue
@ -0,0 +1,604 @@ |
|||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<div> |
||||
|
<div class="middlebox"> |
||||
|
<div class="contenttitle"> |
||||
|
客户报表 / |
||||
|
<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 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="report.dialogCusOrgOCX = true" |
||||
|
style="font-size: 20px"></el-button> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>报表格式：</span> |
||||
|
<el-select v-model="format" placeholder="请选择" style="width: 80px" @change="changeValue" size="small"> |
||||
|
<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> |
||||
|
</div> |
||||
|
<!-- |
||||
|
<div class="query"> |
||||
|
<el-button size="small" class="commonbutton" :disabled="format == 2" @click="handleExport">导出excel</el-button> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<el-button size="small" class="commonbutton" :disabled="format == 2" @click="onPrint">打印</el-button> |
||||
|
</div> |
||||
|
--> |
||||
|
</div> |
||||
|
<div v-show="format == 3" ref="imageDom0"> |
||||
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px"> |
||||
|
<el-table border :height="flag |
||||
|
? window.pageHeight < 600 |
||||
|
? 415 |
||||
|
: window.pageHeight - 185 - 20 |
||||
|
: '' |
||||
|
" :data="tableData" id="standardTableData" ref="standardTableData" style="width: 100%" |
||||
|
:header-cell-class-name="headerStyle"> |
||||
|
<el-table-column :label="reportTitle"> |
||||
|
<el-table-column :label="`单位： ${customerOrgName||''} 体检次数 ${medicalTimes||''} 开始月份： ${startMonth||''} 结束月份： ${endMonth||''}`"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-table :data="scope.row.patientRegisterPositiveReports" border show-summary |
||||
|
:summary-method="summarizeRegisterCounts" :header-cell-class-name="headerStyle"> |
||||
|
<el-table-column label="人员阳性结果清单"> |
||||
|
<el-table-column :label="`${startDate||''} |
||||
|
至 |
||||
|
${endDate||''} |
||||
|
体检人员共计： |
||||
|
${sumMedicalNumber|| ''} |
||||
|
其中男： |
||||
|
${maleMedicalNumber|| ''} |
||||
|
女： |
||||
|
${femaleMedicalNumber||''} |
||||
|
其他： |
||||
|
${otherMedicalNumber||''} |
||||
|
`"> |
||||
|
<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-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-table :data="scope.row.positivePatientRegisterReportStandards" border |
||||
|
:header-cell-class-name="headerStyle" style="margin-top: 15px"> |
||||
|
<el-table-column label="阳性结果人员清单"> |
||||
|
<el-table-column :label="`${startDate||''} |
||||
|
至 |
||||
|
${endDate||''} |
||||
|
体检人员共计： |
||||
|
${sumMedicalNumber|| ''} |
||||
|
其中男： |
||||
|
${maleMedicalNumber|| ''} |
||||
|
女： |
||||
|
${femaleMedicalNumber||''} |
||||
|
其他： |
||||
|
${otherMedicalNumber||''} |
||||
|
`"> |
||||
|
<template slot-scope="scopes"> |
||||
|
<el-table :data="scopes.row.patientRegisters" border show-summary |
||||
|
:summary-method="summarizeRegisterCounts"> |
||||
|
<el-table-column :label="scopes.row.diagnosisName"> |
||||
|
<el-table-column label="部门名称" prop="departmentName"></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> |
||||
|
<el-table-column prop="medicalTimes" label="体检次数"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="telephone" label="电话"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="mobileTelephone" label="手机号"> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-table :data="scope.row.diseaseCountStatisticsReports" border :header-cell-class-name="headerStyle" |
||||
|
show-summary :summary-method="summarizeRegisterCount" style="margin-top: 15px"> |
||||
|
<el-table-column label="疾病人数统计"> |
||||
|
<el-table-column :label="`${startDate||''} |
||||
|
至 |
||||
|
${endDate||''} |
||||
|
体检人员共计： |
||||
|
${sumMedicalNumber|| ''} |
||||
|
其中男： |
||||
|
${maleMedicalNumber|| ''} |
||||
|
女： |
||||
|
${femaleMedicalNumber||''} |
||||
|
其他： |
||||
|
${otherMedicalNumber||''} |
||||
|
`"> |
||||
|
<el-table-column label="序号" type="index"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="diagnosisName" label="疾病" /> |
||||
|
<el-table-column prop="patientCount" label="人数" /> |
||||
|
<el-table-column prop="percentage" label="占总检人员百分比" /> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-show="format == 4" ref="imageDom1"> |
||||
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px"> |
||||
|
<el-table border :height="flag |
||||
|
? window.pageHeight < 600 |
||||
|
? 415 |
||||
|
: window.pageHeight - 185 - 20 |
||||
|
: '' |
||||
|
" :data="reducetableData" id="reducetableData" ref="reducetableData" style="width: 100%" |
||||
|
:header-cell-class-name="headerStyle"> |
||||
|
<el-table-column :label="reducereportTitle"> |
||||
|
<el-table-column :label="`单位： ${customerOrgName||''} 体检次数 ${medicalTimes||''} 开始月份： ${startMonth||''} 结束月份： ${endMonth||''}`"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-table :data="scope.row.patientRegisterPositiveReports" border show-summary |
||||
|
:summary-method="summarizeRegisterCounts" :header-cell-class-name="headerStyle"> |
||||
|
<el-table-column label="人员阳性结果清单"> |
||||
|
<el-table-column :label="`${reducestartDate||''} |
||||
|
至 |
||||
|
${reduceendDate||''} |
||||
|
体检人员共计： |
||||
|
${reducesumMedicalNumber||''} |
||||
|
其中男： |
||||
|
${reducemaleMedicalNumber||''} |
||||
|
女： |
||||
|
${reducefemaleMedicalNumber||''} |
||||
|
其他： |
||||
|
${reduceotherMedicalNumber||''} |
||||
|
`"> |
||||
|
<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-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-table :data="scope.row.positivePatientRegisterReportReduces" border |
||||
|
:header-cell-class-name="headerStyle" show-summary :summary-method="summarizeRegisterCount" |
||||
|
style="margin-top: 15px"> |
||||
|
<el-table-column label="阳性结果人员清单"> |
||||
|
<el-table-column :label="`${reducestartDate||''} |
||||
|
至 |
||||
|
${reduceendDate||''} |
||||
|
体检人员共计： |
||||
|
${reducesumMedicalNumber||''} |
||||
|
其中男： |
||||
|
${reducemaleMedicalNumber||''} |
||||
|
女： |
||||
|
${reducefemaleMedicalNumber||''} |
||||
|
其他： |
||||
|
${reduceotherMedicalNumber||''} |
||||
|
`"> |
||||
|
<el-table-column label="序号" type="index"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="diagnosisName" label="诊断" /> |
||||
|
<el-table-column prop="patientCount" label="人数" /> |
||||
|
<el-table-column prop="percentage" label="占总检人员百分比" /> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-table :data="scope.row.diseaseCountStatisticsReports" border :header-cell-class-name="headerStyle" |
||||
|
show-summary :summary-method="summarizeRegisterCount" style="margin-top: 15px"> |
||||
|
<el-table-column label="疾病人数统计"> |
||||
|
<el-table-column :label="`${reducestartDate||''} |
||||
|
至 |
||||
|
${reduceendDate||''} |
||||
|
体检人员共计： |
||||
|
${reducesumMedicalNumber||''} |
||||
|
其中男： |
||||
|
${reducemaleMedicalNumber||''} |
||||
|
女： |
||||
|
${reducefemaleMedicalNumber||''} |
||||
|
其他： |
||||
|
${reduceotherMedicalNumber||''} |
||||
|
`"> |
||||
|
<el-table-column label="序号" type="index"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="diagnosisName" label="疾病" /> |
||||
|
<el-table-column prop="patientCount" label="人数" /> |
||||
|
<el-table-column prop="percentage" label="占总检人员百分比" /> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-show="format == 0 || format == 1" ref="imageDom2"> |
||||
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px"> |
||||
|
<div :style="'display: flex;justify-content: center;align-items: center;height:' + |
||||
|
(window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) + |
||||
|
'px;' |
||||
|
"> |
||||
|
<div v-show="reportUrl == ''">无数据</div> |
||||
|
<a :href="reportUrl" v-show="reportUrl != ''"> |
||||
|
<el-button>下载Word报表</el-button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!--通用选单位、体检次数、分组的控件--> |
||||
|
<el-dialog title="体检单位选择" :visible.sync="report.dialogCusOrgOCX" :close-on-click-modal="false" width="880px" |
||||
|
height="600px"> |
||||
|
<CusOrgOCX :useCustomerOrg="true" :initDateType="'creationTime'" :isUnit="true" /> |
||||
|
</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 { exportToExcel } from "../../utlis/Export2Excel"; |
||||
|
import html2canvas from "html2canvas"; |
||||
|
import printJs from "print-js"; |
||||
|
export default { |
||||
|
components: { |
||||
|
CusOrgOCX, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
format: "0", |
||||
|
flag: true, |
||||
|
tableData: [], |
||||
|
reducetableData: [], |
||||
|
reportTitle: "", |
||||
|
customerOrgName: "", |
||||
|
medicalTimes: null, |
||||
|
startMonth: "", |
||||
|
endMonth: "", |
||||
|
startDate: "", |
||||
|
endDate: "", |
||||
|
sumMedicalNumber: null, |
||||
|
maleMedicalNumber: null, |
||||
|
femaleMedicalNumber: null, |
||||
|
otherMedicalNumber: null, |
||||
|
reducereportTitle: "", |
||||
|
reducecustomerOrgName: "", |
||||
|
reducemedicalTimes: null, |
||||
|
reducestartMonth: "", |
||||
|
reduceendMonth: "", |
||||
|
reducestartDate: "", |
||||
|
reduceendDate: "", |
||||
|
reducesumMedicalNumber: null, |
||||
|
reducemaleMedicalNumber: null, |
||||
|
reducefemaleMedicalNumber: null, |
||||
|
reduceotherMedicalNumber: null, |
||||
|
reportUrl: "", |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
// this.dictInit(); |
||||
|
}, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
// this.btnQuery(); |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
...mapState(["window", "dict", "patientRegister", "report"]), |
||||
|
}, |
||||
|
methods: { |
||||
|
btnQuery() { |
||||
|
let body = {}, |
||||
|
customerOrgs = []; |
||||
|
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); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
body.customerOrgs = customerOrgs; |
||||
|
if (this.completeFlag) body.completeFlag = this.completeFlag; |
||||
|
body.isAudit = this.classification; |
||||
|
|
||||
|
if (this.format == 0) { |
||||
|
postapi( |
||||
|
"/api/customerreport/getunitphysicalexaminationreportstandard", |
||||
|
body |
||||
|
).then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.tableData = []; |
||||
|
this.tableData.push(res.data); |
||||
|
this.reportTitle = res.data.reportTitle; |
||||
|
this.customerOrgName = res.data.customerOrgName; |
||||
|
this.medicalTimes = res.data.medicalTimes; |
||||
|
this.startMonth = res.data.startMonth; |
||||
|
this.endMonth = res.data.endMonth; |
||||
|
this.startDate = res.data.startDate; |
||||
|
this.endDate = res.data.endDate; |
||||
|
this.sumMedicalNumber = res.data.sumMedicalNumber; |
||||
|
this.maleMedicalNumber = res.data.maleMedicalNumber; |
||||
|
this.femaleMedicalNumber = res.data.femaleMedicalNumber; |
||||
|
this.otherMedicalNumber = res.data.otherMedicalNumber; |
||||
|
} |
||||
|
}); |
||||
|
} else if (this.format == 1) { |
||||
|
postapi( |
||||
|
"/api/customerreport/getunitphysicalexaminationreportreduce", |
||||
|
body |
||||
|
).then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.reducetableData = []; |
||||
|
this.reducetableData.push(res.data); |
||||
|
this.reducereportTitle = res.data.reportTitle; |
||||
|
this.reducecustomerOrgName = res.data.customerOrgName; |
||||
|
this.reducemedicalTimes = res.data.medicalTimes; |
||||
|
this.reducestartMonth = res.data.startMonth; |
||||
|
this.reduceendMonth = res.data.endMonth; |
||||
|
this.reducestartDate = res.data.startDate; |
||||
|
this.reduceendDate = res.data.endDate; |
||||
|
this.reducesumMedicalNumber = res.data.sumMedicalNumber; |
||||
|
this.reducemaleMedicalNumber = res.data.maleMedicalNumber; |
||||
|
this.reducefemaleMedicalNumber = res.data.femaleMedicalNumber; |
||||
|
this.reduceotherMedicalNumber = res.data.otherMedicalNumber; |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
postapi( |
||||
|
"/api/customerreport/getunitphysicalexaminationreportexportword", |
||||
|
body |
||||
|
).then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
const sysConfig = JSON.parse(window.sessionStorage.getItem('sysConfig')) |
||||
|
this.reportUrl = sysConfig.apiurl + res.data.reportUrl; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
summarizeRegisterCounts(param) { |
||||
|
const { columns, data } = param; |
||||
|
const sums = []; |
||||
|
columns.forEach((column, index) => { |
||||
|
if (index === 0) { |
||||
|
sums[index] = "合计"; |
||||
|
return; |
||||
|
} |
||||
|
if (index === 1) { |
||||
|
sums[index] = data.length + "人"; |
||||
|
return; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
return sums; |
||||
|
}, |
||||
|
summarizeRegisterCount(param) { |
||||
|
const { columns, data } = param; |
||||
|
const sums = []; |
||||
|
columns.forEach((column, index) => { |
||||
|
if (index === 0) { |
||||
|
sums[index] = "合计"; |
||||
|
return; |
||||
|
} |
||||
|
const values = data.map((item) => Number(item[column.property])); |
||||
|
if (index === 2) { |
||||
|
sums[index] = values.reduce((prev, curr) => { |
||||
|
const value = Number(curr); |
||||
|
if (!isNaN(value)) { |
||||
|
return prev + curr; |
||||
|
} else { |
||||
|
return prev; |
||||
|
} |
||||
|
}, 0); |
||||
|
sums[index] += " 人"; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
return sums; |
||||
|
}, |
||||
|
headerStyle({ row, column, rowIndex, columnIndex }) { |
||||
|
if (rowIndex === 1) { |
||||
|
return "left-align"; |
||||
|
} |
||||
|
}, |
||||
|
changeValue(value) { |
||||
|
if (value == 0) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.standardTableData.doLayout(); |
||||
|
}); |
||||
|
} else if (value == 1) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.reducetableData.doLayout(); |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
handleExport() { |
||||
|
if (this.format == 0) { |
||||
|
let name = "北京神豚软件开发有限公司体检报告"; |
||||
|
if (this.reportTitle != "") { |
||||
|
name = this.reportTitle; |
||||
|
} |
||||
|
let index = 3; |
||||
|
let list = []; |
||||
|
list.push(index); |
||||
|
index += this.tableData[0].patientRegisterPositiveReports.length + 7; |
||||
|
list.push(index); |
||||
|
for ( |
||||
|
let i = 0; |
||||
|
i < |
||||
|
this.tableData[0].positivePatientRegisterReportStandards.length - 1; |
||||
|
i++ |
||||
|
) { |
||||
|
index += |
||||
|
this.tableData[0].positivePatientRegisterReportStandards[i] |
||||
|
.patientRegisters.length + 4; |
||||
|
list.push(index); |
||||
|
} |
||||
|
exportToExcel("#standardTableData", name, true, list); |
||||
|
} else if (this.format == 1) { |
||||
|
let name = "北京神豚软件开发有限公司体检报告"; |
||||
|
if (this.reducereportTitle != "") { |
||||
|
name = this.reducereportTitle; |
||||
|
} |
||||
|
let index = 3; |
||||
|
let list = []; |
||||
|
list.push(index); |
||||
|
exportToExcel("#reducetableData", name, true, list); |
||||
|
} |
||||
|
}, |
||||
|
onPrint() { |
||||
|
this.flag = false; |
||||
|
let index = ""; |
||||
|
if (this.format == 0) { |
||||
|
index = "imageDom0"; |
||||
|
} else if (this.format == 1) { |
||||
|
index = "imageDom1"; |
||||
|
} else { |
||||
|
index = "imageDom2"; |
||||
|
} |
||||
|
this.$nextTick(() => { |
||||
|
let width = this.$refs[index].style.width; |
||||
|
let cloneDom = this.$refs[index].cloneNode(true); |
||||
|
let imageDom = this.$refs[index]; |
||||
|
cloneDom.style.position = "absolute"; |
||||
|
cloneDom.style.top = "0px"; |
||||
|
cloneDom.style.zIndex = "-1"; |
||||
|
cloneDom.style.width = width; |
||||
|
imageDom.appendChild(cloneDom); |
||||
|
html2canvas(cloneDom).then((canvas) => { |
||||
|
// 转成图片，生成图片地址 |
||||
|
const url = canvas.toDataURL("image/png"); |
||||
|
printJs({ |
||||
|
printable: url, |
||||
|
type: "image", |
||||
|
documentTitle: "", // 标题 |
||||
|
style: `@media print { @page {size: auto; margin: 0 0 0 0; } body{margin:0 5px}canvas{page-break-after: always;page-break-inside: avoid; |
||||
|
page-break-after: avoid; |
||||
|
page-break-before: avoid;}}`, // 去除页眉页脚 |
||||
|
}); |
||||
|
}); |
||||
|
cloneDom.style.display = "none"; |
||||
|
this.flag = true; |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_button.css"; |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@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"; |
||||
|
} |
||||
|
|
||||
|
.box { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-table__header-wrapper th.backcolor { |
||||
|
background-color: #f5f7fa; |
||||
|
} |
||||
|
|
||||
|
:deep .left-align .cell { |
||||
|
text-align: left !important; |
||||
|
} |
||||
|
::v-deep .el-input__inner { |
||||
|
/*text-align: center;*/ |
||||
|
padding-left: 5px; |
||||
|
padding-right: 15px; |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-input__icon { |
||||
|
width: 15px; |
||||
|
/* 输入框下拉箭头或清除图标 默认 25 */ |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-input-group__append { |
||||
|
padding: 0 5px; |
||||
|
/* 控件默认 0 20px;*/ |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-icon-search:before { |
||||
|
color: #00F; |
||||
|
} |
||||
|
.query:last-child{ |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,179 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div> |
||||
|
<div style="color: red;"> |
||||
|
注：检查项目不选医生表示不更新。 |
||||
|
</div> |
||||
|
<div style="display: flex; margin-top: 2px"> |
||||
|
<el-table :data="tableData" height="400" width="400" show-summary size="small" highlight-current-row |
||||
|
border> |
||||
|
<el-table-column label="组合项目" min-width="150" prop="asbitemName" /> |
||||
|
<el-table-column label="检查医生" prop="checkDoctorId" min-width="80"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-select v-model="scope.row.checkDoctorId" filterable clearable placeholder="请选择" size="small"> |
||||
|
<el-option v-for="item in users" :key="item.id" :label="item.surname" :value="item.id" /> |
||||
|
</el-select> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div style="margin: 300px 0 0 10px;"> |
||||
|
<div style="margin: 10px 0"> |
||||
|
<el-button class="commonbutton" type="primary" @click="btnOk">确 定</el-button> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button class="commonbutton" @click="dialogWin.PatientRegisterEditDoctorBatch = false">取 消</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div> |
||||
|
<!-- 通用进度条 --> |
||||
|
<el-dialog title="数据处理中……" :visible.sync="elProgress.display" width="600px" height="400" :show-close="false" |
||||
|
:close-on-click-modal="false" :append-to-body="true"> |
||||
|
<ElProgressOCX /> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
import { mapState, mapActions } from "vuex"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
|
||||
|
|
||||
|
import { |
||||
|
dddw, |
||||
|
arrayReduce, |
||||
|
arrayExistObj, |
||||
|
deepCopy, |
||||
|
} from "../../utlis/proFunc"; |
||||
|
|
||||
|
|
||||
|
|
||||
|
import ElProgressOCX from "../report/ElProgressOCX.vue"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
ElProgressOCX, |
||||
|
}, |
||||
|
props: ["multipleSelection"], |
||||
|
data() { |
||||
|
return { |
||||
|
tableData: [], |
||||
|
users: [], |
||||
|
patientRegisterIds: [] |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
// 组件创建完成 |
||||
|
created() { |
||||
|
this.asbitemBatchInit = deepCopy(this.asbitemBatch) |
||||
|
}, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
// 初始化数据，如：在用组合项目 |
||||
|
this.dictInit() |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
...mapState([ |
||||
|
"window", |
||||
|
"dataTransOpts", |
||||
|
"dialogWin", |
||||
|
"dict", |
||||
|
"elProgress", |
||||
|
"patientRegister", |
||||
|
"customerOrg", |
||||
|
]), |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
moment, dddw, deepCopy, |
||||
|
|
||||
|
|
||||
|
//批量调整项目(确定按钮) |
||||
|
btnOk() { |
||||
|
let checkDoctorDetail = [] |
||||
|
this.tableData.forEach(e => { |
||||
|
if (e.checkDoctorId) checkDoctorDetail.push(e) |
||||
|
}); |
||||
|
|
||||
|
if (checkDoctorDetail.length == 0) { |
||||
|
this.$message.warning({ showClose: true, message: '没有可更新的数据记录！' }) |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
postapi('/api/app/RegisterCheck/UpdateBatchCheckDoctor', { patientRegisterIds: this.patientRegisterIds, checkDoctorDetail }) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.dialogWin.PatientRegisterEditDoctorBatch = false; |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 初始化字典信息 |
||||
|
dictInit() { |
||||
|
|
||||
|
this.patientRegisterIds = [] |
||||
|
this.multipleSelection.forEach(e => { |
||||
|
this.patientRegisterIds.push(e.id) |
||||
|
}); |
||||
|
|
||||
|
// 获取在用的组合项目 |
||||
|
this.tableData = [] |
||||
|
postapi('/api/app/RegisterCheck/GetRegisterCheckAsbitemsByPatientRegisterIds', { patientRegisterIds: this.patientRegisterIds }).then(res => { |
||||
|
if (res.code > -1) { |
||||
|
res.data.forEach(e => { |
||||
|
e.checkDoctorId = '' |
||||
|
}); |
||||
|
this.tableData = res.data |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// 用户 |
||||
|
postapi('/api/identity/users/GetListByOperatorType', { operatorTypes: ["1", "3"] }) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.users = res.data |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
"dataTransOpts.plus.PatientRegisterEditDoctorBatch": { |
||||
|
// immediate: true, // 立即执行 |
||||
|
// deep: true, // 深度监听复杂类型内变化 |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log(`watch: 刷新在用组合项目 newVal: ${newVal} oldVal:${oldVal}`) |
||||
|
if (newVal != oldVal) this.dictInit() |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_input.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@import "../../assets/css/global.css"; |
||||
|
|
||||
|
|
||||
|
.box { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.listBtn { |
||||
|
margin-top: 5px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.btnClass { |
||||
|
width: 100px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue