| | |
| | | @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-form-item label="是否启用"> |
| | | <el-select v-model="scheduledFilters.isEnabled" placeholder="请选择是否启用" clearable style="width: 200px"> |
| | | <el-option label="启用" :value="1" /> |
| | | <el-option label="禁用" :value="0" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | @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 #isEnabledRef="{ row }"> |
| | | <el-switch |
| | | v-model="row.isEnabled" |
| | | :active-value="1" |
| | | :inactive-value="0" |
| | | :loading="row.enableSwitchLoading" |
| | | :before-change="() => handleScheduledEnableBeforeChange(row)" |
| | | /> |
| | | </template> |
| | | <template #operation="{ row }"> |
| | | <el-button |
| | |
| | | <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 === 3" type="warning">待验收</el-tag> |
| | | <el-tag v-if="row.status === 0" type="warning">待保养</el-tag> |
| | | </template> |
| | | <template #operation="{ row }"> |
| | | <!-- 这个功能跟新增保养功能一模一样,有啥意义? --> |
| | | <!-- <el-button |
| | | type="primary" |
| | | text |
| | | @click="addMaintain(row)" |
| | | > |
| | | 新增保养 |
| | | </el-button> --> |
| | | <el-button |
| | | type="primary" |
| | | link |
| | | :disabled="row.status === 1" |
| | | :disabled="row.status === 1 || row.status === 3" |
| | | @click="editPlan(row.id)" |
| | | > |
| | | 编辑 |
| | | </el-button> |
| | | <el-button |
| | | v-if="row.status === 0" |
| | | type="success" |
| | | link |
| | | :disabled="row.status === 1" |
| | | @click="addMaintain(row)" |
| | | > |
| | | 保养 |
| | | </el-button> |
| | | <el-button |
| | | v-if="row.status === 3" |
| | | type="success" |
| | | link |
| | | @click="openAcceptanceDialog(row)" |
| | | > |
| | | 验收审批 |
| | | </el-button> |
| | | <el-button |
| | | type="danger" |
| | |
| | | </el-tabs> |
| | | <PlanModal ref="planModalRef" @ok="getTableData" /> |
| | | <MaintenanceModal ref="maintainModalRef" @ok="getTableData" /> |
| | | <AcceptanceModal ref="acceptanceModalRef" @ok="getTableData" /> |
| | | <FormDia ref="formDiaRef" @closeDia="getScheduledTableData" /> |
| | | <FileListDialog |
| | | ref="fileListDialogRef" |
| | |
| | | import PlanModal from './Form/PlanModal.vue' |
| | | import MaintenanceModal from './Form/MaintenanceModal.vue' |
| | | import FormDia from './Form/formDia.vue' |
| | | import AcceptanceModal from './Form/AcceptanceModal.vue' |
| | | import FileListDialog from '@/components/Dialog/FileListDialog.vue' |
| | | import { |
| | | getUpkeepPage, |
| | | delUpkeep, |
| | | deviceMaintenanceTaskList, |
| | | deviceMaintenanceTaskDel, |
| | | deviceMaintenanceTaskChangeEnable, |
| | | maintenanceAcceptance, |
| | | } from '@/api/equipmentManagement/upkeep' |
| | | import { |
| | | listMaintenanceTaskFiles, |
| | |
| | | const planModalRef = ref() |
| | | // 保养弹窗控制器 |
| | | const maintainModalRef = ref() |
| | | // 验收审批弹窗控制器 |
| | | const acceptanceModalRef = ref() |
| | | // 定时任务弹窗控制器 |
| | | const formDiaRef = ref() |
| | | // 附件弹窗 |
| | |
| | | // 定时任务管理tab相关变量 |
| | | const scheduledFilters = reactive({ |
| | | taskName: '', |
| | | status: '', |
| | | isEnabled: undefined, |
| | | }) |
| | | |
| | | const scheduledDataList = ref([]) |
| | |
| | | |
| | | // 定时任务管理表格列配置 |
| | | const scheduledColumns = ref([ |
| | | { |
| | | label: "所在区域", |
| | | prop: "areaName", |
| | | }, |
| | | { prop: "taskName", label: "设备名称"}, |
| | | { |
| | | label: "规格型号", |
| | |
| | | DAILY: "每日", |
| | | WEEKLY: "每周", |
| | | MONTHLY: "每月", |
| | | QUARTERLY: "季度" |
| | | QUARTERLY: "季度", |
| | | YEARLY: "每年", |
| | | }[cell] || "") |
| | | }, |
| | | { |
| | |
| | | { prop: "registrant", label: "登记人", minWidth: 100 }, |
| | | { prop: "registrationDate", label: "登记日期", minWidth: 100 }, |
| | | { |
| | | label: "是否启用", |
| | | prop: "isEnabled", |
| | | dataType: "slot", |
| | | slot: "isEnabledRef", |
| | | align: "center", |
| | | width: "120px", |
| | | }, |
| | | { |
| | | fixed: "right", |
| | | label: "操作", |
| | | dataType: "slot", |
| | |
| | | |
| | | // 任务记录表格列配置(原设备保养表格列) |
| | | const columns = ref([ |
| | | { |
| | | label: "所在区域", |
| | | prop: "areaName", |
| | | }, |
| | | { |
| | | label: "设备名称", |
| | | align: "center", |
| | |
| | | align: "center", |
| | | prop: "createUserName", |
| | | }, |
| | | { |
| | | label: "项目", |
| | | align: "center", |
| | | prop: "machineryCategory", |
| | | }, |
| | | // { |
| | | // label: "录入日期", |
| | | // align: "center", |
| | |
| | | slot: "statusRef", |
| | | }, |
| | | { |
| | | label: "验收人", |
| | | align: "center", |
| | | prop: "acceptanceName", |
| | | formatData: (cell) => cell || "-", |
| | | }, |
| | | { |
| | | label: "验收时间", |
| | | align: "center", |
| | | prop: "acceptanceTime", |
| | | formatData: (cell) => |
| | | cell ? dayjs(cell).format("YYYY-MM-DD HH:mm:ss") : "-", |
| | | }, |
| | | { |
| | | label: "验收备注", |
| | | align: "center", |
| | | prop: "acceptanceRemark", |
| | | formatData: (cell) => cell || "-", |
| | | }, |
| | | { |
| | | fixed: "right", |
| | | label: "操作", |
| | | dataType: "slot", |
| | |
| | | current: scheduledPagination.currentPage, |
| | | size: scheduledPagination.pageSize, |
| | | taskName: scheduledFilters.taskName || undefined, |
| | | status: scheduledFilters.status || undefined, |
| | | isEnabled: scheduledFilters.isEnabled, |
| | | } |
| | | const { code, data } = await deviceMaintenanceTaskList(params) |
| | | if (code === 200) { |
| | | scheduledDataList.value = data?.records || [] |
| | | const records = data?.records || [] |
| | | scheduledDataList.value = records.map((item) => ({ |
| | | ...item, |
| | | isEnabled: Number(item.isEnabled ?? item.status ?? 1), |
| | | enableSwitchLoading: false, |
| | | })) |
| | | scheduledPagination.total = data?.total || 0 |
| | | } |
| | | } catch (error) { |
| | |
| | | |
| | | const resetScheduledFilters = () => { |
| | | scheduledFilters.taskName = '' |
| | | scheduledFilters.status = '' |
| | | scheduledFilters.isEnabled = undefined |
| | | getScheduledTableData() |
| | | } |
| | | |
| | |
| | | getScheduledTableData() |
| | | } catch (error) { |
| | | // 用户取消删除 |
| | | } |
| | | } |
| | | |
| | | const handleScheduledEnableBeforeChange = async (row) => { |
| | | if (row.enableSwitchLoading) { |
| | | return false |
| | | } |
| | | const nextValue = Number(row.isEnabled) === 1 ? 0 : 1 |
| | | row.enableSwitchLoading = true |
| | | try { |
| | | const res = await deviceMaintenanceTaskChangeEnable({ |
| | | id: row.id, |
| | | isEnabled: nextValue, |
| | | }) |
| | | if (res?.code !== 200) { |
| | | throw new Error(res?.msg || '更新失败') |
| | | } |
| | | ElMessage.success('启用状态已更新') |
| | | return true |
| | | } catch (error) { |
| | | ElMessage.error(error?.message || '启用状态更新失败') |
| | | return false |
| | | } finally { |
| | | row.enableSwitchLoading = false |
| | | } |
| | | } |
| | | |
| | |
| | | await fetchMaintenanceTaskFiles(row.id) |
| | | } |
| | | |
| | | // 打开验收审批弹窗 |
| | | const openAcceptanceDialog = (row) => { |
| | | acceptanceModalRef.value.open(row.id, row) |
| | | } |
| | | |
| | | // 刷新附件列表 |
| | | const refreshFileList = async () => { |
| | | if (!currentMaintenanceTaskId.value) return |