| | |
| | | <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="任务名称"> |
| | |
| | | </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"> |
| | | 新增任务 |
| | |
| | | </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: '', |
| | | isActive: '', |
| | |
| | | }) |
| | | const scheduledMultipleList = ref([]) |
| | | |
| | | // 定时任务管理表格列配置 |
| | | // 保养任务管理表格列配置 |
| | | const scheduledColumns = ref([ |
| | | { prop: "taskName", label: "设备名称"}, |
| | | { |
| | |
| | | } |
| | | } |
| | | |
| | | // 定时任务管理相关方法 |
| | | // 保养任务管理相关方法 |
| | | const getScheduledTableData = async () => { |
| | | try { |
| | | const params = { |