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

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

View File

@ -197,7 +197,7 @@
v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'" v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'"
> >
<el-switch <el-switch
class="switchStyle" class="switchStyle"
v-model="timeSignshow" v-model="timeSignshow"
active-color="#1890ff" active-color="#1890ff"
inactive-color="#5AC1A1" inactive-color="#5AC1A1"
@ -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 => {
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 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,77 +851,76 @@ 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,
clinicalStartTime: null, clinicalStartTime: null,
clinicalEndTime: null, clinicalEndTime: null,
admissionEndTime: null, admissionEndTime: null,
admissionStartTime: null, admissionStartTime: null,
mainDiagnosis: null, mainDiagnosis: null,
visitSerialNumber: null, visitSerialNumber: null,
attendingPhysicianId: null, attendingPhysicianId: null,
patientId: null, patientId: null,
suitRange: null, suitRange: null,
manageRouteId: null, manageRouteId: null,
manageRouteNodeId: null, manageRouteNodeId: null,
patientName: null, patientName: null,
startDate: null, startDate: null,
endDate: null, endDate: null,
manageRouteName: null, manageRouteName: null,
manageRouteNodeName: null, manageRouteNodeName: null,
taskContent: null, taskContent: null,
executeTime: null, executeTime: null,
executePerson: null, executePerson: null,
executeType: null, executeType: null,
executeRemark: null, executeRemark: null,
hospitalAgencyId: null, hospitalAgencyId: null,
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,
clinicalEndTime: null, clinicalEndTime: null,
admissionEndTime: null, admissionEndTime: null,
admissionStartTime: null, admissionStartTime: null,
mainDiagnosis: null, mainDiagnosis: null,
visitSerialNumber: null, visitSerialNumber: null,
attendingPhysicianId: null, attendingPhysicianId: null,
patientId: null, patientId: null,
suitRange: null, suitRange: null,
manageRouteId: null, manageRouteId: null,
manageRouteNodeId: null, manageRouteNodeId: null,
patientName: null, patientName: null,
startDate: null, startDate: null,
endDate: null, endDate: null,
manageRouteName: null, manageRouteName: null,
manageRouteNodeName: null, manageRouteNodeName: null,
taskContent: null, taskContent: null,
executeTime: null, executeTime: null,
executePerson: null, executePerson: null,
executeType: null, executeType: null,
executeRemark: null, executeRemark: null,
hospitalAgencyId: null, hospitalAgencyId: null,
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,
}, },
}); });
}, },
@ -1010,7 +1026,7 @@ export default {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}) })
.catch(() => { }); .catch(() => {});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
@ -1024,85 +1040,100 @@ 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]),
]);
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-table { ::v-deep .el-table {
overflow: auto; overflow: auto;
} }
.app-container { .app-container {
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) {
// position: relative;
// user-select: none;
// :deep(.el-switch) { // .el-switch__core {
// position: relative; // width: 45px !important;
// user-select: none; // }
// .el-switch__core { // &.is-checked .el-switch__label {
// width: 45px !important; // position: absolute;
// } // top: 0px;
// left: -3px;
// color: #fff;
// }
// &.is-checked .el-switch__label { // .el-switch__label {
// position: absolute; // position: absolute;
// top: 0px; // top: 0px;
// left: -3px; // left: 10px;
// color: #fff; // color: #fff;
// } // }
// }
// .el-switch__label { ::v-deep .el-switch {
// position: absolute; .el-switch__label {
// top: 0px; position: absolute !important;
// left: 10px; display: none;
// color: #fff; color: #fff;
// } }
// }
::v-deep .el-switch .el-switch__label--left {
{ z-index: 9 !important;
.el-switch__label { left: 20px !important;
position: absolute !important; }
display: none; .el-switch__label--right {
color: #fff; z-index: 9;
} left: -3px;
}
.el-switch__label--left { .el-switch__label.is-active {
z-index: 9 !important; display: block !important;
left: 20px !important; color: #fff;
} }
.el-switch__label--right { .el-switch__core,
z-index: 9; .el-switch__label {
left: -3px; width: 60px !important;
} }
.el-switch__label.is-active { }
display: block !important;
color: #fff;
}
.el-switch__core,
.el-switch__label {
width: 60px !important;
}
}
</style> </style>