eemcs_ui/src/assets/styles/bigScreen.scss

// 媒体查询，适配大于2000px分辨率的大屏样式-element样式
@media (min-width: 2000px) {
  .el-tabs--top .el-tabs__item.is-top:nth-child(2),
  .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
  .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
  .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
    padding-left: 0.2rem !important;
  }
  .el-tabs__item.is-active {
    height: 0.48rem !important;
    border-radius: 0.06rem 0.06rem 0px 0px !important;
    font-size: 0.18rem !important;
    line-height: 0.48rem !important;
  }
  .el-tabs__item {
    margin-right: 0.06rem !important;
    padding: 0 0.2rem !important;
    height: 0.48rem !important;
    border-radius: 0.06rem 0.06rem 0px 0px !important;
    font-size: 0.18rem !important;
    line-height: 0.48rem !important;
  }
  .el-switch {
    font-size: 0.14rem !important;
    line-height: 0.2rem !important;
    height: 0.2rem !important;
  }
  .el-switch__label {
    height: 0.2rem !important;
    font-size: 0.14rem !important;
  }
  .el-switch__core {
    width: 0.4rem !important;
    height: 0.2rem !important;
    border-radius: 0.1rem !important;
  }
  .el-switch__core:after {
    top: 0.01rem !important;
    width: 0.16rem !important;
    height: 0.16rem !important;
  }
  .el-switch.is-checked .el-switch__core::after {
    margin-left: -0.17rem !important;
  }
  .el-switch__label * {
    font-size: 0.14rem !important;
  }

  .el-input--mini {
    font-size: 0.12rem !important;
  }
  .el-input--mini .el-input__inner {
    height: 0.28rem !important;
    line-height: 0.28rem !important;
  }
  .el-message-box {
    border-radius: 0.05rem !important;
    border: 0.02rem solid #005fbf !important;
    width: 4.2rem !important;
    padding-bottom: 0.1rem !important;
    border-radius: 0.04rem !important;
    font-size: 0.18rem !important;
  }
  .el-message-box__header {
    padding: 0.15rem !important;
    padding-bottom: 0.1rem !important;
  }
  .el-message-box__title {
    font-size: 0.18rem !important;
  }
  .el-message-box__headerbtn {
    top: 0.15rem !important;
    right: 0.15rem !important;
    font-size: 0.16rem !important;
  }
  .el-message-box__content {
    padding: 0.1rem 0.15rem !important;
    font-size: 0.14rem !important;
  }
  .el-message-box__status + .el-message-box__message {
    padding-left: 0.26rem !important;
    padding-right: 0.12rem !important;
  }
  .el-message-box__input {
    padding-top: 0.15rem !important;
  }
  .el-message-box__btns {
    padding: 0.05rem 0.15rem 0 !important;
  }
  .el-message-box__btns .el-button:nth-child(1) {
    border-width: 2px;
  }
  .el-button--small {
    padding: 0.09rem 0.15rem !important;
    font-size: 0.12rem !important;
    border-radius: 0.02rem !important;
  }
  .el-message-box__btns button:nth-child(2) {
    margin-left: 0.1rem !important;
  }
  .el-radio--medium.is-bordered {
    padding: 0.1rem 0.2rem 0 0.1rem !important;
    border-radius: 0.04rem !important;
    height: 0.36rem !important;
  }
  .el-radio--medium.is-bordered .el-radio__label {
    font-size: 0.14rem !important;
  }
  .el-radio--medium.is-bordered .el-radio__inner {
    height: 0.14rem !important;
    width: 0.14rem !important;
  }
  .el-radio__inner::after {
    width: 0.04rem !important;
    height: 0.04rem !important;
  }
  .el-radio {
    font-size: 0.14rem !important;
    margin-right: 0.3rem !important;
  }
  .el-radio__inner {
    width: 0.14rem !important;
    height: 0.14rem !important;
  }
  .el-radio__inner::after {
    width: 0.04rem !important;
    height: 0.04rem !important;
  }
  .el-radio__label {
    font-size: 0.14rem !important;
    padding-left: 0.1rem !important;
  }

  .el-range-editor--medium.el-input__inner {
    height: 0.36rem !important;
    padding: 0.03rem 0.1rem !important;
  }
  .el-date-editor--datetimerange.el-input,
  .el-date-editor--datetimerange.el-input__inner {
    width: 4rem !important;
  }
  .el-range-editor--medium .el-range__icon,
  .el-range-editor--medium .el-range__close-icon {
    line-height: 0.28rem !important;
  }
  .el-range-editor--small.el-input__inner {
    height: 0.32rem !important;
  }
  .el-range-editor--small .el-range-input {
    font-size: 0.13rem !important;
  }
  .el-tag--mini .el-icon-close {
    margin-left: -0.03rem !important;
  }
  .el-date-editor .el-range__icon {
    font-size: 0.14rem !important;
    margin-left: -0.05rem !important;
    line-height: 0.32rem !important;
  }
  .el-input__icon {
    width: 0.25rem !important;
    line-height: 0.32rem !important;
  }
  .el-range-editor--medium .el-range-input {
    font-size: 0.14rem !important;
  }
  .el-range-editor--medium .el-range-separator {
    line-height: 0.28rem !important;
    font-size: 0.14rem !important;
  }
  .el-date-editor .el-range-separator {
    padding: 0 0.05rem !important;
    line-height: 0.32rem !important;
    font-size: 0.14rem !important;
  }
  .el-range-editor--medium .el-range__icon,
  .el-range-editor--medium .el-range__close-icon {
    line-height: 0.28rem !important;
  }
  .el-date-editor .el-range__close-icon {
    font-size: 0.14rem !important;
    width: 0.25rem !important;
    line-height: 0.32rem !important;
  }
  .el-popper[x-placement^="bottom"] {
    margin-top: 0.12rem !important;
  }
  .el-picker-panel {
    line-height: 0.3rem !important;
    margin: 0.05rem !important;
  }
  .el-picker-panel,
  .el-date-range-picker .el-picker-panel__body {
    // min-width: 5.13rem !important;
  }
  .el-date-picker {
    width: 3.22rem !important;
  }
  .el-date-range-picker__time-header {
    font-size: 0.12rem !important;
    padding: 0.08rem 0.05rem 0.05rem 0.05rem !important;
  }
  .el-date-range-picker__time-picker-wrap {
    padding: 0 0.05rem !important;
  }
  .el-date-range-picker .el-picker-panel__body {
    min-width: 5.13rem !important;
  }
  .el-date-range-picker {
    width: 6.46rem !important;
  }
  .el-date-editor--daterange.el-input,
  .el-date-editor--daterange.el-input__inner,
  .el-date-editor--timerange.el-input,
  .el-date-editor--timerange.el-input__inner {
    width: 3.5rem !important;
  }
  .el-date-editor--monthrange.el-input,
  .el-date-editor--monthrange.el-input__inner {
    width: 3rem !important;
  }
  .el-date-editor.el-input,
  .el-date-editor.el-input__inner {
    width: 2.2rem !important;
  }
  .el-year-table td {
    padding: 0.2rem 0.03rem !important;
  }
  .el-input--small {
    font-size: 0.13rem !important;
  }
  .el-input--small .el-input__inner {
    height: 0.32rem !important;
    line-height: 0.32rem !important;
  }
  .el-date-range-picker__content {
    padding: 0.16rem !important;
  }
  .el-date-range-picker__header {
    height: 0.28rem !important;
  }
  .el-picker-panel__icon-btn {
    font-size: 0.12rem !important;
    margin-top: 0.08rem !important;
  }
  .el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .el-date-range-picker__header div {
    font-size: 0.16rem !important;
  }
  .el-date-table {
    font-size: 0.12rem !important;
  }
  .el-date-table td span {
    width: 0.24rem !important;
    height: 0.24rem !important;
    line-height: 0.24rem !important;
  }
  .el-year-table td .cell {
    width: 0.48rem !important;
    height: 0.32rem !important;
    line-height: 0.32rem !important;
  }
  .el-year-table {
    font-size: 0.12rem !important;
    margin: -0.01rem !important;
  }
  .el-select-dropdown {
    margin: 0.05rem 0 !important;
    border-radius: 0.04rem !important;
  }
  .el-select-dropdown__wrap,
  .el-scrollbar__wrap {
    margin-bottom: -0.1rem !important;
    margin-right: -0.1rem !important;
  }
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    right: 0.2rem !important;
    font-size: 0.12rem !important;
  }
  .el-select-dropdown__wrap {
    max-height: 2.74rem !important;
  }
  .el-date-table td.start-date div {
    margin-left: 0.05rem !important;
    border-top-left-radius: 0.15rem !important;
    border-bottom-left-radius: 0.15rem !important;
  }
  .el-date-table td div {
    height: 0.3rem !important;
    padding: 0.03rem 0 !important;
  }
  table tr {
    height: 0.45rem !important;
  }
  .el-date-table td {
    width: 0.32rem !important;
    height: 0.3rem !important;
    padding: 0.04rem 0 !important;
    position: relative;
  }
  .el-pager li {
    padding: 0 0.04rem !important;
    font-size: 0.13rem !important;
    min-width: 0.355rem !important;
    height: 0.28rem !important;
    line-height: 0.28rem !important;
  }
  .el-picker-panel__footer {
    padding: 0.04rem !important;
  }
  .el-button--mini {
    padding: 0.07rem 0.15rem !important;
    font-size: 0.12rem !important;
    border-radius: 0.03rem !important;
  }
  .el-input__suffix {
    right: 0.05rem !important;
  }
  .el-select .el-input .el-select__caret {
    font-size: 0.14rem !important;
  }
  .el-select-dropdown__list {
    padding: 0.06rem 0 !important;
  }
  .el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 0.4rem !important;
  }
  .el-select-dropdown__item {
    font-size: 0.14rem !important;
    padding: 0 0.2rem !important;
    height: 0.34rem !important;
    line-height: 0.34rem !important;
  }
  .el-input--medium .el-input__inner {
    height: 0.36rem !important;
    line-height: 0.36rem !important;
  }
  .el-input--suffix .el-input__inner {
    padding: 0 0.3rem !important;
  }
  .el-input--medium {
    font-size: 0.14rem !important;
  }
  .el-select .el-tag {
    margin: 0.02rem 0 0.02rem 0.06rem !important;
  }
  .el-tag {
    height: 0.32rem !important;
    padding: 0 0.1rem !important;
    line-height: 0.3rem !important;
    font-size: 0.12rem !important;
  }
  .el-tag .el-icon-close {
    font-size: 0.12rem !important;
    height: 0.16rem !important;
    width: 0.16rem !important;
    line-height: 0.16rem !important;
    right: 0rem !important;
    top: -0.01rem !important;
  }
  .el-tag--small {
    height: 0.24rem !important;
    padding: 0 0.08rem !important;
    line-height: 0.22rem !important;
  }
  .el-button--medium {
    padding: 0.1rem 0.2rem !important;
    font-size: 0.14rem !important;
    border-radius: 0.04rem !important;
  }
  .el-table .el-table__header-wrapper th,
  .el-table .el-table__fixed-header-wrapper th {
    font-size: 0.13rem !important;
  }
  .el-table th.el-table__cell > .cell {
    padding-left: 0.1rem !important;
    padding-right: 0.1rem !important;
  }
  .el-table .cell {
    line-height: 0.23rem !important;
  }
  .el-table__empty-text {
    line-height: 0.6rem !important;
    font-size: 0.14rem !important;
  }
  .el-table--medium .el-table__cell {
    padding: 0.01rem 0 !important;
  }
  .el-table .cell {
    line-height: 0.23rem !important;
    padding-left: 0.1rem !important;
    padding-right: 0.1rem !important;
  }
  .el-table {
    font-size: 0.14rem !important;
  }
  .el-breadcrumb__separator {
    margin: 0 0.09rem !important;
    margin-right: 0.09rem !important;
    margin-left: 0.09rem !important;
  }
  .el-pagination span:not([class*="suffix"]),
  .el-pagination button {
    font-size: 0.13rem !important;
    min-width: 0.355rem !important;
    height: 0.28rem !important;
    line-height: 0.28rem !important;
  }
  .el-pagination .el-select .el-input {
    width: 1rem !important;
    margin: 0 0.05rem !important;
  }
  .el-pagination .el-select .el-input .el-input__inner {
    padding-right: 0.25rem !important;
    border-radius: 0.03rem !important;
  }
  .el-pagination__sizes .el-input .el-input__inner {
    font-size: 0.13rem !important;
    padding-left: 0.08rem !important;
  }
  .el-input--mini .el-input__inner {
    height: 0.28rem !important;
    line-height: 0.28rem !important;
  }
  .el-tree-node__label {
    font-size: 0.14rem !important;
  }
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .el-pager li {
    margin: 0 0.05rem !important;
    min-width: 0.3rem !important;
    border-radius: 0.02rem !important;
  }
  .pagination-container {
    padding: 0.32rem 0.16rem !important;
    height: 0.32rem !important;
    margin-bottom: 0.1rem !important;
    margin-top: 0.15rem !important;
  }
  .el-pagination .btn-prev .el-icon,
  .el-pagination .btn-next .el-icon {
    font-size: 0.12rem !important;
  }
  .el-pagination__jump {
    margin-left: 0.24rem !important;
  }
  .el-pagination__editor.el-input {
    width: 0.5rem !important;
  }
  .el-input--medium {
    font-size: 0.14rem !important;
  }
  .el-pagination__editor {
    line-height: 0.18rem !important;
    padding: 0 0.02rem !important;
    height: 0.28rem !important;
    margin: 0 0.02rem !important;
    margin-right: 0.02rem !important;
    margin-left: 0.02rem !important;
    border-radius: 0.03rem !important;
  }
  .el-tree-node__content {
    height: 0.26rem !important;
  }
  .el-tree-node__content > .el-tree-node__expand-icon {
    padding: 0.06rem !important;
  }
  .el-tree-node__expand-icon {
    font-size: 0.12rem !important;
  }
  .custom-tree-node {
    font-size: 0.14rem !important;
    padding-right: 0.08rem !important;
  }
  .el-form-item--small .el-form-item__label {
    line-height: 0.4rem !important;
  }
  .el-form-item__label {
    font-size: 0.14rem !important;
  }
  .el-date-picker__header-label {
    font-size: 0.16rem !important;
    padding: 0 0.05rem !important;
    line-height: 0.22rem !important;
  }
  .el-month-table td .cell {
    width: 0.6rem !important;
    height: 0.36rem !important;
    line-height: 0.36rem !important;
    border-radius: 0.18rem !important;
  }
  .el-month-table {
    font-size: 0.12rem !important;
  }
  .el-month-table td {
    padding: 0.08rem 0px !important;
  }
  .mb8 {
    margin-bottom: 0.08rem !important;
  }
  .el-month-table td div {
    height: 0.48rem !important;
    padding: 0.06rem 0 !important;
  }
  .el-date-picker .el-picker-panel__content {
    width: 2.92rem !important;
  }
  .el-cascader-panel {
    border-radius: 0.04rem !important;
    font-size: 0.14rem !important;
  }
  .el-cascader-menu {
    min-width: 1.8rem !important;
  }
  .el-cascader-menu__wrap {
    height: 2.04rem !important;
  }
  .el-cascader-menu__list {
    padding: 0.06rem 0 !important;
  }
  .el-cascader-node {
    padding: 0 0.3rem 0 0.2rem !important;
    height: 0.34rem !important;
    line-height: 0.34rem !important;
  }
  .el-checkbox {
    font-size: 0.14rem !important;
    margin-right: 0.03rem !important;
  }
  .el-cascader-node__label {
    padding: 0 0.1rem !important;
  }
  .el-checkbox__inner {
    border-radius: 0.02rem !important;
    width: 0.14rem !important;
    height: 0.14rem !important;
  }
  .el-checkbox__inner::after {
    height: 0.07rem !important;
    left: 0.04rem !important;
    top: 0.01rem !important;
  }
  .el-checkbox__inner::after {
    height: 0.07rem !important;
    left: 0.04rem !important;
    top: 0.01rem !important;
    width: 0.03rem !important;
  }
  .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    height: 0.02rem !important;
    top: 0.05rem !important;
  }
  .el-dialog {
    border-radius: 0.1rem !important;
    border: 0.02rem solid #005fbf !important;
  }
  .el-dialog__body {
    padding: 0.3rem 0.2rem !important;
    font-size: 0.14rem !important;
  }
  .el-form-item {
    margin-bottom: 0.22rem !important;
  }
  .el-dialog__title {
    width: 2.84rem !important;
    height: 0.45rem !important;
    font-size: 0.2rem !important;
    line-height: 0.25rem !important;
  }
  .el-dialog__footer {
    padding: 0.2rem !important;
    padding-top: 0.1rem !important;
  }
  .el-form-item__content {
    line-height: 0.4rem !important;
    font-size: 0.14rem !important;
  }
  .el-message-box__message p {
    line-height: 0.24rem !important;
  }
  .el-dialog .el-row {
    margin-bottom: 0.1rem !important;
  }
  .el-dialog__headerbtn {
    top: 0.32rem !important;
    right: 0.2rem !important;
    font-size: 0.16rem !important;
  }
  .el-dialog__header {
    padding: 0.2rem !important;
    padding-bottom: 0.1rem !important;
  }
  .el-dialog__headerbtn .el-dialog__close {
    font-size: 0.25rem !important;
  }
  .el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 0.3rem !important;
    padding: 0 0.17rem !important;
    font-size: 0.14rem !important;
  }
  .vue-treeselect--searchable .vue-treeselect__input-container {
    padding-left: 0.05rem !important;
    padding-right: 0.05rem !important;
  }
  .vue-treeselect__x-container,
  .vue-treeselect__control-arrow-container {
    width: 0.2rem !important;
  }
  .vue-treeselect__x {
    width: 0.08rem !important;
    height: 0.08rem !important;
  }
  .vue-treeselect__control-arrow,
  .vue-treeselect__option-arrow {
    width: 0.09rem !important;
    height: 0.09rem !important;
  }
  .vue-treeselect__option-arrow-container,
  .vue-treeselect__option-arrow-placeholder {
    width: 0.2rem !important;
  }
  .vue-treeselect div,
  .vue-treeselect span {
    line-height: 0.36rem !important;
  }
  .el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 0.24rem !important;
    padding: 0 0.1rem !important;
    font-size: 0.12rem !important;
  }
  // 弹框input宽度对齐
  .el-form-item--medium .el-form-item__content {
    width: 100%;
  }
}
@media (min-width: 2000px) {
  // 页面公共样式
  .analysis-table th {
    height: 0.5rem !important;
    font-size: 0.16rem !important;
  }
  .analysis-table td {
    font-size: 0.16rem !important;
  }
  .app-container .left-tree {
    width: 2.56rem !important;
    min-height: 8rem !important;
    padding: 0.15rem 0.1rem 0.1rem 0.1rem !important;
  }
  .app-container .right-monitor {
    width: calc(100% - 2.8rem) !important;
  }
  .buildingDiv {
    padding-left: 0.54rem !important;
    margin-bottom: 0.2rem !important;
    .title-bg {
      width: 2.08rem !important;
      height: 0.38rem !important;
    }
    .title-word {
      font-size: 0.24rem !important;
    }
  }
  .choice {
    margin-left: 0.42rem !important;
    .mr20 {
      font-size: 0.16rem !important;
      width: 0.48rem !important;
      border-radius: 0.14rem !important;
      margin-right: 0.1rem !important;
    }
  }
  .timeStyle {
    border-radius: 0.14rem !important;
  }
  .special-div {
    .special-top {
      padding: 0.04rem 0.26rem 0.04rem 0 !important;
      min-height: 0.37rem !important;
    }
    .special-top::after {
      height: 0.01rem !important;
      top: -0.03rem !important;
    }
    .special-top::before {
      height: 0.01rem !important;
      bottom: -0.03rem !important;
    }
    .special-title {
      padding-left: 0.36rem !important;
      font-size: 0.2rem !important;
      line-height: 0.23rem !important;
      background-size: 1.4rem 0.35rem !important;
      background-position: 0px -0.03rem !important;
    }
    .special-title::before {
      width: 0.34rem !important;
      height: 0.13rem !important;
    }
  }
  // 首页
  .project-data {
    margin: 0.16rem 0 !important;
  }
  .form-header {
    font-size: 0.15rem !important;
    margin: 0.08rem 0.1rem 0.25rem 0.1rem !important;
    padding-bottom: 0.05rem !important;
  }
}