broadcast ok

src/App.vue

@@ -83,6 +83,7 @@ import Config from "./components/Config/Config.vue";
 import Thing from "./components/Thing/Thing.vue";
 import State from "./components/State/State.vue";
 import VarBroadcast from "./components/VarBroadcast/VarBroadcast.vue";
+import AutoBroadcast from "./components/AutoBroadcast/AutoBroadcast.vue";
 // import Gauge from "./components/Gauge/Gauge.vue";
 
 //this is the view selecotr class
@@ -97,7 +98,8 @@ import VarBroadcast from "./components/VarBroadcast/VarBroadcast.vue";
     GridLayout,
     GridItem,
     State,
-    VarBroadcast
+    VarBroadcast,
+    AutoBroadcast
   }
 })
 export default class App extends Vue {
@@ -115,7 +117,8 @@ export default class App extends Vue {
     "Method",
     "Thing",
     "State",
-    "VarBroadcast"
+    "VarBroadcast",
+    "AutoBroadcast"
   ];
 
   toggleShowAddWidget(): void {
@@ -211,11 +214,9 @@ export default class App extends Vue {
     }
 
     PubSub.subscribe("VarBroadcast",(messageName, Args)=>{
-      console.log(Args);
       //接收到消息调用全部widget的parentUpdate函数
       for (var widget of this.widgetList) {
       ((this.$refs[widget.ref] as Array<Widget>)[0] as Widget).parentUpdate(Args);}
-      console.log(this.$refs[widget.ref]);
     });
   }
 

src/components/AutoBroadcast/AutoBroadcast.vue

@@ -48,6 +48,16 @@
       </b-col>
     </b-row>
 
+    <br />
+
+    <b-row>
+      <b-col>
+        <b-input-group size="lg" prepend="BroadcastName" v-show="isShowPath">
+         <b-form-input v-model="autoUpdateName" ></b-form-input>
+        </b-input-group>
+      </b-col>
+    </b-row>
+
     <br />
     <b-row>
       <b-col>
@@ -59,6 +69,7 @@
 
 <script lang="ts">
 import Vue from "vue";
+import PubSub from 'pubsub-js';
 import { VueSvgGauge } from "vue-svg-gauge";
 import Component from "vue-class-component";
 import { Prop, Watch } from "vue-property-decorator";
@@ -80,10 +91,10 @@ import Navigation from "@/components/Common/Navigation.vue";
     Navigation
   }
 })
