|
|
|
@ -1,131 +1,170 @@ |
|
|
|
<template> |
|
|
|
<div :style="`height: ${tableHeight}px;font-size:14px;z-index:10;background-color: #f4f8ff;`"> |
|
|
|
<div> |
|
|
|
<span>候诊人员：</span> |
|
|
|
<el-input placeholder="候诊人员" v-model="patientName" size="small" style="width: 125px;" clearable /> |
|
|
|
</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-table :data="queue1" style="width: 100%;" border highlight-current-row @row-click="rowClick" |
|
|
|
:row-style="{ height: '28px' }" :height="Math.floor((tableHeight - 72) / 3)"> |
|
|
|
<el-table-column prop="seq" label="号" min-width="30"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setCheckStatusColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="patientName" label="姓名" min-width="80" /> |
|
|
|
<el-table-column prop="vip" label="vip" min-width="40" /> |
|
|
|
</el-table> |
|
|
|
<div style="margin-top: 20px;"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="refuseItem" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">呼叫</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin: 10px 0;"> |
|
|
|
<el-button type="primary" class="commonbutton" @click="refuseItem" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">刷新</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="refuseItem" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">排队</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<!--组件主体--> |
|
|
|
<div :style="`height: ${tableHeight}px;font-size:14px;z-index:10;background-color: #f4f8ff;`"> |
|
|
|
<div> |
|
|
|
<span>分诊房间：</span> |
|
|
|
<el-select v-model="roomId" placeholder="分诊房间" clearable filterable style="width: 125px" size="small" |
|
|
|
@change="getQueueRegisterListByRoomId"> |
|
|
|
<el-option v-for="item in dict.room" :key="item.id" :label="item.displayName" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 6px;">已呼人员：</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-table :data="queue1" style="width: 100%;" border highlight-current-row @row-click="rowClick" |
|
|
|
:row-style="{ height: '28px' }" :height="Math.floor((tableHeight - 72) / 3)"> |
|
|
|
<el-table-column prop="seq" label="号" min-width="30"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setCheckStatusColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="patientName" label="姓名" min-width="80" /> |
|
|
|
<el-table-column prop="vip" label="vip" min-width="40" /> |
|
|
|
</el-table> |
|
|
|
<div style="margin-top: 20px;"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="refuseItem" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">过号</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<span>候诊人员：</span> |
|
|
|
<el-input placeholder="候诊人员" v-model="patientName" size="small" style="width: 125px;" clearable /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 6px;">过号人员：</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-table :data="queue1" style="width: 100%;" border highlight-current-row @row-click="rowClick" |
|
|
|
:row-style="{ height: '28px' }" :height="Math.floor((tableHeight - 72) / 3)"> |
|
|
|
<el-table-column prop="seq" label="号" min-width="30"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setCheckStatusColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="patientName" label="姓名" min-width="80" /> |
|
|
|
<el-table-column prop="vip" label="vip" min-width="40" /> |
|
|
|
</el-table> |
|
|
|
<div style="margin-top: 20px;"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="refuseItem" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">重呼</el-button> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-table :data="waitDetail" style="width: 100%;" border highlight-current-row @row-click="rowClickWait" |
|
|
|
:row-style="{ height: '28px' }" :height="Math.floor((tableHeight - 72) / 3)"> |
|
|
|
<el-table-column prop="queueRegisterNumber" label="号" min-width="30" align="center" /> |
|
|
|
<el-table-column prop="patientName" label="姓名" min-width="80" align="center" /> |
|
|
|
<el-table-column prop="vip" label="vip" min-width="40" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div style="font-family: 'Microsoft YaHei';"> |
|
|
|
{{ scope.row.vip == 'Y' ? '√' : '' }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div style="margin-top: 20px;"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="btnCall(waitQueueRegisterId,'1')" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">呼叫</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin: 10px 0;"> |
|
|
|
<el-button type="primary" class="commonbutton" @click="getQueueRegisterListByRoomId(roomId)" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">刷新</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="fnQueue" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">排队</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin: 10px 0;"> |
|
|
|
<el-button type="primary" class="commonbutton" @click="refuseItem" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">退回</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 6px;">已呼人员：</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-table :data="alreadyCalledDetail" style="width: 100%;" border highlight-current-row @row-click="rowClickAlready" |
|
|
|
:row-style="{ height: '28px' }" :height="Math.floor((tableHeight - 72) / 3)"> |
|
|
|
<el-table-column prop="queueRegisterNumber" label="号" min-width="30" align="center" /> |
|
|
|
<el-table-column prop="patientName" label="姓名" min-width="80" align="center" /> |
|
|
|
<el-table-column prop="vip" label="vip" min-width="40" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div style="font-family: 'Microsoft YaHei';"> |
|
|
|
{{ scope.row.vip == 'Y' ? '√' : '' }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div style="margin-top: 20px;"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="btnCall(alreadyQueueRegisterId,'2')" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">过号</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 6px;">过号人员：</div> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-table :data="overNumberDetail" style="width: 100%;" border highlight-current-row @row-click="rowClickOver" |
|
|
|
:row-style="{ height: '28px' }" :height="Math.floor((tableHeight - 72) / 3)"> |
|
|
|
<el-table-column prop="queueRegisterNumber" label="号" min-width="30" align="center" /> |
|
|
|
<el-table-column prop="patientName" label="姓名" min-width="80" align="center" /> |
|
|
|
<el-table-column prop="vip" label="vip" min-width="40" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div style="font-family: 'Microsoft YaHei';"> |
|
|
|
{{ scope.row.vip == 'Y' ? '√' : '' }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div style="margin-top: 20px;"> |
|
|
|
<div> |
|
|
|
<el-button type="primary" class="commonbutton" @click="btnCall(overQueueRegisterId,'9')" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">重呼</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin: 10px 0;"> |
|
|
|
<el-button type="primary" class="commonbutton" @click="btnCall(overQueueRegisterId,'1')" |
|
|
|
style="width: 40px;min-width: 40px;height: 26px;">退回</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!--组件弹窗--> |
|
|
|
<div> |
|
|
|
<!-- 修改信息 --> |
|
|
|
<el-dialog title="分诊排队" :visible.sync="dialogWin.queue" width="800px" :append-to-body="true" |
|
|
|
:close-on-click-modal="false"> |
|
|
|
<Queue :refParams="queueParams" /> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex'; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
import { listOrderBy, setCheckStatusColor } from "../../utlis/proFunc" |
|
|
|
import { listOrderBy, setCheckStatusColor, deepCopy } from "../../utlis/proFunc" |
|
|
|
import Queue from "../../components/queue/Queue.vue"; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
components: { |
|
|
|
Queue |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
queueParams: {}, |
|
|
|
patientName: '', |
|
|
|
queue1: [{ patientName: '张三' }], |
|
|
|
queue2: [], |
|
|
|
queue3: [], |
|
|
|
activeNames: ['0', '1', '2', '3'], |
|
|
|
waitDetail: [], |
|
|
|
alreadyCalledDetail: [], |
|
|
|
overNumberDetail: [], |
|
|
|
|
|
|
|
waitQueueRegisterId: '', |
|
|
|
alreadyQueueRegisterId: '', |
|
|
|
overQueueRegisterId: '', |
|
|
|
|
|
|
|
roomId: '', // 当前房间号 |
|
|
|
|
|
|
|
LocalConfig: { |
|
|
|
doctorCheck: { // 医生诊台 |
|
|
|
queueRoom: '', //默认分诊房间 |
|
|
|
} |
|
|
|
}, |
|
|
|
LocalConfigInit: {} |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
created() { }, |
|
|
|
created() { |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//挂载完成 |
|
|
|
mounted() { |
|
|
|
this.registerCheckList(this.dataTransOpts.tableS.patient_register.id) |
|
|
|
this.dictInit().then(res => { |
|
|
|
if (!this.roomId) { |
|
|
|
this.LocalConfigInit = deepCopy(this.LocalConfig) |
|
|
|
let LocalConfig = window.localStorage.getItem("LocalConfig") || null |
|
|
|
try { |
|
|
|
this.LocalConfig = Object.assign({}, this.LocalConfigInit, JSON.parse(LocalConfig) || {}) |
|
|
|
this.roomId = this.LocalConfig.doctorCheck.queueRoom |
|
|
|
} catch (error) { |
|
|
|
console.log('window.localStorage.getItem("LocalConfig")', error) |
|
|
|
} |
|
|
|
} |
|
|
|
if (!this.roomId) { |
|
|
|
if (res.data.length > 0) this.roomId = res.data[0].id |
|
|
|
} |
|
|
|
if (this.roomId) this.getQueueRegisterListByRoomId(this.roomId) |
|
|
|
}) |
|
|
|
this.setQueueParams() |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(['window', 'dataTransOpts', 'dict', 'doctorCheck']), |
|
|
|
...mapState(['window', 'dialogWin', 'dataTransOpts', 'dict', 'doctorCheck']), |
|
|
|
|
|
|
|
tableHeight() { |
|
|
|
return this.window.pageHeight < 600 ? 400 : this.window.pageHeight - 200 |
|
|
|
}, |
|
|
|
|
|
|
|
registerCheckList0() { |
|
|
|
return this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '0' }) |
|
|
|
}, |
|
|
|
registerCheckList1() { |
|
|
|
return this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '1' }) |
|
|
|
}, |
|
|
|
registerCheckList2() { |
|
|
|
return this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '2' }) |
|
|
|
}, |
|
|
|
registerCheckList3() { |
|
|
|
return this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '3' }) |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -141,65 +180,123 @@ export default { |
|
|
|
return ''; |
|
|
|
|
|
|
|
}, |
|
|
|
refuseItem() { |
|
|
|
|
|
|
|
btnCall(queueRegisterId, completeFlag) { |
|
|
|
switch (completeFlag) { |
|
|
|
case "0": // 退回 |
|
|
|
if (!queueRegisterId) this.$message.warning({ showClose: true, message: '请选择过号人员' }) |
|
|
|
break; |
|
|
|
case "1": // 呼叫 |
|
|
|
if (!queueRegisterId) this.$message.warning({ showClose: true, message: '请选择候诊人员' }) |
|
|
|
break; |
|
|
|
case "2": // 过号 |
|
|
|
if (!queueRegisterId) this.$message.warning({ showClose: true, message: '请选择已呼人员' }) |
|
|
|
break; |
|
|
|
case "9": // 重呼 |
|
|
|
if (!queueRegisterId) this.$message.warning({ showClose: true, message: '请选择过号人员' }) |
|
|
|
break; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (queueRegisterId && completeFlag != '9') { |
|
|
|
postapi('/api/app/QueueRegister/UpdateQueueRegisterStatus', { queueRegisterId, completeFlag }) |
|
|
|
.then(res => { |
|
|
|
if (res.code > -1) { |
|
|
|
this.getQueueRegisterListByRoomId(this.roomId) |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
//选择组合项目 |
|
|
|
rowClick(row) { |
|
|
|
console.log('rowClick') |
|
|
|
this.doctorCheck.RegisterCheckId = row.id |
|
|
|
this.dataTransOpts.tableS.register_check.id = row.id |
|
|
|
|
|
|
|
this.dataTransOpts.refresh.register_check.S++ |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ |
|
|
|
|
|
|
|
refuseItem() { |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//获取检查组合项目 |
|
|
|
registerCheckList(patientRegisterId) { |
|
|
|
if (!patientRegisterId) { |
|
|
|
this.doctorCheck.RegisterCheckList = [] |
|
|
|
this.doctorCheck.RegisterCheckId = '' |
|
|
|
this.dataTransOpts.tableS.register_check.id = '' |
|
|
|
dictInit() { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
postapi('/api/app/Room/GetList') |
|
|
|
.then((res) => { |
|
|
|
if (res.code > -1) { |
|
|
|
this.dict.room = res.data |
|
|
|
// this.tableData = res.data.filter(e => { |
|
|
|
// return medicalCenterId ? (e.medicalCenterId == medicalCenterId) : e |
|
|
|
// }); |
|
|
|
resolve(res) |
|
|
|
} else { |
|
|
|
reject(res.message) |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(err => { |
|
|
|
reject(err) |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
this.dataTransOpts.refresh.register_check.S++ |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ |
|
|
|
return |
|
|
|
} |
|
|
|
postapi('/api/app/RegisterCheck/GetRegisterCheckWithAsbitems', { patientRegisterId }) |
|
|
|
.then((res) => { |
|
|
|
// console.log("registerCheckList res.data", res.data); |
|
|
|
if (res.code != -1) { |
|
|
|
// 数据 排序，分组 处理 |
|
|
|
this.handleRegisterCheckList(res.data) |
|
|
|
// 获取房间排队信息 |
|
|
|
getQueueRegisterListByRoomId(roomId) { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
if (!roomId) reject('请选择房间') |
|
|
|
|
|
|
|
//查询出来 默认显示第1条记录明细、小结等 |
|
|
|
if (res.data.length > 0) { |
|
|
|
this.doctorCheck.RegisterCheckId = res.data[0].id |
|
|
|
this.dataTransOpts.tableS.register_check.id = res.data[0].id |
|
|
|
this.waitDetail = [] |
|
|
|
this.alreadyCalledDetail = [] |
|
|
|
this.overNumberDetail = [] |
|
|
|
|
|
|
|
// this.doctorCheck.RegisterCheckEdit = res.data[0] |
|
|
|
this.waitQueueRegisterId = '' |
|
|
|
this.alreadyQueueRegisterId = '' |
|
|
|
this.overQueueRegisterId = '' |
|
|
|
|
|
|
|
// this.$refs['doctorCheck_RegisterCheckList'].setCurrentRow(res.data[0]) |
|
|
|
postapi('/api/app/QueueRegister/GetQueueRegisterListByRoomId', { roomId }) |
|
|
|
.then(res => { |
|
|
|
if (res.code > -1) { |
|
|
|
this.waitDetail = res.data.waitDetail |
|
|
|
this.alreadyCalledDetail = res.data.alreadyCalledDetail |
|
|
|
this.overNumberDetail = res.data.overNumberDetail |
|
|
|
|
|
|
|
resolve(res) |
|
|
|
} else { |
|
|
|
this.dataTransOpts.tableS.register_check.id = '' |
|
|
|
reject(res.message) |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(err => { |
|
|
|
reject(err) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
setQueueParams() { |
|
|
|
this.queueParams.patientRegisterId = this.dataTransOpts.tableS.patient_register.id |
|
|
|
}, |
|
|
|
|
|
|
|
// 分诊排队 |
|
|
|
fnQueue() { |
|
|
|
if (!this.queueParams.patientRegisterId) { |
|
|
|
this.$message.warning({ showClose: true, message: '未获取到人员信息' }) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
this.queueParams = { |
|
|
|
patientRegisterId: this.queueParams.patientRegisterId |
|
|
|
} |
|
|
|
this.dataTransOpts.plus.queue++ |
|
|
|
this.dialogWin.queue = true |
|
|
|
}, |
|
|
|
|
|
|
|
this.dataTransOpts.refresh.register_check.S++ //刷新检查医生 |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ //刷新检查明细 |
|
|
|
// 选择候诊人员 |
|
|
|
rowClickWait(row) { |
|
|
|
this.waitQueueRegisterId = row.queueRegisterId |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
this.$message.error({ showClose: true, message: `操作失败，原因：${err}` }); |
|
|
|
}); |
|
|
|
// 选择过号人员 |
|
|
|
rowClickAlready(row) { |
|
|
|
this.alreadyQueueRegisterId = row.queueRegisterId |
|
|
|
}, |
|
|
|
|
|
|
|
handleRegisterCheckList(registerCheckList) { |
|
|
|
this.doctorCheck.RegisterCheckList = listOrderBy(registerCheckList, [{ colName: 'checkTypeFlag', sortType: 'A' }, { colName: 'itemTypeDisplayOrder', sortType: 'A' }, { colName: 'asbitemDisplayOrder', sortType: 'A' }]) |
|
|
|
// 选择过号人员 |
|
|
|
rowClickOver(row) { |
|
|
|
this.overQueueRegisterId = row.queueRegisterId |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
@ -210,7 +307,10 @@ export default { |
|
|
|
// immediate:true, |
|
|
|
handler(newVal, oldVal) { |
|
|
|
console.log(`watch 组合项目列表 newVal: ${newVal} oldVal: ${oldVal} patient_register.id: ${this.dataTransOpts.tableS.patient_register.id}`); |
|
|
|
this.registerCheckList(this.dataTransOpts.tableS.patient_register.id) |
|
|
|
if (newVal != oldVal) { |
|
|
|
this.dictInit() |
|
|
|
this.setQueueParams() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
|
pengjun
1 year ago