Merge remote-tracking branch 'origin/master'

张含笑

2026-01-21 9eb8bb59b802ceef1f52d334c8e577f2bf02c90e

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

@@ -1,5 +1,6 @@
//变量
$gd-placeholder: #86909C;
$form-bg: #F2F3F5;

.gd-table {
  height: 0;
@@ -77,16 +78,15 @@
  }
}


.gd-input {
  .el-input__wrapper,.el-textarea__inner {
  .el-input__wrapper, .el-textarea__inner {
    padding: 0 8px !important;
    background: #F2F3F5;
    background: $form-bg;
    box-shadow: none !important;
    border: none;
  }

  .el-input__inner,.el-textarea__inner {
  .el-input__inner, .el-textarea__inner {
    &::placeholder {
      color: $gd-placeholder;
    }
@@ -107,7 +107,7 @@

  .el-select__wrapper {
    padding: 0 8px;
    background: #DDE2ED;
    background: $form-bg;
    box-shadow: none !important;
    border: none;
    width: 100%;
@@ -141,7 +141,7 @@
}

.gd-tree-select-popper {
  background: #DDE2ED !important;
  background: $form-bg !important;
  border: none !important;

  .el-popper__arrow::before {
@@ -220,7 +220,7 @@

.gd-date-picker {
  box-shadow: none !important;
  background: #DDE2ED;
  background: $form-bg;
  border: none;
  border-radius: 5px;
  box-sizing: border-box !important;
@@ -458,11 +458,11 @@
  padding: 30px;
  display: flex;
  flex-direction: column;
  width: 770px;

  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px 6px 6px 6px;
  margin-top: 10vh !important;


  .el-dialog__header {
    span {
@@ -482,174 +482,53 @@
  }

  .el-dialog__body {
    height: 0;
    flex: 1;
    max-height: 70vh;
    min-height: 20vh;
    overflow: auto;

    .detail-container {
      padding: 0 10px;

      .detail-title {
        margin-bottom: 30px;
        font-family: Source Han Sans CN, Source Han Sans CN;
        font-weight: 500;
        font-size: 18px;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }

      .el-row {
        .el-col {
          margin-bottom: 20px;
          display: flex;
          align-items: center;

          .label {
            width: 88px;
            font-family: Source Han Sans CN, Source Han Sans CN;
            font-weight: 500;
            font-size: 14px;
            color: #86909C;
            line-height: 22px;
            text-align: right;
            font-style: normal;
            text-transform: none;
          }

          .val {
            margin-left: 12px;
            font-family: Source Han Sans CN, Source Han Sans CN;
            font-weight: 400;
            font-size: 14px;
            color: #4E5969;
            line-height: 22px;
            text-align: left;
            font-style: normal;
            text-transform: none;
          }
        }
      }


      .gd-table-container {
        height: 360px;

        .gd-pagination-parent {
          justify-content: center;
        }
      }
    .detail-title {
      margin-bottom: 20px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 14px;
      color: #161B2C;
    }

    .dialog-form {
      .el-form-item {
    // 查看
    .detail-row-view {
      background: #F2F3F5;
      border-radius: 2px 2px 2px 2px;
      gap: 20px 0;
      padding: 20px;

      .el-col {
        display: flex;
        align-items: center;
        margin-bottom: 0;

        .el-form-item__label {
          display: flex;
          align-items: center;
        .label {
          width: 88px;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 500;
          font-size: 14px;
          color: #4E5969;
          color: #86909C;
          line-height: 22px;
          text-align: right;
          font-style: normal;
          text-transform: none;
        }

        .el-form-item__content {
          display: flex;
          align-items: center;

          .el-input,
          .el-input-number {
            width: 0;
            flex: 1;
          }

          .el-cascader {
            width: 0;
            flex: 1;
            display: flex;
            align-items: center;
            border: none;

            .el-input__wrapper {
              box-shadow: none !important;
            }
          }

          .el-button {
            color: #fff;
            background: #DDE2ED !important;
            border: none;
            box-shadow: none;
          }

          .gd-date-picker {
            background: #DDE2ED;
          }

          .gd-date-picker-popper {
            background: #DDE2ED !important;

            .el-picker-panel {
              .el-picker-panel__body-wrapper {
                .el-picker-panel__body {
                  background: #DDE2ED !important;

                  .el-date-picker__time-header {

                    .el-date-picker__editor-wrap {
                      .el-time-panel {
                        background: #DDE2ED !important;

                        // 将 time-picker-popper 的样式移到这里
                        .el-time-panel__header {
                          background: #DDE2ED !important;
                        }
                      }
                    }
                  }
                }
              }
            }

            .el-popper__arrow {
              &::before {
                background: #DDE2ED !important;
                border: 1px solid #DDE2ED !important;
                box-sizing: border-box;
              }
            }
          }
        .val {
          margin-left: 12px;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 400;
          font-size: 14px;
          color: #4E5969;
          line-height: 22px;
          text-align: left;
          font-style: normal;
          text-transform: none;
        }

        .el-select {
          .el-select__wrapper {
            background: #F2F3F5;

            .el-select__suffix {
              .el-icon {
                color: #4E5969;
              }
            }
          }

          .el-select__placeholder {
            &.is-transparent {
              color: #86909C !important;
            }

            &.el-select__selected-item {
              color: #383874;
            }
          }
        }


      }
    }
  }
@@ -811,7 +690,6 @@

  .gd-select {
    .el-select__wrapper {
      background: #DDE2ED;
      width: 200px;
      height: 36px;
    }
@@ -822,37 +700,30 @@
    height: 36px;

    .el-input__wrapper {
      background: #DDE2ED;
    }

    &.is-disabled {
      .el-input__wrapper {
        background-color: #DDE2ED;
      }
    }
  }

  .gd-date-picker {
    background: #DDE2ED;
  }

  .gd-date-picker-popper {
    background: #DDE2ED !important;

    .el-picker-panel {
      .el-picker-panel__body-wrapper {
        .el-picker-panel__body {
          background: #DDE2ED !important;

          .el-date-picker__time-header {

            .el-date-picker__editor-wrap {
              .el-time-panel {
                background: #DDE2ED !important;

                // 将 time-picker-popper 的样式移到这里
                .el-time-panel__header {
                  background: #DDE2ED !important;
                }
              }
            }
@@ -917,99 +788,6 @@
  .el-button {
    width: 96px;
    height: 36px;
  }
}

.gd-dialog-form {
  .el-form-item {
    margin-left: 20px;
  }

  .el-form-item__label {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 14px;
    color: #C5C9D6;
    font-style: normal;
    text-transform: none;
  }

  .gd-input {
    .el-input__wrapper {
      background: #DDE2ED;
    }

    &.is-disabled {
      .el-input__wrapper {
        background-color: #DDE2ED;
      }
    }
  }

  .gd-date-picker {
    background: #DDE2ED;
  }

  .gd-date-picker-popper {
    background: #DDE2ED !important;

    .el-picker-panel {
      .el-picker-panel__body-wrapper {
        .el-picker-panel__body {
          background: #DDE2ED !important;

          .el-date-picker__time-header {

            .el-date-picker__editor-wrap {
              .el-time-panel {
                background: #DDE2ED !important;

                // 将 time-picker-popper 的样式移到这里
                .el-time-panel__header {
                  background: #DDE2ED !important;
                }
              }
            }
          }
        }
      }
    }

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

  .gd-search-actions {
    .el-button {
      width: 96px;
      background: transparent !important;
      border-radius: 4px 4px 4px 4px;
      border: 1px solid rgba(255, 255, 255, 0.3);

      .el-icon {
        font-size: 16px;
        color: #fff;
      }
    }
  }

  .el-input {
    width: 160px;
  }

  .el-date-editor {
    width: 226px;
  }

  .el-select {
    .el-select__wrapper {
      width: 160px;
    }
  }
}

@@ -1083,3 +861,5 @@
  }
}