|
@@ -2,8 +2,9 @@
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<div class="nuonClass">
|
|
<div class="nuonClass">
|
|
<p v-html="selected.msg"></p>
|
|
<p v-html="selected.msg"></p>
|
|
|
|
+ <Graph ref="charts" :chartList="searchList"></Graph>
|
|
</div>
|
|
</div>
|
|
- <Chart
|
|
|
|
|
|
+ <!-- <Chart
|
|
ref="chart"
|
|
ref="chart"
|
|
@changeRoot="redrawChart"
|
|
@changeRoot="redrawChart"
|
|
@c_click="getInfoTooltip"
|
|
@c_click="getInfoTooltip"
|
|
@@ -19,7 +20,8 @@
|
|
@delete="delNode"
|
|
@delete="delNode"
|
|
:minWid="600"
|
|
:minWid="600"
|
|
:minHie="400"
|
|
:minHie="400"
|
|
- />
|
|
|
|
|
|
+ /> -->
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<style scoped>
|
|
<style scoped>
|
|
@@ -33,10 +35,12 @@
|
|
</style>
|
|
</style>
|
|
<script>
|
|
<script>
|
|
import Chart from "@/views/knowledge/common/chart";
|
|
import Chart from "@/views/knowledge/common/chart";
|
|
|
|
+import Graph from "@/components/Echarts/graph.vue";
|
|
import test from "@/views/repair/noun/test.json";
|
|
import test from "@/views/repair/noun/test.json";
|
|
|
|
+import fiveAircraft from "@/views/repair/noun/5aircraft.json"
|
|
export default {
|
|
export default {
|
|
name: "NounDetail",
|
|
name: "NounDetail",
|
|
- components: {Chart},
|
|
|
|
|
|
+ components: { Chart, Graph},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
nodes: [],
|
|
nodes: [],
|
|
@@ -85,6 +89,7 @@ export default {
|
|
],
|
|
],
|
|
selected: {},
|
|
selected: {},
|
|
graph: {},
|
|
graph: {},
|
|
|
|
+ searchList:{},
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -97,7 +102,12 @@ export default {
|
|
this.selected = data;
|
|
this.selected = data;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- this.redrawChart();
|
|
|
|
|
|
+ if(this.selected.id === "2"){
|
|
|
|
+ this.searchList = fiveAircraft
|
|
|
|
+ }else{
|
|
|
|
+ this.searchList = {}
|
|
|
|
+ }
|
|
|
|
+ // this.redrawChart();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
/**
|
|
/**
|