天津_意博凯信 1.备件管理-新增独立备件出库功能入口，支持直接完成备件领用出库操作。 2.设备保养-支持按日期分组折叠展示，分组条目可展开查看明细；...

gaoluyang

2026-08-07 73d112ddc9bdfeb7eaaf3b7308cfb4dbeb470c89

 src/views/equipmentManagement/upkeep/index.vue

@@ -1,310 +1,429 @@
<template>
  <div class="app-container">
    <el-tabs v-model="activeTab" @tab-change="handleTabChange">
      <!-- 定时任务管理tab -->
      <el-tab-pane label="定时任务管理" name="scheduled">
        <div class="search_form">
          <el-form :model="scheduledFilters" :inline="true">
            <el-form-item label="任务名称">
              <el-input
                  v-model="scheduledFilters.taskName"
                  style="width: 240px"
                  placeholder="请输入任务名称"
                  clearable
                  :prefix-icon="Search"
                  @change="getScheduledTableData"
              />
            </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>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="getScheduledTableData">搜索</el-button>
              <el-button @click="resetScheduledFilters">重置</el-button>
            </el-form-item>
          </el-form>
        </div>
        <div class="table_list">
          <div class="actions">
            <el-text class="mx-1" size="large">定时任务管理</el-text>
            <div>
              <el-button type="primary" icon="Plus" @click="addScheduledTask">
                新增任务
              </el-button>
              <el-button
                type="danger"
                icon="Delete"
                :disabled="scheduledMultipleList.length <= 0"
                @click="delScheduledTaskByIds(scheduledMultipleList.map((item) => item.id))"
              >
                批量删除
              </el-button>
            </div>
          </div>
          <PIMTable
            rowKey="id"
            isSelection
            :column="scheduledColumns"
            :tableData="scheduledDataList"
            :page="{
   <div class="app-container">
      <el-tabs v-model="activeTab"
               @tab-change="handleTabChange">
         <!-- 保养任务tab -->
         <el-tab-pane label="保养任务"
                      name="scheduled">
            <div class="search_form">
               <el-form :model="scheduledFilters"
                        :inline="true">
                  <el-form-item label="任务名称">
                     <el-input v-model="scheduledFilters.taskName"
                               style="width: 240px"
                               placeholder="请输入任务名称"
                               clearable
                               :prefix-icon="Search"
                               @change="getScheduledTableData" />
                  </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>
                  </el-form-item>
                  <el-form-item>
                     <el-button type="primary"
                                @click="getScheduledTableData">搜索</el-button>
                     <el-button @click="resetScheduledFilters">重置</el-button>
                  </el-form-item>
               </el-form>
            </div>
            <div class="table_list">
               <div class="actions">
                  <el-text class="mx-1"
                           size="large">保养任务</el-text>
                  <div>
                     <el-button type="primary"
                                icon="Plus"
                                @click="addScheduledTask">
                        新增任务
                     </el-button>
                     <el-button type="danger"
                                icon="Delete"
                                :disabled="scheduledMultipleList.length <= 0"
                                @click="delScheduledTaskByIds(scheduledMultipleList.map((item) => item.id))">
                        批量删除
                     </el-button>
                  </div>
               </div>
               <PIMTable rowKey="id"
                         isSelection
                         :column="scheduledColumns"
                         :tableData="scheduledDataList"
                         :page="{
              current: scheduledPagination.currentPage,
              size: scheduledPagination.pageSize,
              total: scheduledPagination.total,
            }"
            @selection-change="handleScheduledSelectionChange"
            @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>
            </template>
            <template #operation="{ row }">
              <el-button
                type="primary"
                link
                @click="editScheduledTask(row)"
              >
                编辑
              </el-button>
              <el-button
                type="danger"
                link
                @click="delScheduledTaskByIds(row.id)"
              >
                删除
              </el-button>
            </template>
          </PIMTable>
        </div>
      </el-tab-pane>

      <!-- 任务记录tab（原设备保养页面） -->
      <el-tab-pane label="任务记录" name="record">
        <div class="search_form">
          <el-form :model="filters" :inline="true">
            <el-form-item label="设备名称">
              <el-input
                  v-model="filters.deviceName"
                  style="width: 240px"
                  placeholder="请输入设备名称"
                  clearable
                  :prefix-icon="Search"
                  @change="getTableData"
              />
            </el-form-item>
            <el-form-item label="计划保养日期">
              <el-date-picker
                  v-model="filters.maintenancePlanTime"
                  type="date"
                  placeholder="请选择计划保养日期"
                  size="default"
                  @change="(date) => handleDateChange(date,2)"
              />
            </el-form-item>
            <el-form-item label="实际保养日期">
              <el-date-picker
                  v-model="filters.maintenanceActuallyTime"
                  type="date"
                  placeholder="请选择实际保养日期"
                  size="default"
                  @change="(date) => handleDateChange(date,1)"
              />
            </el-form-item>
            <el-form-item label="实际保养人">
              <el-input
                  v-model="filters.maintenanceActuallyName"
                  style="width: 240px"
                  placeholder="请输入实际保养人"
                  clearable
                  :prefix-icon="Search"
                  @change="getTableData"
              />
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="getTableData">搜索</el-button>
              <el-button @click="resetFilters">重置</el-button>
            </el-form-item>
          </el-form>
        </div>
        <div class="table_list">
          <div class="actions">
            <el-text class="mx-1" size="large">任务记录</el-text>
            <div>
              <el-button type="success" icon="Van" @click="addPlan">
                新增计划
              </el-button>
              <el-button @click="handleOut">
                导出
              </el-button>
              <el-button
                type="danger"
                icon="Delete"
                :disabled="multipleList.length <= 0 || hasFinishedStatus"
                @click="delRepairByIds(multipleList.map((item) => item.id))"
              >
                批量删除
              </el-button>
            </div>
          </div>
         <PIMTable
        rowKey="id"
        isSelection
        :column="columns"
        :tableData="dataList"
        :page="{
          current: pagination.currentPage,
          size: pagination.pageSize,
          total: pagination.total,
        }"
        @selection-change="handleSelectionChange"
        @pagination="changePage"
      >
        <template #maintenanceResultRef="{ row }">
          <div>{{ row.maintenanceResult || '-' }}</div>
        </template>
        <template #statusRef="{ row }">
          <el-tag v-if="row.status === 2" type="danger">失败</el-tag>
          <el-tag v-if="row.status === 1" type="success">完结</el-tag>
          <el-tag v-if="row.status === 0" type="warning">待保养</el-tag>
        </template>
        <template #operation="{ row }">
          <el-button
            type="primary"
            link
            :disabled="row.status === 1"
            @click="editPlan(row.id)"
          >
            编辑
          </el-button>
          <el-button
            type="success"
            link
            :disabled="row.status === 1"
            @click="addMaintain(row)"
          >
            保养
          </el-button>
          <el-button
            type="danger"
            link
            :disabled="row.status === 1"
            @click="delRepairByIds(row.id)"
          >
            删除
          </el-button>
        </template>
      </PIMTable>
        </div>
      </el-tab-pane>
    </el-tabs>
    <PlanModal ref="planModalRef" @ok="getTableData" />
        <MaintenanceModal ref="maintainModalRef" @ok="getTableData" />
        <FormDia ref="formDiaRef" @closeDia="getScheduledTableData" />
  </div>
                         @selection-change="handleScheduledSelectionChange"
                         @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>
                  </template>
                  <template #operation="{ row }">
                     <el-button type="primary"
                                link
                                @click="editScheduledTask(row)">
                        编辑
                     </el-button>
                     <el-button type="danger"
                                link
                                @click="delScheduledTaskByIds(row.id)">
                        删除
                     </el-button>
                  </template>
               </PIMTable>
            </div>
         </el-tab-pane>
         <!-- 保养记录tab（原设备保养页面） -->
         <el-tab-pane label="保养记录"
                      name="record">
            <div class="search_form">
               <el-form :model="filters"
                        :inline="true">
                  <el-form-item label="设备名称">
                     <el-input v-model="filters.deviceName"
                               style="width: 240px"
                               placeholder="请输入设备名称"
                               clearable
                               :prefix-icon="Search"
                               @change="getTableData" />
                  </el-form-item>
                  <el-form-item label="计划保养日期">
                     <el-date-picker v-model="filters.maintenancePlanTime"
                                     type="date"
                                     placeholder="请选择计划保养日期"
                                     size="default"
                                     @change="(date) => handleDateChange(date,2)" />
                  </el-form-item>
                  <el-form-item label="实际保养日期">
                     <el-date-picker v-model="filters.maintenanceActuallyTime"
                                     type="date"
                                     placeholder="请选择实际保养日期"
                                     size="default"
                                     @change="(date) => handleDateChange(date,1)" />
                  </el-form-item>
                  <el-form-item label="实际保养人">
                     <el-input v-model="filters.maintenanceActuallyName"
                               style="width: 240px"
                               placeholder="请输入实际保养人"
                               clearable
                               :prefix-icon="Search"
                               @change="getTableData" />
                  </el-form-item>
                  <el-form-item>
                     <el-button type="primary"
                                @click="getTableData">搜索</el-button>
                     <el-button @click="resetFilters">重置</el-button>
                  </el-form-item>
               </el-form>
            </div>
            <div class="table_list">
               <div class="actions">
                  <el-text class="mx-1"
                           size="large">保养记录</el-text>
                  <div>
                     <el-button type="success"
                                icon="Van"
                                @click="addPlan">
                        新增计划
                     </el-button>
                     <el-button @click="handleOut">
                        导出
                     </el-button>
                     <el-button type="danger"
                                icon="Delete"
                                :disabled="multipleList.length <= 0"
                                @click="delRepairByIds(multipleList.map((item) => item.id))">
                        批量删除
                     </el-button>
                  </div>
               </div>
               <el-table
                  :data="groupedDataList"
                  border
                  v-loading="tableLoading"
                  @selection-change="handleSelectionChange"
                  :expand-row-keys="expandedRowKeys"
                  :row-key="(row) => row.date"
                  @expand-change="onExpandChange"
               >
                  <el-table-column type="selection" width="55" />
                  <el-table-column type="expand">
                     <template #default="props">
                        <el-table :data="props.row.children" border row-key="id">
                           <el-table-column label="设备名称" prop="deviceName" align="center" />
                           <el-table-column label="规格型号" prop="deviceModel" align="center" />
                           <el-table-column label="录入人" prop="createUserName" align="center" />
                           <el-table-column label="保养项目" prop="machineryCategory" align="center">
                              <template #default="{ row }">
                                 {{ row.machineryCategory || '--' }}
                              </template>
                           </el-table-column>
                           <el-table-column label="实际保养人" prop="maintenanceActuallyName" align="center" />
                           <el-table-column label="实际保养日期" align="center">
                              <template #default="{ row }">
                                 {{ row.maintenanceActuallyTime ? dayjs(row.maintenanceActuallyTime).format('YYYY-MM-DD HH:mm:ss') : '-' }}
                              </template>
                           </el-table-column>
                           <el-table-column label="保养结果" align="center">
                              <template #default="{ row }">
                                 {{ row.maintenanceResult || '-' }}
                              </template>
                           </el-table-column>
                           <el-table-column label="状态" align="center">
                              <template #default="{ row }">
                                 <el-tag v-if="row.status === 2" type="danger">失败</el-tag>
                                 <el-tag v-if="row.status === 1" type="success">完结</el-tag>
                                 <el-tag v-if="row.status === 0" type="warning">待保养</el-tag>
                              </template>
                           </el-table-column>
                           <el-table-column label="操作" align="center" width="300">
                              <template #default="{ row }">
                                 <el-button type="primary" link :disabled="row.status === 1" @click="editPlan(row.id)">编辑</el-button>
                                 <el-button type="success" link :disabled="row.status !== 0" @click="handleSingleComplete(row.id)">保养完成</el-button>
                                 <el-button type="success" link :disabled="row.status === 1" @click="addMaintain(row)">保养</el-button>
                                 <el-button type="danger" link :disabled="row.status === 1" @click="delRepairByIds(row.id)">删除</el-button>
                                 <el-button type="primary" link @click="openFileDialog(row)">附件</el-button>
                              </template>
                           </el-table-column>
                        </el-table>
                     </template>
                  </el-table-column>
                  <el-table-column label="计划保养日期" prop="date" align="center" />
                  <el-table-column label="保养记录数" prop="count" align="center" />
                  <el-table-column label="待保养数" align="center" width="120">
                     <template #default="{ row }">
                        {{ row.children.filter(c => c.status === 0).length }}
                     </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center" width="200">
                     <template #default="{ row }">
                        <el-button
                           type="primary"
                           size="small"
                           :disabled="!row.children.some(c => c.status === 0)"
                           @click="handleBatchComplete(row.date)"
                        >
                           一键保养完成
                        </el-button>
                     </template>
                  </el-table-column>
               </el-table>
               <Pagination
                  v-show="pagination.total > 0"
                  :total="pagination.total"
                  layout="total, sizes, prev, pager, next, jumper"
                  :page="pagination.currentPage"
                  :limit="pagination.pageSize"
                  @pagination="changePage"
               />
            </div>
         </el-tab-pane>
      </el-tabs>
      <PlanModal ref="planModalRef"
                 @ok="getTableData" />
      <MaintenanceModal ref="maintainModalRef"
                        @ok="getTableData" />
      <FormDia ref="formDiaRef"
               @closeDia="getScheduledTableData" />
      <FileList v-if="fileDialogVisible"
                v-model:visible="fileDialogVisible"
                :record-type="'device_maintenance'"
                :record-id="currentMaintenanceTaskId" />
	
   </div>
