标段筛选去重

gjj

2025-03-18 850fbeddcd514476756acde45c3136eabe087240

 src/assets/css/element-ui-override.scss

@@ -1,140 +1,123 @@
/*覆盖element-ui自带的样式放在该文件中*/

.el-input {
  height: 34px;
    height: 34px;
}

.el-input__inner {
  padding-left: 15px;
  height: 34px;
  border-radius: 0;
  border: 0;
  background: #313847;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
  color: #ffffff;
    padding-left: 15px;
    height: 34px;
    border-radius: 0;
    border: 0;
    background: #313847;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 600;
    color: #ffffff;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
    position: absolute;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.3s;
}

.el-loading-spinner .circular {
  margin: auto;
    margin: auto;
}

.el-table {
  background-color: #000a1f;

  &::before {
    background-color: unset;
  }

  .el-table__header {
    thead {
      color: #fff;

      tr {
        border-bottom: unset;

        th.el-table__cell.is-leaf {
          border-bottom: unset;
        }

        th {
          font-weight: 600;
        }

        .el-table__cell {
          padding: 6px 0;
          background-color: #5e616e;
        }
      }
    background-color: #000a1f;
    &::before {
        background-color: unset;
    }
  }
  
  .el-table__body {
    tbody {
      tr.el-table__row {
        background-color: #000a1f;
        color: #fff;
        font-weight: 600;
        td.el-table__cell {
          padding: 0;
          border-bottom: unset;
    .el-table__header {
        thead {
            color: #fff;
            tr {
                border-bottom: unset;
                th.el-table__cell.is-leaf {
                    border-bottom: unset;
                }
                th {
                    font-weight: 600;
                }
                .el-table__cell {
                    padding: 6px 0;
                    background-color: #5e616e;
                }
            }
        }
        &:hover {
          td.el-table__cell {
            background-color: rgba(255, 255, 255, 0.1);
          }
        }
      }
    }
  }

  // &--striped {
  //   .el-table__body {
  //     tr.el-table__row--striped {
  //       td.el-table__cell {
  //         background-color: rgba(255, 255, 255, 0.1);
  //       }
  //     }
  //   }
  // }
    .el-table__body {
        tbody {
            tr.el-table__row {
                background-color: #000a1f;
                color: #fff;
                font-weight: 600;
                td.el-table__cell {
                    padding: 0;
                    border-bottom: unset;
                }
                &:hover {
                    td.el-table__cell {
                        background-color: rgba(255, 255, 255, 0.1);
                    }
                }
            }
        }
    }
    // &--striped {
    //   .el-table__body {
    //     tr.el-table__row--striped {
    //       td.el-table__cell {
    //         background-color: rgba(255, 255, 255, 0.1);
    //       }
    //     }
    //   }
    // }
}

.el-pagination {
  &.is-background {
    .el-pager li {
      background-color: rgba(233, 234, 240, 0.1);
      color: #fefefe;
      &:not(.disabled).active {
        background-color: #3661eb;
      }
    &.is-background {
        .el-pager li {
            background-color: rgba(233, 234, 240, 0.1);
            color: #fefefe;
            &:not(.disabled).active {
                background-color: #3661eb;
            }
        }
        .btn-prev {
            background-color: #3661eb;
            color: #fff;
            &:disabled {
                background-color: rgba(54, 97, 235, 0.5);
                color: rgba(246, 247, 250, 0.5);
            }
        }
        .btn-next {
            background-color: #3661eb;
            color: #f6f7fa;
            &:disabled {
                background-color: rgba(54, 97, 235, 0.5);
                color: rgba(246, 247, 250, 0.5);
            }
        }
    }

    .btn-prev {
      background-color: #3661eb;
      color: #fff;
      &:disabled {
        background-color: rgba(54, 97, 235, 0.5);
        color: rgba(246, 247, 250, 0.5);
      }
    }

    .btn-next {
      background-color: #3661eb;
      color: #f6f7fa;
      &:disabled {
        background-color: rgba(54, 97, 235, 0.5);
        color: rgba(246, 247, 250, 0.5);
      }
    }
  }
}

.el-select,
.el-input__inner{
  height: 32px;
  line-height: 32px;
  background: rgba(255,255,255,0.15);
  color: #fff;
  border: none;
  outline: none;
}
 //未选中框时右侧文字
  .el-checkbox__label{
.el-input__inner {
    height: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
 }
 //选中框时右侧文字
  .el-checkbox__input.is-checked+.el-checkbox__label{
   color: #fff;
 }
    border: none;
    outline: none;
}