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

shuishen

2026-01-27 0c92b4b83c19baeda3bbb383699959d1fa4f2cd7

 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>