</template>

<script setup>
import { ref, onMounted, reactive, getCurrentInstance, nextTick, computed } from 'vue'
import { Search } from '@element-plus/icons-vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import PlanModal from './Form/PlanModal.vue'
import MaintenanceModal from './Form/MaintenanceModal.vue'
import FormDia from './Form/formDia.vue'
import {
  getUpkeepPage,
  delUpkeep,
  deviceMaintenanceTaskList,
  deviceMaintenanceTaskDel,
} from '@/api/equipmentManagement/upkeep'
import dayjs from 'dayjs'
   ref,
   onMounted,
   reactive,
   getCurrentInstance,
   nextTick,
   computed,
   defineAsyncComponent,
} from "vue";
import { Search } from "@element-plus/icons-vue";
import { ElMessage, ElMessageBox } from "element-plus";
import PlanModal from "./Form/PlanModal.vue";
import MaintenanceModal from "./Form/MaintenanceModal.vue";
import FormDia from "./Form/formDia.vue";
import {
   getUpkeepPage,
   delUpkeep,
   deviceMaintenanceTaskList,
   deviceMaintenanceTaskDel,
   batchCompleteMaintenance,
   completeMaintenance,
} from "@/api/equipmentManagement/upkeep";
import dayjs from "dayjs";
import Pagination from "@/components/PIMTable/Pagination.vue";

