| | |
| | | <script lang="ts" setup> |
| | | <script lang="ts" setup> |
| | | import type { VxeTableGridOptions } from '#/adapter/vxe-table'; |
| | | import type { MesProWorkOrderApi } from '#/api/mes/pro/workorder'; |
| | | |
| | | import { onMounted, ref } from 'vue'; |
| | | import { useRouter } from 'vue-router'; |
| | | |
| | | import { DocAlert, Page, useVbenModal } from '..\..\..\..\packages\effects\common-ui\src'; |
| | | import { Page, useVbenModal } from '@vben/common-ui'; |
| | | import { |
| | | MesProWorkOrderStatusEnum, |
| | | MesProWorkOrderTypeEnum, |
| | | } from '..\..\..\..\packages\constants\src'; |
| | | } from '@vben/constants'; |
| | | |
| | | import { Button, Card } from 'ant-design-vue'; |
| | | |
| | |
| | | }); |
| | | } |
| | | |
| | | /** 查看工单详情 */ |
| | | /** 查看订单详情 */ |
| | | function handleDetail(row: MesProWorkOrderApi.WorkOrder) { |
| | | scheduleModalApi.setData({ formType: 'detail', id: row.id }).open(); |
| | | } |
| | |
| | | </script> |
| | | |
| | | <template> |
| | | <Page auto-content-height> |
| | | <template #doc> |
| | | <DocAlert |
| | | title="【生产】生产排产、工序流转卡" |
| | | url="https://doc.iocoder.cn/mes/pro/schedule-card/" |
| | | /> |
| | | </template> |
| | | |
| | | <ScheduleModal @success="handleRefresh" /> |
| | | <Page auto-content-height><ScheduleModal @success="handleRefresh" /> |
| | | |
| | | <!-- 排产甘特图预览 --> |
| | | <Card title="排产甘特图" class="mb-4"> |
| | | <GanttChart :height="350" :readonly="true" :tasks="ganttTasks" /> |
| | | </Card> |
| | | |
| | | <Grid table-title="待排产工单"> |
| | | <Grid table-title="待排产订单"> |
| | | <template #toolbar-tools> |
| | | <TableAction |
| | | :actions="[ |