feat:环境变量配置调整

shuishen

2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d

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

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

    color: #383874;
  }

  &.is-disabled {
@@ -38,6 +40,18 @@
      background: var(--bg);
    }
  }
}

.gd-button-main {
  --el-button-bg-color: #4C34FF;
  --el-button-text-color: #ffffff;
  --el-button-border-color: #4C34FF;
  --el-button-hover-bg-color: rgb(130, 113, 255);
  --el-button-hover-text-color: #ffffff;
  --el-button-hover-border-color: rgb(130, 113, 255);
  --el-button-active-bg-color: rgb(65, 46, 208);
  --el-button-active-border-color: rgb(65, 46, 208);
  color: #ffffff;
}

.gd-select {
@@ -110,6 +124,8 @@
    &::placeholder {
      color: var(--tips);
    }

    color: #383874;
  }

  .el-range-separator {
@@ -459,6 +475,39 @@
      color: #161B2C;
    }


    .detail-container {
      display: flex;
      justify-content: space-between;
      max-height: 680px;

      .detail-left {
        margin-right: 20px;
        width: 312px;
        padding: 24px;
        border: 1px solid #E4E4E4;
      }

      .detail-right {
        width: 920px;
        flex: 1;
        overflow: auto;
        display: flex;
        flex-direction: column;

        .view-container {
          display: flex;
          flex-direction: column;
        }

        .gd-cesium {
          width: 100%;
          min-height: 380px;
          flex: 1;
        }
      }
    }

    // 查看
    .detail-row-view {
      background: #F2F3F5;
@@ -474,6 +523,7 @@
        .label {
          display: inline-block;
          width: 88px;
          flex-shrink: 0;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 500;
          font-size: 14px;
@@ -486,6 +536,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;
@@ -495,13 +547,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;
        }
      }
    }
  }
@@ -514,15 +566,10 @@
      margin-left: 16px;
      width: 96px;
      height: 36px;
      color: #161B2C;

      &:first-child {
        margin-left: 0;
      }
    }

    .save-btn {
      color: #FFFFFF;
    }
  }
}
@@ -587,7 +634,10 @@
      position: relative;
      margin: 0 10px;
      min-width: 28px;
      color: #0075FF;

      span {
        color: #0075FF;
      }

      &:first-child {
        margin-left: 0;
@@ -978,14 +1028,199 @@
  }
}

.gd-tabs {
  .el-tabs__header {
    .el-tabs__item.is-active {
      color: #3247E5;
    }
.gd-dialog-table {
  background: transparent !important;

    .el-tabs__active-bar {
      background: #3247E5;
  tr {
    background: transparent !important;
  }

  tr.el-table__row {
    &:hover {
      background: #F7F8FC !important;
    }
  }
}

  th.el-table__cell {
    height: 40px;
    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: #86909C;
      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: #4E5969;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }

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

    a {
      display: flex;
      align-items: center;
      position: relative;
      margin: 0 10px;
      min-width: 28px;

      span {
        color: #0075FF;
      }

      &:first-child {
        margin-left: 0;
      }

      &::before {
        content: '';
        position: absolute;
        top: 50%;
        right: -10px;
        width: 1px;
        height: 12px;
        background: #BCC8E3;
        transform: translateY(calc(-50% - 1px));
      }

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

        &::before {
          display: none;
        }
      }
    }
  }

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

  .el-checkbox {
    width: 16px;
    height: 16px;

    .el-checkbox__input {
      width: 16px;
      height: 16px;

      .el-checkbox__inner {
        width: 16px;
        height: 16px;

        border: none;
        background: url("@/assets/images/common/n-checkbox.png") no-repeat center / 100% 100% !important;
      }
    }

    &.is-checked {
      .el-checkbox__input {
        .el-checkbox__inner {
          border: none;
          background: url("@/assets/images/common/checkbox.png") no-repeat center / 100% 100% !important;

          &::after {
            content: none;
          }
        }
      }
    }
  }

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

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

        background: #4C34FF;

        span {
          color: #fff;
        }
      }
    }
  }
}

.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;
  }
  .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;
      }
    }
  }
}