feat: 修改背景样式

罗广辉

2026-01-21 d38770f158cd4b9efe2a37bdc357824136e02ffe

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

@@ -4,16 +4,20 @@
      v-model="visible"
      :title="titleEnum[dialogMode]"
      @closed="visible = false"
      :style="{ width: pxToRem(1216) }"
      width="80%"
      destroy-on-close
   >
      <div class="content" style="display: flex">
         <div class="processBox">
            <div v-for="(item, index) in processList">{{ index }}-{{ item.flowName }}{{ item.flowDesc }}</div>
            <el-steps direction="vertical" :active="processList.length">
               <el-step v-for="item in processList" :title="item.flowName" :description="item.flowDesc" />
            </el-steps>
            <!--            <div v-for="(item, index) in processList">{{ index }}-{{ item.flowName }}{{ item.flowDesc }}</div>-->
         </div>
         <div class="leftBox">
            <div class="detail-container" v-if="dialogReadonly">
               <el-row>
            <div v-if="dialogReadonly">
               <div class="detail-title">工单详情</div>
               <el-row class="detail-row-view">
                  <el-col :span="12">
                     <div class="label">工单名称</div>
                     <div class="val">{{ formData.workOrderName }}</div>
@@ -38,7 +42,8 @@
                     <div class="val">{{ formData.remark }}</div>
                  </el-col>
               </el-row>
               <el-table ref="deviceTableRef" :data="deviceList" row-key="id">
               <div class="detail-title" :style="{ marginTop: pxToRem(20) }">已选设备</div>
               <el-table class="setHeight" ref="deviceTableRef" :data="deviceList" row-key="id">
                  <el-table-column prop="nickname" label="设备名称" />
                  <el-table-column prop="deviceName" label="设备型号" />
                  <el-table-column prop="devicePayload" label="设备负载" />
@@ -129,7 +134,7 @@
            />
         </div>
         <div class="rightBox" v-if="!dialogReadonly">
            <div class="title">推荐设备</div>
            <div class="detail-title">推荐设备</div>
            <el-table ref="deviceTableRef" :data="deviceList" row-key="id" @selection-change="handleDeviceSelectionChange">
               <el-table-column type="selection" width="55" :reserve-selection="true" />
               <el-table-column prop="nickname" label="设备名称" />
@@ -140,7 +145,7 @@
      </div>

      <template #footer>
<!--         <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>-->
         <!--         <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>-->
         <el-button
            class="save-btn"
            color="#4C34FF"
@@ -182,7 +187,6 @@
               </el-button>
            </template>
         </template>

      </template>

      <RefuseOrderDialog
@@ -399,7 +403,7 @@
         material: Cesium.Color.RED,
      },
   })
   viewer.flyTo(mian)
   viewer.flyTo(mian, { duration: 0 })
}

// 同步关联场景
@@ -451,6 +455,8 @@
   .leftBox {
      width: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
      .gd-cesium {
         width: 100%;
         height: 423px;
@@ -464,4 +470,9 @@
      }
   }
}

.setHeight {
   max-height: 300px;
   min-height: 200px;
}
</style>