/*----------公共样式-----------*/ body,html{ height:100%; width: 100%; } li{ list-style: none; } .h-all{ height: 100%; } .page-sub-main{ height: 100%; margin: 0; padding: 0; } /*---------------调整表格表头的高度和表头右边框------------------------*/ .el-table .table-header{ line-height: 35px; background-color: #EBEEF5; } .el-table .table-header th{ border-bottom: 0; padding-top: 0; padding-bottom: 0; background: #EBEEF5; } .el-table--border th{ border-right: 1px solid #dddddd; } .el-table .table-header th .cell{ line-height: 35px; display: block; color: #595959; white-space:nowrap; } .el-table .table-header th .cell label, .el-table .table-header th .cell label .el-checkbox__input, .el-table .table-cell .cell label, .el-table .table-cell .cell label .el-checkbox__input{ line-height: 0; } .el-table td{ padding-top: 0; padding-bottom: 0; } /*------------表格内容单元格高度设置及高亮背景色-------------------*/ .el-table .table-cell .cell{ line-height: 30px; white-space:nowrap; } .el-table .table-cell .cell p{ margin: 0; } .el-table .table-header .el-table-column--selection .cell,.el-table .el-table__row .el-table-column--selection .cell{ text-align: center; padding: 0; } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td,.el-table--enable-row-hover .el-table__body tr:hover>td{ background-color: #cce3fb; } /*-----------解决表格表头边框错位问题---------------------*/ body .el-table th.gutter{ display: table-cell!important; } body .el-table colgroup.gutter { display: table-cell !important; } /*-----------调整导航栏的高度-----------*/ .menuNav .el-submenu .el-submenu__title{ height: 50px; line-height: 50px; } /*----------------主要tab标题样式----------------*/ .tab-box{ height: 100%; } .tab-box .el-tabs__content{ padding-bottom: 0px!important; padding-top: 0px!important; padding-left: 0px!important; padding-right: 0px!important; flex: 1; } .tab-box .el-tabs__item{ height: 30px; line-height: 30px; } .tab-box .el-tabs__nav-next, .el-tabs__nav-prev{ line-height: 30px; } /*兼容ie*/ .tab-box .el-tabs__item .tab-btn{ pointer-events: none; } .tab-box .el-tabs__item .tab-btn .el-badge{ width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; text-align: center; margin-top: -6px; /*文字不能被选中*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .tab-box .el-badge__content.is-dot{ top: 4px; right: 8px; } .icon { width: 1.1em; height: 1.1em; vertical-align: -0.15em; fill: #FFFFFF; overflow: hidden; } /*---------------首页告警tab-------------------*/ .alarm-tab { } .alarm-tab .el-tabs__item{ height: 30px; line-height: 30px; font-size: 13px; } .page-content .el-tabs__content .el-main{ padding: 10px; } /*------------弹出框中的确定和修改居中--------------*/ .el-dialog__footer{ text-align: center; } /*----------上传文件-----------*/ input[type="file"]{ display: none; } /*--------------flex自适应-----------------*/ .adapt-height-box{ display: -webkit-flex; display: flex; flex-direction: column; } .adapt-height{ flex: 1; } .el-table.adapt-height { /*display: -webkit-flex;*/ /*display: flex;*/ } .el-table.adapt-height .el-table__body-wrapper{ flex: 1; overflow: auto; } /*----------------统计中的tab----------------------*/ .statistic-tab-box .el-tabs__content{ flex: 1; display: -webkit-flex; display: flex; flex-direction: column; } /*--------------主要内容页的header------------------------*/ .page-content .el-header { padding: 6px 15px 0px; background-color: #f9fafc; color: #333; } .page-content .el-header label{ margin-bottom: 0; } .header-search{ text-align: left; margin-bottom: 3px; } .header-button-box{ text-align: left; } .header-button-box .el-button{ margin-bottom: 6px; } .header-button-box .el-button{ margin-left: 0; margin-right: 10px; } .header-button-box .search{ float: right; margin-right: 3px; } .search .search-div{ display: inline-block; margin-right: 15px; margin-bottom: 3px; } .search-input-box{ display: inline-block; margin-right: 15px; margin-bottom: 3px; } .search-input-box label{ font-size: 10px; } .header-search .search-input-box .el-input{ width: 200px; } /*----------拓扑图header右侧的提示-----------------*/ .header-right{ position: absolute; right: 15px; top: 9px; } .icon-circle{ height: 10px; width: 10px; border-radius: 50%; display: inline-block; margin-right: 3px; margin-left: 10px; } .icon-circle-subnet{ height: 20px; width: 20px; border-radius: 50%; display: inline-block; margin-right: 3px; margin-left: 8px; float: left; } .el-dialog__body{ padding: 10px 20px; } .el-button--bianji { background: #093823; } .el-button--bianji:hover { background: #5A8BFF; } .el-button--mini, .el-button--mini.is-round{ padding: 5px 10px; font-size: 10px; } .el-button--mini *{ font-size:10px; } .el-input--mini{ font-size:10px; } .el-input--mini .el-input__inner{ height: 24px; line-height: 24px; } .el-input--mini .el-input__icon{ line-height: 24px; } /*-----------label英文不换行-------------------*/ label{ white-space: nowrap; } /*-----------tooltip显示最大宽度-------------------*/ .el-tooltip__popper { max-width: 400px; line-height: 120%; } /*-----------页面最小宽度和header右侧隐藏------------------*/ @media (max-width: 780px){ .navbar-right{ display: none; } } #app{ min-width: 1400px; } /*-----------pl-table分页的样式------------------*/ .plTableBox .myPagination{ text-align: center; }