const { proxy } = getCurrentInstance()
const { proxy } = getCurrentInstance();
const FileList = defineAsyncComponent(() =>
   import("@/components/Dialog/FileList.vue")
);

// Tab相关
const activeTab = ref('scheduled')
const activeTab = ref("scheduled");

// 计划弹窗控制器
const planModalRef = ref()
const planModalRef = ref();
// 保养弹窗控制器
const maintainModalRef = ref()
const maintainModalRef = ref();
// 定时任务弹窗控制器
const formDiaRef = ref()
const formDiaRef = ref();
// 附件弹窗
const fileListDialogRef = ref(null);
const fileDialogVisible = ref(false);
const currentMaintenanceTaskId = ref(null);

// 任务记录tab（原设备保养页面）相关变量
// 保养记录tab（原设备保养页面）相关变量
const filters = reactive({
  deviceName: '',
  maintenancePlanTime: '',
  maintenanceActuallyTime: '',
  maintenanceActuallyName: '',
})
   deviceName: "",
   maintenancePlanTime: "",
   maintenanceActuallyTime: "",
   maintenanceActuallyName: "",
});

const dataList = ref([])
const dataList = ref([]);
const pagination = ref({
  currentPage: 1,
  pageSize: 10,
  total: 0,
})
const multipleList = ref([])
   currentPage: 1,
   pageSize: 100,
   total: 0,
});
const multipleList = ref([]);
const tableLoading = ref(false);
const expandedRowKeys = ref([]);

