feat:任务工单管理子系统页面结构样式调整

shuishen

2026-01-16 19a8a9601842a42c026c5f74f540221ec3f72d69

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

@@ -8,6 +8,8 @@
// 地图编辑样式
@import './mapEdit.scss';

@import './common/cockpit.scss';

a {
  text-decoration: none;
  color: #333;
@@ -26,10 +28,11 @@
}

.avue-layout {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background: url("@/assets/images/layoutBg.png") no-repeat center / 100% 100%;
  background: #EBEEF4;
  overflow: hidden;

  &--horizontal {
@@ -56,21 +59,95 @@
      width: $sidebar_width
    }
  }

  > .layer-page-leaf-container {
    width: 179px;
    height: 100%;
    box-sizing: border-box;

    .avue-sidebar {
      display: flex;
      flex-direction: column;

      .avue-logo {
        height: 76px;
      }

      .footer {
        height: 102px;
        display: flex;
        align-items: center;
        justify-content: center;

        .avue-breadcrumb {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 36px;
          height: 36px;
          cursor: pointer;
        }
      }

      .el-menu-item,
      .el-sub-menu__title {
        height: 56px !important;
        line-height: 56px !important;
      }
    }
  }

  > .layer-page-right-container {
    padding: 0 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 0;
    flex: 1;
    height: 100%;
    box-sizing: border-box;

    .layer-content-bottom {
      width: 100%;
      height: 0;
      flex: 1;
    }
  }
}

.avue-contail {
  width: 100%;
  height: 100%;
  background: #f0f2f5;
  background-size: 100%;
  background-repeat: no-repeat;
}

.avue--collapse {
  
  .avue-layout {
    > .layer-page-leaf-container {
      width: 53px;
      height: 100%;

  .avue-sidebar,
  .avue-logo {
    width: $sidebar_collapse;
      .avue-sidebar {
        width: 100%;

        .el-menu--collapse {
          width: 100%;

          .el-sub-menu__title {
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;

            i {
              margin-right: 0;
            }
          }
        }
      }
    }
  }
}

@@ -122,7 +199,7 @@
  bottom: 0;
}

.ztzf-cesium {
.work-cesium {
  .cesium-viewer {
    height: 100%;
    overflow: hidden;
@@ -191,7 +268,7 @@
  }
}

.ztzf-cesium {
.work-cesium {
  .cesium-viewer {
    height: 100%;
    overflow: hidden;