| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-tabs v-model="activeTab" @tab-change="handleTabChange"> |
| | | <!-- 定时任务管理tab --> |
| | | <el-tab-pane label="定时任务管理" name="scheduled"> |
| | | <!-- 保养任务管理tab --> |
| | | <el-tab-pane label="保养任务管理" name="scheduled"> |
| | | <div class="search_form"> |
| | | <el-form :model="scheduledFilters" :inline="true"> |
| | | <el-form-item label="任务名称"> |
| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="任务状态"> |
| | | <el-select v-model="scheduledFilters.status" placeholder="请选择任务状态" clearable style="width: 200px"> |
| | | <el-option label="启用" value="1" /> |
| | | <el-option label="停用" value="0" /> |
| | | <el-select v-model="scheduledFilters.isActive" placeholder="请选择任务状态" clearable style="width: 200px"> |
| | | <el-option label="启用" :value="1" /> |
| | | <el-option label="停用" :value="0" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | </div> |
| | | <div class="table_list"> |
| | | <div class="actions"> |
| | | <el-text class="mx-1" size="large">定时任务管理</el-text> |
| | | <el-text class="mx-1" size="large">保养任务管理</el-text> |
| | | <div> |
| | | <el-button type="primary" icon="Plus" @click="addScheduledTask"> |
| | | 新增任务 |
| | |
| | | @pagination="changeScheduledPage" |
| | | > |
| | | <template #statusRef="{ row }"> |
| | | <el-tag v-if="row.status === 1" type="success">启用</el-tag> |
| | | <el-tag v-if="row.status === 0" type="danger">停用</el-tag> |
| | | <el-tag v-if="row.isActive === 1" type="success">启用</el-tag> |
| | | <el-tag v-if="row.isActive === 0" type="danger">停用</el-tag> |
| | | </template> |
| | | <template #operation="{ row }"> |
| | | <el-button |
| | |
| | | </el-tab-pane> |
| | | |
| | | <!-- 任务记录tab(原设备保养页面) --> |
| | | <el-tab-pane label="任务记录" name="record"> |
| | | <el-tab-pane label="保养任务记录" name="record"> |
| | | <div class="search_form"> |
| | | <el-form :model="filters" :inline="true"> |
| | | <el-form-item label="设备名称"> |
| | |
| | | </div> |
| | | <div class="table_list"> |
| | | <div class="actions"> |
| | | <el-text class="mx-1" size="large">任务记录</el-text> |
| | | <el-text class="mx-1" size="large">保养任务记录</el-text> |
| | | <div> |
| | | <el-button type="success" icon="Van" @click="addPlan"> |
| | | 新增计划 |
| | |
| | | }) |
| | | const multipleList = ref([]) |
| | | |
| | | // 定时任务管理tab相关变量 |
| | | // 保养任务管理tab相关变量 |
| | | const scheduledFilters = reactive({ |
| | | taskName: '', |
| | | status: '', |
| | | isActive: '', |
| | | }) |
| | | |
| | | const scheduledDataList = ref([]) |
| | |
| | | }) |
| | | const scheduledMultipleList = ref([]) |
| | | |
| | | // 定时任务管理表格列配置 |
| | | // 保养任务管理表格列配置 |
| | | const scheduledColumns = ref([ |
| | | { prop: "taskName", label: "设备名称"}, |
| | | { |
| | |
| | | showOverflowTooltip: true, |
| | | }, |
| | | { prop: "registrationDate", label: "登记日期", minWidth: 100 }, |
| | | { |
| | | label: "任务状态", |
| | | prop: "isActive", |
| | | minWidth: 100, |
| | | dataType: "slot", |
| | | slot: "statusRef", |
| | | align: "center", |
| | | }, |
| | | { |
| | | fixed: "right", |
| | | label: "操作", |
| | |
| | | } |
| | | } |
| | | |
| | | // 定时任务管理相关方法 |
| | | // 保养任务管理相关方法 |
| | | const getScheduledTableData = async () => { |
| | | try { |
| | | const params = { |
| | | current: scheduledPagination.currentPage, |
| | | size: scheduledPagination.pageSize, |
| | | taskName: scheduledFilters.taskName || undefined, |
| | | status: scheduledFilters.status || undefined, |
| | | isActive: scheduledFilters.isActive !== '' ? scheduledFilters.isActive : undefined, |
| | | } |
| | | const { code, data } = await deviceMaintenanceTaskList(params) |
| | | if (code === 200) { |
| | |
| | | |
| | | const resetScheduledFilters = () => { |
| | | scheduledFilters.taskName = '' |
| | | scheduledFilters.status = '' |
| | | scheduledFilters.isActive = '' |
| | | getScheduledTableData() |
| | | } |
| | | |