加了familylink

package-lock.json

@@ -1157,6 +1157,11 @@
         "@turf/helpers": "6.x"
       }
     },
+    "@tweenjs/tween.js": {
+      "version": "17.4.0",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-17.4.0.tgz",
+      "integrity": "sha512-J3fzl1F6wvh8KXVVcIuHN12xi1ZDcPA/0Vix+ZcJYwZWVHUwfIqfvzYXXEw7ybeev6477KCTt9fKydU+ajUqcg=="
+    },
     "@types/d3": {
       "version": "3.5.43",
       "resolved": "https://registry.npm.taobao.org/@types/d3/download/@types/d3-3.5.43.tgz",
@@ -13641,6 +13646,14 @@
         "loader-utils": "^1.0.2"
       }
     },
+    "vue-svg-gauge": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/vue-svg-gauge/-/vue-svg-gauge-1.2.1.tgz",
+      "integrity": "sha512-AKASvAhH4gmgSV3kZ0e3kPgA7/YijorWj26fHqTM+dy1pVzrIAjfyr7IyILyU9Bu7jYIbw76nf+AKoKFa3jwhQ==",
+      "requires": {
+        "@tweenjs/tween.js": "^17.3.0"
+      }
+    },
     "vue-template-compiler": {
       "version": "2.6.10",
       "resolved": "https://registry.npm.taobao.org/vue-template-compiler/download/vue-template-compiler-2.6.10.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-svg-gauge": "^1.2.1",
     "vuex": "^3.1.1",
     "vuex-class": "^0.3.2"
   },

src/App.vue

