From 4d183bf3794dd4e45837df46c45fb7ffd13f0289 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 6 Apr 2026 01:28:30 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(mes):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=94=9F=E4=BA=A7=E8=B6=8B=E5=8A=BF=E6=9F=A5=E8=AF=A2=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E9=AA=8C=E8=AF=81=E5=92=8C=E9=A6=96=E9=A1=B5=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为生产趋势查询添加最小和最大天数验证，确保输入有效性。
优化首页组件，增加数据存在性判断，提升用户体验。
---
 src/views/mes/home/HomeKpiCards.vue       | 20 ++++++++++++------
 src/views/mes/home/HomeShortcuts.vue      | 25 +++++++++++++----------
 src/views/mes/home/HomeWorkOrderChart.vue |  2 +-
 3 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/views/mes/home/HomeKpiCards.vue b/src/views/mes/home/HomeKpiCards.vue
index 304239cb6..cedd2ee56 100644
--- a/src/views/mes/home/HomeKpiCards.vue
+++ b/src/views/mes/home/HomeKpiCards.vue
@@ -74,7 +74,7 @@
       <el-card
         shadow="hover"
         class="kpi-card kpi-card--quality"
-        @click="handleNavigate('MesQcIqc')"
+        @click="handleNavigate('MesProFeedback')"
       >
         <div class="flex items-center gap-16px">
           <div
@@ -95,9 +95,12 @@
               <span class="text-13px color-[var(--el-text-color-secondary)]">%</span>
             </div>
             <div class="text-12px color-[var(--el-text-color-placeholder)] mt-4px">
-              <span>合格 {{ summary.todayQualifiedQuantity }}</span>
-              <el-divider direction="vertical" />
-              <span>不良 {{ summary.todayUnqualifiedQuantity }}</span>
+              <template v-if="hasQualityData">
+                <span>合格 {{ summary.todayQualifiedQuantity }}</span>
+                <el-divider direction="vertical" />
+                <span>不良 {{ summary.todayUnqualifiedQuantity }}</span>
+              </template>
+              <span v-else>暂无数据</span>
             </div>
           </div>
         </div>
@@ -153,10 +156,15 @@ const emit = defineEmits<{
   navigate: [name: string]
 }>()
 
-/** 质量合格率 = 合格品 / (合格品 + 不良品) * 100，默认 100% */
+/** 是否有质量数据（合格品 + 不良品 > 0） */
+const hasQualityData = computed(() => {
+  return props.summary.todayQualifiedQuantity + props.summary.todayUnqualifiedQuantity > 0
+})
+
+/** 质量合格率 = 合格品 / (合格品 + 不良品) * 100，无数据时为 0 */
 const qualityRate = computed(() => {
   const total = props.summary.todayQualifiedQuantity + props.summary.todayUnqualifiedQuantity
-  if (total === 0) return 100
+  if (total === 0) return 0
   return (props.summary.todayQualifiedQuantity / total) * 100
 })
 
diff --git a/src/views/mes/home/HomeShortcuts.vue b/src/views/mes/home/HomeShortcuts.vue
index 2678deb81..c0f6c78c6 100644
--- a/src/views/mes/home/HomeShortcuts.vue
+++ b/src/views/mes/home/HomeShortcuts.vue
@@ -1,6 +1,6 @@
-<!-- TODO @AI：补充一些注释 -->
+<!-- 首页快捷入口网格 -->
 <template>
-  <el-card shadow="hover">
+  <el-card shadow="hover" class="h-full">
     <template #header>
       <div class="flex justify-between items-center">
         <span class="text-16px font-600">快捷入口</span>
@@ -10,7 +10,7 @@
       <el-col v-for="item in shortcuts" :key="item.name" :span="8" class="mb-16px">
         <div
           class="flex flex-col items-center gap-8px cursor-pointer py-12px rounded-8px transition-all hover:bg-[var(--el-fill-color-light)] hover:translate-y--2px"
-          @click="emit('navigate', item.url)"
+          @click="emit('navigate', item.routeName)"
         >
           <div
             class="w-48px h-48px rounded-12px flex items-center justify-center"
@@ -29,16 +29,19 @@
 defineOptions({ name: 'HomeShortcuts' })
 
 const emit = defineEmits<{
-  navigate: [url: string]
+  navigate: [name: string]
 }>()
 
-// TODO @AI：可以搞 9 个么？然后高度和【工单状态分布】的高度一致，会好看点。
+/** 快捷入口列表，3×3 网格布局与工单状态分布面板等高 */
 const shortcuts = [
-  { name: '生产工单', icon: 'ep:document', url: '/mes/pro/workorder', bgColor: '#409EFF' },
-  { name: '生产报工', icon: 'ep:edit', url: '/mes/pro/feedback', bgColor: '#67C23A' },
-  { name: '质量检验', icon: 'ep:search', url: '/mes/qc/iqc', bgColor: '#E6A23C' },
-  { name: '库存查询', icon: 'ep:box', url: '/mes/wm/materialstock', bgColor: '#F56C6C' },
-  { name: '设备管理', icon: 'ep:cpu', url: '/mes/dv/machinery', bgColor: '#7c3aed' },
-  { name: '库存流水', icon: 'ep:tickets', url: '/mes/wm/transaction', bgColor: '#0ea5e9' }
+  { name: '生产工单', icon: 'ep:document', routeName: 'MesProWorkOrder', bgColor: '#409EFF' },
+  { name: '生产报工', icon: 'ep:edit', routeName: 'MesProFeedback', bgColor: '#67C23A' },
+  { name: '质量检验', icon: 'ep:search', routeName: 'MesQcIqc', bgColor: '#E6A23C' },
+  { name: '库存查询', icon: 'ep:box', routeName: 'MesWmMaterialStock', bgColor: '#F56C6C' },
+  { name: '设备管理', icon: 'ep:cpu', routeName: 'MesDvMachinery', bgColor: '#7c3aed' },
+  { name: '生产任务', icon: 'ep:list', routeName: 'MesProTask', bgColor: '#0ea5e9' },
+  { name: '到货通知', icon: 'ep:van', routeName: 'MesWmArrivalNotice', bgColor: '#14b8a6' },
+  { name: '设备维修', icon: 'ep:set-up', routeName: 'MesDvRepair', bgColor: '#f59e0b' },
+  { name: '流转卡', icon: 'ep:tickets', routeName: 'MesProCard', bgColor: '#ec4899' }
 ]
 </script>
diff --git a/src/views/mes/home/HomeWorkOrderChart.vue b/src/views/mes/home/HomeWorkOrderChart.vue
index a54009415..51d4aa57f 100644
--- a/src/views/mes/home/HomeWorkOrderChart.vue
+++ b/src/views/mes/home/HomeWorkOrderChart.vue
@@ -1,6 +1,6 @@
 <!-- 首页工单状态分布饼图 -->
 <template>
-  <el-card shadow="hover">
+  <el-card shadow="hover" class="h-full">
     <template #header>
       <div class="flex justify-between items-center">
         <span class="text-16px font-600">工单状态分布</span>