gongchunyi
8 天以前 375f541327db45fbffe1c36c1b2fee5ad9d088e7
src/views/equipmentManagement/upkeep/index.vue
@@ -1,8 +1,8 @@
<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="任务名称">
@@ -16,9 +16,9 @@
              />
            </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>
@@ -29,7 +29,7 @@
        </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">
                新增任务
@@ -58,8 +58,8 @@
            @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
@@ -82,7 +82,7 @@
      </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="设备名称">
@@ -131,7 +131,7 @@
        </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">
                新增计划
@@ -312,10 +312,10 @@
})
const multipleList = ref([])
// 定时任务管理tab相关变量
// 保养任务管理tab相关变量
const scheduledFilters = reactive({
  taskName: '',
  status: '',
  isActive: '',
})
const scheduledDataList = ref([])
@@ -326,7 +326,7 @@
})
const scheduledMultipleList = ref([])
// 定时任务管理表格列配置
// 保养任务管理表格列配置
const scheduledColumns = ref([
   { prop: "taskName", label: "设备名称"},
   {
@@ -375,6 +375,14 @@
      showOverflowTooltip: true,
   },
   { prop: "registrationDate", label: "登记日期", minWidth: 100 },
   {
      label: "任务状态",
      prop: "isActive",
      minWidth: 100,
      dataType: "slot",
      slot: "statusRef",
      align: "center",
   },
   {
      fixed: "right",
      label: "操作",
@@ -471,14 +479,14 @@
  }
}
// 定时任务管理相关方法
// 保养任务管理相关方法
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) {
@@ -492,7 +500,7 @@
const resetScheduledFilters = () => {
  scheduledFilters.taskName = ''
  scheduledFilters.status = ''
  scheduledFilters.isActive = ''
  getScheduledTableData()
}