// 定时任务管理tab相关变量
const groupByDate = (list) => {
   const map = {};
   list.forEach(item => {
      const date = item.dateStr || (item.maintenancePlanTime ? dayjs(item.maintenancePlanTime).format('YYYY-MM-DD') : (item.createTime ? dayjs(item.createTime).format('YYYY-MM-DD') : '未知日期'));
      if (!map[date]) map[date] = [];
      map[date].push(item);
   });
   return Object.entries(map).map(([date, children]) => ({ date, children, count: children.length }));
};

const groupedDataList = computed(() => groupByDate(dataList.value));

// 单条保养完成
const handleSingleComplete = async (id) => {
   try {
      await ElMessageBox.confirm('确认将该保养记录标记为完成？', '提示', { type: 'warning' });
      const res = await completeMaintenance(id);
      if (res.code === 200) {
         ElMessage.success('保养完成');
         getTableData();
      } else {
         ElMessage.error(res.msg || '操作失败');
      }
   } catch { /* 取消 */ }
};

// 一键保养完成
const handleBatchComplete = async (dateStr) => {
   try {
      await ElMessageBox.confirm(`确认将 ${dateStr} 的所有待保养记录标记为完成？`, '提示', { type: 'warning' });
      const res = await batchCompleteMaintenance(dateStr);
      if (res.code === 200) {
         ElMessage.success(res.msg || '批量保养完成成功');
         getTableData();
      } else {
         ElMessage.error(res.msg || '批量保养完成失败');
      }
   } catch { /* 取消 */ }
};

