设备状态：检测器/红绿灯补蓝色"正常"项，与信号机一致

  - mock/api.js 的 detectorStatus / trafficLightStatus chartData 首位加 { name: '正常', value: total - fault, color:
  '#5EC8FF' }
  - DeviceStatusTabs.vue 默认 fallback 数据同步补齐，避免 API 失败时退化为只剩故障类

src/components/ui/DeviceStatusTabs.vue

@@ -33,15 +33,17 @@ const defaultMockStatusData = {
     centerTitle: '85%',
     centerSubTitle: '425/500',
     chartData: [
-        { name: '通信故障', value: 4, color: '#C6302B' } 
+        { name: '正常', value: 496, color: '#5EC8FF' },
+        { name: '通信故障', value: 4, color: '#C6302B' }
     ]
   },
   'trafficLightStatus': {
     centerTitle: '99%',
     centerSubTitle: '1188/1200',
     chartData: [
-        { name: '红绿冲突', value: 2, color: '#C6302B' }, 
-        { name: '红灯故障', value: 2, color: '#8F1E1E' }  
+        { name: '正常', value: 1196, color: '#5EC8FF' },
+        { name: '红绿冲突', value: 2, color: '#C6302B' },
+        { name: '红灯故障', value: 2, color: '#8F1E1E' }
     ]
   }
 };

src/mock/api.js

@@ -1260,6 +1260,7 @@ export async function apiGetDeviceFaultStatus() {
       centerTitle: dtFault + '',
       centerSubTitle: `${dtFault}/${dtTotal}`,
       chartData: [
+        { name: '正常', value: Math.max(0, dtTotal - dtFault), color: '#5EC8FF' },
         { name: '通信故障', value: dtCommFault, color: '#C6302B' },
         { name: '数据异常', value: Math.max(0, dtFault - dtCommFault), color: '#faad14' },
       ]
@@ -1268,6 +1269,7 @@ export async function apiGetDeviceFaultStatus() {
       centerTitle: camFault + '',
       centerSubTitle: `${camFault}/${camTotal}`,
       chartData: [
+        { name: '正常', value: Math.max(0, camTotal - camFault), color: '#5EC8FF' },
         { name: '红绿冲突', value: camConflict, color: '#C6302B' },
         { name: '红灯故障', value: Math.max(0, camFault - camConflict), color: '#8F1E1E' },
       ]