feat: 工单管理

罗广辉

2026-01-19 fb9fac92be242794c5ddb826fdb0700d372fbbd3

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

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

.gd-table {
  height: 0;
@@ -77,11 +78,10 @@
  }
}


.gd-input {
  .el-input__wrapper,.el-textarea__inner {
    padding: 0 8px !important;
    background: #F2F3F5;
    background: $form-bg;
    box-shadow: none !important;
    border: none;
  }
@@ -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;
@@ -562,94 +562,7 @@
        .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;
              }
            }
          }
        }

        .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 +724,6 @@

  .gd-select {
    .el-select__wrapper {
      background: #DDE2ED;
      width: 200px;
      height: 36px;
    }
@@ -822,37 +734,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 +822,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;
    }
  }
}