首页，报警图表，字段顺序调整

src/api/equipmentAlarmRecord/types.ts

@@ -16,6 +16,7 @@ export interface AlarmVO {
   deviceMac: string;
   devicePic:string;
   finishTime: string;
+  timeDiff:string
   
 }
 

src/views/equipmentAlarmRecord/index.vue

@@ -89,16 +89,16 @@
                 <div class="label">报警事项</div>
                 <div class="alearm">
                   <template v-if="item.deviceAction === 0">强制报警
-                    <span v-if="item.treatmentState === 1">({{ item.timeDiff}})</span>
+                    <span v-if="item.treatmentState === 1">({{ item.timeDiff }})</span>
                   </template>
                   <template v-else-if="item.deviceAction === 1">撞击闯入
-                    <span v-if="item.treatmentState === 1">({{ item.timeDiff}})</span>
+                    <span v-if="item.treatmentState === 1">({{ item.timeDiff }})</span>
                   </template>
                   <template v-else-if="item.deviceAction === 2">自动报警
-                    <span v-if="item.treatmentState === 1">({{ item.timeDiff}})</span>
+                    <span v-if="item.treatmentState === 1">({{ item.timeDiff }})</span>
                   </template>
                   <template v-else-if="item.deviceAction === 3">电子围栏告警
-                    <span v-if="item.treatmentState === 1">({{ item.timeDiff}})</span>
+                    <span v-if="item.treatmentState === 1">({{ item.timeDiff }})</span>
                   </template>
                 </div>
                 <div class="label">报警地点</div>
@@ -307,6 +307,10 @@ onMounted(() => {
   getList();
   getDeviceType()
 });
+// 组件卸载时清除所有定时器
+onUnmounted(() => {
+  clearAllTimers();
+});
 </script>
 <style lang="scss" scoped>
 :deep .el-collapse {

src/views/index.vue

@@ -326,7 +326,7 @@ const initAlarmRingChart = async () => {
               },
               textStyle: {
                 color: 'rgba(56, 64, 79, 0.6)', // 文字颜色（可自定义）
-                fontSize: 12,     // 文字字号
+                fontSize: 14,     // 文字字号
                 lineHeight: 20    // 文字行高
               }
             },
@@ -338,15 +338,16 @@ const initAlarmRingChart = async () => {
             show: false // 隐藏标签连接线
           },
           data: [
+         
             {  
-              value: processingAlarmToday,
-              name: '报警',
-              itemStyle: { color: '#F65757' } // 红色：未处理
+              value:processingAlarmToday ,
+              name: '已处理',
+              itemStyle: { color: '#07BE75' }
             },
                {
               value: alarmsTotalToday,
-              name: '已处理',
-              itemStyle: { color: '#07BE75' } // 绿色：已处理
+              name: '报警',
+              itemStyle: { color: '#F65757' }
             },
 
           ]