feat: 流程管理

罗广辉

2026-01-30 559e8f771c283c19efec60c400a538824185bebf

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

@@ -67,7 +67,7 @@
                     <el-table-column prop="patrolTaskName" show-overflow-tooltip label="巡查任务名称" />
                     <el-table-column prop="patrolTaskType" show-overflow-tooltip label="巡查任务类型">
                        <template v-slot="{ row }">
                           {{ getDictLabel(row.patrolTaskType, dictObj.patrolTaskType) }}
                           {{ getDictLabel(row.patrolTaskType, dictObj.workOrderType) }}
                        </template>
                     </el-table-column>
                     <el-table-column prop="taskStatus" show-overflow-tooltip label="任务状态">
@@ -90,6 +90,7 @@
               :disabled="dialogReadonly"
               label-width="90px"
            >
               <div class="detail-title">工单详情</div>
               <el-row>
                  <el-col :span="12">
                     <el-form-item label="工单名称" prop="workOrderName">
@@ -161,7 +162,10 @@
                  </el-col>
               </el-row>
            </el-form>
            <div class="detail-title" :style="{ marginTop: pxToRem(20) }">工单执行范围</div>
            <div class="detail-title" :style="{ marginTop: pxToRem(20) }">
               <span class="required-star" v-if="!dialogReadonly">*</span>
               工单执行范围
            </div>
            <CommonCesiumMap
               ref="mapRef"
               class="gd-cesium"
@@ -175,21 +179,20 @@
            />
         </div>
         <div class="rightBox" v-if="!dialogReadonly">
            <div class="detail-title">推荐设备</div>
            <template v-if="formData.deviceLoadDemand && pointList.length">
               <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="设备名称" />
                  <el-table-column prop="deviceName" label="设备型号" />
                  <el-table-column prop="devicePayload" label="设备负载" />
               </el-table>
            </template>
            <div v-else class="tipSelect">请先选择设备需求并在地图上绘制工单范围</div>
            <div class="detail-title"><span class="required-star" v-if="!dialogReadonly">*</span>推荐设备</div>
            <el-table
               class="separateTable"
               :empty-text="(formData.deviceLoadDemand && pointList.length) ? '暂无数据' : '请先选择设备需求并在地图上绘制工单范围'"
               ref="deviceTableRef"
               :data="(formData.deviceLoadDemand && pointList.length) ? deviceList : []"
               row-key="id"
               @selection-change="handleDeviceSelectionChange"
            >
               <el-table-column type="selection" width="55" :reserve-selection="true" />
               <el-table-column prop="nickname" label="设备名称" />
               <el-table-column prop="deviceName" label="设备型号" />
               <el-table-column prop="devicePayload" label="设备负载" />
            </el-table>
         </div>
      </div>

@@ -637,6 +640,18 @@
</script>

<style lang="scss" scoped>
.separateTable{
   height: 0;
   flex: 1;
   :deep(){
      .el-scrollbar__view{
         height: 100%;
      }
      .el-table__empty-text{
         line-height: normal;
      }
   }
}
.content {
   display: flex;
   gap: 0 20px;
@@ -658,6 +673,8 @@

   .rightBox {
      width: 350px;
      display: flex;
      flex-direction: column;
      .title {
         font-weight: 500;
         font-size: 14px;
@@ -688,4 +705,9 @@
   height: 200px;
   line-height: 200px;
}

.required-star {
   color: #f56c6c;
   margin-right: 4px;
}
</style>