From 77ba830e707b260dc0c828dd59f1e4d5745bbb90 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 20 Apr 2026 14:07:58 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E7=94=98=E7=89=B9=E5=9B=BE?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=B7=BB=E5=8A=A0=E8=AE=BE=E5=A4=87=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/ganttChart/index.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/views/mes/ganttChart/index.vue b/src/views/mes/ganttChart/index.vue
index 5215c8d6..8c39ac95 100644
--- a/src/views/mes/ganttChart/index.vue
+++ b/src/views/mes/ganttChart/index.vue
@@ -12,6 +12,11 @@
           class="!w-360px"
         />
       </el-form-item>
+      <el-form-item label="设备" prop="deviceIds">
+        <el-select v-model="queryParams.deviceIds" placeholder="请选择设备" clearable multiple collapse-tags class="!w-240px">
+          <el-option v-for="item in deviceOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />查询</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
@@ -21,7 +26,7 @@
 
   <ContentWrap>
     <div v-loading="loading">
-      <ScheduleGanttPanel :schedule-list="scheduleList" :editable="false" height="calc(100vh - 320px)" />
+      <ScheduleGanttPanel :schedule-list="filteredList" :editable="false" height="calc(100vh - 320px)" />
     </div>
   </ContentWrap>
 </template>
@@ -68,7 +73,20 @@ const buildDefaultRange = () => {
 const queryRange = ref<string[]>(buildDefaultRange())
 const queryParams = reactive({
   startTime: queryRange.value[0],
-  endTime: queryRange.value[1]
+  endTime: queryRange.value[1],
+  deviceIds: [] as (string | number)[]
+})
+
+const deviceOptions = computed(() =>
+  scheduleList.value.map((device) => ({
+    label: device.deviceName,
+    value: device.deviceId
+  }))
+)
+
+const filteredList = computed(() => {
+  if (!queryParams.deviceIds.length) return scheduleList.value
+  return scheduleList.value.filter((device) => queryParams.deviceIds.includes(device.deviceId))
 })
 
 const getList = async () => {