| | |
| | | </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> |
| | | <el-table |
| | | :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> |
| | | |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { computed, ref, onMounted, nextTick } from 'vue' |
| | | import { computed, ref, nextTick } from 'vue' |
| | | import { ElMessage } from 'element-plus' |
| | | import { dateRangeFormat, fieldRules, flyVisual, geomAnalysis, getDictLabel } from '@ztzf/utils' |
| | | import { |
| | |
| | | let viewer |
| | | let drawPolygonExample |
| | | let pointList = ref([]) |
| | | const requester = inject('requester') |
| | | const suddenlyEdit = ref(false) |
| | | const processList = ref([]) |
| | | let viewPlane |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .el-table{ |
| | | height: 0; |
| | | flex: 1; |
| | | :deep(){ |
| | | .el-scrollbar__view{ |
| | | height: 100%; |
| | | } |
| | | .el-table__empty-text{ |
| | | line-height: normal; |
| | | } |
| | | } |
| | | } |
| | | .content { |
| | | display: flex; |
| | | gap: 0 20px; |
| | |
| | | |
| | | .rightBox { |
| | | width: 350px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 14px; |