feat: 滚动条

罗广辉

2026-01-26 565a878446f7f2b4f563dbcb8b31e29d16b1124c

feat: 滚动条

 applications/task-work-order/src/views/orderView/orderManage/inspectionRequest/ViewDiaLog.vue

@@ -182,6 +182,7 @@
                    </el-row>
                </el-form>

                <div class="detail-title" :style="{ marginTop: pxToRem(10) }">任务航线</div>
                <!-- 地图组件 -->
                <CommonCesiumMap
                    ref="mapRef"
@@ -439,7 +440,11 @@
        // 渲染起点（蓝色）
        const startPoint = list[0]
        viewer.entities.add({
            position: Cesium.Cartesian3.fromDegrees(Number(startPoint.longitude), Number(startPoint.latitude), startPoint.height || 0),
            position: Cesium.Cartesian3.fromDegrees(
                Number(startPoint.longitude),
                Number(startPoint.latitude),
                startPoint.height || 0
            ),
            point: {
                pixelSize: 12,
                color: Cesium.Color.BLUE,
@@ -451,7 +456,11 @@
        // 渲染终点（红色）
        const endPoint = list[list.length - 1]
        viewer.entities.add({
            position: Cesium.Cartesian3.fromDegrees(Number(endPoint.longitude), Number(endPoint.latitude), endPoint.height || 0),
            position: Cesium.Cartesian3.fromDegrees(
                Number(endPoint.longitude),
                Number(endPoint.latitude),
                endPoint.height || 0
            ),
            point: {
                pixelSize: 12,
                color: Cesium.Color.RED,
@@ -501,16 +510,27 @@
.content {
    display: flex;
    gap: 0 20px;
    height: 900px;

    .leftBox {
        width: 920px;
        flex: 1;
        overflow: auto;
        display: flex;
        flex-direction: column;
        .gd-cesium {
            padding-top: 10px;
            width: 100%;
            height: 423px;
            min-height: 400px;
            flex: 1;
        }
    }
    .processBox {
        margin-right: 20px;
        width: 312px;
        padding: 24px 0;
        border: 1px solid #e4e4e4;
        overflow: auto;

        .item-content {
            position: relative;
            .flowName {

 applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue

@@ -164,7 +164,7 @@
                <div class="detail-title" :style="{ marginTop: pxToRem(20) }">工单执行范围</div>
                <CommonCesiumMap
                    ref="mapRef"
                    class="leftMap gd-cesium"
                    class="gd-cesium"
                    :active="visible"
                    :flat-mode="false"
                    :terrain="true"
@@ -556,8 +556,8 @@
            position: position,
            billboard: {
                image: droneIcon,
                width: 20,
                height: 20,
                width: 30,
                height: 30,
                verticalOrigin: Cesium.VerticalOrigin.CENTER,
            },
            label: {
@@ -610,16 +610,19 @@
.content {
    display: flex;
    gap: 0 20px;
    height: 900px;

    .leftBox {
        width: 0;
        flex: 1;
        display: flex;
        overflow: auto;
        flex-direction: column;

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

@@ -636,7 +639,8 @@
        margin-right: 20px;
        padding: 24px 0;
        width: 312px;
        border: 1px solid #E4E4E4;
        border: 1px solid #e4e4e4;
        overflow: auto;

        .item-content {
            position: relative;