pengjun
2 years ago
6 changed files with 582 additions and 471 deletions
-
214src/components/doctorCheck/PatientRegisterBase.vue
-
281src/components/patientRegister/PatientRegisterEdit.vue
-
238src/components/patientRegister/PatientRegisterEditQuery.vue
-
286src/components/patientRegister/PatientRegisterForChoose.vue
-
10src/components/patientRegister/PatientRegisterList.vue
-
6src/store/index.js
@ -0,0 +1,238 @@ |
|||
<template> |
|||
<div> |
|||
<div style="display: flex; flex-wrap: wrap; height:32px;border: 1px solid #888;border-radius:5px;background-color: #F5F7FA;"> |
|||
<div class="query"> |
|||
<span class="querySpan">查找： 条码号</span> |
|||
<el-input placeholder="条码号" v-model="query.patientRegisterNo" size="small" |
|||
clearable style="width: 140px"/> |
|||
</div> |
|||
<div class="query"> |
|||
<span class="querySpan">档案号</span> |
|||
<el-input placeholder="档案号" v-model="query.patientNo" size="small" |
|||
clearable style="width: 100px" /> |
|||
</div> |
|||
<div class="query"> |
|||
<span class="querySpan">姓名</span> |
|||
<el-input placeholder="姓名" v-model="query.patientName" size="small" |
|||
clearable style="width: 80px"/> |
|||
</div> |
|||
<div class="query"> |
|||
<span class="querySpan">手机号</span> |
|||
<el-input placeholder="预约手机号" v-model="query.tel" size="small" |
|||
clearable style="width: 120px"/> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 体检人员记录列表 --> |
|||
<el-dialog title="体检人员列表" :visible.sync="dialogWin.PatientRegisterForChoose" width="800px" :show-close="false" :close-on-click-modal="false" |
|||
:append-to-body="true"> |
|||
<PatientRegisterForChoose :params="PatientRegisterForChooseParams"/> |
|||
</el-dialog> |
|||
|
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
import { mapState, mapActions } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import mm from "../../utlis/mm"; |
|||
import { getPagePriv,checkPagePriv, objCopy, setNull, dddw,checkIDCode, parseID, birthdayToAge,ageToBirthday, deepCopy, arrayFilter, arrayReduce,parsIcCardtoLocal, photoParse, savePeoplePhoto, arrayExistObj } from "../../utlis/proFunc"; |
|||
import PatientRegisterForChoose from "./PatientRegisterForChoose.vue"; |
|||
export default { |
|||
components: { |
|||
PatientRegisterForChoose |
|||
}, |
|||
data() { |
|||
return { |
|||
query: { |
|||
patientRegisterNo: '', |
|||
patientNo: '', |
|||
patientName: '', |
|||
tel: '' |
|||
}, |
|||
PatientRegisterForChooseParams:{}, |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.enterToQuery() |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["dialogWin","dataTransOpts"]), |
|||
}, |
|||
methods: { |
|||
|
|||
//回车替代查询 |
|||
enterToQuery() { |
|||
// console.log('enterToTab'); |
|||
this.$nextTick(() => { |
|||
let inputs = document.querySelectorAll(["input"]); //用数组可以读取多个标签的元素 //.inline-input |
|||
|
|||
// 为每个输入框添加键盘事件监听器 |
|||
inputs.forEach((input,i) => { |
|||
// console.log('input',input); |
|||
input.addEventListener('keydown', (event) => { |
|||
if (event.keyCode === 13){ |
|||
// 阻止回车键的默认行为（换行） |
|||
event.preventDefault(); |
|||
|
|||
// 如果按下的是回车查询 |
|||
console.log(input.getAttribute('placeholder'),input.value) |
|||
let placeholder = input.getAttribute('placeholder') |
|||
switch (placeholder) { |
|||
case '条码号': |
|||
if(input.value) this.quickQuery('patientRegisterNo') |
|||
break; |
|||
case '档案号': |
|||
if(input.value) this.quickQuery('patientNo') |
|||
break; |
|||
case '姓名': |
|||
if(input.value) this.quickQuery('patientName') |
|||
break; |
|||
case '预约手机号': |
|||
if(input.value) this.quickQuery('tel') |
|||
break; |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
}, |
|||
|
|||
//快速查找个人数据 |
|||
quickQuery(type) { |
|||
let url1 = '/api/app/patientregister/getpatientregisterorpatient' |
|||
let body={} |
|||
let url2 = '/api/app/patientregister/getlistinfilter' |
|||
|
|||
switch (type) { |
|||
case 'patientNo': |
|||
if(!this.query.patientNo) return; |
|||
body = { |
|||
sType:2, |
|||
patientNo:this.query.patientNo |
|||
} |
|||
this.getpatientregisterorpatient(url1,body) |
|||
break; |
|||
case 'patientRegisterNo': |
|||
if(!this.query.patientRegisterNo) return; |
|||
body = { |
|||
sType:1, |
|||
patientRegisterNo:this.query.patientRegisterNo |
|||
} |
|||
this.getpatientregisterorpatient(url1,body) |
|||
break; |
|||
case 'tel': |
|||
if(!this.query.tel) return; |
|||
body = { |
|||
phone:this.query.tel |
|||
} |
|||
this.getlistinfilter(url2,body); |
|||
break; |
|||
case 'patientName': |
|||
if(!this.query.patientName) return; |
|||
body = { |
|||
patientName:this.query.patientName |
|||
} |
|||
this.getlistinfilter(url2,body); |
|||
break; |
|||
default: |
|||
return; |
|||
} |
|||
|
|||
}, |
|||
|
|||
//按流水号或档案号查客户信息 |
|||
getpatientregisterorpatient(url,body){ |
|||
postapi(url,body) |
|||
.then((res) => { |
|||
console.log('getpatientregisterorpatient', res) |
|||
if (res.code == 1) { |
|||
objCopy(res.data, this.form) |
|||
this.dataTransOpts.tableS.patient_register.id = res.data.id |
|||
setTimeout(() => { |
|||
this.dataTransOpts.refresh.patient_register.S++ |
|||
}, 20); |
|||
// this.patientRegister.patientRegisterId = res.data.id |
|||
// this.patientRegister.photo = res.data.photo |
|||
// this.getPatientRegisterAbs(res.data.id) |
|||
}else if(res.code == 0){ |
|||
this.$message.info("未找到相关信息") |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//按手机号或姓名查找客户信息 |
|||
getlistinfilter(url,body){ |
|||
// url = '/api/app/patientregister/getlistinfilter' |
|||
// postapi(url, body) |
|||
// .then((res) => { |
|||
// if (res.code != -1) { |
|||
// if(res.data.items.length == 0){ |
|||
// this.$message.info("未找到相关信息") |
|||
// }else if(res.data.items.length == 1){ |
|||
// objCopy(res.data.items[0], this.form) |
|||
// this.dataTransOpts.tableS.patient_register.id = res.data.items[0].id |
|||
// setTimeout(() => { |
|||
// this.dataTransOpts.refresh.register_asbitem.M++ |
|||
// }, 20); |
|||
// // objCopy(res.data.items[0], this.patientRegister.patientRegisterRd) |
|||
// // this.patientRegister.patientRegisterId = res.data.items[0].id |
|||
// // this.patientRegister.photo = res.data.items[0].photo |
|||
// // this.getPatientRegisterAbs(res.data.items[0].id) |
|||
// }else{ |
|||
// //显示列表，供选择 |
|||
// this.patientRegisters = res.data.items |
|||
// this.registerVisible = true |
|||
// } |
|||
// } |
|||
// }); |
|||
this.PatientRegisterForChooseParams = body |
|||
this.dialogWin.PatientRegisterForChoose = true |
|||
setTimeout(() => { |
|||
this.dataTransOpts.refresh.patient_register.M++ |
|||
}, 10); |
|||
}, |
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
// 清空查询条件 |
|||
"dataTransOpts.plus.clearPatientRegisterQuery":{ |
|||
immediate:true, |
|||
handler(newVal, oldVal) { |
|||
console.log(`watch 清空查询条件 newVal:${newVal} oldVal:${oldVal}`); |
|||
this.query.patientRegisterNo = '' |
|||
this.query.patientNo = '' |
|||
this.query.patientName = '' |
|||
this.query.tel = '' |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
|
|||
|
|||
.btn { |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.commonbutton { |
|||
width: 100px; |
|||
} |
|||
|
|||
.query { |
|||
margin-left: 10px; |
|||
} |
|||
.querySpan { |
|||
margin-right: 2px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,286 @@ |
|||
<template> |
|||
<div> |
|||
<div> |
|||
<el-table :data="patientRegisters" border width="800" height="480" highlight-current-row |
|||
@row-click="registerRowClick" @row-dblclick="rowDblclick" size="small"> |
|||
<el-table-column prop="completeFlag" label="体检进度"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ dddw(dict.completeFlag, "id", scope.row.completeFlag, "displayName") }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="guidePrintTimes" label="打印" width="50"> |
|||
<template slot-scope="scope"> |
|||
<i class="el-icon-printer" v-if="scope.row.guidePrintTimes > 0" style="font-size: 24px;color: green;"></i> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="isLock" label="锁住"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.isLock == "Y" ? "是" : "否" }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="customerOrgParentName" label="单位" width="180"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.customerOrgParentName ? scope.row.customerOrgParentName : scope.row.customerOrgName }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="customerOrgName" label="部门" width="180"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.customerOrgParentName ? scope.row.customerOrgName : "" }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="patientName" label="姓名" /> |
|||
<el-table-column prop="sexId" label="性别"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ dddw(dict.sex, "id", scope.row.sexId, "displayName") }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="age" label="年龄" /> |
|||
<el-table-column prop="patientRegisterNo" label="条码号" width="150" /> |
|||
<el-table-column prop="patientNo" label="档案号" /> |
|||
<el-table-column prop="medicalTimes" label="体检次数"></el-table-column> |
|||
<el-table-column label="分组/套餐" width="150"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId === dict.personOrgId"> |
|||
{{ dddw(dict.medicalPackage, "id", scope.row.medicalPackageId, "displayName") }} |
|||
</div> |
|||
<div v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId !== dict.personOrgId"> |
|||
{{ dddw(dict.customerOrgGroupAll, "id", scope.row.customerOrgGroupId, "displayName") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="nationId" label="民族"> |
|||
<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" /> |
|||
<el-table-column prop="birthDate" label="出生日期" width="100"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.birthDate"> |
|||
{{ moment(scope.row.birthDate).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="email" label="邮箱" width="180" /> |
|||
<el-table-column prop="mobileTelephone" label="手机" width="100" /> |
|||
<el-table-column prop="telephone" label="电话" width="100" /> |
|||
<el-table-column prop="address" label="地址" width="300" /> |
|||
<el-table-column prop="medicalCardNo" label="体检卡号" /> |
|||
<el-table-column prop="jobCardNo" label="工卡号" /> |
|||
<el-table-column prop="maritalStatusId" label="婚姻状况"> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
{{ dddw(dict.maritalStatus, "id", scope.row.maritalStatusId, "displayName") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="medicalTypeId" label="体检类别"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.medicalTypeId !== dict.personOrgId"> |
|||
{{ dddw(dict.medicalType, "id", scope.row.medicalTypeId, "displayName") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="personnelTypeId" label="人员类别"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.personnelTypeId !== dict.personOrgId"> |
|||
{{ dddw(dict.personnelType, "id", scope.row.personnelTypeId, "displayName") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<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"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.isVip == "Y" ? "是" : "否" }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="creatorName" label="登记人" /> |
|||
<el-table-column prop="creationTime" label="登记日期" width="100"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.creationTime">{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="isUpload" label="是否上传"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.isUpload == "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, |
|||
"organizationUnitId": "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;margin-top: 5px;justify-content:space-between;"> |
|||
<div></div> |
|||
<div style="display: flex;"> |
|||
<el-button @click="dialogWin.PatientRegisterForChoose = false" style="width:90px;">取消</el-button> |
|||
<el-button type="primary" @click="btnOk" style="width:90px;">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import { mapState, mapActions } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import Sortable from "sortablejs"; |
|||
import FileSaver from 'file-saver'; |
|||
import html2canvas from 'html2canvas'; |
|||
|
|||
import { |
|||
dddw, |
|||
objCopy, |
|||
arrayReduce, |
|||
arrayExistObj, |
|||
deepCopy, |
|||
} from "../../utlis/proFunc"; |
|||
|
|||
import ElProgressOCX from "../report/ElProgressOCX.vue"; |
|||
|
|||
export default { |
|||
components: { |
|||
ElProgressOCX, |
|||
}, |
|||
props:["params"], // params |
|||
data() { |
|||
return { |
|||
patientRegisterId:'', // 选中的体检人员ID |
|||
patientRegisters:[], //体检人员列表信息 |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
|
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
|
|||
}, |
|||
computed: { |
|||
...mapState([ |
|||
"window", |
|||
"dataTransOpts", |
|||
"dialogWin", |
|||
"dict", |
|||
"elProgress", |
|||
"patientRegister", |
|||
"customerOrg", |
|||
]), |
|||
}, |
|||
methods: { |
|||
moment,dddw,deepCopy, |
|||
|
|||
getPatientregisterList(){ |
|||
this.patientRegisterId = "" //先清除选择的体检人员ID |
|||
// params = { |
|||
// patientName:v, |
|||
// isFilterPreRegistration:'Y' //是否需要过滤预登记数据 Y=过滤预登记数据 N=不过滤 默认为N (备注：只有CompleteFlag参数的值不为0的情况才有效，null值也有效) |
|||
// } |
|||
postapi('/api/app/patientregister/getlistinfilter', this.params).then(res => { |
|||
if (res.code != -1) { |
|||
if(res.data.items.length == 0){ |
|||
this.dataTransOpts.tableS.patient_register.id = '' |
|||
setTimeout(() => { |
|||
this.dataTransOpts.refresh.patient_register.S++ |
|||
}, 20); |
|||
this.dialogWin.PatientRegisterForChoose = false |
|||
this.$message.warning('未找到相关信息') |
|||
}else if(res.data.items.length == 1){ |
|||
this.rowDblclick(res.data.items[0]) |
|||
}else{ |
|||
this.patientRegisters = res.data.items |
|||
} |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
// 选中记录 |
|||
registerRowClick(row){ |
|||
this.patientRegisterId = row.id |
|||
}, |
|||
|
|||
// 双击 选中记录 并关闭窗口 |
|||
rowDblclick(row){ |
|||
this.registerRowClick(row) |
|||
this.btnOk() |
|||
}, |
|||
|
|||
btnOk(){ |
|||
if(!this.patientRegisterId){ |
|||
this.$message.warning("请选择体检人员！") |
|||
return |
|||
} |
|||
this.dataTransOpts.tableS.patient_register.id = this.patientRegisterId |
|||
setTimeout(() => { |
|||
this.dataTransOpts.refresh.patient_register.S++ |
|||
}, 20); |
|||
this.dialogWin.PatientRegisterForChoose = false |
|||
}, |
|||
|
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
// 刷新体检人员登记列表 |
|||
"dataTransOpts.refresh.patient_register.M":{ |
|||
immediate: true, // 立即执行 |
|||
// deep: true, // 深度监听复杂类型内变化 |
|||
handler(newVal,oldVal){ |
|||
console.log(`watch: 刷新体检人员列表 newVal: ${newVal} oldVal:${oldVal}`) |
|||
this.getPatientregisterList() |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</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