feat:调整加载

张含笑

2026-01-27 dd57e0e9a989e7ee8b3e3473a7ee6a1dff06a4ae

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

@@ -40,6 +40,18 @@
  }
}

.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 {
  --bg: #{$form-bg};
  --tips: #{$form-tips};
@@ -459,6 +471,39 @@
      color: #161B2C;
    }


    .detail-container {
      display: flex;
      justify-content: space-between;
      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;
@@ -514,15 +559,10 @@
      margin-left: 16px;
      width: 96px;
      height: 36px;
      color: #161B2C;

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

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

      span {
        color: #0075FF;
      }

      &:first-child {
        margin-left: 0;
@@ -988,4 +1031,151 @@
      background: #3247E5;
    }
  }
}

.gd-dialog-table {
  background: transparent !important;

  tr {
    background: transparent !important;
  }

  tr.el-table__row {
    &:hover {
      background: #F7F8FC !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;
    /* 按钮间距（推荐） */
    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;
        }
      }
    }
  }
}