| | |
| | | <el-input class="ztzf-input" v-model="searchForm.key_word" placeholder="请输入任务/机巢名称" clearable /> |
| | | </el-form-item> |
| | | <el-form-item label="关联算法"> |
| | | <el-select class="ztzf-select" v-model="searchForm.ai_types" placeholder="请选择"> |
| | | <el-select :teleported="false" class="ztzf-select" v-model="searchForm.ai_types" placeholder="请选择"> |
| | | <el-option v-for="item in taskAlgorithm" :key="item.id" :label="item.dictValue" :value="item.dictKey" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="任务状态"> |
| | | <el-select class="ztzf-select" v-model="searchForm.status" placeholder="请选择" clearable> |
| | | <el-select :teleported="false" class="ztzf-select" v-model="searchForm.status" placeholder="请选择" clearable> |
| | | <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="search-row"> |
| | | <el-form-item label="选择机巢"> |
| | | <el-select class="ztzf-select" v-model="searchForm.device_sn" placeholder="请选择"> |
| | | <el-select :teleported="false" class="ztzf-select" v-model="searchForm.device_sn" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in deviceList" |
| | | :label="item.nickname" |
| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-date-picker |
| | | popper-class="custom-date-picker" |
| | | class="ztzf-date-picker" |
| | | v-model="dateRange" |
| | | type="daterange" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="industry_type_str" label="任务类型" /> |
| | | <el-table-column prop="begin_time" label="任务时间" width="150" /> |
| | | <el-table-column prop="cycle_time_value" label="任务时间" width="150" /> |
| | | <el-table-column prop="event_number" label="关联事件"> |
| | | <template #default="scope"> |
| | | <span>{{ scope.row.event_number ? scope.row.event_number : '/' }}</span> |
| | |
| | | <CurrentTaskDetails |
| | | v-if="isShowCurrentTaskDetails" |
| | | v-model:show="isShowCurrentTaskDetails" |
| | | :id="currentTaskDetailsId" |
| | | :id="rowData.id" |
| | | /> |
| | | <!-- 历史任务详情 --> |
| | | <DeviceJobDetails |
| | | v-if="deviceJobDetailsShow" |
| | | v-model:show="deviceJobDetailsShow" |
| | | :wayLineJodInfoId="wayLineJodInfoId" |
| | | v-if="isShowDeviceJobDetails" |
| | | v-model:show="isShowDeviceJobDetails" |
| | | :wayLineJodInfoId="rowData.id" |
| | | /> |
| | | </template> |
| | | <script setup> |
| | |
| | | import { getMultipleDictionary } from '@/api/system/dictbiz' |
| | | import CurrentTaskDetails from '@/components/CurrentTaskDetails/CurrentTaskDetails.vue' |
| | | import DeviceJobDetails from '@/components/DeviceJobDetails/DeviceJobDetails.vue' |
| | | import { ElMessage } from 'element-plus' |
| | | const isShowDetailsDialog = defineModel('show') |
| | | const dateRange = ref('') |
| | | const searchForm = reactive({ |
| | |
| | | if (res.data.code !== 0) return |
| | | taskDetailData.value = res.data.data.records |
| | | total.value = res.data.data.total |
| | | |
| | | }) |
| | | } |
| | | // 机巢列表数据 |
| | |
| | | } |
| | | } |
| | | // 查看 |
| | | // 当前任务详情 1:待执行 2:执行中 |
| | | // 历史任务详情 3:已执行 5:执行失败 |
| | | const isShowCurrentTaskDetails = ref(false) |
| | | const currentTaskDetailsId = ref(null) |
| | | const deviceJobDetailsShow = ref(false) |
| | | const wayLineJodInfoId = ref(null) |
| | | const isShowDeviceJobDetails = ref(false) |
| | | let rowData = ref({}); |
| | | const viewDetail = row => { |
| | | if (row.status === 1 || row.status === 2) { |
| | | currentTaskDetailsId.value = row.id |
| | | isShowCurrentTaskDetails.value = true |
| | | } |
| | | if (row.status === 3 || row.status === 5) { |
| | | wayLineJodInfoId.value = row.id |
| | | deviceJobDetailsShow.value = true |
| | | if (!row.device_sns.length) return ElMessage.warning('没有device_sns'); |
| | | if (row.device_sns.length !== 1) return ElMessage.success('即将跳转到集群调度'); |
| | | rowData.value = row? row : {}; |
| | | if (row.status === 2 || row.status === 1){ |
| | | isShowCurrentTaskDetails.value = true; |
| | | } else{ |
| | | isShowDeviceJobDetails.value = true |
| | | } |
| | | } |
| | | onMounted(() => { |
| | |
| | | getDeviceList() |
| | | }) |
| | | </script> |
| | | <style lang="scss"> |
| | | /* 修改日期单元格背景色 */ |
| | | .custom-date-picker .el-picker-panel__body { |
| | | background: #012350 !important; |
| | | color: #fff !important; |
| | | } |
| | | |
| | | </style> |
| | | <style scoped lang="scss"> |
| | | .search-row { |
| | | display: flex; |