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.
444 lines
16 KiB
444 lines
16 KiB
<template>
|
|
<div>
|
|
<div>
|
|
<el-table :data="patientRegister.prList" border ref="info" id="info"
|
|
:height="(window.pageHeight < 600) ? 230 : (window.pageHeight - 370)" highlight-current-row @row-click="rowClick"
|
|
size="small" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="40" align="center" />
|
|
<el-table-column prop="completeFlag" label="体检进度">
|
|
<template slot-scope="scope">
|
|
<div :style="`color: ${setPrStatusColor(scope.row.isAudit, scope.row.completeFlag)}`">{{
|
|
dddw(dict.completeFlag, "id", scope.row.completeFlag, "displayName") }}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="isReportPrint" label="打印" width="50" align="center">
|
|
<template slot-scope="scope">
|
|
<i class="el-icon-printer" v-if="scope.row.isReportPrint == 'Y'" style="font-size: 24px;color: green;"></i>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="isUploadAppoint" label="预约备单" align="center">
|
|
<template slot-scope="scope">
|
|
<div style="font-family: 'Microsoft YaHei';">{{ scope.row.isUploadAppoint == "Y" ? "√" : "" }}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="isUpload" label="报告上传" align="center">
|
|
<template slot-scope="scope">
|
|
<div style="font-family: 'Microsoft YaHei';">{{ scope.row.isUpload == "Y" ? "√" : "" }}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="customerOrgName" label="单位" width="180" />
|
|
<el-table-column prop="departmentName" label="部门" width="180" />
|
|
<el-table-column prop="patientName" label="姓名" align="center" />
|
|
<el-table-column prop="mobileTelephone" label="手机" width="130" />
|
|
<el-table-column prop="sexName" label="性别" align="center" />
|
|
<el-table-column prop="age" label="年龄" align="center" />
|
|
<el-table-column prop="patientRegisterNo" label="条码号" width="150" align="center" />
|
|
<el-table-column prop="patientNo" label="档案号" align="center" />
|
|
<el-table-column prop="medicalTimes" label="体检次数" align="center" />
|
|
<el-table-column label="分组/套餐" width="150">
|
|
<template slot-scope="scope">
|
|
<div v-if="scope.row.medicalPackageName">
|
|
{{ scope.row.medicalPackageName }}
|
|
</div>
|
|
<div v-if="scope.row.customerOrgGroupName">
|
|
{{ scope.row.customerOrgGroupName }}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="nationId" label="民族" align="center">
|
|
<template slot-scope="scope">
|
|
<div>
|
|
{{ dddw(dict.nation, "nationId", scope.row.nationId, "displayName") }}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="idNo" label="身份证" width="150" align="center" />
|
|
<el-table-column prop="birthDate" label="出生日期" width="100" align="center">
|
|
<template slot-scope="scope">
|
|
<div v-if="scope.row.birthDate">
|
|
{{ lmoment(scope.row.birthDate, "yyyy-MM-DD") }}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="email" label="邮箱" width="180" />
|
|
<el-table-column prop="telephone" label="电话" width="130" />
|
|
<el-table-column prop="address" label="地址" width="400" />
|
|
<el-table-column prop="medicalCardNo" label="体检卡号" />
|
|
<el-table-column prop="jobCardNo" label="工卡号" />
|
|
<el-table-column prop="maritalStatusName" label="婚姻状况" align="center" />
|
|
<el-table-column prop="medicalTypeName" label="体检类别" align="center"/>
|
|
<el-table-column prop="personnelTypeName" label="人员类别" align="center"/>
|
|
<el-table-column prop="jobPost" label="职务" />
|
|
<el-table-column prop="jobTitle" label="职称" />
|
|
<el-table-column prop="salesman" label="介绍人" />
|
|
<el-table-column prop="isVip" label="VIP" width="50" align="center">
|
|
<template slot-scope="scope">
|
|
<div>{{ scope.row.isVip == "Y" ? "是" : "否" }}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="registerName" label="登记人" align="center"/>
|
|
<el-table-column prop="registerDate" label="登记日期" width="150" align="center"/>
|
|
<el-table-column prop="isLock" label="锁住" align="center" width="50">
|
|
<template slot-scope="scope">
|
|
<div>{{ scope.row.isLock == "Y" ? "是" : "否" }}</div>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<!--
|
|
"sexHormoneTermId": "00000000-0000-0000-0000-000000000000",
|
|
"interposeMeasure": null,
|
|
"medicalConclusionId": "00000000-0000-0000-0000-000000000000",
|
|
"reportPrintTimes": 0,
|
|
"isMedicalStart": "N",
|
|
"medicalStartDate": "6/28/2023",
|
|
"isRecoverGuide": "N",
|
|
"summaryDate": "",
|
|
"summaryDoctor": null,
|
|
"isAudit": "N",
|
|
"auditDoctor": null,
|
|
"auditDate": "",
|
|
"isNameHide": "N",
|
|
"isPhoneFollow": "N",
|
|
"thirdInfo": null,
|
|
"guidePrintTimes": null,
|
|
"remark": null,
|
|
"medicalCenterId": "00000000-0000-0000-0000-000000000000",
|
|
"customerOrgRegisterId": "00000000-0000-0000-0000-000000000000",
|
|
"lastModifierName": "",
|
|
"lastModificationTime": null,
|
|
"lastModifierId": null,
|
|
"creatorId": null,
|
|
"id": "3a0c196d-a6d0-37fe-5c32-4806bdc4530f"
|
|
-->
|
|
</el-table>
|
|
<div style="display: flex;justify-content:space-between;">
|
|
<div></div>
|
|
<div>
|
|
<span style="font-size:12px;">共：{{ loadOpts.totalCount }} 条记录，当前显示：{{ patientRegister.prList.length }}
|
|
条。</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
|
|
import moment from "moment";
|
|
import { mapState, mapActions } from "vuex";
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api";
|
|
import { dddw, deepCopy, objCopy, arrayReduce, arrayExistObj, setPrStatusColor } from "@/utlis/proFunc";
|
|
|
|
import PatientRegisterEdit from "../../components/patientRegister/PatientRegisterEdit.vue";
|
|
import Camera from "../../components/patientRegister/Camera.vue";
|
|
import PatientRegisterAsbItem from "../../components/patientRegister/patientRegisterAsbItem.vue";
|
|
|
|
export default {
|
|
components: {
|
|
PatientRegisterEdit,
|
|
Camera,
|
|
PatientRegisterAsbItem,
|
|
},
|
|
props: ['fromType'],
|
|
data() {
|
|
return {
|
|
|
|
dialogVisible: false,
|
|
dialogCamera: false,
|
|
dialogGuide: false,
|
|
guideMsg: 'guideMsg',
|
|
tabChoosed: "1",
|
|
formInitData: {}, //体检登记初始表单数据
|
|
editTimes: 0,
|
|
|
|
rClickRow: null, //右击的行
|
|
rClickColumn: null, //右击的列（预留）
|
|
|
|
dom: null, //用于滚动加载数据
|
|
lazyLoading: false, //是否懒加载中
|
|
loadOpts: {
|
|
totalCount: 0,
|
|
skipCount: 0,
|
|
maxResultCount: 100,
|
|
},
|
|
loadOptsInit: {},
|
|
};
|
|
},
|
|
|
|
|
|
created() {
|
|
this.loadOptsInit = Object.assign({}, this.loadOpts)
|
|
this.patientRegister.prList = []
|
|
},
|
|
|
|
//挂载完成
|
|
mounted() {
|
|
this.$nextTick(() => {
|
|
this.scrollFull()
|
|
})
|
|
},
|
|
computed: {
|
|
...mapState(["window", "dict", 'dataTransOpts', "patientRegister", "customerOrg", "report"]),
|
|
},
|
|
methods: {
|
|
dddw, setPrStatusColor,
|
|
|
|
handleSelectionChange(val) {
|
|
this.dataTransOpts.tableM.patient_register = val
|
|
},
|
|
|
|
//获取单位分组 /api/app/customer-org-group/in-customer-org-id/3a0c0444-d7a0-871f-4074-19faf1655caf
|
|
// getCustomerOrgGroup(customerOrgld) {
|
|
// getapi(`/api/app/customer-org-group/in-customer-org-id/${customerOrgld}`)
|
|
// .then((res) => {
|
|
// console.log("getCustomerOrgGroup", res.data);
|
|
// if (res.code == 1) {
|
|
// this.patientRegister.customerOrgGroup = res.data;
|
|
// }
|
|
// });
|
|
// },
|
|
|
|
//点击体检次数行
|
|
rowClick(row) {
|
|
this.dataTransOpts.tableS.patient_register = deepCopy(row)
|
|
this.dataTransOpts.tableS.patient_register.id = row.patientRegisterId
|
|
// 刷新个人资料
|
|
this.dataTransOpts.refresh.patient_register.S++
|
|
// 刷新总检状态
|
|
this.dataTransOpts.refresh.sumDoctor.M++
|
|
// 刷新检查项目
|
|
this.dataTransOpts.refresh.register_check.M++
|
|
|
|
},
|
|
|
|
async load() {
|
|
this.loadOpts.skipCount++
|
|
await this.queryEvent()
|
|
},
|
|
|
|
//滚动加载数据
|
|
scrollFull() {
|
|
this.dom = this.$refs['info'].bodyWrapper
|
|
console.log('this.dom', this.dom)
|
|
|
|
this.dom.addEventListener('scroll', async () => {
|
|
// console.log('scrollTop',this.dom.scrollTop,'clientHeight',this.dom.clientHeight,'scrollHeight',this.dom.scrollHeight);
|
|
if (this.dom.scrollTop + this.dom.clientHeight + 20 > this.dom.scrollHeight && !this.lazyLoading) {
|
|
// 获取到的不是全部数据 当滚动到底部
|
|
console.log('scrollTop', this.dom.scrollTop, 'clientHeight', this.dom.clientHeight, 'scrollHeight', this.dom.scrollHeight);
|
|
if (Number(this.loadOpts.skipCount) * Number(this.loadOpts.maxResultCount) >= Number(this.loadOpts.totalCount)) {
|
|
this.lazyLoading = false
|
|
} else {
|
|
this.lazyLoading = true
|
|
await this.load()
|
|
this.lazyLoading = false
|
|
// this.dom.scrollTop = this.dom.scrollTop - 100
|
|
}
|
|
}
|
|
})
|
|
},
|
|
|
|
lmoment(date, forMat) {
|
|
return moment(new Date(date)).format(forMat);
|
|
},
|
|
|
|
//查询
|
|
async btnQuery() {
|
|
this.loadOpts.skipCount = 0
|
|
this.queryEvent()
|
|
},
|
|
|
|
async queryEvent() {
|
|
if (this.fromType == 'report') {
|
|
this.reportQuery()
|
|
return
|
|
}
|
|
|
|
this.patientRegister.prList = [];
|
|
let body = {}
|
|
|
|
console.log(`this.patientRegister.query`, this.patientRegister.query)
|
|
|
|
body = deepCopy(this.patientRegister.query)
|
|
if (this.patientRegister.query.customerOrgFlag) {
|
|
if (this.patientRegister.query.CustomerOrgParentId) {
|
|
body.customerOrgId = this.patientRegister.query.CustomerOrgParentId
|
|
} else {
|
|
if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId
|
|
}
|
|
}
|
|
|
|
if (this.patientRegister.query.sex) body.sexId = this.patientRegister.query.sex
|
|
|
|
//StartDate EndDate
|
|
if (this.patientRegister.query.dateRange) {
|
|
body.startDate = moment(new Date(this.patientRegister.query.dateRange[0])).format("yyyy-MM-DD")
|
|
body.endDate = moment(new Date(this.patientRegister.query.dateRange[1])).format("yyyy-MM-DD")
|
|
}
|
|
|
|
console.log('body',body)
|
|
|
|
if (this.patientRegister.query.idCardNo) body = { idNo: this.patientRegister.query.idCardNo }
|
|
|
|
if (this.patientRegister.query.patientNo) body = { patientNo: this.patientRegister.query.patientNo }
|
|
|
|
if (this.patientRegister.query.patientRegisterNo) body = { patientRegisterNo: this.patientRegister.query.patientRegisterNo }
|
|
|
|
|
|
console.log('/api/app/patientregister/getlistinfilter', body)
|
|
postapi('/api/app/patientregister/getlistinfilter', body)
|
|
.then((res) => {
|
|
if (res.code != -1) {
|
|
this.patientRegister.prList = res.data.items;
|
|
}
|
|
})
|
|
// try {
|
|
// let res =await postapi('/api/app/patientregister/getlistinfilter', body);
|
|
// this.patientRegister.prList = res.data;
|
|
// } catch (error) {
|
|
// console.log("query error",error);
|
|
// }
|
|
},
|
|
|
|
// 报告查询
|
|
reportQuery() {
|
|
console.log('reportQuery this.loadOpts', this.loadOpts)
|
|
if (this.loadOpts.skipCount != 0 && this.loadOpts.skipCount * this.loadOpts.maxResultCount >= this.loadOpts.totalCount) return
|
|
|
|
let body = {
|
|
skipCount: this.loadOpts.skipCount,
|
|
maxResultCount: this.loadOpts.maxResultCount
|
|
};
|
|
|
|
let 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.patientRegister.query.patientRegisterNo) body.patientRegisterNo = this.patientRegister.query.patientRegisterNo
|
|
if (this.patientRegister.query.patientNo) body.patientNo = this.patientRegister.query.patientNo
|
|
if (this.patientRegister.query.patientName) body.patientName = this.patientRegister.query.patientName
|
|
if (this.patientRegister.query.idCardNo) body.idCardNo = this.patientRegister.query.idCardNo
|
|
if (this.patientRegister.query.phone) body.phone = this.patientRegister.query.phone
|
|
if (this.patientRegister.query.completeFlag) body.completeFlag = this.patientRegister.query.completeFlag
|
|
if (this.patientRegister.query.isAudit) body.isAudit = this.patientRegister.query.isAudit
|
|
if (this.patientRegister.query.reportPrintTimes >= 0) body.isReportPrint = this.patientRegister.query.reportPrintTimes
|
|
if (this.patientRegister.query.isUpload) body.isUpload = this.patientRegister.query.isUpload
|
|
if (this.patientRegister.query.medicalTypeIds) body.medicalTypeIds = this.patientRegister.query.medicalTypeIds
|
|
if (this.patientRegister.query.personnelTypeId) body.personnelTypeId = this.patientRegister.query.personnelTypeId
|
|
|
|
//console.log('/api/app/peisreport/getpatientregisterreport',body)
|
|
|
|
postapi('/api/app/peisreport/getpatientregisterreport', body).then(res => {
|
|
if (res.code > -1) {
|
|
// 刷新最大记录数
|
|
this.loadOpts.totalCount = res.data.totalCount
|
|
|
|
if (body.skipCount == 0) { //查询
|
|
this.patientRegister.prList = [];
|
|
}
|
|
this.patientRegister.prList = this.patientRegister.prList.concat(res.data.items)
|
|
if (body.skipCount == 0 && this.patientRegister.prList.length == 1) {
|
|
this.rowClick(this.patientRegister.prList[0])
|
|
this.$refs['info'].setCurrentRow(this.patientRegister.prList[0]);
|
|
} else {
|
|
this.$refs['info'].setCurrentRow();
|
|
this.dataTransOpts.tableS.patient_register = { id: '' }
|
|
// 刷新个人资料
|
|
this.dataTransOpts.refresh.patient_register.S++
|
|
// 刷新总检状态
|
|
this.dataTransOpts.refresh.sumDoctor.M++
|
|
// 刷新检查项目
|
|
this.dataTransOpts.refresh.register_check.M++
|
|
}
|
|
}
|
|
})
|
|
},
|
|
|
|
|
|
},
|
|
|
|
//监听事件
|
|
watch: {
|
|
//触发查询事件
|
|
"patientRegister.query.times": {
|
|
// immediate:true,
|
|
handler(newVal, oldVal) {
|
|
console.log('查询触发', newVal, oldVal)
|
|
if (newVal != oldVal) {
|
|
this.btnQuery();
|
|
}
|
|
}
|
|
},
|
|
|
|
//新增后，触发赋值
|
|
"patientRegister.patientRegisterRd.id"(newVal, oldVal) {
|
|
if (newVal != oldVal) {
|
|
//console.log('patientRegister.patientRegisterRd.customerOrgId',this.patientRegister.patientRegisterRd.customerOrgId)
|
|
objCopy(this.patientRegister.patientRegisterRd, this.form);
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
.box {
|
|
display: flex;
|
|
}
|
|
|
|
.listBtn {
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.btnClass {
|
|
width: 110px;
|
|
}
|
|
|
|
::v-deep .el-input__inner {
|
|
text-align: center;
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
::v-deep .el-table th.el-table__cell {
|
|
text-align: center;
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
::v-deep .el-table td.el-table__cell {
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
::v-deep .el-table .cell {
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
::v-deep input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
</style>
|