From c386dea99b762fe013f13615d99fe1306dff5108 Mon Sep 17 00:00:00 2001
From: huangjinysf <huangjinysf@163.com>
Date: Wed, 24 Dec 2025 16:14:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=AE=8C=E6=88=90=E5=BA=A6?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=8C=89=E4=B8=8D=E5=90=8C=E8=BF=9B=E5=BA=A6=E5=8C=BA=E9=97=B4?=
 =?UTF-8?q?=E8=BF=87=E6=BB=A4=E6=98=BE=E7=A4=BA=E8=BD=B4=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E8=AE=BE=E5=A4=87=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/plan/EquipmentStatus.vue | 57 ++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/src/views/plan/EquipmentStatus.vue b/src/views/plan/EquipmentStatus.vue
index 7cc2235..c8463ae 100644
--- a/src/views/plan/EquipmentStatus.vue
+++ b/src/views/plan/EquipmentStatus.vue
@@ -1,5 +1,17 @@
 <template>
   <div class="equipment-status-container">
+    <!-- 完成度筛选器 -->
+    <div class="filter-container">
+      <span class="filter-label">完成度筛选:</span>
+      <el-select v-model="selectedCompletionLevel" @change="onCompletionLevelChange" placeholder="请选择完成度" style="width: 150px">
+        <el-option label="全部显示" value="all" />
+        <el-option label="0% - 25%" value="low" />
+        <el-option label="25% - 75%" value="medium" />
+        <el-option label="75% - 100%" value="high" />
+        <el-option label="100%" value="full" />
+      </el-select>
+    </div>
+    
     <div class="equipment-grid">
       <div v-for="equipment in sortedEquipmentData" :key="equipment.equipment_code" class="equipment-item">
         <div class="equipment-header">
@@ -12,6 +24,7 @@
           <div class="axle-container">
             <div class="axle-side left">
               <div v-for="record in getLeftAxles(equipment)" :key="`${record.axle_number}-${record.specification || 'no-spec'}-${record.model || 'no-model'}-${record.update_time || 'no-data'}`" 
+                   v-show="shouldShowAxle(record.degree_of_completion)"
                    class="axle-item" 
                    :class="[getCompletionClass(record.degree_of_completion), { 'not-running': !record.update_time }]"
                    @dblclick="showAxleDetails(record, equipment.equipment_code)">
@@ -29,6 +42,7 @@
             </div>
             <div class="axle-side right">
               <div v-for="record in getRightAxles(equipment)" :key="`${record.axle_number}-${record.specification || 'no-spec'}-${record.model || 'no-model'}-${record.update_time || 'no-data'}`" 
+                   v-show="shouldShowAxle(record.degree_of_completion)"
                    class="axle-item" 
                    :class="[getCompletionClass(record.degree_of_completion), { 'not-running': !record.update_time }]"
                    @dblclick="showAxleDetails(record, equipment.equipment_code)">
@@ -505,6 +519,9 @@ const salesDataLoading = ref(false);
 const salesData = ref([]);
 const hasSalesData = ref(false);
 
+// 完成度筛选相关状态
+const selectedCompletionLevel = ref('all'); // 默认显示全部
+
 // 排产信息相关状态
 const productionScheduleData = ref(null);
 const productionScheduleLoading = ref(false);
@@ -837,6 +854,33 @@ watch(selectedAxle, (newVal) => {
   }
 }, { immediate: true });
 
+// 完成度筛选变化处理函数
+const onCompletionLevelChange = () => {
+  // 筛选逻辑通过shouldShowAxle函数处理，这里不需要额外操作
+};
+
+// 判断是否应该显示轴
+const shouldShowAxle = (degree) => {
+  if (!degree) return false;
+  
+  const percentage = degree * 100;
+  
+  switch (selectedCompletionLevel.value) {
+    case 'all':
+      return true;
+    case 'low':
+      return percentage >= 0 && percentage < 25;
+    case 'medium':
+      return percentage >= 25 && percentage < 75;
+    case 'high':
+      return percentage >= 75 && percentage < 100;
+    case 'full':
+      return percentage >= 100;
+    default:
+      return true;
+  }
+};
+
 // 初始化图表
 const initCharts = () => {
   // 销毁已有图表实例
@@ -1482,6 +1526,19 @@ const updateCharts = () => {
   font-weight: normal;
 }
 
+/* 筛选器样式 */
+.filter-container {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.filter-label {
+  margin-right: 10px;
+  font-weight: bold;
+  color: #606266;
+}
+
 /* 对话框样式 */
 .axle-details-container {
   display: flex;