| | |
| | | </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> |
| | | |
| | |
| | | </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; |