|  |  | 
 |  |  | // 模拟数据生成 | 
 |  |  | const generateMockData = () => { | 
 |  |  |   // 更新统计数据 | 
 |  |  |   totalDevices.value = Math.floor(Math.random() * 10) + 15 // 15-25台设备 | 
 |  |  |   totalDevices.value = Math.floor(Math.random() * 8) // 0-7台设备 | 
 |  |  |   dailyConsumption.value = Math.floor(Math.random() * 100) + 200 // 200-300 m³ | 
 |  |  |   monthlyConsumption.value = Math.floor(Math.random() * 2000) + 5000 // 5000-7000 m³ | 
 |  |  |   gasUnitPrice.value = (Math.random() * 2 + 3).toFixed(2) // 3-5元/m³ | 
 
 |  |  | 
 |  |  | const devices = reactive([ | 
 |  |  |   { | 
 |  |  |     id: 'water-pump', | 
 |  |  |     name: '注水泵1', | 
 |  |  |     name: '设备1', | 
 |  |  |     type: '移动装备', | 
 |  |  |     baseline: { vibration: 9 }, | 
 |  |  |     initial: { temperature: 40, pressure: 0.70 }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     id: 'fluid-supply-truck', | 
 |  |  |     name: '注水泵2', | 
 |  |  |     name: '设备2', | 
 |  |  |     type: '移动装备', | 
 |  |  |     baseline: { vibration: 7 }, | 
 |  |  |     initial: { temperature: 30, pressure: 0.60 }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     id: 'fracturing-truck', | 
 |  |  |     name: '注水泵3', | 
 |  |  |     name: '设备3', | 
 |  |  |     type: '移动装备', | 
 |  |  |     baseline: { vibration: 12 }, | 
 |  |  |     initial: { temperature: 65, pressure: 1.40 }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     id: 'oil-tank-truck', | 
 |  |  |     name: '注水泵4', | 
 |  |  |     name: '设备4', | 
 |  |  |     type: '移动装备', | 
 |  |  |     baseline: { vibration: 6 }, | 
 |  |  |     initial: { temperature: 28, pressure: 0.50 }, | 
 
 |  |  | 
 |  |  | const devices = reactive([ | 
 |  |  |   { | 
 |  |  |     id: 'hydrocyclone-desander', | 
 |  |  |     name: '旋流除砂器', | 
 |  |  |     name: '设备1', | 
 |  |  |     type: '分离设备', | 
 |  |  |     baseline: { vibration: 8 }, | 
 |  |  |     initial: { temperature: 35, pressure: 0.85 }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     id: 'high-pressure-separator', | 
 |  |  |     name: '高压分离器撬', | 
 |  |  |     name: '设备2', | 
 |  |  |     type: '分离设备', | 
 |  |  |     baseline: { vibration: 6 }, | 
 |  |  |     initial: { temperature: 45, pressure: 1.20 }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     id: 'heating-throttle-pressure', | 
 |  |  |     name: '组合式加热节流调压', | 
 |  |  |     name: '设备3', | 
 |  |  |     type: '调压设备', | 
 |  |  |     baseline: { vibration: 10 }, | 
 |  |  |     initial: { temperature: 75, pressure: 1.80 }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     id: 'three-phase-separator', | 
 |  |  |     name: '三相分离器', | 
 |  |  |     name: '设备4', | 
 |  |  |     type: '分离设备', | 
 |  |  |     baseline: { vibration: 7 }, | 
 |  |  |     initial: { temperature: 38, pressure: 0.95 }, |