const onExpandChange = (row, expandedRows) => {
   expandedRowKeys.value = expandedRows.map(r => r.date);
};

// 保养任务tab相关变量
const scheduledFilters = reactive({
  taskName: '',
  status: '',
})
   taskName: "",
   status: "",
});

const scheduledDataList = ref([])
const scheduledDataList = ref([]);
const scheduledPagination = reactive({
  currentPage: 1,
  pageSize: 10,
  total: 0,
})
const scheduledMultipleList = ref([])
   currentPage: 1,
   pageSize: 10,
   total: 0,
});
const scheduledMultipleList = ref([]);

// 定时任务管理表格列配置
// 保养任务表格列配置
const scheduledColumns = ref([
   { prop: "taskName", label: "设备名称"},
   { prop: "taskName", label: "设备名称" },
   {
      label: "规格型号",
      prop: "deviceModel",
   },
   {
      label: "保养项目",
      prop: "machineryCategory",
      minWidth: 120,
      formatData: cell => cell || "--",
   },
   {
      prop: "frequencyType",
      label: "频次",
      minWidth: 150,
      // PIMTable 使用的是 formatData，而不是 Element-Plus 的 formatter
      formatData: (cell) => ({
         DAILY: "每日",
         WEEKLY: "每周",
         MONTHLY: "每月",
         QUARTERLY: "季度"
      }[cell] || "")
      formatData: cell =>
         ({
            DAILY: "每日",
            WEEKLY: "每周",
            MONTHLY: "每月",
            QUARTERLY: "季度",
         }[cell] || ""),
   },
   {
      prop: "frequencyDetail",
      label: "开始日期与时间",
      minWidth: 150,
      // 同样改用 formatData，PIMTable 内部会把单元格值传进来
      formatData: (cell) => {
         if (typeof cell !== 'string') return '';
      formatData: cell => {
         if (typeof cell !== "string") return "";
         let val = cell;
         const replacements = {
            MON: '周一',
            TUE: '周二',
            WED: '周三',
            THU: '周四',
            FRI: '周五',
            SAT: '周六',
            SUN: '周日'
            MON: "周一",
            TUE: "周二",
            WED: "周三",
            THU: "周四",
            FRI: "周五",
            SAT: "周六",
            SUN: "周日",
         };
         // 使用正则一次性替换所有匹配项
         return val.replace(/MON|TUE|WED|THU|FRI|SAT|SUN/g, match => replacements[match]);
      }
         return val.replace(
            /MON|TUE|WED|THU|FRI|SAT|SUN/g,
            match => replacements[match]
         );
      },
   },
   { prop: "maintenancePerson", label: "保养人", minWidth: 100 },
   { prop: "registrant", label: "登记人", minWidth: 100 },
   { prop: "registrationDate", label: "登记日期", minWidth: 100 },
   {
      prop: "registrationDate",
      label: "登记日期",
      minWidth: 100,
      formatData: cell =>
         cell ? dayjs(cell).format("YYYY-MM-DD HH:mm:ss") : "-",
   },
   {
      fixed: "right",
      label: "操作",
@@ -313,9 +432,9 @@
      align: "center",
      width: "200px",
   },
])
]);

