feat: 固定

罗广辉

46 mins ago fb4aa08434de949bfc1b5180331b9f8c2ed508e2

 applications/task-work-order/src/styles/common/cockpit.scss

@@ -10,7 +10,8 @@
$search-item-symbol-bg: #fff;
$search-item-symbol-txt: #4E5969;

.gd-input {
.gd-input,
.gd-input-text {
  --bg: #{$form-bg};
  --tips: #{$form-tips};

@@ -31,6 +32,7 @@
    &::placeholder {
      color: var(--tips);
    }

    color: #383874;
  }

@@ -53,7 +55,13 @@
  color: #ffffff;
}

.gd-select {
.gd-select,.gd-input,.gd-input-text,.gd-date-picker,.gd-cascader{
  .is-disabled{
    opacity: 0.6;
  }
}
.gd-select,
.gd-cascader {
  --bg: #{$form-bg};
  --tips: #{$form-tips};

@@ -62,14 +70,16 @@
    --tips: #{$form-tips-gray};
  }

  .el-select__wrapper {
  .el-select__wrapper,
  .el-input__wrapper {
    padding: 0 8px;
    background: var(--bg);
    box-shadow: none !important;
    border: none;
    min-height: 36px; // 确保最小高度一致


    .el-select__suffix {
    .el-select__suffix,
    .el-input__suffix {
      .el-icon {
        color: $search-item-icon-color;
      }
@@ -84,6 +94,17 @@
    &.el-select__selected-item {
      color: #383874;
    }
  }

  .el-input__inner {
    height: 100%; // 让内部 input 撑满
    line-height: 36px;
    height: 36px !important;
    &::placeholder {
      color: var(--tips);
    }

    color: #383874;
  }
}

@@ -123,6 +144,7 @@
    &::placeholder {
      color: var(--tips);
    }

    color: #383874;
  }

@@ -520,7 +542,7 @@

        .label {
          display: inline-block;
          width: 88px;
          min-width: 88px;
          flex-shrink: 0;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 500;
@@ -552,13 +574,6 @@
          white-space: nowrap;
          cursor: pointer;
        }
      }
    }

    .el-upload {
      button {
        background: #4C34FF;
        border: none;
      }
    }
  }
@@ -671,7 +686,8 @@

  th.el-table__cell:not(.fixed-column),
  td.el-table__cell:not(.fixed-column) {
    background: transparent !important;
    // background: transparent !important;
    background: white !important;
  }

  .el-checkbox {
@@ -725,7 +741,7 @@
}

.gd-pagination-parent {
  padding-top: 30px;
  margin: 16px 0;
  display: flex;
  justify-content: flex-end;

@@ -814,7 +830,13 @@
    color: #4E5969;
  }

  .el-message-box__container {
    display: flex;
    justify-content: center;
  }

  .el-message-box__btns {
    padding-top: 10px;
    display: flex;
    justify-content: center;

@@ -843,7 +865,7 @@
}

