不开机的机台放在后面

src/views/plan/EquipmentStatus.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="equipment-status-container">
     <div class="equipment-grid">
-      <div v-for="equipment in equipmentData" :key="equipment.equipment_code" class="equipment-item">
+      <div v-for="equipment in sortedEquipmentData" :key="equipment.equipment_code" class="equipment-item">
         <div class="equipment-header">
           {{ equipment.equipment_code }}
         </div>
@@ -38,7 +38,7 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
+import { defineProps, computed } from 'vue';
 
 const props = defineProps({
   equipmentData: {
@@ -47,6 +47,25 @@ const props = defineProps({
   }
 });
 
+// 对设备数据进行排序，将不在生产中的设备移到最后
+const sortedEquipmentData = computed(() => {
+  // 创建一个副本以避免修改原始数组
+  const equipmentCopy = [...props.equipmentData];
+  
+  return equipmentCopy.sort((a, b) => {
+    // 判断设备是否在运行：status_records不为空数组
+    const aIsRunning = a.status_records && a.status_records.length > 0;
+    const bIsRunning = b.status_records && b.status_records.length > 0;
+    
+    // 如果a在运行而b不在运行，a排在前面
+    if (aIsRunning && !bIsRunning) return -1;
+    // 如果a不在运行而b在运行，b排在前面
+    if (!aIsRunning && bIsRunning) return 1;
+    // 如果都在运行或都不在运行，按设备编号排序
+    return a.equipment_code.localeCompare(b.equipment_code);
+  });
+});
+
 // 获取左侧轴信息
 const getLeftAxles = (equipment) => {
   if (!equipment.status_records || equipment.status_records.length === 0) return [];