| | |
| | | </el-row> |
| | | <div class="detail-title" :style="{ marginTop: pxToRem(20) }">已选设备</div> |
| | | <el-table class="setHeight gd-dialog-table" ref="deviceTableRef" :data="deviceList" row-key="id"> |
| | | <el-table-column type="index" label="序号" /> |
| | | <el-table-column prop="nickname" label="设备名称" /> |
| | | <el-table-column prop="deviceName" label="设备型号" /> |
| | | <el-table-column prop="devicePayload" label="设备负载" /> |
| | |
| | | /> |
| | | </div> |
| | | <div class="rightBox" v-if="!dialogReadonly"> |
| | | <div class="detail-title"><span class="required-star" v-if="!dialogReadonly">*</span>推荐设备</div> |
| | | <div class="detail-title"> |
| | | <span class="required-star" v-if="!dialogReadonly">*</span> |
| | | 推荐设备 |
| | | </div> |
| | | <el-table |
| | | class="separateTable" |
| | | :empty-text="(formData.deviceLoadDemand && pointList.length) ? '暂无数据' : '请先选择设备需求并在地图上绘制工单范围'" |
| | | :empty-text=" |
| | | formData.deviceLoadDemand && pointList.length ? '暂无数据' : '请先选择设备需求并在地图上绘制工单范围' |
| | | " |
| | | ref="deviceTableRef" |
| | | :data="(formData.deviceLoadDemand && pointList.length) ? deviceList : []" |
| | | :data="formData.deviceLoadDemand && pointList.length ? deviceList : []" |
| | | row-key="id" |
| | | @selection-change="handleDeviceSelectionChange" |
| | | > |
| | |
| | | </div> |
| | | |
| | | <template #footer> |
| | | <el-button |
| | | v-if="['11', '21', '23','31', '60'].includes(gdStatus)" |
| | | @click="viewDescription" |
| | | color="#F2F3F5" |
| | | > |
| | | <el-button v-if="['11', '21', '23', '31', '60'].includes(gdStatus)" @click="viewDescription" color="#F2F3F5"> |
| | | {{ gdStatusObj[gdStatus]?.reason }} |
| | | </el-button> |
| | | |
| | |
| | | <el-button |
| | | color="#4C34FF" |
| | | @click="requestModification" |
| | | v-if="['20'].includes(gdStatus) && permission.order_applyNegotiation" |
| | | v-if="['20'].includes(gdStatus) && permission.order_applyEdit" |
| | | > |
| | | 申请修改 |
| | | </el-button> |
| | |
| | | const hasPatrolTaskList = computed(() => ['30', '40', '50', '60'].includes(String(formData.value.workOrderStatus))) |
| | | |
| | | const gdStatusObj = { |
| | | '10': { reason: '拒单原因', operationType: '2' }, |
| | | '10': { reason: '拒单原因', operationType: '2', title: '拒绝接单' }, |
| | | '11': { reason: '拒单原因' }, |
| | | '20': { reason: '取消原因', operationType: '3' }, |
| | | '21': { reason: '取消原因'}, |
| | | '20': { reason: '取消原因', operationType: '3',title:'申请取消' }, |
| | | '21': { reason: '取消原因' }, |
| | | '23': { reason: '取消原因' }, |
| | | '30': { reason: '协商修改原因', operationType: '9' }, |
| | | '31': { reason: '协商修改原因' }, |
| | | '30': { reason: '修改原因', operationType: '9',title:'协商修改' }, |
| | | '31': { reason: '修改原因' }, |
| | | '40': { reason: '' }, |
| | | '50': { reason: '情况说明', operationType: '11' }, |
| | | '50': { reason: '情况说明', operationType: '11',title:'结算' }, |
| | | '60': { reason: '情况说明' }, |
| | | } |
| | | |
| | |
| | | row: formData.value, |
| | | type: gdStatusObj[gdStatus.value].operationType, |
| | | formLabel: gdStatusObj[gdStatus.value].reason, |
| | | title: gdStatusObj[gdStatus.value]?.title || '新增' |
| | | }) |
| | | }) |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .separateTable{ |
| | | .separateTable { |
| | | height: 0; |
| | | flex: 1; |
| | | :deep(){ |
| | | .el-scrollbar__view{ |
| | | :deep() { |
| | | .el-scrollbar__view { |
| | | height: 100%; |
| | | } |
| | | .el-table__empty-text{ |
| | | .el-table__empty-text { |
| | | line-height: normal; |
| | | } |
| | | } |