feat:巡查需求查看详情弹窗中调整

shuishen

2026-01-27 0c92b4b83c19baeda3bbb383699959d1fa4f2cd7

feat:巡查需求查看详情弹窗中调整

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

@@ -475,6 +475,7 @@
    .detail-container {
      display: flex;
      justify-content: space-between;
      height: 680px;

      .detail-left {
        margin-right: 20px;
@@ -484,16 +485,21 @@
      }

      .detail-right {
        &>div {
          .detail-title {
            margin: 10px 0;
          }
        width: 920px;
        flex: 1;
        overflow: auto;
        display: flex;
        flex-direction: column;

          &:first-child {
            .detail-title {
              margin-top: 0;
            }
          }
        .view-container {
          display: flex;
          flex-direction: column;
        }

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

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

@@ -5,11 +5,10 @@
        :title="titleEnum[dialogMode]"
        @closed="visible = false"
        destroy-on-close
        width="auto"
        :close-on-click-modal="false"
    >
        <div class="content" style="display: flex">
            <div class="processBox" v-if="dialogMode !== 'add' && processList.length">
        <div class="detail-container" style="display: flex">
            <div class="detail-left" v-if="dialogMode !== 'add' && processList.length">
                <el-timeline class="gd-timeline">
                    <el-timeline-item
                        v-for="(activity, index) in processList"
@@ -27,9 +26,10 @@
                    </el-timeline-item>
                </el-timeline>
            </div>
            <div class="leftBox">

            <div class="detail-right">
                <!-- 查看模式 -->
                <div class="detail-container" v-if="dialogReadonly">
                <div class="view-container" v-if="dialogReadonly">
                    <div class="detail-title">工单详情</div>
                    <el-row class="detail-row-view">
                        <el-col :span="12">
@@ -507,52 +507,4 @@
</script>

<style lang="scss" scoped>
.content {
    display: flex;
    gap: 0 20px;
    height: 680px;

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

        .item-content {
            position: relative;
            .flowName {
                width: 80px;
                position: absolute;
                left: -120px;
                top: 0px;
            }
        }
    }
    .imgBox {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        > div {
            width: calc((100% - 40px) / 5); /* 5列布局，减去4个10px间隙 */
            height: 110px;
            flex-shrink: 0;
        }
        .el-image {
            width: 100%;
            height: 100%;
        }
    }
}
</style>