首页报警数据

src/app/components/alarm-bar/alarm-bar.component.html

@@ -2,8 +2,9 @@
     <Icon [type]="'voice'" class="alarmLeftIcon"></Icon>
     <div class="alarmShows">
         <div class="alarmItem" *ngFor="let one of options;let i = index"
-             [ngClass]="{'active' : active === i, 'unActive': active !== i}">{{one.a}}
-            <div class="alarmTime">{{one.time | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
+             [ngClass]="{'active' : active === i, 'unActive': active !== i}">
+            {{one.fieldRegionName}}{{one.parameter}} : {{one.description}}
+            <div class="alarmTime">{{one.alarmTime | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
         </div>
     </div>
 </div>

src/app/components/alarm-bar/alarm-bar.component.ts

 import {Component, OnInit} from '@angular/core';
+import {Api} from '../../service/api';
 
 @Component({
     selector: 'v-alarm-bar',
@@ -7,14 +8,10 @@ import {Component, OnInit} from '@angular/core';
 })
 export class AlarmBarComponent implements OnInit {
 
-    options = [
-        {a: '西中转池搅拌开关 01数据异常', time: 1559809667000},
-        {a: '西中转池搅拌开关 01数据异常', time: 1559809667000},
-        {a: '西中转池搅拌开关 01数据异常', time: 1559809667000}
-    ];
+    options = [];
     active = 0;
 
-    constructor() {
+    constructor(private api: Api) {
         this.changeAlarm();
     }
 
@@ -30,6 +27,15 @@ export class AlarmBarComponent implements OnInit {
     }
 
     ngOnInit() {
+        this.getData();
+    }
+
+    getData() {
+        this.api.alarm.getLatestAlarm(['', (data) => {
+            if (data.constructor === Array) {
+                this.options = data;
+            }
+        }]);
     }
 
 }