// 任务记录表格列配置（原设备保养表格列）
// 保养记录表格列配置（原设备保养表格列）
const columns = ref([
   {
      label: "设备名称",
@@ -331,12 +450,20 @@
      label: "计划保养日期",
      align: "center",
      prop: "maintenancePlanTime",
      formatData: (cell) => dayjs(cell).format("YYYY-MM-DD"),
      formatData: cell => {
         return cell == null ? "-" : dayjs(cell).format("YYYY-MM-DD");
      },
   },
   {
      label: "录入人",
      align: "center",
      prop: "createUserName",
   },
   {
      label: "保养项目",
      align: "center",
      prop: "machineryCategory",
      formatData: cell => cell || "--",
   },
   // {
   //   label: "录入日期",
@@ -354,7 +481,7 @@
      label: "实际保养日期",
      align: "center",
      prop: "maintenanceActuallyTime",
      formatData: (cell) =>
      formatData: cell =>
         cell ? dayjs(cell).format("YYYY-MM-DD HH:mm:ss") : "-",
   },
   {
@@ -377,210 +504,222 @@
      dataType: "slot",
      slot: "operation",
      align: "center",
      width: "200px",
      width: "350px",
   },
])
]);

// Tab切换处理
const handleTabChange = (tabName) => {
  if (tabName === 'record') {
    getTableData()
  } else if (tabName === 'scheduled') {
    getScheduledTableData()
  }
}
const handleTabChange = tabName => {
   if (tabName === "record") {
      getTableData();
   } else if (tabName === "scheduled") {
      getScheduledTableData();
   }
};

// 定时任务管理相关方法
// 保养任务相关方法
const getScheduledTableData = async () => {
  try {
    const params = {
      current: scheduledPagination.currentPage,
      size: scheduledPagination.pageSize,
      taskName: scheduledFilters.taskName || undefined,
      status: scheduledFilters.status || undefined,
    }
    const { code, data } = await deviceMaintenanceTaskList(params)
    if (code === 200) {
      scheduledDataList.value = data?.records || []
      scheduledPagination.total = data?.total || 0
    }
  } catch (error) {
    ElMessage.error('获取定时任务列表失败')
  }
}
   try {
      const params = {
         current: scheduledPagination.currentPage,
         size: scheduledPagination.pageSize,
         taskName: scheduledFilters.taskName || undefined,
         status: scheduledFilters.status || undefined,
      };
      const { code, data } = await deviceMaintenanceTaskList(params);
      if (code === 200) {
         scheduledDataList.value = data?.records || [];
         scheduledPagination.total = data?.total || 0;
      }
   } catch (error) {
      ElMessage.error("获取定时任务列表失败");
   }
};

const resetScheduledFilters = () => {
  scheduledFilters.taskName = ''
  scheduledFilters.status = ''
  getScheduledTableData()
}
   scheduledFilters.taskName = "";
   scheduledFilters.status = "";
   getScheduledTableData();
};

