告警区数据接入

src/components/area/AlarmArea.vue

@@ -1,6 +1,55 @@
 /* 告警区 */
 <template>
-    <gy-card title="告警区" area-style="alarm" circle-style="green" content-style="25">
-        <div>动态内容</div>
-    </gy-card>
+  <gy-card
+    title="告警区"
+    area-style="alarm"
+    circle-style="green"
+    content-style="25"
+  >
+    <table>
+      <tr>
+        <td>时间</td>
+        <td>描述</td>
+        <td>确认</td>
+      </tr>
+      <tr v-for="v in values" :key="v">
+        <td>{{ v.lastUpdateTime }}</td>
+        <td>{{ v.alertText }}</td>
+        <td></td>
+      </tr>
+    </table>
+  </gy-card>
 </template>
+
+<script>
+import MessageBridge from "../../assets/script/MessageBridge";
+export default {
+  name: "AlarmArea",
+  created: function () {
+    this.initData();
+  },
+  props: {
+      
+  },
+  data() {
+    return {
+      values: new Array(),
+    };
+  },
+  methods: {
+    initData() {
+      var mb = MessageBridge.getInstance();
+      var vs = [{ key: "/topic/fault-popup", action: this.faultMessage }];
+      mb.register(vs);
+    },
+    faultMessage(msg) {
+      var val = JSON.parse(msg);
+      this.values = new Array();
+      for (var v in val) {
+        this.values.push(val[v]);
+      }
+      console.log(val);
+    },
+  },
+};
+</script>

src/components/area/CheckArea.vue

@@ -1,6 +1,6 @@
 /* 校验区 */
 <template>
     <gy-card title="校验区" area-style="check" circle-style="green" content-style="44">
-        <div>动态内容</div>
+        <div></div>
     </gy-card>
 </template>