xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhuangyuanke 2024-07-22 16:05:46 +08:00
parent 1ead0a930e
commit 93bda83e99
1 changed files with 314 additions and 283 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

597
src/views/system/followup/index.vue
View File

@ -197,7 +197,7 @@
v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'"
>
<el-switch
class="switchStyle"
class="switchStyle"
v-model="timeSignshow"
active-color="#1890ff"
inactive-color="#5AC1A1"
@ -228,57 +228,71 @@
:data="taskExecuteRecordList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="selection" width="35" align="center" />
<el-table-column
label="姓名"
align="center"
prop="patientName"
width="50"
width="80"
:show-overflow-tooltip="true"
/>
<el-table-column
label="电话"
align="center"
prop="patientPhone"
width="120"
width="110"
/>
<el-table-column
label="性别"
align="center"
prop="visitSerialNumber"
width="50"
width="48"
>
<template slot-scope="scope">
{{ scope.row.sex == "MALE" ? "男" : "" }}
{{ scope.row.sex == "FEMALE" ? "女" : "" }}
</template>
</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
label="医院"
align="center"
prop="hospitalAgencyName"
width="105"
/>
<el-table-column label="院区" align="center" prop="campusAgencyName" />
<el-table-column
label="科室名称"
label="科室/病区"
align="center"
prop="departmentName"
/>
<el-table-column label="病区名称" align="center" prop="wardName" />
:show-overflow-tooltip="true"
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
label="门诊/住院号"
:render-header="renderHeader"
label="门诊|住院号/就诊流水号"
align="center"
prop="inHospitalNumber"
width="120"
: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="就诊流水号"
align="center"
prop="visitSerialNumber"
width="120"
:show-overflow-tooltip="true"
/>
/> -->
<el-table-column
label="诊断"
align="center"
@ -292,6 +306,7 @@
align="center"
prop="attendingPhysicianName"
width="80"
:show-overflow-tooltip="true"
/>
<el-table-column label="就诊方式" align="center" prop="visitMethod">
<template slot-scope="scope">
@ -346,14 +361,14 @@
</template>
</el-table-column>
<el-table-column
label="任务名称"
label="路径名称"
align="center"
prop="manageRouteName"
width="110"
>
</el-table-column>
<el-table-column
label="任务节点名称"
label="任务节点"
align="center"
prop="routeNodeName"
width="110"
@ -464,12 +479,10 @@
</div>
</template>
<script>
import { manualFollowUpList } from "@/api/system/followup"
import { manualFollowUpList } from "@/api/system/followup";
import { usergetList } from "@/api/unitconfig/patientConfiguration";
import { getAge } from "@/utils/age";
import {
selectAgencyList, getAgencyList
} from "@/api/manage/selectAgencyList";
import { selectAgencyList, getAgencyList } from "@/api/manage/selectAgencyList";
export default {
name: "Followup22",
dicts: ["visit_method"],
@ -516,8 +529,8 @@ export default {
queryParams: {
pageNum: 1,
pageSize: 10,
timeSign: 'TODAY',
nodeExecuteStatus: 'UNEXECUTED',
timeSign: "TODAY",
nodeExecuteStatus: "UNEXECUTED",
followStartTime: null,
followEndTime: null,
clinicalStartTime: null,
@ -550,14 +563,16 @@ export default {
form: {},
visitoptions: [
{
value: 'IN_THE_HOSPITAL',
label: '在院'
}, {
value: 'OUTPATIENT_SERVICE',
label: '门诊'
}, {
value: 'DISCHARGE',
label: '出院'
value: "IN_THE_HOSPITAL",
label: "在院",
},
{
value: "OUTPATIENT_SERVICE",
label: "门诊",
},
{
value: "DISCHARGE",
label: "出院",
},
],
// 表单校验
@ -569,120 +584,116 @@ export default {
};
},
created() {
if (localStorage.getItem('followupquery')) {
this.queryParams = JSON.parse(localStorage.getItem('followupquery'))
this.queryParams.hospitalAgencyId = undefined
this.queryParams.campusAgencyId = undefined
this.queryParams.departmentId = undefined
if (localStorage.getItem("followupquery")) {
this.queryParams = JSON.parse(localStorage.getItem("followupquery"));
this.queryParams.hospitalAgencyId = undefined;
this.queryParams.campusAgencyId = undefined;
this.queryParams.departmentId = undefined;
}
this.getList();
this.selectAgencyinfo();
},
mounted() {
this.getMaxTableHeight()
this.screenChange()
this.getMaxTableHeight();
this.screenChange();
},
methods: {
changeswitch(e) {
if (e == true) {
this.queryParams.timeSign = 'WHOLE'
this.getList()
this.queryParams.timeSign = "WHOLE";
this.getList();
} else {
this.queryParams.timeSign = 'TODAY'
this.getList()
this.queryParams.timeSign = "TODAY";
this.getList();
}
},
updateCPage(index, size) {
this.queryParams.pageNum = index
this.queryParams.pageSize = size
this.queryParams.pageNum = index;
this.queryParams.pageSize = size;
this.getList();
},
handleClick(tab, event) {
this.intentionalTime = []
this.mzTime = []
this.ryTime = []
this.queryParams.dischargeStartTime = null
this.queryParams.dischargeEndTime = null
this.queryParams.clinicalStartTime = null
this.queryParams.clinicalEndTime = null
this.queryParams.followStartTime = null
this.queryParams.followEndTime = null
this.queryParams.admissionEndTime = null
this.queryParams.admissionStartTime = null
this.queryParams.mainDiagnosis = null
this.queryParams.visitSerialNumber = null
this.queryParams.attendingPhysicianId = null
this.queryParams.suitRange = null
this.queryParams.patientName = null
this.queryParams.hospitalAgencyId = null
this.queryParams.campusAgencyId = null
this.queryParams.departmentId = null
this.queryParams.wardId = null
this.queryParams.patientPhone = null
if (this.queryParams.nodeExecuteStatus == 'EXECUTED') {
this.queryParams.timeSign = null
this.intentionalTime = [];
this.mzTime = [];
this.ryTime = [];
this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null;
this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null;
this.queryParams.followStartTime = null;
this.queryParams.followEndTime = null;
this.queryParams.admissionEndTime = null;
this.queryParams.admissionStartTime = null;
this.queryParams.mainDiagnosis = null;
this.queryParams.visitSerialNumber = null;
this.queryParams.attendingPhysicianId = null;
this.queryParams.suitRange = null;
this.queryParams.patientName = null;
this.queryParams.hospitalAgencyId = null;
this.queryParams.campusAgencyId = null;
this.queryParams.departmentId = null;
this.queryParams.wardId = null;
this.queryParams.patientPhone = null;
if (this.queryParams.nodeExecuteStatus == "EXECUTED") {
this.queryParams.timeSign = null;
} else {
this.queryParams.timeSign = 'TODAY'
this.queryParams.timeSign = "TODAY";
}
console.log(this.queryParams.nodeExecuteStatus, 'nodeExecuteStatus')
console.log(this.queryParams.nodeExecuteStatus, "nodeExecuteStatus");
this.getList();
},
change(e) {
if (e == 'DISCHARGE') {
this.queryParams.clinicalStartTime = null
this.queryParams.clinicalEndTime = null
} else if (e == 'OUTPATIENT_SERVICE') {
this.queryParams.dischargeStartTime = null
this.queryParams.dischargeEndTime = null
if (e == "DISCHARGE") {
this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null;
} else if (e == "OUTPATIENT_SERVICE") {
this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null;
} else {
this.queryParams.dischargeStartTime = null
this.queryParams.dischargeEndTime = null
this.queryParams.clinicalStartTime = null
this.queryParams.clinicalEndTime = null
this.queryParams.dischargeStartTime = null;
this.queryParams.dischargeEndTime = null;
this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null;
}
},
//主治医生
usergetListinfo() {
usergetList({
hospitalAgencyId: this.queryParams.hospitalAgencyId,
postName: 'DOCTOR'
}).then(res => {
this.attendingPhysicianlist = res.data
})
postName: "DOCTOR",
}).then((res) => {
this.attendingPhysicianlist = res.data;
});
},
//获取下级单位
getAgencyListinfo(nodeType, id) {
let query = {
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') {
query.hospitalId = id
} else if (nodeType == 'CAMPUS') {
query.campusId = id
} else if (nodeType == 'DEPARTMENT') {
query.departmentId = id
}
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
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) {
this.getAgencyListinfo('HOSPITAL', id)
this.queryParams.campusAgencyId = null
this.queryParams.departmentId = null
this.queryParams.wardId = null
this.queryParams.attendingPhysicianId = null
this.getAgencyListinfo("HOSPITAL", id);
this.queryParams.campusAgencyId = null;
this.queryParams.departmentId = null;
this.queryParams.wardId = null;
this.queryParams.attendingPhysicianId = null;
// })
//医生
this.usergetListinfo();
@ -690,45 +701,45 @@ export default {
},
//选中院区获取科室
changecampusAgency(id) {
this.getAgencyListinfo('CAMPUS', id)
this.queryParams.departmentId = null
this.queryParams.wardId = null
this.getAgencyListinfo("CAMPUS", id);
this.queryParams.departmentId = null;
this.queryParams.wardId = null;
// })
},
//选中科室获取病区
changedepartment(id) {
this.getAgencyListinfo('DEPARTMENT', id)
this.getAgencyListinfo("DEPARTMENT", id);
// let query = {
// nodeType: 'WARD',
// parentDepartmentId: id,
// }
// getDepartmentList(query).then(res => {
// this.wardlist = res.data
this.queryParams.wardId = null
this.queryParams.wardId = null;
// })
},
//清空医院
clearhospitalAgency() {
this.queryParams.campusAgencyId = null
this.queryParams.departmentId = null
this.queryParams.wardId = null
this.queryParams.attendingPhysicianId = null
this.queryParams.campusAgencyId = null;
this.queryParams.departmentId = null;
this.queryParams.wardId = null;
this.queryParams.attendingPhysicianId = null;
},
//清空院区
clearcampusAgency() {
this.queryParams.departmentId = null
this.queryParams.wardId = null
this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
this.queryParams.departmentId = null;
this.queryParams.wardId = null;
this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
},
//清空科室
cleardepartment() {
this.queryParams.wardId = null
this.queryParams.wardId = null;
if (this.queryParams.departmentId) {
this.getAgencyListinfo('DEPARTMENT', this.queryParams.departmentId)
this.getAgencyListinfo("DEPARTMENT", this.queryParams.departmentId);
} else if (this.queryParams.campusAgencyId) {
this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId)
this.getAgencyListinfo("CAMPUS", this.queryParams.campusAgencyId);
} else if (this.queryParams.hospitalAgencyId) {
this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
}
},
//获取医院list
@ -745,7 +756,7 @@ export default {
getList() {
this.loading = true;
manualFollowUpList(this.queryParams).then((response) => {
localStorage.setItem('followupquery', JSON.stringify(this.queryParams))
localStorage.setItem("followupquery", JSON.stringify(this.queryParams));
this.taskExecuteRecordList = response.rows;
this.total = response.total;
this.loading = false;
@ -759,7 +770,7 @@ export default {
// 表单重置
reset() {
this.form = {
nodeExecuteStatus: '',
nodeExecuteStatus: "",
id: null,
patientId: null,
manageRouteId: null,
@ -783,36 +794,40 @@ export default {
chooseTime() {
if (this.intentionalTime == null) {
this.intentionalTime = [];
this.queryParams.followStartTime = null
this.queryParams.followEndTime = null
this.queryParams.followStartTime = null;
this.queryParams.followEndTime = null;
} else {
this.queryParams.followStartTime = this.intentionalTime[0]
this.queryParams.followEndTime = this.intentionalTime[1]
this.queryParams.followStartTime = this.intentionalTime[0];
this.queryParams.followEndTime = this.intentionalTime[1];
}
},
// 门诊
mzchange() {
if (this.mzTime == null) {
this.mzTime = [];
this.queryParams.clinicalStartTime = null
this.queryParams.clinicalEndTime = null
this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null;
} else {
console.log(this.queryParams, '-----')
if (!this.queryParams.suitRange || this.queryParams.suitRange == 'IN_THE_HOSPITAL') {
this.queryParams.clinicalStartTime = this.mzTime[0]
this.queryParams.clinicalEndTime = this.mzTime[1]
this.queryParams.dischargeStartTime = this.queryParams.clinicalStartTime
this.queryParams.dischargeEndTime = this.queryParams.clinicalEndTime
} else if (this.queryParams.suitRange == 'DISCHARGE') {
this.queryParams.dischargeStartTime = this.mzTime[0]
this.queryParams.dischargeEndTime = this.mzTime[1]
this.queryParams.clinicalStartTime = null
this.queryParams.clinicalEndTime = null
} 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]
console.log(this.queryParams, "-----");
if (
!this.queryParams.suitRange ||
this.queryParams.suitRange == "IN_THE_HOSPITAL"
) {
this.queryParams.clinicalStartTime = this.mzTime[0];
this.queryParams.clinicalEndTime = this.mzTime[1];
this.queryParams.dischargeStartTime =
this.queryParams.clinicalStartTime;
this.queryParams.dischargeEndTime = this.queryParams.clinicalEndTime;
} else if (this.queryParams.suitRange == "DISCHARGE") {
this.queryParams.dischargeStartTime = this.mzTime[0];
this.queryParams.dischargeEndTime = this.mzTime[1];
this.queryParams.clinicalStartTime = null;
this.queryParams.clinicalEndTime = null;
} 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() {
if (this.ryTime == null) {
this.ryTime = [];
this.queryParams.admissionStartTime = null
this.queryParams.admissionEndTime = null
this.queryParams.admissionStartTime = null;
this.queryParams.admissionEndTime = null;
} else {
this.queryParams.admissionStartTime = this.ryTime[0]
this.queryParams.admissionEndTime = this.ryTime[1]
this.queryParams.admissionStartTime = this.ryTime[0];
this.queryParams.admissionEndTime = this.ryTime[1];
}
},
/** 搜索按钮操作 */
@ -836,77 +851,76 @@ export default {
resetQuery() {
this.resetForm("queryForm");
// 未执行
if (this.queryParams.nodeExecuteStatus == 'UNEXECUTED') {
if (this.queryParams.nodeExecuteStatus == "UNEXECUTED") {
this.queryParams = {
pageNum: 1,
pageSize: 10,
nodeExecuteStatus: 'UNEXECUTED',
timeSign:"today",
followStartTime: null,
followEndTime: null,
clinicalStartTime: null,
clinicalEndTime: null,
admissionEndTime: null,
admissionStartTime: null,
mainDiagnosis: null,
visitSerialNumber: null,
attendingPhysicianId: null,
patientId: null,
suitRange: null,
manageRouteId: null,
manageRouteNodeId: null,
patientName: null,
startDate: null,
endDate: null,
manageRouteName: null,
manageRouteNodeName: null,
taskContent: null,
executeTime: null,
executePerson: null,
executeType: null,
executeRemark: null,
hospitalAgencyId: null,
campusAgencyId: null,
departmentId: null,
wardId: null,
}
this.timeSignshow = false
pageNum: 1,
pageSize: 10,
nodeExecuteStatus: "UNEXECUTED",
timeSign: "today",
followStartTime: null,
followEndTime: null,
clinicalStartTime: null,
clinicalEndTime: null,
admissionEndTime: null,
admissionStartTime: null,
mainDiagnosis: null,
visitSerialNumber: null,
attendingPhysicianId: null,
patientId: null,
suitRange: null,
manageRouteId: null,
manageRouteNodeId: null,
patientName: null,
startDate: null,
endDate: null,
manageRouteName: null,
manageRouteNodeName: null,
taskContent: null,
executeTime: null,
executePerson: null,
executeType: null,
executeRemark: null,
hospitalAgencyId: null,
campusAgencyId: null,
departmentId: null,
wardId: null,
};
this.timeSignshow = false;
} else {
this.queryParams = {
pageNum: 1,
pageSize: 10,
nodeExecuteStatus: 'EXECUTED',
followStartTime: null,
followEndTime: null,
clinicalStartTime: null,
clinicalEndTime: null,
admissionEndTime: null,
admissionStartTime: null,
mainDiagnosis: null,
visitSerialNumber: null,
attendingPhysicianId: null,
patientId: null,
suitRange: null,
manageRouteId: null,
manageRouteNodeId: null,
patientName: null,
startDate: null,
endDate: null,
manageRouteName: null,
manageRouteNodeName: null,
taskContent: null,
executeTime: null,
executePerson: null,
executeType: null,
executeRemark: null,
hospitalAgencyId: null,
campusAgencyId: null,
departmentId: null,
wardId: null,
}
pageNum: 1,
pageSize: 10,
nodeExecuteStatus: "EXECUTED",
followStartTime: null,
followEndTime: null,
clinicalStartTime: null,
clinicalEndTime: null,
admissionEndTime: null,
admissionStartTime: null,
mainDiagnosis: null,
visitSerialNumber: null,
attendingPhysicianId: null,
patientId: null,
suitRange: null,
manageRouteId: null,
manageRouteNodeId: null,
patientName: null,
startDate: null,
endDate: null,
manageRouteName: null,
manageRouteNodeName: null,
taskContent: null,
executeTime: null,
executePerson: null,
executeType: null,
executeRemark: null,
hospitalAgencyId: null,
campusAgencyId: null,
departmentId: null,
wardId: null,
};
// this.timeSignshow=true
// this.queryParams.nodeExecuteStatus = 'EXECUTED'
}
this.handleQuery();
@ -972,7 +986,9 @@ export default {
manageRouteNodeId: row.manageRouteNodeId,
visitRecordId: row.visitRecordId,
taskExecuteRecordId: row.taskExecuteRecordId,
routeHandleRemark: row.routeHandleRemark ? row.routeHandleRemark : null,
routeHandleRemark: row.routeHandleRemark
? row.routeHandleRemark
: null,
},
});
},
@ -1010,7 +1026,7 @@ export default {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => { });
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
@ -1024,85 +1040,100 @@ export default {
},
// 获取表格最高高度
getMaxTableHeight() {
const windowInnerHeight = window.innerHeight // 屏幕可视高度
const layoutDiv = this.$refs.layout
const formDiv = this.$refs.topform
const windowInnerHeight = window.innerHeight; // 屏幕可视高度
const layoutDiv = this.$refs.layout;
const formDiv = this.$refs.topform;
this.maxTableHeight =
windowInnerHeight - 134 - 54 -
windowInnerHeight -
134 -
54 -
this.getBoxPadding(layoutDiv) -
this.getBoxHeight(formDiv)
this.getBoxHeight(formDiv);
},
// 屏幕resize监听
screenChange() {
// 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
window.addEventListener('resize', this.getMaxTableHeight, true)
window.addEventListener("resize", this.getMaxTableHeight, true);
// 将屏幕监听事件移除
// 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
// 或者将这里的方法直接写在beforeDestroy函数中也可以
this.$once('hook:beforeDestroy', () => {
window.removeEventListener('resize', this.getMaxTableHeight, true)
})
this.$once("hook:beforeDestroy", () => {
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>
<style lang="scss" scoped>
::v-deep .el-table {
overflow: auto;
}
::v-deep .el-table {
overflow: auto;
}
.app-container {
padding-top: 0 !important;
}
.app-container {
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) {
// position: relative;
// user-select: none;
// .el-switch__core {
// width: 45px !important;
// }
// .el-switch__core {
// width: 45px !important;
// }
// &.is-checked .el-switch__label {
// position: absolute;
// top: 0px;
// left: -3px;
// color: #fff;
// }
// &.is-checked .el-switch__label {
// position: absolute;
// top: 0px;
// left: -3px;
// color: #fff;
// }
// .el-switch__label {
// position: absolute;
// top: 0px;
// left: 10px;
// color: #fff;
// }
// }
// .el-switch__label {
// position: absolute;
// top: 0px;
// left: 10px;
// color: #fff;
// }
// }
::v-deep .el-switch {
.el-switch__label {
position: absolute !important;
display: none;
color: #fff;
}
::v-deep .el-switch
{
.el-switch__label {
position: absolute !important;
display: none;
color: #fff;
}
.el-switch__label--left {
z-index: 9 !important;
left: 20px !important;
}
.el-switch__label--right {
z-index: 9;
left: -3px;
}
.el-switch__label.is-active {
display: block !important;
color: #fff;
}
.el-switch__core,
.el-switch__label {
width: 60px !important;
}
}
.el-switch__label--left {
z-index: 9 !important;
left: 20px !important;
}
.el-switch__label--right {
z-index: 9;
left: -3px;
}
.el-switch__label.is-active {
display: block !important;
color: #fff;
}
.el-switch__core,
.el-switch__label {
width: 60px !important;
}
}
</style>