const handleScheduledSelectionChange = (selection) => {
  scheduledMultipleList.value = selection
}
const handleScheduledSelectionChange = selection => {
   scheduledMultipleList.value = selection;
};

const changeScheduledPage = (page) => {
  scheduledPagination.currentPage = page.page
  scheduledPagination.pageSize = page.limit
  getScheduledTableData()
}
const changeScheduledPage = page => {
   scheduledPagination.currentPage = page.page;
   scheduledPagination.pageSize = page.limit;
   getScheduledTableData();
};

const addScheduledTask = () => {
  nextTick(() => {
      formDiaRef.value?.openDialog('add');
   nextTick(() => {
      formDiaRef.value?.openDialog("add");
   });
}
};

const editScheduledTask = (row) => {
  if (row) {
const editScheduledTask = row => {
   if (row) {
      nextTick(() => {
         formDiaRef.value?.openDialog('edit', row);
         formDiaRef.value?.openDialog("edit", row);
      });
  }
}
   }
};

const delScheduledTaskByIds = async (ids) => {
  try {
    await ElMessageBox.confirm('确定删除选中的定时任务吗？', '提示', {
      type: 'warning',
    })
    const payload = Array.isArray(ids) ? ids : [ids]
    await deviceMaintenanceTaskDel(payload)
    ElMessage.success('删除定时任务成功')
    getScheduledTableData()
  } catch (error) {
    // 用户取消删除
  }
}
const delScheduledTaskByIds = async ids => {
   try {
      await ElMessageBox.confirm("确定删除选中的定时任务吗？", "提示", {
         type: "warning",
      });
      const payload = Array.isArray(ids) ? ids : [ids];
      await deviceMaintenanceTaskDel(payload);
      ElMessage.success("删除定时任务成功");
      getScheduledTableData();
   } catch (error) {
      // 用户取消删除
   }
};

const handleScheduledOut = () => {
  ElMessage.info('导出定时任务功能待实现')
}
   ElMessage.info("导出定时任务功能待实现");
};

// 任务记录相关方法（原设备保养页面方法）
// 保养记录相关方法（原设备保养页面方法）
const getTableData = async () => {
  try {
    const params = {
      current: pagination.value.currentPage,
      size: pagination.value.pageSize,
      deviceName: filters.deviceName || undefined,
      maintenancePlanTime: filters.maintenancePlanTime ? dayjs(filters.maintenancePlanTime).format('YYYY-MM-DD') : undefined,
      maintenanceActuallyTime: filters.maintenanceActuallyTime ? dayjs(filters.maintenanceActuallyTime).format('YYYY-MM-DD') : undefined,
      maintenanceActuallyName: filters.maintenanceActuallyName || undefined,
    }

    const { code, data } = await getUpkeepPage(params)
    if (code === 200) {
      dataList.value = data.records
      pagination.value.total = data.total
    }
  } catch (error) {
    console.log(error);
    
  }
}
   tableLoading.value = true;
   try {
      const params = {
         current: pagination.value.currentPage,
         size: pagination.value.pageSize,
         deviceName: filters.deviceName || undefined,
         maintenancePlanTime: filters.maintenancePlanTime
            ? dayjs(filters.maintenancePlanTime).format("YYYY-MM-DD")
            : undefined,
         maintenanceActuallyTime: filters.maintenanceActuallyTime
            ? dayjs(filters.maintenanceActuallyTime).format("YYYY-MM-DD")
            : undefined,
         maintenanceActuallyName: filters.maintenanceActuallyName || undefined,
      };
		
      const { code, data } = await getUpkeepPage(params);
      if (code === 200) {
         dataList.value = data.records;
         pagination.value.total = data.total;
      }
   } catch (error) {
      console.log(error);
   } finally {
      tableLoading.value = false;
   }
};

const resetFilters = () => {
  filters.deviceName = ''
  filters.maintenancePlanTime = ''
  filters.maintenanceActuallyTime = ''
  filters.maintenanceActuallyName = ''
  getTableData()
}
   filters.deviceName = "";
   filters.maintenancePlanTime = "";
   filters.maintenanceActuallyTime = "";
   filters.maintenanceActuallyName = "";
   getTableData();
};