@@ -106,7 +106,7 @@ export default class App extends Vue {
 
   mounted() {
   var fragment = window.location.hash;
-  //  var fragment = "#/card0";
+  // var fragment = "#/dataServer/BasePath";
   console.log(fragment);
   if (fragment != "#") {
     fragment = fragment.substring(1,fragment.length);

src/components/Common/FamilyLink.vue

+<template id="setBasicParams">
+<div>
+    <span>parent and children link</span>
+    <b-button variant="primary" @click="getPath">show</b-button>  
+    <div>
+        <a :href="parentPath">{{ parentPath }}</a>
+        <div v-for="(path,index) in childrenPath" :key="index">
+            <a :href= "path" >{{path}}</a><br>
+        </div>
+    </div>
+</div>
+</template>
+
+
+<script lang="ts">
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
+import axios from "axios";
+import Plotly from "plotly.js";
+import global_ from '@/components/Common/global.vue';
+import { WidgetConfig } from "@/models/WidgetConfig";
+import { UpdatePayload } from "@/models/UpdatePayload";
+import PathProcessor from "@/models/PathProcessor";
+import { forEach } from "typescript-collections/dist/lib/arrays";
+import { map } from "d3";
+import WidgetParams from "@/components/Common/WidgetParams.vue";
+
+@Component({
+    components:{
+        WidgetParams
+    }
+})
+export default class FamilyLink extends Vue {
+    @Prop() url!:string;
+    parentPath!:string;
+    childrenPath!:string[];
+
+    async getPath(){
+        var apiLoad = this.url;
+        await axios.get(apiLoad)
+        .then(response => {
+            this.parentPath = response.data.ParentPath as string;
+            this.childrenPath = response.data.ChildrenPath as string[];
+        })
+        this.$forceUpdate();
+    }
+
+}
+</script>
+<style scoped>
+</style>
\ No newline at end of file

src/components/Common/WidgetParams.vue

@@ -2,9 +2,7 @@
   <div style="width:100%">
     <div v-for="(label, index) in userInputData.keys()" :key="index">
       <b-input-group style="margin:5px">
-        <template v-slot:prepend>
         <b-input-group-text class="smallFont">{{label}}</b-input-group-text>
-        </template>
         <b-form-input class="smallFont" v-model="tempUserInputData[label]" ></b-form-input>
       </b-input-group>
     </div>
@@ -36,6 +34,7 @@ export default class WidgetParams extends Vue{
         path.forEach(element => {
             this.userInputData.set(element, '');
         });
+        console.log(this.userInputData);
         this.$forceUpdate();
     }
 

src/components/Common/global.vue

-<script>
-const thingPath = "/dataserver";
-
-export default {
-    thingPath
-}
-</script>
-

src/components/Config/Config.vue

@@ -7,7 +7,6 @@
       <b-col>
         <b-button @click="showPathConfig" variant="primary" style="float:right"><span class="glyphicon glyphicon-cog"></span></b-button>
       </b-col>
-      <hr />
     </b-row>
     <b-row style="margin-top:10px">
       <b-col>
@@ -16,8 +15,6 @@
     </b-row>
     <div style="width:100%">
       <span style="float:left;font-size:20px">getConfigValue:{{ getConfigValue }}</span>
-      <div><hr v-show="isShowPath"/></div>
-      
       <!-- <span style="float:left;font-size:20px">setConfigValue:{{ setConfigValue }}</span>
       <hr /> -->
     </div>

src/components/Status/Status.vue

@@ -7,11 +7,11 @@
       <b-col>
         <b-button @click="showPathConfig" variant="primary" style="float:right"><span class="glyphicon glyphicon-cog"></span></b-button>
       </b-col>
-      <hr />
+      <div v-show="isShowPath"><hr /></div>
     </b-row>
     <div style="width:100%">
       <span style="float:left;font-size:20px">{{ StatusValue }}</span>
-      <hr />
+      <div v-show="isShowPath"><hr /></div>
     </div>
     <b-input-group prepend="path" v-show="isShowPath">
       <b-form-input v-model="config.data.url"></b-form-input>
@@ -21,11 +21,13 @@
     </b-input-group>
     <hr/>
     <WidgetParams ref="WidgetParams" v-show="isShowParams&&isShowPath" action="get"  @updataVariables="viewLoad" ></WidgetParams>
+    <FamilyLink ref="FamilyLink" :url="config.data.url"></FamilyLink>
   </b-container>
 </template>
 
 <script lang="ts">
 import Vue from "vue";
+import { VueSvgGauge } from 'vue-svg-gauge'
 import Component from "vue-class-component";
 import { Prop, Watch } from "vue-property-decorator";
 import { WidgetConfig } from "@/models/WidgetConfig";
@@ -39,10 +41,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';
 
 @Component({
   components: {
-    WidgetParams
+    WidgetParams,
+    FamilyLink
   }
 })
 export default class Status extends Widget {
@@ -136,7 +140,10 @@ export default class Status extends Widget {
            pokedPath = pokedPath + key + "=$" + key + "$&";
     });
     console.log(pokedPath);
+    if(count != 0 )
+    {
         pokedPath = pokedPath.substring(0,pokedPath.length-1);
+    }
     console.log(pokedPath);
     this.config.data.url = pokedPath;
   }

src/components/WaveView/WaveView.vue

@@ -14,11 +14,12 @@ import setBasicParams from './setBasicParams.vue';
 import showViewInfo from './showViewInfo.vue';
 import Component from 'vue-class-component';
 import { Prop, Watch } from 'vue-property-decorator';
-import global_ from '@/components/Common/global.vue';
 import { WidgetConfig } from '@/models/WidgetConfig';
 import { UpdatePayload } from '@/models/UpdatePayload';
 import { Widget } from '@/models/wiget';
 import StrMapObjChange from "@/models/StrMapObjChange";
+import { ResourceInfo } from "@/models/Customview";
+import axios from "axios";
 
 
 @Component({
@@ -83,6 +84,43 @@ export default class waveView extends Widget {
     updateConfig(data:WidgetConfig){
         this.config = data;
     }
+    samplePoke(sample:ResourceInfo[],samplePath:string)
+    {
+    var pokedPath:string;
+    pokedPath = samplePath;
+    var count:number = 0;
+
+    var temp = sample[0].Parameters;
+    temp = JSON.parse(JSON.stringify(temp));
+    console.log(temp);
+    temp = this.strMapObjChange.objToStrMap(temp);
+     console.log(temp);
+    sample[0].Parameters = temp;
+    console.log(sample[0].Parameters);
+
+    sample[0].Parameters.forEach((value , key) =>{
+          count++;
+          if(count == 1)
+          {
+              pokedPath = pokedPath + "?";
+          }
+           pokedPath = pokedPath + key + "=$" + key + "$&";
+    });
+    console.log(pokedPath);
+    pokedPath = pokedPath.substring(0,pokedPath.length-1);
+    console.log(pokedPath);
+    this.config.data.url = pokedPath;
+  }
+  pathPoke()
+  {
+        axios.get(this.config.data.url).then(response => {
+        var resourcetype = response.data.ResourceType;
+        var samplePath = response.data.CFET2CORE_SAMPLE_PATH;
+        var sample: ResourceInfo[] = [];
+        sample[0] = response.data.Actions.get as ResourceInfo;
+        this.samplePoke(sample,samplePath);
+      })
+  }
 }
 </script>
 

src/components/WaveView/setBasicParams.vue

@@ -225,13 +225,13 @@ export default class setBasicParams extends Vue {
     Plotly.newPlot(myPlot, data_update, data_layout, config);
   }
   async getData(url: string) {
-    var apiLoad = global_.thingPath + "/DataByTimeFuzzy/" + url;
+    var apiLoad = "/dataserver" + "/DataByTimeFuzzy/" + url;//改
     await axios.get(apiLoad).then(response => {
       this.temp.data = response.data.ObjectVal;
     });
   }
   async getDataTimeAxis(url: string) {
-    var apiLoad = global_.thingPath + "/DataByTimeFuzzyTimeAxis/" + url;
+    var apiLoad = "/dataerver" + "/DataByTimeFuzzyTimeAxis/" + url;
     await axios.get(apiLoad).then(response => {
       this.temp.dataTimeAxis = response.data.ObjectVal;
     });

src/components/WaveView/showViewInfo.vue

@@ -10,7 +10,6 @@
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
 import axios from 'axios';
-import global_ from '@/components/Common/global.vue';
 
 @Component
 export default class showViewInfo extends Vue {
@@ -28,21 +27,21 @@ export default class showViewInfo extends Vue {
         this.getLength(pathId);
     }
     async getBasePath() {
-        var apiLoad = global_.thingPath + '/basepath';
+        var apiLoad = "/dataserver" + '/basepath';
         await axios.get(apiLoad)
         .then((response) => {
             this.basePathId = response.data.ObjectVal;
         })
     }
     async getSamplerate(pathId:string) {
-        var apiLoad = global_.thingPath + '/samplerate/' + pathId;
+        var apiLoad = "/dataserver" + '/samplerate/' + pathId;
         await axios.get(apiLoad)
         .then((response) => {
             this.sampleId = response.data.ObjectVal;
         })
     }
     async getLength(pathId:string) {
-        var apiLoad = global_.thingPath + '/length/' + pathId;
+        var apiLoad = "dataserver" + '/length/' + pathId;
         await axios.get(apiLoad)
         .then((response) => {
             this.lengthId = response.data.ObjectVal;

src/types/vue-svg-gauge/index.d.ts

+declare module 'vue-svg-gauge' {
+    import Vue from 'vue';
+  
+    export class VueSvgGauge extends Vue {}
+  }
\ No newline at end of file