| | |
| | | <script lang="ts" setup> |
| | | <script lang="ts" setup> |
| | | import type { VxeTableGridOptions } from '#/adapter/vxe-table'; |
| | | import type { MesDvRepairApi } from '#/api/mes/dv/repair'; |
| | | |
| | | import { DocAlert, Page, useVbenModal } from '..\..\..\..\packages\effects\common-ui\src'; |
| | | import { MesDvRepairStatusEnum } from '..\..\..\..\packages\constants\src'; |
| | | import { downloadFileFromBlobPart } from '..\..\..\..\packages\utils\src'; |
| | | import { Page, useVbenModal } from '@vben/common-ui'; |
| | | import { MesDvRepairStatusEnum } from '@vben/constants'; |
| | | import { downloadFileFromBlobPart } from '@vben/utils'; |
| | | |
| | | import { Button, message } from 'ant-design-vue'; |
| | | |
| | |
| | | gridApi.query(); |
| | | } |
| | | |
| | | /** 创建维修工单 */ |
| | | /** 创建维修订单 */ |
| | | function handleCreate() { |
| | | formModalApi.setData({ formType: 'create' }).open(); |
| | | } |
| | | |
| | | /** 查看维修工单 */ |
| | | /** 查看维修订单 */ |
| | | function handleDetail(row: MesDvRepairApi.Repair) { |
| | | formModalApi.setData({ id: row.id, formType: 'detail' }).open(); |
| | | } |
| | | |
| | | /** 编辑维修工单 */ |
| | | /** 编辑维修订单 */ |
| | | function handleEdit(row: MesDvRepairApi.Repair) { |
| | | formModalApi.setData({ id: row.id, formType: 'update' }).open(); |
| | | } |
| | |
| | | formModalApi.setData({ id: row.id, formType: 'finish' }).open(); |
| | | } |
| | | |
| | | /** 删除维修工单 */ |
| | | /** 删除维修订单 */ |
| | | async function handleDelete(row: MesDvRepairApi.Repair) { |
| | | const hideLoading = message.loading({ |
| | | content: $t('ui.actionMessage.deleting', [row.name]), |
| | |
| | | } |
| | | } |
| | | |
| | | /** 导出维修工单 */ |
| | | /** 导出维修订单 */ |
| | | async function handleExport() { |
| | | const data = await exportRepair(await gridApi.formApi.getValues()); |
| | | downloadFileFromBlobPart({ fileName: '维修工单.xls', source: data }); |
| | | downloadFileFromBlobPart({ fileName: '维修订单.xls', source: data }); |
| | | } |
| | | |
| | | const [Grid, gridApi] = useVbenVxeGrid({ |
| | |
| | | }); |
| | | </script> |
| | | <template> |
| | | <Page auto-content-height> |
| | | <template #doc> |
| | | <DocAlert |
| | | title="【设备】点检记录、保养记录、维修单" |
| | | url="https://doc.iocoder.cn/mes/dv/check-record/" |
| | | /> |
| | | </template> |
| | | <FormModal @success="handleRefresh" /> |
| | | <Grid table-title="维修工单列表"> |
| | | <Page auto-content-height><FormModal @success="handleRefresh" /> |
| | | <Grid table-title="维修订单列表"> |
| | | <template #toolbar-tools> |
| | | <TableAction |
| | | :actions="[ |
| | | { |
| | | label: $t('ui.actionTitle.create', ['维修工单']), |
| | | label: $t('ui.actionTitle.create', ['维修订单']), |
| | | type: 'primary', |
| | | icon: ACTION_ICON.ADD, |
| | | auth: ['mes:dv-repair:create'], |