同步

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <TitleBar />
-  <CenterPage />
+  <CenterPage :datas="datas" :values="values"></CenterPage>
   <StatusBar />
 </template>
 
@@ -17,7 +17,10 @@ export default {
     CenterPage,
     StatusBar,
   },
-  props: {},
+  props: {
+    values:Array,
+    datas:Array,
+  },
   created: function () {
     initData();
   },
@@ -27,16 +30,18 @@ export default {
 function initData() {
   var mb = MessageBridge.getInstance();
   var vs = [
-    { key: "/topic/pv", action: pvmessage },
     { key: "/topic/windturbine", action: windturbineMessage },
+    {key:"/topic/suggestion",action:suggestion}
   ];
   mb.register(vs);
 }
-function pvmessage(msg) {
+function windturbineMessage(msg) {
   console.log(msg);
+  values=msg;
 }
-function windturbineMessage(msg) {
+function suggestion(msg){
   console.log(msg);
+  datas=msg;
 }
 </script>
 

src/assets/script/MessageBridge.js

@@ -10,7 +10,7 @@ export default class MessageBridge {
     this.register = this.register.bind(this);
     this.unregister = this.unregister.bind(this);
     this.onmessage = this.onmessage.bind(this);
-    this.getActions = this.getActions(this);
+    this.getActions = this.getActions.bind(this);
 
     this.observers = new Array();
 
@@ -29,7 +29,7 @@ export default class MessageBridge {
 
   /* 获得消息 */
   onmessage(msg) {
-    if(msg.headers.data-type && msg.headers.data-type=="heartbeat"){
+    if(msg.headers["data-type"] && msg.headers["data-type"]=="heartbeat"){
       console.log("获得心跳包！");
       return;
     }
@@ -72,6 +72,7 @@ class WebSocket {
     this.onerror = this.onerror.bind(this);
     this.connectCallBackSubscribe = this.connectCallBackSubscribe.bind(this);
     this.send = this.send.bind(this);
+    this.connect=this.connect.bind(this);
 
     this.onmessage = onmessage;
     this.url = url;
@@ -87,9 +88,6 @@ class WebSocket {
 
   /* 连接 */
   connect() {
-    if (this.client != null) {
-      this.client.close();
-    }
     console.log(`正在连接websocket [${this.url}]`)
     this.client = Stomp.client(this.url);
     this.client.connect("", "", this.connectCallBackSubscribe, this.onerror);
@@ -102,6 +100,7 @@ class WebSocket {
 
   /* 注册 */
   connectCallBackSubscribe() {
+    console.log(`注册消息${this.settings}`)
     for (var index in this.settings) {
       this.client.subscribe(this.settings[index], frame => this.onmessage(frame));
     }

src/components/CenterPage.vue

@@ -53,6 +53,10 @@
             LabelArea,
             ProblemArea,
             RecommendedArea
+        },
+        props:{
+            datas:Array,
+            values:Array,
         }
     }
 </script>

src/components/area/ProblemArea.vue

@@ -6,7 +6,7 @@
             circle-style="green"
             content-style="89"
             @parentRun="run">
-        <div v-for="o in 3" :key="o">
+        <div v-for="mc in datas" :key="mc">
             <MatrixCard title="故障"></MatrixCard>
         </div>
     </gy-card>
@@ -20,6 +20,10 @@
         components: {
             MatrixCard
         },
+        props:{
+            datas:Array,
+            values:Array,
+        },
         methods: {
             run() {
             },