| | |
|---|
| | | <script lang="ts" setup> |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import type { MesHomeApi } from '#/api/mes/home'; |
|---|
| | | |
|---|
| | | import { onMounted, ref } from 'vue'; |
|---|
| | | import { useRouter } from 'vue-router'; |
|---|
| | | |
|---|
| | | import { DocAlert, Page } from '../../../packages/effects/common-ui/src'; |
|---|
| | | import { Page } from '@vben/common-ui'; |
|---|
| | | |
|---|
| | | import { Col, Row } from 'ant-design-vue'; |
|---|
| | | |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <Page> |
|---|
| | | <template #doc> |
|---|
| | | <DocAlert |
|---|
| | | title="MES 手册（功能开启）" |
|---|
| | | url="https://doc.iocoder.cn/mes/build/" |
|---|
| | | /> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <!-- 第一行：核心 KPI 汇总卡片 --> |
|---|
| | | <Page><!-- 第一行：核心 KPI 汇总卡片 --> |
|---|
| | | <KpiCards :summary="summary" class="mb-4" @navigate="handleNavigate" /> |
|---|
| | | |
|---|
| | | <!-- 第二行：生产趋势 + 待办异常 --> |
|---|
| | |
|---|
| | | </Col> |
|---|
| | | </Row> |
|---|
| | | |
|---|
| | | <!-- 第三行：工单分布 + 快捷入口 --> |
|---|
| | | <!-- 第三行：订单分布 + 快捷入口 --> |
|---|
| | | <Row :gutter="16"> |
|---|
| | | <Col :lg="12" :md="24" :sm="24" :xl="12" :xs="24" class="mb-4"> |
|---|
| | | <WorkOrderChart /> |
|---|