-export default class Status extends Widget {
+export default class AutoBroadcast extends Widget {
   pathProcessor = new PathProcessor();
   strMapObjChange = new StrMapObjChange();
-  WidgetComponentName: string = "Status";
+  WidgetComponentName: string = "AutoBroadcast";
   StatusValue: string = "";
   pathId: string = "";
   userInputData = new Map<string, string>();
@@ -91,9 +102,10 @@ export default class Status extends Widget {
   timer?: number;
   isShowPath: boolean = false;
   isShowParams: boolean = false;
+  autoUpdateName: string = "";
 
   config: WidgetConfig = {
-    WidgetComponentName: "Status",
+    WidgetComponentName: "AutoBroadcast",
     data: {
       url: "",
       userInputData: ""
@@ -220,7 +232,7 @@ export default class Status extends Widget {
         }
       });
   }
-
+  
   //called when widgetParams action clicked
   async viewLoad(Args: UpdatePayload) {
     // this.config.data.userInputData = Args.variables;
@@ -231,6 +243,18 @@ export default class Status extends Widget {
       this.config.data.url
     );
     await this.getData(this.pathwithVar);
+
+    if(this.autoUpdateName != "")
+    {
+        var autoUpdateData= new Map<string, string>();
+        autoUpdateData.set(this.autoUpdateName,this.StatusValue);
+        var autoUpdate:UpdatePayload = {
+          action: "AutoBroadcast",
+          variables: autoUpdateData,
+          target:['self']
+        }
+        PubSub.publish('VarBroadcast',autoUpdate);
+    }
   }
 }
 </script>

src/components/Config/Config.vue

@@ -292,7 +292,39 @@ export default class Config extends Widget {
     this.config.data.set.url.replace("$startPath$", startPath);
   }
 
-  parentUpdate(payload: UpdatePayload): void {}
+  parentUpdate(payload: UpdatePayload): void {
+    this.userGetInputData = this.strMapObjChange.strMapToObj(
+       (this.$refs.WidgetGetParams as WidgetParams).getVariableValues());
+      var temp = this.userGetInputData;
+      temp = JSON.parse(JSON.stringify(temp));
+      temp = this.strMapObjChange.objToStrMap(temp);
+      this.userGetInputData = temp;
+      this.userGetInputData.forEach((value , key) =>{
+        payload.variables.forEach((valueofpayload,keyofpayload)=>{
+        if(key == keyofpayload)
+        {
+          this.userGetInputData.set(key,payload.variables.get(keyofpayload) as string);
+        }
+      });
+    });
+    (this.$refs.WidgetGetParams as WidgetParams).setVariableInput(this.userGetInputData);
+
+    this.userSetInputData = this.strMapObjChange.strMapToObj(
+       (this.$refs.WidgetSetParams as WidgetParams).getVariableValues());
+      temp = this.userSetInputData;
+      temp = JSON.parse(JSON.stringify(temp));
+      temp = this.strMapObjChange.objToStrMap(temp);
+      this.userSetInputData = temp;
+      this.userSetInputData.forEach((value , key) =>{
+        payload.variables.forEach((valueofpayload,keyofpayload)=>{
+        if(key == keyofpayload)
+        {
+          this.userSetInputData.set(key,payload.variables.get(keyofpayload) as string);
+        }
+      });
+    });
+    (this.$refs.WidgetSetParams as WidgetParams).setVariableInput(this.userSetInputData);
+  }
 
   refresh() {
     var GetArgs: UpdatePayload = {

src/components/Method/Method.vue

@@ -185,7 +185,26 @@ export default class Method extends Widget {
     this.config.data.url.replace("$startPath$", startPath);
   }
 
-  parentUpdate(payload: UpdatePayload): void {}
+    parentUpdate(payload: UpdatePayload): void {
+    this.userInputData = this.strMapObjChange.strMapToObj(
+      (this.$refs.WidgetParams as WidgetParams).getVariableValues());
+      var temp = this.userInputData;
+      temp = JSON.parse(JSON.stringify(temp));
+      temp = this.strMapObjChange.objToStrMap(temp);
+      this.userInputData = temp;
+      console.log(this.userInputData);
+      console.log(payload.variables);
+      this.userInputData.forEach((value , key) =>{
+        payload.variables.forEach((valueofpayload,keyofpayload)=>{
+        if(key == keyofpayload)
+        {
+          this.userInputData.set(key,payload.variables.get(keyofpayload) as string);
+        }
+      });
+    });
+     (this.$refs.WidgetParams as WidgetParams).setVariableInput(this.userInputData);
+    //  this.updateUI();
+  }
 
   refresh() {
     var Args: UpdatePayload = {

src/components/State/State.vue

@@ -194,7 +194,26 @@ export default class State extends Widget {
     this.config.data.url.replace("$startPath$", startPath);
   }
 
-  parentUpdate(payload: UpdatePayload): void {}
+   parentUpdate(payload: UpdatePayload): void {
+    this.userInputData = this.strMapObjChange.strMapToObj(
+      (this.$refs.WidgetParams as WidgetParams).getVariableValues());
+      var temp = this.userInputData;
+      temp = JSON.parse(JSON.stringify(temp));
+      temp = this.strMapObjChange.objToStrMap(temp);
+      this.userInputData = temp;
+      console.log(this.userInputData);
+      console.log(payload.variables);
+      this.userInputData.forEach((value , key) =>{
+        payload.variables.forEach((valueofpayload,keyofpayload)=>{
+        if(key == keyofpayload)
+        {
+          this.userInputData.set(key,payload.variables.get(keyofpayload) as string);
+        }
+      });
+    });
+     (this.$refs.WidgetParams as WidgetParams).setVariableInput(this.userInputData);
+    //  this.updateUI();
+  }
 
   refresh() {
     var Args: UpdatePayload = {

src/components/Status/Status.vue

@@ -202,11 +202,7 @@ export default class Status extends Widget {
       console.log(this.userInputData);
       console.log(payload.variables);
       this.userInputData.forEach((value , key) =>{
-        console.log("进来了");
-        console.log(key);
         payload.variables.forEach((valueofpayload,keyofpayload)=>{
-        console.log(key);
-        console.log(keyofpayload);
         if(key == keyofpayload)
         {
           this.userInputData.set(key,payload.variables.get(keyofpayload) as string);
@@ -214,7 +210,7 @@ export default class Status extends Widget {
       });
     });
      (this.$refs.WidgetParams as WidgetParams).setVariableInput(this.userInputData);
-     this.updateUI();
+    //  this.updateUI();
   }
 
   refresh() {