| | |
|---|
| | | <div class="actions"> |
|---|
| | | <el-text class="mx-1" size="large">设备报修</el-text> |
|---|
| | | <div> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | icon="Plus" |
|---|
| | | :disabled="multipleList.length !== 1" |
|---|
| | | @click="addMaintain" |
|---|
| | | > |
|---|
| | | 新增维修 |
|---|
| | | </el-button> |
|---|
| | | <el-button type="success" icon="Van" @click="addRepair"> |
|---|
| | | 新增报修 |
|---|
| | | </el-button> |
|---|
| | |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | icon="Delete" |
|---|
| | | :disabled="multipleList.length <= 0" |
|---|
| | | :disabled="multipleList.length <= 0 || hasFinishedStatus" |
|---|
| | | @click="delRepairByIds(multipleList.map((item) => item.id))" |
|---|
| | | > |
|---|
| | | 批量删除 |
|---|
| | |
|---|
| | | <template #operation="{ row }"> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | text |
|---|
| | | icon="editPen" |
|---|
| | | link |
|---|
| | | :disabled="row.status === 1" |
|---|
| | | @click="editRepair(row.id)" |
|---|
| | | > |
|---|
| | | 编辑 |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="success" |
|---|
| | | link |
|---|
| | | :disabled="row.status === 1" |
|---|
| | | @click="addMaintain(row)" |
|---|
| | | > |
|---|
| | | 维修 |
|---|
| | | </el-button> |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | text |
|---|
| | | icon="delete" |
|---|
| | | link |
|---|
| | | :disabled="row.status === 1" |
|---|
| | | @click="delRepairByIds(row.id)" |
|---|
| | | > |
|---|
| | | 删除 |
|---|
| | |
|---|
| | | <script setup> |
|---|
| | | import { usePaginationApi } from "@/hooks/usePaginationApi"; |
|---|
| | | import { getRepairPage, delRepair } from "@/api/equipmentManagement/repair"; |
|---|
| | | import { onMounted, getCurrentInstance } from "vue"; |
|---|
| | | import { onMounted, getCurrentInstance, computed } from "vue"; |
|---|
| | | import RepairModal from "./Modal/RepairModal.vue"; |
|---|
| | | import { ElMessageBox, ElMessage } from "element-plus"; |
|---|
| | | import dayjs from "dayjs"; |
|---|
| | |
|---|
| | | multipleList.value = selectionList; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 检查选中的记录中是否有完结状态的 |
|---|
| | | const hasFinishedStatus = computed(() => { |
|---|
| | | return multipleList.value.some(item => item.status === 1) |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 新增报修 |
|---|
| | | const addRepair = () => { |
|---|
| | | repairModalRef.value.openAdd(); |
|---|
| | |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 新增维修 |
|---|
| | | const addMaintain = () => { |
|---|
| | | const row = multipleList.value[0]; |
|---|
| | | const addMaintain = (row) => { |
|---|
| | | maintainModalRef.value.open(row.id, row); |
|---|
| | | }; |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | // 单行删除 |
|---|
| | | const delRepairByIds = async (ids) => { |
|---|
| | | // 检查是否有完结状态的记录 |
|---|
| | | const idsArray = Array.isArray(ids) ? ids : [ids]; |
|---|
| | | const hasFinished = idsArray.some(id => { |
|---|
| | | const record = dataList.value.find(item => item.id === id); |
|---|
| | | return record && record.status === 1; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | if (hasFinished) { |
|---|
| | | ElMessage.warning('不能删除状态为完结的记录'); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | ElMessageBox.confirm("确认删除报修数据, 此操作不可逆?", "警告", { |
|---|
| | | confirmButtonText: "确定", |
|---|
| | | cancelButtonText: "取消", |
|---|
