feat: 进度条

罗广辉

2026-01-23 426ab4e0372764a5b7e37989893888f0c87f1eb3

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

@@ -1,9 +1,8 @@
//变量
$form-bg: #F2F3F5;
$form-tips: #86909C;
//灰色变量
$form-bg-gray: #DDE2ED;
$form-tips-gray: #A1A3D4;


.gd-input {
  --el-input-bg-color: #{$form-bg};
@@ -88,83 +87,6 @@
  }
}


.gd-table {
  height: 0;
  flex: 1;
  background: transparent !important;

  .el-table--border .el-table__inner-wrapper:after,
  .el-table--border:after,
  .el-table--border:before,
  .el-table__inner-wrapper:before {
    height: 0;
  }

  tr {
    background: transparent !important;
  }

  th.el-table__cell {
    height: 40px;
    border-bottom: 1px solid #DBDFF1 !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;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

  td.el-table__cell {
    padding: 9px 0;
    height: 56px;

    .cell {
      padding: 0 0 0 16px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #383874;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

  td.operation-btns .cell {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    /* 按钮间距（推荐） */
    white-space: nowrap;
    /* 双保险 */

    a {
      min-width: 28px;
      color: #0075FF;

      &:last-child {
        margin-right: 0;
      }
    }
  }

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

  .fixed-column {
    background-color: #1A1A2A !important;
  }
}

.gd-tree-select-popper {
  background: $form-bg !important;
  border: none !important;
@@ -242,7 +164,6 @@
    }
  }
}


.gd-date-picker-popper {
  background: #DDE2ED !important;
@@ -556,6 +477,82 @@
  }
}

.gd-table {
  height: 0;
  flex: 1;
  background: transparent !important;

  .el-table--border .el-table__inner-wrapper:after,
  .el-table--border:after,
  .el-table--border:before,
  .el-table__inner-wrapper:before {
    height: 0;
  }

  tr {
    background: transparent !important;
  }

  th.el-table__cell {
    height: 40px;
    border-bottom: 1px solid #DBDFF1 !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;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

  td.el-table__cell {
    padding: 9px 0;
    height: 56px;

    .cell {
      padding: 0 0 0 16px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #383874;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

  td.operation-btns .cell {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    /* 按钮间距（推荐） */
    white-space: nowrap;
    /* 双保险 */

    a {
      min-width: 28px;
      color: #0075FF;

      &:last-child {
        margin-right: 0;
      }
    }
  }

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

  .fixed-column {
    background-color: #1A1A2A !important;
  }
}

.gd-pagination-parent {
  padding-top: 30px;
  display: flex;
@@ -700,44 +697,6 @@
  .gd-input {
    width: 200px;
    height: 36px;

    .el-input__wrapper {
    }

    &.is-disabled {
      .el-input__wrapper {
      }
    }
  }

  .gd-date-picker-popper {

    .el-picker-panel {
      .el-picker-panel__body-wrapper {
        .el-picker-panel__body {

          .el-date-picker__time-header {

            .el-date-picker__editor-wrap {
              .el-time-panel {

                // 将 time-picker-popper 的样式移到这里
                .el-time-panel__header {
                }
              }
            }
          }
        }
      }
    }

    .el-popper__arrow {
      &::before {
        background: #DDE2ED !important;
        border: 1px solid #DDE2ED !important;
        box-sizing: border-box;
      }
    }
  }

  .gd-search-actions {
@@ -860,5 +819,36 @@
  }
}



.gd-timeline{
  padding-left: 120px;
  .el-timeline-item {
    height: 120px;
    &:nth-last-child(1){
      height: auto;
    }
    .el-timeline-item__tail {
      left: 15px;
      transform: translate(-15px);
      border-left-color: #4c34ff;
    }
    .el-timeline-item__node {
      width: 32px;
      height: 32px;
      background-color: #161b2c;
      transform: translate(-15px);
      &.el-timeline-item__node--success {
        background-color: #4c34ff;
      }
      .el-timeline-item__icon {
        font-size: 22px;
      }
    }
    .el-timeline-item__wrapper {
      top: 5px;
      font-size: 16px;
      .el-timeline-item__timestamp {
        margin-top: 20px;
      }
    }
  }
}