.gd-search-form {
  padding-bottom: 20px;
  padding-bottom: 15px;
  display: flex;

  .el-form-item__label {
@@ -859,8 +881,10 @@
    line-height: 36px;
  }

  .gd-select {
    .el-select__wrapper {
  .gd-select,
  .gd-cascader {
    .el-select__wrapper,
    .el-input__wrapper {
      width: 200px;
      height: 36px;
    }
@@ -922,7 +946,7 @@
}

.gd-table-container {
  padding: 12px 20px 30px 20px;
  padding: 25px 20px 1px;
  height: 0;
  flex: 1;
  display: flex;
@@ -943,12 +967,24 @@
  padding-bottom: 20px;

  .el-button {
    min-width: 88px;
    padding: 4px 16px;
    color: #383874;
    border: none;
    height: 32px;
  }

  .el-button:first-child {
    color: #FFFFFF;
  }

  .el-button.is-disabled,
  .el-button.is-disabled:hover {
    background: #ECECF4;
    border: none;
  }

  .el-button:first-child.is-disabled,
  .el-button:first-child.is-disabled:hover {
    background: #4C34FF;
    border: none;
  }
@@ -966,12 +1002,14 @@
            color: $search-item-symbol-txt;

            &.hover {
              background-color: rgba(0, 120, 233, 0.63) !important;
              // background-color: rgba(0, 120, 233, 0.63) !important;
              color: #383874;
            }

            &.selected {
              color: #8ac3fd !important;
            &.selected,
            &.is-selected {
              // color: #8ac3fd !important;
              color: #383874;
              font-weight: 700;
            }
          }
@@ -980,14 +1018,55 @@
    }

    .el-select-dropdown__empty {
      background: $form-bg;
      background: $search-item-symbol-bg;
      border-radius: 0px 0px 8px 8px;
    }
  }

  .el-popper__arrow::before {
    background: $form-bg !important;
    border: 1px solid #F2F3F5 !important;
    background: $search-item-symbol-bg !important;
    border: 1px solid $search-item-symbol-bg !important;
  }
}

.gd-cascader-popper {
  border: none;
  background: $search-item-symbol-bg !important;

  .el-cascader-panel {
    background: transparent !important;
  }

  .el-cascader-menu {
    background: transparent !important;
    border-right: 1px solid #DDE2ED !important;
    color: $search-item-symbol-txt;

    &:last-child {
      border-right: none !important;
    }

    .el-cascader-node {
      color: $search-item-symbol-txt;

      &.is-selectable.in-active-path,
      &.in-active-path,
      &:hover {
        // background-color: rgba(0, 120, 233, 0.63) !important;
        color: #383874;
      }

      &.is-active {
        color: #383874;
        // color: #8ac3fd !important;
        font-weight: 700;
      }
    }
  }

  .el-popper__arrow::before {
    background: $search-item-symbol-bg !important;
    border: 1px solid $search-item-symbol-bg !important;
  }
}

@@ -1029,18 +1108,6 @@
      .el-timeline-item__timestamp {
        margin-top: 20px;
      }
    }
  }
}

.gd-tabs {
  .el-tabs__header {
    .el-tabs__item.is-active {
      color: #3247E5;
    }

    .el-tabs__active-bar {
      background: #3247E5;
    }
  }
}
@@ -1176,16 +1243,39 @@

.el-popper {
  .el-menu--popup-container {
    .el-menu--popup {
      min-width: auto !important;
    }

    .el-menu {
      .el-menu-item {
        margin: 0 12px !important;
        margin-top: 14px !important;
        padding: 0 12px !important;
        display: flex;
        justify-content: center;
        height: 36px;
        background: transparent !important;

        .el-icon-menu {
          display: none;
        }

        &:first-child {
          margin-top: 0 !important;
        }
      }

      .el-menu-item.is-active {
        &::before {
          display: none;
        }

        background: #4C34FF;
        background: #F6F6FC !important;
        border-radius: 8px 8px 8px 8px;

        span {
          color: #fff;
          color: #384CFF;
        }
      }
    }
@@ -1193,21 +1283,43 @@
}

.gd-dialog-form {
  // 最后一排不需要设置 margin-bottom
  // border: 1px solid red;
  // 倒数第二个也设置为0
  // .el-col:nth-last-child(2) {
  //   margin-bottom: 0;
  // }
  // .el-col:nth-last-child(1) {
  //   margin-bottom: 0;
  // }
  .gd-select,
  .gd-cascader {
    .el-select__wrapper,
    .el-input__wrapper {
      height: 36px;
    }
  }

  // .el-form-item:nth-last-child(2) {
  //   margin-bottom: 0;
  // }
  //  .el-form-item:nth-last-child(1) {
  //   margin-bottom: 0;
  // }
  
}
  .gd-date-picker {
    height: 36px;
  }
  .gd-input {
    height: 36px;
  }
  .gd-upload-btn {
    height: 36px;
  }
  .el-input,
  .el-input-number,
  .el-cascader,
  .el-select {
    min-width: 200px;
    flex: 1;
    width: 100%; // 确保占满容器

    .el-input__wrapper,
    .el-select__wrapper {
      padding: 0 8px;
    }

    .el-input__inner {
      text-align: left;
      color: #383874;

      &::placeholder {
        text-align: left;
      }
    }
  }
}