吉安感知网项目-前端
shuishen
2026-03-05 d75d83bd2a1f4e13634f84f8a4de1f7457187b2b
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,8 @@
    &::placeholder {
      color: var(--tips);
    }
    color: #383874;
  }
  &.is-disabled {
@@ -52,6 +55,11 @@
  color: #ffffff;
}
.gd-select,.gd-input,.gd-input-text,.gd-date-picker{
  .is-disabled{
    opacity: 0.6;
  }
}
.gd-select {
  --bg: #{$form-bg};
  --tips: #{$form-tips};
@@ -122,6 +130,8 @@
    &::placeholder {
      color: var(--tips);
    }
    color: #383874;
  }
  .el-range-separator {
@@ -475,7 +485,7 @@
    .detail-container {
      display: flex;
      justify-content: space-between;
      height: 680px;
      max-height: 680px;
      .detail-left {
        margin-right: 20px;
@@ -518,7 +528,8 @@
        .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;
          font-size: 14px;
@@ -531,6 +542,8 @@
        .val {
          margin-left: 12px;
          flex: 1;
          overflow: hidden;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 400;
          font-size: 14px;
@@ -540,13 +553,13 @@
          font-style: normal;
          text-transform: none;
        }
      }
    }
    .el-upload {
      button {
        background: #4C34FF;
        border: none;
        .val-long {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer;
        }
      }
    }
  }
@@ -713,7 +726,7 @@
}
.gd-pagination-parent {
  padding-top: 30px;
  margin: 16px 0;
  display: flex;
  justify-content: flex-end;
@@ -802,7 +815,13 @@
    color: #4E5969;
  }
  .el-message-box__container {
    display: flex;
    justify-content: center;
  }
  .el-message-box__btns {
    padding-top: 10px;
    display: flex;
    justify-content: center;
@@ -831,7 +850,7 @@
}
.gd-search-form {
  padding-bottom: 20px;
  padding-bottom: 15px;
  display: flex;
  .el-form-item__label {
@@ -910,7 +929,7 @@
}
.gd-table-container {
  padding: 12px 20px 30px 20px;
  padding: 25px 20px 1px;
  height: 0;
  flex: 1;
  display: flex;
@@ -931,12 +950,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;
  }
@@ -1021,18 +1052,6 @@
  }
}
.gd-tabs {
  .el-tabs__header {
    .el-tabs__item.is-active {
      color: #3247E5;
    }
    .el-tabs__active-bar {
      background: #3247E5;
    }
  }
}
.gd-dialog-table {
  background: transparent !important;
@@ -1048,14 +1067,14 @@
  th.el-table__cell {
    height: 40px;
    border-bottom: 1px solid #DBDFF1 !important;
    border-bottom: 1px solid #E5E6EB !important;
    .cell {
      padding: 0 0 0 16px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #9292C1;
      color: #86909C;
      text-align: left;
      font-style: normal;
      text-transform: none;
@@ -1071,7 +1090,7 @@
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #383874;
      color: #4E5969;
      text-align: left;
      font-style: normal;
      text-transform: none;
@@ -1164,18 +1183,93 @@
.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;
        }
      }
    }
  }
}
}
.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;
  // }
  // .el-form-item:nth-last-child(2) {
  //   margin-bottom: 0;
  // }
  //  .el-form-item:nth-last-child(1) {
  //   margin-bottom: 0;
  // }
  .gd-select {
    .el-select__wrapper {
      height: 36px;
    }
  }
  .gd-date-picker {
    height: 36px;
  }
  .gd-input {
    height: 36px;
  }
  .gd-upload-btn {
    height: 36px;
  }
  .el-input,
  .el-input-number {
    min-width: 200px;
    flex: 1;
    .el-input__wrapper {
      padding: 0 8px;
    }
    .el-input__inner {
      text-align: left;
      color: #383874;
      &::placeholder {
        text-align: left;
      }
    }
  }
}