const handleSelectionChange = (selection) => {
  multipleList.value = selection
}
const handleSelectionChange = selection => {
   // 从选中的分组行中收集所有子记录ID
   const ids = [];
   selection.forEach(group => {
      if (group.children) {
         group.children.forEach(child => ids.push(child.id));
      }
   });
   multipleList.value = ids;
};

// 检查选中的记录中是否有完结状态的
const hasFinishedStatus = computed(() => {
  return multipleList.value.some(item => item.status === 1)
})
const changePage = page => {
   pagination.value.currentPage = page.page;
   pagination.value.pageSize = page.limit;
   getTableData();
};

const changePage = (page) => {
  pagination.value.currentPage = page.page
  pagination.value.pageSize = page.limit
  getTableData()
}

const addMaintain = (row) => {
  maintainModalRef.value.open(row.id, row)
}
const addMaintain = row => {
   maintainModalRef.value.open(row.id, row);
};

const addPlan = () => {
  planModalRef.value.openModal()
}
   planModalRef.value.openModal();
};

const editPlan = (id) => {
  planModalRef.value.openEdit(id)
}
const editPlan = id => {
   planModalRef.value.openEdit(id);
};

const delRepairByIds = async (ids) => {
  // 检查是否有完结状态的记录
  const hasFinished = multipleList.value.some(item => item.status === 1)
  if (hasFinished) {
    ElMessage.warning('不能删除状态为完结的记录')
    return
  }
  
  try {
    await ElMessageBox.confirm('确认删除保养数据, 此操作不可逆?', '警告', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    })
    
    const { code } = await delUpkeep(ids)
    if (code === 200) {
      ElMessage.success('删除成功')
      getTableData()
    }
  } catch (error) {
    // 用户取消删除
  }
}
const delRepairByIds = async ids => {
   const idList = Array.isArray(ids) ? ids : [ids];
   if (idList.length === 0) return;
	
   try {
      await ElMessageBox.confirm("确认删除保养数据, 此操作不可逆?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
      });
		
      const { code } = await delUpkeep(idList);
      if (code === 200) {
         ElMessage.success("删除成功");
         getTableData();
      }
   } catch (error) {
      // 用户取消删除
   }
};

const handleOut = () => {
  ElMessageBox.confirm('选中的内容将被导出，是否确认导出？', '导出', {
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
  })
    .then(() => {
      proxy.download('/device/maintenance/export', {}, '设备保养.xlsx')
    })
    .catch(() => {
      ElMessage.info('已取消')
    })
}
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/device/maintenance/export", {}, "设备保养.xlsx");
      })
      .catch(() => {
         ElMessage.info("已取消");
      });
};

const handleDateChange = (date, type) => {
  if (type === 1) {
    filters.maintenanceActuallyTime = date ? dayjs(date).format('YYYY-MM-DD') : ''
  } else {
    filters.maintenancePlanTime = date ? dayjs(date).format('YYYY-MM-DD') : ''
  }
  getTableData()
}
   if (type === 1) {
      filters.maintenanceActuallyTime = date
         ? dayjs(date).format("YYYY-MM-DD")
         : "";
   } else {
      filters.maintenancePlanTime = date ? dayjs(date).format("YYYY-MM-DD") : "";
   }
   getTableData();
};

// 打开附件弹窗
const openFileDialog = async row => {
   currentMaintenanceTaskId.value = row.id;
   fileDialogVisible.value = true;
};

onMounted(() => {
  // 根据默认激活的 Tab 调用对应的查询接口
  if (activeTab.value === 'scheduled') {
    getScheduledTableData()
  } else {
    getTableData()
  }
})
   // 根据默认激活的 Tab 调用对应的查询接口
   if (activeTab.value === "scheduled") {
      getScheduledTableData();
   } else {
      getTableData();
   }
});
</script>

<style lang="scss" scoped>
.table_list {
  margin-top: unset;
   margin-top: unset;
}
.actions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px;
}
</style>