待办任务列表样式调整,合并列显示

This commit is contained in:
zhuangyuanke 2024-07-22 16:05:46 +08:00
parent 1ead0a930e
commit 93bda83e99

View File

@ -228,57 +228,71 @@
:data="taskExecuteRecordList" :data="taskExecuteRecordList"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="35" align="center" />
<el-table-column <el-table-column
label="姓名" label="姓名"
align="center" align="center"
prop="patientName" prop="patientName"
width="50" width="80"
:show-overflow-tooltip="true"
/> />
<el-table-column <el-table-column
label="电话" label="电话"
align="center" align="center"
prop="patientPhone" prop="patientPhone"
width="120" width="110"
/> />
<el-table-column <el-table-column
label="性别" label="性别"
align="center" align="center"
prop="visitSerialNumber" prop="visitSerialNumber"
width="50" width="48"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.sex == "MALE" ? "男" : "" }} {{ scope.row.sex == "MALE" ? "男" : "" }}
{{ scope.row.sex == "FEMALE" ? "女" : "" }} {{ scope.row.sex == "FEMALE" ? "女" : "" }}
</template> </template>
</el-table-column> </el-table-column>
<!-- prop="hospitalAgencyName" -->
<el-table-column label="医院/院区" align="center" width="105">
<template slot-scope="scope">
{{ scope.row.hospitalAgencyName }}
{{ scope.row.campusAgencyName }}
</template>
</el-table-column>
<!-- <el-table-column label="院区" align="center" prop="campusAgencyName" /> -->
<el-table-column <el-table-column
label="医院" label="科室/病区"
align="center"
prop="hospitalAgencyName"
width="105"
/>
<el-table-column label="院区" align="center" prop="campusAgencyName" />
<el-table-column
label="科室名称"
align="center" align="center"
prop="departmentName" prop="departmentName"
/> :show-overflow-tooltip="true"
<el-table-column label="病区名称" align="center" prop="wardName" /> width="100"
>
<template slot-scope="scope">
{{ scope.row.departmentName }}
{{ scope.row.wardName }}
</template>
</el-table-column>
<!-- <el-table-column label="病区名称" align="center" prop="wardName" /> -->
<el-table-column <el-table-column
label="门诊/住院号" :render-header="renderHeader"
label="门诊|住院号/就诊流水号"
align="center" align="center"
prop="inHospitalNumber"
width="120" width="120"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> >
<el-table-column <template slot-scope="scope">
{{ scope.row.inHospitalNumber }}<br />
{{ scope.row.visitSerialNumber }}
</template>
</el-table-column>
<!-- <el-table-column
label="就诊流水号" label="就诊流水号"
align="center" align="center"
prop="visitSerialNumber" prop="visitSerialNumber"
width="120" width="120"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> /> -->
<el-table-column <el-table-column
label="诊断" label="诊断"
align="center" align="center"
@ -292,6 +306,7 @@
align="center" align="center"
prop="attendingPhysicianName" prop="attendingPhysicianName"
width="80" width="80"
:show-overflow-tooltip="true"
/> />
<el-table-column label="就诊方式" align="center" prop="visitMethod"> <el-table-column label="就诊方式" align="center" prop="visitMethod">
<template slot-scope="scope"> <template slot-scope="scope">
@ -346,14 +361,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="任务名称" label="路径名称"
align="center" align="center"
prop="manageRouteName" prop="manageRouteName"
width="110" width="110"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="任务节点名称" label="任务节点"
align="center" align="center"
prop="routeNodeName" prop="routeNodeName"
width="110" width="110"
@ -464,12 +479,10 @@
</div> </div>
</template> </template>
<script> <script>
import { manualFollowUpList } from "@/api/system/followup" import { manualFollowUpList } from "@/api/system/followup";
import { usergetList } from "@/api/unitconfig/patientConfiguration"; import { usergetList } from "@/api/unitconfig/patientConfiguration";
import { getAge } from "@/utils/age"; import { getAge } from "@/utils/age";
import { import { selectAgencyList, getAgencyList } from "@/api/manage/selectAgencyList";
selectAgencyList, getAgencyList
} from "@/api/manage/selectAgencyList";
export default { export default {
name: "Followup22", name: "Followup22",
dicts: ["visit_method"], dicts: ["visit_method"],
@ -516,8 +529,8 @@ export default {
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
timeSign: 'TODAY', timeSign: "TODAY",
nodeExecuteStatus: 'UNEXECUTED', nodeExecuteStatus: "UNEXECUTED",
followStartTime: null, followStartTime: null,
followEndTime: null, followEndTime: null,
clinicalStartTime: null, clinicalStartTime: null,
@ -550,14 +563,16 @@ export default {
form: {}, form: {},
visitoptions: [ visitoptions: [
{ {
value: 'IN_THE_HOSPITAL', value: "IN_THE_HOSPITAL",
label: '在院' label: "在院",
}, { },
value: 'OUTPATIENT_SERVICE', {
label: '门诊' value: "OUTPATIENT_SERVICE",
}, { label: "门诊",
value: 'DISCHARGE', },
label: '出院' {
value: "DISCHARGE",
label: "出院",
}, },
], ],
// //
@ -569,120 +584,116 @@ export default {
}; };
}, },
created() { created() {
if (localStorage.getItem('followupquery')) { if (localStorage.getItem("followupquery")) {
this.queryParams = JSON.parse(localStorage.getItem('followupquery')) this.queryParams = JSON.parse(localStorage.getItem("followupquery"));
this.queryParams.hospitalAgencyId = undefined this.queryParams.hospitalAgencyId = undefined;
this.queryParams.campusAgencyId = undefined this.queryParams.campusAgencyId = undefined;
this.queryParams.departmentId = undefined this.queryParams.departmentId = undefined;
} }
this.getList(); this.getList();
this.selectAgencyinfo(); this.selectAgencyinfo();
}, },
mounted() { mounted() {
this.getMaxTableHeight() this.getMaxTableHeight();
this.screenChange() this.screenChange();
}, },
methods: { methods: {
changeswitch(e) { changeswitch(e) {
if (e == true) { if (e == true) {
this.queryParams.timeSign = 'WHOLE' this.queryParams.timeSign = "WHOLE";
this.getList() this.getList();
} else { } else {
this.queryParams.timeSign = 'TODAY' this.queryParams.timeSign = "TODAY";
this.getList() this.getList();
} }
}, },
updateCPage(index, size) { updateCPage(index, size) {
this.queryParams.pageNum = index this.queryParams.pageNum = index;
this.queryParams.pageSize = size this.queryParams.pageSize = size;
this.getList(); this.getList();
}, },
handleClick(tab, event) { handleClick(tab, event) {
this.intentionalTime = [] this.intentionalTime = [];
this.mzTime = [] this.mzTime = [];
this.ryTime = [] this.ryTime = [];
this.queryParams.dischargeStartTime = null this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null this.queryParams.dischargeEndTime = null;
this.queryParams.clinicalStartTime = null this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null this.queryParams.clinicalEndTime = null;
this.queryParams.followStartTime = null this.queryParams.followStartTime = null;
this.queryParams.followEndTime = null this.queryParams.followEndTime = null;
this.queryParams.admissionEndTime = null this.queryParams.admissionEndTime = null;
this.queryParams.admissionStartTime = null this.queryParams.admissionStartTime = null;
this.queryParams.mainDiagnosis = null this.queryParams.mainDiagnosis = null;
this.queryParams.visitSerialNumber = null this.queryParams.visitSerialNumber = null;
this.queryParams.attendingPhysicianId = null this.queryParams.attendingPhysicianId = null;
this.queryParams.suitRange = null this.queryParams.suitRange = null;
this.queryParams.patientName = null this.queryParams.patientName = null;
this.queryParams.hospitalAgencyId = null this.queryParams.hospitalAgencyId = null;
this.queryParams.campusAgencyId = null this.queryParams.campusAgencyId = null;
this.queryParams.departmentId = null this.queryParams.departmentId = null;
this.queryParams.wardId = null this.queryParams.wardId = null;
this.queryParams.patientPhone = null this.queryParams.patientPhone = null;
if (this.queryParams.nodeExecuteStatus == 'EXECUTED') { if (this.queryParams.nodeExecuteStatus == "EXECUTED") {
this.queryParams.timeSign = null this.queryParams.timeSign = null;
} else { } else {
this.queryParams.timeSign = 'TODAY' this.queryParams.timeSign = "TODAY";
} }
console.log(this.queryParams.nodeExecuteStatus, 'nodeExecuteStatus') console.log(this.queryParams.nodeExecuteStatus, "nodeExecuteStatus");
this.getList(); this.getList();
}, },
change(e) { change(e) {
if (e == 'DISCHARGE') { if (e == "DISCHARGE") {
this.queryParams.clinicalStartTime = null this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null this.queryParams.clinicalEndTime = null;
} else if (e == 'OUTPATIENT_SERVICE') { } else if (e == "OUTPATIENT_SERVICE") {
this.queryParams.dischargeStartTime = null this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null this.queryParams.dischargeEndTime = null;
} else { } else {
this.queryParams.dischargeStartTime = null this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null this.queryParams.dischargeEndTime = null;
this.queryParams.clinicalStartTime = null this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null this.queryParams.clinicalEndTime = null;
} }
}, },
// //
usergetListinfo() { usergetListinfo() {
usergetList({ usergetList({
hospitalAgencyId: this.queryParams.hospitalAgencyId, hospitalAgencyId: this.queryParams.hospitalAgencyId,
postName: 'DOCTOR' postName: "DOCTOR",
}).then(res => { }).then((res) => {
this.attendingPhysicianlist = res.data this.attendingPhysicianlist = res.data;
}) });
}, },
// //
getAgencyListinfo(nodeType, id) { getAgencyListinfo(nodeType, id) {
let query = { let query = {
nodeType: nodeType, nodeType: nodeType,
};
if (nodeType == "HOSPITAL") {
query.hospitalId = id;
} else if (nodeType == "CAMPUS") {
query.campusId = id;
} else if (nodeType == "DEPARTMENT") {
query.departmentId = id;
} }
if (nodeType == 'HOSPITAL') { getAgencyList(query).then((res) => {
query.hospitalId = id if (nodeType == "HOSPITAL") {
} else if (nodeType == 'CAMPUS') { this.campusAgencylist = res.data.campusList;
query.campusId = id this.departmentlist = res.data.departmentList;
} else if (nodeType == 'DEPARTMENT') { } else if (nodeType == "CAMPUS") {
query.departmentId = id this.departmentlist = res.data.departmentList;
} }
getAgencyList(query).then(res => { this.wardlist = res.data.wardList;
if (nodeType == 'HOSPITAL') { });
this.campusAgencylist = res.data.campusList
this.departmentlist = res.data.departmentList
} else if (nodeType == 'CAMPUS') {
this.departmentlist = res.data.departmentList
}
this.wardlist = res.data.wardList
})
}, },
// //
changehospitalAgency(id) { changehospitalAgency(id) {
this.getAgencyListinfo('HOSPITAL', id) this.getAgencyListinfo("HOSPITAL", id);
this.queryParams.campusAgencyId = null this.queryParams.campusAgencyId = null;
this.queryParams.departmentId = null this.queryParams.departmentId = null;
this.queryParams.wardId = null this.queryParams.wardId = null;
this.queryParams.attendingPhysicianId = null this.queryParams.attendingPhysicianId = null;
// }) // })
// //
this.usergetListinfo(); this.usergetListinfo();
@ -690,45 +701,45 @@ export default {
}, },
// //
changecampusAgency(id) { changecampusAgency(id) {
this.getAgencyListinfo('CAMPUS', id) this.getAgencyListinfo("CAMPUS", id);
this.queryParams.departmentId = null this.queryParams.departmentId = null;
this.queryParams.wardId = null this.queryParams.wardId = null;
// }) // })
}, },
// //
changedepartment(id) { changedepartment(id) {
this.getAgencyListinfo('DEPARTMENT', id) this.getAgencyListinfo("DEPARTMENT", id);
// let query = { // let query = {
// nodeType: 'WARD', // nodeType: 'WARD',
// parentDepartmentId: id, // parentDepartmentId: id,
// } // }
// getDepartmentList(query).then(res => { // getDepartmentList(query).then(res => {
// this.wardlist = res.data // this.wardlist = res.data
this.queryParams.wardId = null this.queryParams.wardId = null;
// }) // })
}, },
// //
clearhospitalAgency() { clearhospitalAgency() {
this.queryParams.campusAgencyId = null this.queryParams.campusAgencyId = null;
this.queryParams.departmentId = null this.queryParams.departmentId = null;
this.queryParams.wardId = null this.queryParams.wardId = null;
this.queryParams.attendingPhysicianId = null this.queryParams.attendingPhysicianId = null;
}, },
// //
clearcampusAgency() { clearcampusAgency() {
this.queryParams.departmentId = null this.queryParams.departmentId = null;
this.queryParams.wardId = null this.queryParams.wardId = null;
this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId) this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
}, },
// //
cleardepartment() { cleardepartment() {
this.queryParams.wardId = null this.queryParams.wardId = null;
if (this.queryParams.departmentId) { if (this.queryParams.departmentId) {
this.getAgencyListinfo('DEPARTMENT', this.queryParams.departmentId) this.getAgencyListinfo("DEPARTMENT", this.queryParams.departmentId);
} else if (this.queryParams.campusAgencyId) { } else if (this.queryParams.campusAgencyId) {
this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId) this.getAgencyListinfo("CAMPUS", this.queryParams.campusAgencyId);
} else if (this.queryParams.hospitalAgencyId) { } else if (this.queryParams.hospitalAgencyId) {
this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId) this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
} }
}, },
//list //list
@ -745,7 +756,7 @@ export default {
getList() { getList() {
this.loading = true; this.loading = true;
manualFollowUpList(this.queryParams).then((response) => { manualFollowUpList(this.queryParams).then((response) => {
localStorage.setItem('followupquery', JSON.stringify(this.queryParams)) localStorage.setItem("followupquery", JSON.stringify(this.queryParams));
this.taskExecuteRecordList = response.rows; this.taskExecuteRecordList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
@ -759,7 +770,7 @@ export default {
// //
reset() { reset() {
this.form = { this.form = {
nodeExecuteStatus: '', nodeExecuteStatus: "",
id: null, id: null,
patientId: null, patientId: null,
manageRouteId: null, manageRouteId: null,
@ -783,36 +794,40 @@ export default {
chooseTime() { chooseTime() {
if (this.intentionalTime == null) { if (this.intentionalTime == null) {
this.intentionalTime = []; this.intentionalTime = [];
this.queryParams.followStartTime = null this.queryParams.followStartTime = null;
this.queryParams.followEndTime = null this.queryParams.followEndTime = null;
} else { } else {
this.queryParams.followStartTime = this.intentionalTime[0] this.queryParams.followStartTime = this.intentionalTime[0];
this.queryParams.followEndTime = this.intentionalTime[1] this.queryParams.followEndTime = this.intentionalTime[1];
} }
}, },
// //
mzchange() { mzchange() {
if (this.mzTime == null) { if (this.mzTime == null) {
this.mzTime = []; this.mzTime = [];
this.queryParams.clinicalStartTime = null this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null this.queryParams.clinicalEndTime = null;
} else { } else {
console.log(this.queryParams, '-----') console.log(this.queryParams, "-----");
if (!this.queryParams.suitRange || this.queryParams.suitRange == 'IN_THE_HOSPITAL') { if (
this.queryParams.clinicalStartTime = this.mzTime[0] !this.queryParams.suitRange ||
this.queryParams.clinicalEndTime = this.mzTime[1] this.queryParams.suitRange == "IN_THE_HOSPITAL"
this.queryParams.dischargeStartTime = this.queryParams.clinicalStartTime ) {
this.queryParams.dischargeEndTime = this.queryParams.clinicalEndTime this.queryParams.clinicalStartTime = this.mzTime[0];
} else if (this.queryParams.suitRange == 'DISCHARGE') { this.queryParams.clinicalEndTime = this.mzTime[1];
this.queryParams.dischargeStartTime = this.mzTime[0] this.queryParams.dischargeStartTime =
this.queryParams.dischargeEndTime = this.mzTime[1] this.queryParams.clinicalStartTime;
this.queryParams.clinicalStartTime = null this.queryParams.dischargeEndTime = this.queryParams.clinicalEndTime;
this.queryParams.clinicalEndTime = null } else if (this.queryParams.suitRange == "DISCHARGE") {
} else if (this.queryParams.suitRange == 'OUTPATIENT_SERVICE') { this.queryParams.dischargeStartTime = this.mzTime[0];
this.queryParams.dischargeStartTime = null this.queryParams.dischargeEndTime = this.mzTime[1];
this.queryParams.dischargeEndTime = null this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalStartTime = this.mzTime[0] this.queryParams.clinicalEndTime = null;
this.queryParams.clinicalEndTime = this.mzTime[1] } else if (this.queryParams.suitRange == "OUTPATIENT_SERVICE") {
this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null;
this.queryParams.clinicalStartTime = this.mzTime[0];
this.queryParams.clinicalEndTime = this.mzTime[1];
} }
} }
}, },
@ -820,11 +835,11 @@ export default {
rychange() { rychange() {
if (this.ryTime == null) { if (this.ryTime == null) {
this.ryTime = []; this.ryTime = [];
this.queryParams.admissionStartTime = null this.queryParams.admissionStartTime = null;
this.queryParams.admissionEndTime = null this.queryParams.admissionEndTime = null;
} else { } else {
this.queryParams.admissionStartTime = this.ryTime[0] this.queryParams.admissionStartTime = this.ryTime[0];
this.queryParams.admissionEndTime = this.ryTime[1] this.queryParams.admissionEndTime = this.ryTime[1];
} }
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
@ -836,11 +851,11 @@ export default {
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm("queryForm");
// //
if (this.queryParams.nodeExecuteStatus == 'UNEXECUTED') { if (this.queryParams.nodeExecuteStatus == "UNEXECUTED") {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
nodeExecuteStatus: 'UNEXECUTED', nodeExecuteStatus: "UNEXECUTED",
timeSign: "today", timeSign: "today",
followStartTime: null, followStartTime: null,
followEndTime: null, followEndTime: null,
@ -869,13 +884,13 @@ export default {
campusAgencyId: null, campusAgencyId: null,
departmentId: null, departmentId: null,
wardId: null, wardId: null,
} };
this.timeSignshow = false this.timeSignshow = false;
} else { } else {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
nodeExecuteStatus: 'EXECUTED', nodeExecuteStatus: "EXECUTED",
followStartTime: null, followStartTime: null,
followEndTime: null, followEndTime: null,
clinicalStartTime: null, clinicalStartTime: null,
@ -903,10 +918,9 @@ export default {
campusAgencyId: null, campusAgencyId: null,
departmentId: null, departmentId: null,
wardId: null, wardId: null,
} };
// this.timeSignshow=true // this.timeSignshow=true
// this.queryParams.nodeExecuteStatus = 'EXECUTED' // this.queryParams.nodeExecuteStatus = 'EXECUTED'
} }
this.handleQuery(); this.handleQuery();
@ -972,7 +986,9 @@ export default {
manageRouteNodeId: row.manageRouteNodeId, manageRouteNodeId: row.manageRouteNodeId,
visitRecordId: row.visitRecordId, visitRecordId: row.visitRecordId,
taskExecuteRecordId: row.taskExecuteRecordId, taskExecuteRecordId: row.taskExecuteRecordId,
routeHandleRemark: row.routeHandleRemark ? row.routeHandleRemark : null, routeHandleRemark: row.routeHandleRemark
? row.routeHandleRemark
: null,
}, },
}); });
}, },
@ -1024,24 +1040,34 @@ export default {
}, },
// //
getMaxTableHeight() { getMaxTableHeight() {
const windowInnerHeight = window.innerHeight // const windowInnerHeight = window.innerHeight; //
const layoutDiv = this.$refs.layout const layoutDiv = this.$refs.layout;
const formDiv = this.$refs.topform const formDiv = this.$refs.topform;
this.maxTableHeight = this.maxTableHeight =
windowInnerHeight - 134 - 54 - windowInnerHeight -
134 -
54 -
this.getBoxPadding(layoutDiv) - this.getBoxPadding(layoutDiv) -
this.getBoxHeight(formDiv) this.getBoxHeight(formDiv);
}, },
// resize // resize
screenChange() { screenChange() {
// resizeresize // resizeresize
window.addEventListener('resize', this.getMaxTableHeight, true) window.addEventListener("resize", this.getMaxTableHeight, true);
// //
// //
// beforeDestroy // beforeDestroy
this.$once('hook:beforeDestroy', () => { this.$once("hook:beforeDestroy", () => {
window.removeEventListener('resize', this.getMaxTableHeight, true) window.removeEventListener("resize", this.getMaxTableHeight, true);
}) });
},
renderHeader(h, { column }) {
return h("span", {}, [
h("span", {}, column.label.split("/")[0]),
h("br"),
h("span", {}, column.label.split("/")[1]),
]);
}, },
}, },
}; };
@ -1055,7 +1081,13 @@ export default {
padding-top: 0 !important; padding-top: 0 !important;
} }
::v-deep.el-table {
.el-table-column--selection .cell {
text-overflow: clip !important;
padding-left: 6px !important;
padding-right: 3px !important;
}
}
// :deep(.el-switch) { // :deep(.el-switch) {
// position: relative; // position: relative;
@ -1080,8 +1112,7 @@ export default {
// } // }
// } // }
::v-deep .el-switch ::v-deep .el-switch {
{
.el-switch__label { .el-switch__label {
position: absolute !important; position: absolute !important;
display: none; display: none;