/*火狐浏览器*/ * { scrollbar-color: #e0e0e0 rgba(255,255,255,0); /* 滑块颜色 滚动条背景颜色 */ scrollbar-width: thin; /* 滚动条宽度有三种:thin、auto、none */ } /*===================================各个页面独立样式===================================*/ //风险预案 .plan .el-button--text{ width:120px!important; } //危险源管理 .hazard .el-button--text{ width:120px!important; } .hazard .el-drawer__open .el-drawer.rtl{ border-top-left-radius:10px; border-bottom-left-radius:10px; } //信息发布 .content-page{ .el-dialog__body{ max-height:600px; overflow-y: scroll; } .el-dialog__body::-webkit-scrollbar{ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; } .el-dialog__body::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } .el-dialog__body::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } //.el-tag.el-tag--info{ // color:$color_one; //} //.el-tag.el-tag--info .el-tag__close{ // color:$color_one; // background-color: transparent; //} } //题目管理-新增题目 .qu{ .el-input--small{ width:145px; } .el-form--inline .el-form-item{ margin-left:0!important; } .el-date-editor.el-input, .el-date-editor.el-input__inner{ width:155px; } } .qu .addTopic{ .el-form-item__label{ width:100px!important; } .el-select{ width:420px!important; } .el-input--small{ width:420px!important; } .options-box .el-input--small{ width:365px!important; } .el-form-item__content{ margin-left:100px!important; } } //考试管理 .exam-dialog-box .el-select{ width:330px!important; } //考试详情 .examInfo .button-box .el-form-item__content{ margin-left: 10px!important; } //新增考试 .exam .addExamPage .el-select{ width:420px!important; } .info-right-top-box .el-form-item__label{ width:94px!important; } .info-right-top-box .el-form-item__content{ width:170px!important; } .info-right-bottom-box .el-form-item__label{ width:94px!important; } .info-right-bottom-box .el-form-item__content{ width:170px!important; } .configuration-top-box .el-input--small{ width:420px!important; } .configuration-center-box .el-input--small{ width:406px!important; } .configuration-center-box .el-input-group__prepend{ background: #E0E0E0; color:#333; font-size:12px; } .configuration-bottom-box{ .one .el-form-item__label{ width:87px!important; } .two .el-form-item__label{ width:112px!important; } .two .el-form-item{ width:330px!important; } } .faculty-box{ .el-form-item__content{ width:330px!important; } } //控制记录 .control { .el-form{ //.el-form-item:nth-child(1) .el-form-item__content{ // width:175px!important; //} //.el-form-item:nth-child(2) .el-form-item__content{ // width:175px!important; //} //.el-form-item:nth-child(3) .el-form-item__content{ // width:175px!important; //} //.el-form-item:nth-child(4) .el-form-item__content{ // width:175px!important; //} .el-input--medium .el-input__inner{ height:40px; line-height:40px; } } } //传感器管理 .sensor-dialog-box .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease{ height:38px; line-height:38px; } .sensor-dialog-box .el-input--medium{ width:340px!important; } .sensor-dialog-box .el-input-number--medium{ width:340px!important; } //识别器管理 .recognizer .el-form-item__label{ width:90px!important; } .recognizer-dialog-box .el-form-item__label{ width:130px!important; } .recognizer-dialog-box .el-input--medium{ width:340px!important; } .recognizer-dialog-box .el-input-number--medium{ width:340px!important; } //硬件管理 .hardware-dialog{ .el-form-item__label{ width:90px!important; } .el-input--medium{ width:340px!important; } } //硬件管理 .hardware{ .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-left: 10px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 24px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 60px !important; margin: 0; } } //供应商管理 .supplier{ .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-left: 10px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 24px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 60px !important; margin: 0; } } //学生卡信息审核 .pending .el-drawer__open .el-drawer.rtl{ border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .pending-drawer-max-box{ height:100%; display: flex; flex-direction: column; .pending-drawer-title{ display:flex; border-bottom:1px solid #E0E0E0; p{ flex:1; line-height:62px; font-size:18px; padding-left:20px; color:$color_one; margin:0; } i{ display:block; font-size:20px; height:20px; width:20px; line-height:20px; cursor:pointer; margin:22px 22px 0 0; } } .pending-drawer-content{ flex:1; .pending-drawer-content-img{ display: flex; p{ width:100px; margin:16px 0 0 26px; line-height:35px; text-align:center; font-size:16px; color:$color_33; } img{ margin:16px 0 0 0; width:400px; height:200px; } } .pending-drawer-content-img-box{ padding:24px 20px 0; .left-span{ display: inline-block; width:100px; margin:0; font-size:16px; line-height:24px; color:$color_99; text-align: left; } .el-input--small{ display: inline-block; width:405px; } } } .pending-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; cursor:pointer; } p:nth-child(1){ flex:1; } p:nth-child(2){ background: $back_one; color:$color_ff; margin-right:16px; } } } //配置违规规则 .configuration-dialog .el-input--medium{ width:340px!important; } .configuration .el-drawer__open .el-drawer.rtl{ border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .configuration-drawer-max-box{ height:100%; display: flex; flex-direction: column; .configuration-drawer-title{ display:flex; border-bottom:1px solid #E0E0E0; p{ flex:1; line-height:62px; font-size:18px; padding-left:20px; color:$color_one; margin:0; } i{ display:block; font-size:20px; height:20px; width:20px; line-height:20px; cursor:pointer; margin:22px 22px 0 0; } } .configuration-drawer-content{ flex:1; padding-top:20px; .img-box{ padding:0 20px; font-size:16px; color:#333; img{ display: block; border-radius:10px; width:300px; height:180px; margin:0 auto; } } } .configuration-drawer-content-img-box{ padding:24px 20px 0; .left-span{ display: inline-block; width:100px; margin:0; font-size:16px; line-height:24px; color:$color_99; text-align: left; } .el-input--small{ display: inline-block; width:300px; } } .configuration-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; } p:nth-child(1){ flex:1; } p:nth-child(2){ background: $back_e0; color:$color_99; margin-right:16px; cursor:pointer; } p:nth-child(3){ background: $back_one; color:$color_ff; cursor:pointer; margin-right:16px; } } } .configuration-drawer{ .el-drawer.rtl{ width:560px!important; } .el-form-item__label{ width:110px!important; } .el-input--medium{ width:400px!important; } .el-input--small{ width:400px!important; } } .processed{ .el-input--medium{ width:370px!important; } } //收到随手拍 .photonote-pending-drawer{ .el-drawer.rtl{ width:500px!important; } .el-form-item__label{ width:110px!important; } .el-input--medium{ width:400px!important; } .el-input--small{ width:400px!important; } } .photonote-pending-drawer-drawer-max-box{ height:100%; display: flex; flex-direction: column; .photonote-pending-drawer-drawer-title{ display:flex; border-bottom:1px solid #E0E0E0; p{ flex:1; line-height:62px; font-size:18px; padding-left:20px; color:$color_one; margin:0; } i{ display:block; font-size:20px; height:20px; width:20px; line-height:20px; cursor:pointer; margin:22px 22px 0 0; } } .photonote-pending-drawer-drawer-content{ flex:1; padding-top:20px; div{ margin-bottom:20px; display:flex; p{ font-size:16px; margin:0; } p:nth-child(1){ color:$color_99; width:128px; line-height:30px; text-align:right; } p:nth-child(2){ width:410px; color:$color_33; line-height:30px; text-align:left; } } img{ width:300px; height:180px; display: block; margin:0 0 20px 120px; } .photonote-pending-drawer-drawer-content-img{ display: block; } } .photonote-pending-drawer-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; cursor:pointer; } p:nth-child(1){ flex: 1; } p:nth-child(2){ background: $back_e0; color:$color_99; margin-right:20px; } p:nth-child(3){ background: $back_one; color:$color_ff; margin-right:20px; } } } //用户管理 .user-page-admin{ /*==========树结构开始==========*/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } //未展开 .el-icon-caret-right:before { content:"\e6d9"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } //展开 .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{ content:"\e6d8"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } .el-tree-node__expand-icon.is-leaf:before{ color: transparent!important; border: none; cursor: default; } .el-tree .el-tree-node__label{ font-size:16px; color:#333333; } .el-tree .el-tree-node__children .el-tree-node__label{ font-size: 14px!important; } .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{ color:#999999; font-size: 14px!important; } .el-tree-node__content{ height:37px; } /*==========树结构结束==========*/ } //布局管理 .building{ /*==========树结构开始==========*/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } //未展开 .el-icon-caret-right:before { content:"\e6d9"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } //展开 .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{ content:"\e6d8"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } .el-tree-node__expand-icon.is-leaf:before{ color: transparent!important; border: none; cursor: default; } .el-tree .el-tree-node__label{ font-size:16px; color:#333333; } .el-tree .el-tree-node__children .el-tree-node__label{ font-size: 14px!important; } .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{ color:#999999; font-size: 14px!important; } .el-tree-node__content{ height:37px; } /*==========树结构结束==========*/ } //学生管理 .student { .el-input--small{ width:180px!important; } .el-select{ width:180px!important; } .pagination-container{ margin: 0 !important; padding: 0!important; } /*==========树结构开始==========*/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } //未展开 .el-icon-caret-right:before { content:"\e6d9"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } //展开 .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{ content:"\e6d8"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } .el-tree-node__expand-icon.is-leaf:before{ color: transparent!important; border: none; cursor: default; } .el-tree .el-tree-node__label{ font-size:16px; color:#333333; } .el-tree .el-tree-node__children .el-tree-node__label{ font-size: 14px!important; } .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{ color:#999999; font-size: 14px!important; } .el-tree-node__content{ height:37px; } /*==========树结构结束==========*/ } .student-dialog{ .el-input--medium{ width:370px; } } .student-teacher-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:20px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; } p:nth-child(1){ flex:1; } p:nth-child(2){ background: $back_e0; color:$color_99; margin-right:16px; cursor:pointer; } p:nth-child(3){ background: $back_one; color:$color_ff; margin-right:16px; cursor:pointer; } } //教职工管理 .teacher { .el-input--small{ width:150px!important; } .el-select{ //width:150px!important; } .table-for-max-box{ .el-select{ width:210px!important; } } .pagination-container{ margin: 0 !important; padding: 0!important; } .colorA{ border:2px solid $lv1Danger; color:$lv1Danger; } .colorB{ border:2px solid $lv2Danger; color:$lv2Danger; } .colorC{ border:2px solid $lv3Danger; color:$lv3Danger; } .colorD{ border:2px solid $lv4Danger; color:$lv4Danger; } /*==========树结构开始==========*/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } //未展开 .el-icon-caret-right:before { content:"\e6d9"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } //展开 .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{ content:"\e6d8"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } .el-tree-node__expand-icon.is-leaf:before{ color: transparent!important; border: none; cursor: default; } .el-tree .el-tree-node__label{ font-size:14px; color:#333333; } .el-tree .el-tree-node__children .el-tree-node__label{ font-size: 14px!important; } .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{ color:#333333; font-size: 14px!important; } .el-tree-node__content{ height:37px; } /*==========树结构结束==========*/ } //实验室配置 .subject{ .el-form-item{ margin-bottom:30px; } .form-box{ .el-form-item__label{ width:90px!important; } .el-input--small{ width:200px!important; } } .colorA{ border:2px solid $lv1Danger; color:$lv1Danger; } .colorB{ border:2px solid $lv2Danger; color:$lv2Danger; } .colorC{ border:2px solid $lv3Danger; color:$lv3Danger; } .colorD{ border:2px solid $lv4Danger; color:$lv4Danger; } .colorE{ border:2px solid $color_14AE10; color:$color_14AE10; } .el-dropdown{ height:42px; } .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-right: 9px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 9px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 70px !important; height:30px!important; line-height:30px!important; -webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; border-radius: 20px!important; margin: 0; position: absolute; top: 0; } .switch .el-switch__label--left span{ margin-left:40px!important; } .switch .el-switch__label--right span{ margin-left:16px!important; } .el-switch__core:after{ height:24px!important; width:24px!important; top:2px!important; } .el-switch.is-checked .el-switch__core::after{ margin-left: -25px!important; } .el-switch{ margin:10px auto 0; display: block; width:70px!important; height:4px!important; } } .configuration-drawer-max-box-one{ height:100%; display: flex; flex-direction: column; .configuration-drawer-title{ display:flex; border-bottom:1px solid #E0E0E0; p{ flex:1; line-height:62px; font-size:18px; padding-left:20px; color:$color_one; margin:0; } i{ display:block; font-size:20px; height:20px; width:20px; line-height:20px; cursor:pointer; margin:22px 22px 0 0; } } .configuration-drawer-content::-webkit-scrollbar{ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; } .configuration-drawer-content::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } .configuration-drawer-content::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } .configuration-drawer-content{ flex:1; padding-top:20px; overflow-y:scroll; .img-box{ padding:0 20px; font-size:16px; color:#333; img{ display: block; border-radius:10px; width:300px; height:180px; margin:0 auto; } } } .configuration-drawer-content-img-box{ padding:24px 20px 0; .left-span{ display: inline-block; width:100px; margin:0; font-size:16px; line-height:24px; color:$color_99; text-align: left; } .el-input--small{ display: inline-block; width:300px; } } .configuration-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; cursor:pointer; } p:nth-child(1){ flex:1; } p:nth-child(2){ background: $back_e0; color:$color_99; margin:0 16px 0 0; } p:nth-child(3){ background: $back_one; color:$color_ff; margin:0 16px 0 0; } } } .configuration-drawer-one{ .el-drawer.rtl{ width:560px!important; } .el-form-item__label{ width:110px!important; } .el-input--medium{ width:400px!important; } .el-input--small{ width:400px!important; } .el-select .el-tag__close.el-icon-close{ background-color:rgba(255,255,255,0); } .el-select .el-tag__close.el-icon-close:hover{ background-color:#999; } .el-upload{ width:100px; height:100px; line-height:100px; border:1px solid #e0e0e0; border-radius:5px; overflow: hidden; img{ width:98px; height:98px; border-radius:5px; } } } .pending-el-drawer{ .el-drawer.rtl{ width: 560px!important; } } .subject-drawer-box{ .el-form-item__error{ margin-left:100px; margin-top:4px; } .el-input--medium .el-input__inner{ height:auto; min-height: 40px!important; } .el-drawer__open .el-drawer.rtl{ width: auto!important; } } .subject-drawer{ .el-drawer.rtl{ width: 560px!important; } } .subject-drawer-max-box{ height:100%; display: flex; flex-direction: column; .el-form-item__label{ width:100px!important; } .el-form-item__content{ margin-left:0!important; padding-right:20px!important; } .subject-drawer-content{ flex:1; padding-top:20px; .map-box{ border:1px solid #E0E0E0; position :relative; padding:4px; div{ margin:0; width:60px; height:60px; //background:red; border:1px solid $lv1Danger; border-radius:6px; position:absolute; font-size:12px; color:$lv1Danger; text-align:center; line-height:15px; cursor:pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ i{ margin:1px 0 0 40px; color: #999; display: block; width:15px; height:15px; font-size:15px; } } } } .subject-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; } p:nth-child(1){ flex:1; } p:nth-child(2){ background: $back_e0; color:$color_99; margin-right:16px; cursor:pointer; } p:nth-child(3){ background: $back_one; color:$color_ff; cursor:pointer; margin-right:16px; } } } //实验室安全信息牌 .safety-card-type-max-box{ .el-dialog__body{ padding:0 20px 20px; } .safety-card-type-big-box{ //height:460px; padding-top:4px; *{ padding:0; margin:0; } .top-title-box{ height:51px; display: flex; .for-warn-lv-box{ //width:110px; height:35px; border-radius:4px; margin:7px 8px 7px 0; display: flex; img{ display: block; width:22px; height:23px; margin:6px 1px 0 4px; } div{ flex:1; p{ margin:0; font-size:12px; line-height:14px; text-align: center; padding:0 4px; } p:nth-child(1){ margin-top:3px; } } } .right-name-p{ font-weight:700; line-height:51px; font-size:18px; color:#333; flex:1; } .colorA{ border:1px solid $lv1Danger; color:$lv1Danger; } .colorB{ border:1px solid $lv2Danger; color:$lv2Danger; } .colorC{ border:1px solid $lv3Danger; color:$lv3Danger; } .colorD{ border:1px solid $lv4Danger; color:$lv4Danger; } .colorE{ border:1px solid $color_14AE10; color:$color_14AE10; } } .address-max-box{ display: flex; div{ //flex:1; display: flex; p{ line-height:30px; font-size:14px; } .name-p{ font-weight:700; color:#333; } .text-p{ color:#999; } } } .position-max-box{ display: flex; .position-min-box{ margin-top:10px; width:420px; .left-p{ font-weight:700; width:98px; line-height:24px; font-size:14px; color:#333; } .right-box{ width:317px; margin-left:10px; .for-box{ .for-p{ line-height:24px; font-size:14px; color:#999; } } } } } .inline-block-max-box{ display: flex; .left-p{ width:72px; font-weight:700; line-height:44px; font-size:14px; color:#333; } .right-box{ flex:1; display: flex; .for-box{ .for-p{ line-height:44px; font-size:14px; color:#999; } } } } .img-max-box{ display: flex; .left-p{ font-weight:700; width:98px; line-height:24px; font-size:14px; color:#333; } .right-box{ flex:1; margin-right: 110px; img{ margin-top:5px; margin-right:10px; } } } .code-img{ position: absolute; right:15px; bottom:15px; height:120px; width:120px; } } } //风险预案编辑 .addPlan{ .plan-info-box{ .el-input--medium{ width:350px!important; } .el-input--small{ width:350px!important; } .for-sensor-input{ .el-input--small{ width:200px!important; } } } } //字典管理 .dict{ .table-box{ .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-left:10px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 24px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 50px !important; margin: 0; } } } //组织架构 .dept{ .cell{ display: flex; .el-table__expand-icon{ margin-top:10px; } .scope-img{ height:40px; width:40px; border-radius:50%; } .scope-name{ line-height:40px; margin:0 0 0 10px; } } } //角色管理 .role{ .table-box{ .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-left: 10px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 24px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 50px !important; margin: 0; } } } //分配用户 .role-auth-user{ .form-box{ .el-input--medium{ width:150px!important; } .el-input--small{ width:150px!important; } } } //安全培训 .drawer-form-box{ padding:20px; .avatar-uploader{ i{ display: block; height:80px; width:80px; text-align:center; line-height:80px; border:1px solid #999; border-radius:10px; } img{ display: block; height:80px; width:80px; border-radius:10px; } } } //安全准入办理(弹窗) .approval_handle-drawer{ .el-drawer.rtl{ width:490px!important; } .el-drawer__body{ display: flex; flex-direction: column; } .el-form-item__label{ width:80px!important; } .el-input--medium{ width:356px!important; } .el-input--small{ width:356px!important; } .approval_handle-drawer-form-box{ flex:1; padding:20px; font-size:14px; p{ margin:0; } .bottom-button-box{ display: flex; .null-p{ flex:1; } } .upload-box{ margin:20px; p{ margin-bottom:20px; color:#606266; } i{ width:300px; height:150px; display: block; line-height:150px; text-align: center; border: 1px solid #E0E0E0;; border-radius:10px; margin-left:60px; } img{ width:300px; height:150px; display: block; line-height:150px; border-radius:10px; margin-left:60px; } } } .bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; .null-p{ flex:1; } } } //答题 .exam_start,.exam_info{ .el-radio__input.is-checked .el-radio__inner{ border-color: $color_one; background: $back_one; } .el-radio__input.is-checked + .el-radio__label{ color:$color_one; } .el-radio__label{ font-size: 16px!important; } .el-radio{ line-height:40px; display: block; height:40px; } .el-checkbox__input.is-checked .el-checkbox__inner{ border-color: $color_one; background: $back_one; } .el-checkbox__input.is-checked + .el-checkbox__label{ color:$color_one; } .el-checkbox{ line-height:40px; display: block; height:40px; } .el-checkbox__label{ font-size: 16px!important; } } //管理端工作台 .manageHome{ .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-right: 9px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 9px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 70px !important; height:30px!important; line-height:30px!important; -webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; border-radius: 20px!important; margin: 0; position: absolute; top: 0; } .switch .el-switch__label--left span{ margin-left:40px!important; } .switch .el-switch__label--right span{ margin-left:16px!important; } .el-switch__core:after{ height:24px!important; width:24px!important; top:2px!important; } .el-switch.is-checked .el-switch__core::after{ margin-left: -25px!important; } .el-switch{ margin:10px auto 0; display: block; width:70px!important; height:4px!important; } .colorA{ border:2px solid $lv1Danger; color:$lv1Danger; } .colorB{ border:2px solid $lv2Danger; color:$lv2Danger; } .colorC{ border:2px solid $lv3Danger; color:$lv3Danger; } .colorD{ border:2px solid $lv4Danger; color:$lv4Danger; } } //风险统计 .plan_log{ .el-table__header-wrapper{ height:50px; } .el-table--medium th, .el-table--medium td{ padding:13px 0; } .el-table .cell{ font-size:14px; } .el-button-group{ position: absolute; left:40px; top:0; } } //新增危险源 .addLaboratory{ .el-input--small{ width:400px; } } .videoSurveillance-drawer{ height:100%; display: flex; flex-direction: column; .el-drawer__open .el-drawer.rtl{ width: auto!important; } .el-form-item__label{ width:100px!important; } .el-input--small{ width:200px!important; } .el-select > .el-input{ width:200px!important; } .el-input--medium .el-input__inner{ line-height:40px; height:40px; } .videoSurveillance-drawer-content{ min-width: 350px; } .map-box{ border:1px solid #E0E0E0; margin-left:20px; position :relative; padding:4px; div{ z-index:10; margin:0; width:60px; height:60px; line-height:16px; padding-top:10px; word-wrap:break-word; //background:red; border:1px solid $lv1Danger; border-radius:6px; position:absolute; font-size:12px; color:$lv1Danger; text-align:center; cursor:pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .map-p{ z-index:1; margin:0; width:60px; height:60px; line-height:16px; padding-top:10px; word-wrap:break-word; //background:red; border:2px solid $lv3Danger; border-radius:6px; position:absolute; font-size:12px; color:$lv3Danger; text-align:center; cursor:pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } } .videoSurveillance-drawer-max-box{ height:100%; display: flex; flex-direction: column; .videoSurveillance-drawer-content{ padding:20px; flex: 1; } .videoSurveillance-bottom-button-box{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; } p:nth-child(1){ flex:1; } p:nth-child(2){ background: $back_e0; color:$color_99; margin-right:16px; cursor:pointer; } p:nth-child(3){ background: $back_one; color:$color_ff; margin-right:16px; cursor:pointer; } } } } //工作台侧边栏样式 .manageHome-drawer-box{ height:100%; display: flex; flex-direction: column; .manageHome-drawer-title{ display:flex; border-bottom:1px solid #E0E0E0; p{ flex:1; line-height:62px; font-size:18px; padding-left:20px; color:$color_one; margin:0; } i{ display:block; font-size:20px; height:20px; width:20px; line-height:20px; cursor:pointer; margin:22px 22px 0 0; } } .manageHome-drawer-content{ flex:1; padding:20px; .manageHome-drawer-content-text{ display: flex; margin-bottom:24px; p{ margin:0; font-size:16px; line-height:24px; } p:nth-child(1){ width: 100px; color:$color_99; text-align: right; } p:nth-child(2){ flex:1; color:$color_33; } img{ width:300px; height:180px; } } .manageHome-drawer-content-img-box{ margin-bottom:24px; p{ margin:0; font-size:16px; line-height:24px; } p:nth-child(1){ color:$color_99; text-align: left; } img{ width:300px; height:180px; margin-top:10px; margin-left:100px; } .left-span{ display: inline-block; width:100px; margin:0; font-size:16px; line-height:24px; color:$color_99; text-align: left; } .el-input--small{ display: inline-block; width:300px; } } } .manageHome-drawer-button{ display:flex; border-top:1px solid #E0E0E0; padding-top:12px; padding-bottom:17px; p{ width: 100px; height: 40px; line-height:40px; text-align: center; border-radius: 4px; font-size:16px; margin:0; cursor:pointer; } p:nth-child(1){ flex:1; } .left-button{ background: $back_e0; color:$color_99; margin-right:20px; } .right-button{ background: $back_one; color:$color_ff; margin-right:20px; } } } //异常设备 .abnormal-dialog{ display: flex; margin-bottom:30px; p{ margin:0; font-size:16px; flex:1; color:$color_99; span{ color:$color_33; } } } //证书管理 .certificate{ } .certificate-avatar-uploader{ i{ width:80px; height:80px; line-height:80px; text-align: center; border:1px solid #e0e0e0; border-radius:4px; } img{ width:240px; height:240px; } } /*弹窗按钮*/ .el-message-box{ .el-message-box__header{ .el-message-box__title{ text-align: center; } .el-message-box__headerbtn{ display: none; } } .el-message-box__content{ .el-message-box__status.el-icon-warning{ display: none; } .el-message-box__message{ padding:0 12px; text-align: center; } } .el-message-box__btns{ text-align: center; .el-button--primary:hover, .el-button--primary:focus{ background: #0045af; border-color:#0045af; } } } /*安全分级*/ .app-container-el-dialog{ .el-form-item{ margin-bottom:0; } .el-select > .el-input{ width:340px; } textarea::-webkit-scrollbar{ width: 12px; /*高宽分别对应横竖滚动条的尺寸*/ height: 12px; } textarea::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } textarea::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } } //待审核按钮 .configuration-bottom-button-box-button-color{ color:$color_ff!important; background: $back_one !important; } .floor-max-box{ .position-max-box{ .top-name-box{ .colorA{ background:$lv1Danger; } .colorB{ background:$lv2Danger; } .colorC{ background:$lv3Danger; } .colorD{ background:$lv4Danger; } .colorE{ background:$color_14AE10; } } } } //实验室安全制度 .safe-book-el-dialog{ .el-select{ width:418px; } .pdf-max-box{ height:400px; overflow-y: scroll; } .pdf-max-box::-webkit-scrollbar{ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } .pdf-max-box::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } .pdf-max-box::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } .top-button-box{ width:100%; display: flex; .null-p{ flex:1; } .turn{ cursor:pointer; } } } //富文本滚动条样式 .w-e-text::-webkit-scrollbar{ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .w-e-text::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } .w-e-text::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } //EUditor富文本编辑器 .edui-default .edui-editor{ overflow: hidden!important; } .edui-default .edui-editor-bottomContainer{ display: none; } .up-button-box{ width:100px; margin: 0 auto; } .up-text-box::-webkit-scrollbar{ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } .up-text-box::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } .up-text-box::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } .el-course,.el-resources{ /*==========树结构开始==========*/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } //未展开 .el-icon-caret-right:before { content:"\e6d9"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } //展开 .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{ content:"\e6d8"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } .el-tree-node__expand-icon.is-leaf:before{ color: transparent!important; border: none; cursor: default; } .el-tree .el-tree-node__label{ font-size:14px; color:#333333; } .el-tree .el-tree-node__children .el-tree-node__label{ font-size: 14px!important; } .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{ //color:#999999; font-size: 14px!important; } .el-tree-node__content{ height:37px; } /*==========树结构结束==========*/ } //公共滚动条尺寸 .scrollbar-box{ overflow-y: scroll; } .scrollbar-box::-webkit-scrollbar{ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .scrollbar-box::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #999; background: #fff; } .scrollbar-box::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0); border-radius: 0; background: rgba(255,255,255,0); } /*学习资源*/ .set-up-max-box{ .el-input--medium .el-input__inner{ height: 36px !important; } } //编辑右侧结构树 .right-courseware-box{ .el-table--enable-row-transition .el-table__body td{ padding:10px 0!important; } /*==========树结构开始==========*/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } //未展开 .el-icon-caret-right:before { content:"\e6d9"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } //展开 .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{ content:"\e6d8"; color:#999; font-size: 12px; border: 1px solid #999;; border-radius: 2px; } .el-tree-node__expand-icon.is-leaf:before{ color: transparent!important; border: none; cursor: default; } .el-tree .el-tree-node__label{ font-size:12px; color:#333333; } .el-tree .el-tree-node__children .el-tree-node__label{ font-size: 12px!important; } .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{ //color:#999999; font-size: 12px!important; } .el-tree-node__content{ height:24px; } /*结构树结束*/ .el-table__empty-text{ background-size: 70%; background-position: 70px center; } } //播放按钮 .center-info-components-max-box{ .video-js .vjs-big-play-button{ width:100px; height:45px; left:50%; top:50%; margin-left:-50px; margin-top:-22px; } } .el_resources_dialog{ //上传描述 .up-data-box-text{ margin-bottom:20px; p{ margin:0; padding:0; line-height:24px; font-size:12px; color:#999; text-align: center; } } } //手动添加题库 .addExamPage{ .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease{ height:38px!important; line-height:38px; } } .add-manual-dialog{ .add-manual-dialog-list-box{ display: flex; height:500px; .add-manual-dialog-list-box-left{ flex:1; border:1px solid #dedede; margin-right:20px; display: flex; flex-direction: column; *{ margin:0; } .add-manual-dialog-list-box-title{ font-size:15px; color: #333; line-height:31px; padding:4px 10px; font-weight: 700; background-color: #f8f8f9; border-bottom:1px solid #dedede; } .add-manual-dialog-list-for-max-box{ overflow-y: scroll; .add-manual-dialog-list-for-box{ width:420px; margin:0 auto; display: flex; border-bottom:1px solid #dedede; p{ width:386px; flex:1; color:#333; margin-left:10px; line-height:38px; font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } i{ color:#999; margin:10px; font-size:18px; cursor:pointer; } } .add-manual-dialog-list-for-null{ font-size:16px; line-height:100px; text-align: center; color:#dedede; } } } .add-manual-dialog-list-box-right{ border:1px solid #dedede; height:497px; width:700px; display: flex; flex-direction: column; .el-table--medium th, .el-table--medium td{ padding:4px 0; } .pagination-container{ height:50px; margin:0; } } } } //违规设置 .violation-site{ .el-input--small{ width:300px; } } //奖励分设置 .rewardconfig{ .el-input--small{ width:400px; text-align: right; } } //负面清单管理 .negative-list-records{ .el-input--small{ width:217px; } } //个人安全学习 .safeLearning{ .el-tree-node__label{ width: 188px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } //个人学习记录 .recordListPage{ .el-tree-node__label{ width: 188px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } //课件管理 .el-resources{ .el-tree-node__label{ width: 188px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } //学习资源 .el-course{ .el-tree-node__label{ width: 188px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } .el-check-box{ .el-radio__input.is-disabled + span.el-radio__label{ color:#333; } .el-radio__input.is-disabled.is-checked .el-radio__inner{ background: #00b7ee; } } .edit-page{ .el-resources-list{ .el-table{ height:90%; } } .center-content-box-two-bottom-left{ .el-table--medium th, .el-table--medium td{ padding:8px 0; } .el-table__empty-text{ background:none; color:#999; } .el-table__header-wrapper{ height:39px; } } .center-content-box-two-bottom-right{ .el-table--medium th, .el-table--medium td{ padding:8px 0; } .el-table__empty-text{ background-size:200px; } .pagination-container{ height:40px!important; } .el-pagination__total{ margin-left:20px; } .el-pagination__jump{ margin-right:20px; } .pagination-container{ padding:4px 20px !important; } .el-table__header-wrapper{ height:39px; } } } //录入检查 .addCheckPage{ .top-addCheckPage{ .el-form-item__label{ padding-bottom:0!important; } } } .el_resources_dialog{ .up-button-box{ width:660px; } .dialog-footer-edit{ display: flex; .null-p{ flex:1; } } } .checkRecord{ .el-table__header-wrapper .el-checkbox{ display:none } } //.checkRecordPageTableTwo{ // .el-table__header-wrapper .el-checkbox{ // display:block; // margin-left:4px; // } //} .checkRecordInfoPage,.CheckRecordInfo,.CheckRecordInfo{ .el-icon-circle-close{ color:red; } .zgStatusColor{ .el-step__title{ color:red; } } } //检查项列表 .checkOption{ .el-table .cell{ display: flex; } } //疏散路线 .emergencyEvacuation{ .el-table__empty-text{ background-size: 12%; } } //安全准入办理 .approval_handle_addPage{ .el-input-number__decrease{ height:38px; line-height: 38px; } .el-input-number__increase{ height:38px; line-height: 38px; } } //分级管控管理-实验室列表 .gradeManage-subjectList{ .pagination-container{ margin:0; } } //分级管控管理-人员列表 .gradeManage-userList{ .pagination-container{ margin:0; } } //大屏计划 .addPage{ .addPageFormBox{ .button-max-box{ .button-big-box{ .button-p{ flex:1; display: flex; .el-upload{ flex: 1; } } } } } } //分级管控 .gradeManage-addPage{ .switch .el-switch__label { position: absolute; display: none; color: #fff !important; } .switch .el-switch__label--right { z-index: 1; } .switch .el-switch__label--right span{ margin-left: 10px; } .switch .el-switch__label--left { z-index: 1; } .switch .el-switch__label--left span{ margin-left: 24px; } .switch .el-switch__label.is-active { display: block; } .switch.el-switch .el-switch__core, .el-switch .el-switch__label { width: 60px !important; margin: 0; } }