Navigation

package-lock.json

@@ -13636,6 +13636,11 @@
         "vue-class-component": "^7.0.1"
       }
     },
+    "vue-router": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.3.tgz",
+      "integrity": "sha512-8iSa4mGNXBjyuSZFCCO4fiKfvzqk+mhL0lnKuGcQtO1eoj8nq3CmbEG8FwK5QqoqwDgsjsf1GDuisDX4cdb/aQ=="
+    },
     "vue-style-loader": {
       "version": "4.1.2",
       "resolved": "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.2.tgz",

package.json

@@ -19,6 +19,7 @@
     "vue-class-component": "^7.0.2",
     "vue-grid-layout": "^2.3.6",
     "vue-property-decorator": "^8.1.0",
+    "vue-router": "^3.1.3",
     "vue-svg-gauge": "^1.2.1",
     "vuex": "^3.1.1",
     "vuex-class": "^0.3.2"

src/components/Common/FamilyLink.vue → src/components/Common/Navigation.vue

@@ -2,10 +2,10 @@
 <div>
     <span>parent and children link</span>
     <b-button variant="primary" @click="getPath">show</b-button>  
-    <div>
-        <a :href="parentPath">{{ parentPath }}</a>
+    <div style="margin-top:10px;height:80px;overflow:scroll" v-show="isShow">
+        <a :href="parentPath" style="float:left">parentPath:{{ parentPath }}</a>
         <div v-for="(path,index) in childrenPath" :key="index">
-            <a :href= "path" >{{path}}</a><br>
+            <a :href= "path" style="float:left">childrenPath:{{path}}</a><br>
         </div>
     </div>
 </div>
@@ -29,10 +29,11 @@ import WidgetParams from "@/components/Common/WidgetParams.vue";
         WidgetParams
     }
 })
-export default class FamilyLink extends Vue {
+export default class Navigation extends Vue {
     @Prop() url!:string;
     parentPath!:string;
     childrenPath!:string[];
+    isShow:boolean = false;
 
     async getPath(){
         var apiLoad = this.url;
@@ -41,6 +42,7 @@ export default class FamilyLink extends Vue {
             this.parentPath = response.data.ParentPath as string;
             this.childrenPath = response.data.ChildrenPath as string[];
         })
+        this.isShow = true;
         this.$forceUpdate();
     }
 

src/components/Status/Status.vue

@@ -17,11 +17,12 @@
       <b-form-input v-model="config.data.url"></b-form-input>
       <b-input-group-append>
         <b-button @click="updateUI" size="sm" text="Button" variant="primary">OK</b-button>
+        <b-button variant="info" @click="pathPoke">poke</b-button>
       </b-input-group-append>
     </b-input-group>
     <hr/>
     <WidgetParams ref="WidgetParams" v-show="isShowParams&&isShowPath" action="get"  @updataVariables="viewLoad" ></WidgetParams>
-    <FamilyLink ref="FamilyLink" :url="config.data.url"></FamilyLink>
+    <Navigation ref="FamilyLink" :url="config.data.url"></Navigation>
   </b-container>
 </template>
 
@@ -41,12 +42,12 @@ import PathProcessor from "@/models/PathProcessor";
 import StrMapObjChange from "@/models/StrMapObjChange";
 import { forEach } from "typescript-collections/dist/lib/arrays";
 import { map } from "d3";
-import FamilyLink from '@/components/Common/FamilyLink.vue';
+import Navigation from '@/components/Common/Navigation.vue';
 
 @Component({
   components: {
     WidgetParams,
-    FamilyLink
+    Navigation
   }
 })
 export default class Status extends Widget {
@@ -151,7 +152,11 @@ export default class Status extends Widget {
   pathPoke()
   {
       axios.get(this.config.data.url).then(response => {
+        console.log(this.config.data.url);
+        console.log(response);
+        console.log(response.data);
         var resourcetype = response.data.ResourceType;
+        console.log(resourcetype);
         var samplePath = response.data.CFET2CORE_SAMPLE_PATH;
         var sample: ResourceInfo[] = [];
         sample[0] = response.data.Actions.get as ResourceInfo;

src/components/WaveView/WaveView.vue

@@ -5,6 +5,7 @@
     
     </div>
     <setBasicParams ref="setBasicParams" @getPathId="getPathId" @updateConfig="updateConfig" :wave="wave" :setConfig='config'></setBasicParams>
+    <Navigation ref="FamilyLink" :url="config.data.url"></Navigation>
 </div>
 </template>
 
@@ -12,6 +13,7 @@
 import Vue from 'vue'
 import setBasicParams from './setBasicParams.vue';
 import showViewInfo from './showViewInfo.vue';
+import Navigation from '@/components/Common/Navigation.vue';
 import Component from 'vue-class-component';
 import { Prop, Watch } from 'vue-property-decorator';
 import { WidgetConfig } from '@/models/WidgetConfig';
@@ -25,7 +27,8 @@ import axios from "axios";
 @Component({
     components:{
         setBasicParams,
-        showViewInfo
+        showViewInfo,
+        Navigation
     }
 })
 export default class waveView extends Widget {

src/components/WaveView/setBasicParams.vue

@@ -5,6 +5,7 @@
         <b-input v-model="config.data.url" ></b-input>
         <b-input-group-addon>
           <b-button variant="primary" @click="getPathIdParams">OK<span class="glyphicon glyphicon-save"></span></b-button>
+          <!-- <b-button variant="info" @click="">poke</b-button> -->
         </b-input-group-addon>
       </b-input-group>
     </div>
@@ -222,7 +223,7 @@ export default class setBasicParams extends Vue {
       displaylogo: false
     };
 
-    Plotly.newPlot(myPlot, data_update, data_layout, config);
+    // Plotly.newPlot(myPlot, data_update, data_layout, config);
   }
   async getData(url: string) {
     var apiLoad = "/dataserver" + "/DataByTimeFuzzy/" + url;//改