add graph

src/components/echarts/graph.vue

@@ -144,7 +144,8 @@ export default {
               fontSize: 18,
             },
             symbolSize: 24, //节点大小
-            links: this.seriesLinks,
+            // links: this.seriesLinks,
+            edges: this.seriesLinks,
             data: this.seriesData,
             categories: this.categories,
             cursor: "pointer",

src/views/ai/question/chatMsg.vue

@@ -47,7 +47,7 @@
 // import { url } from 'inspector';
 
 // import userinfo from "./userinfo";
-import Graph from "@/components/echarts/graph";
+import Graph from "@/components/Echarts/graph";
 export default {
   name: "ChatMsg",
   components: { Graph },
@@ -82,84 +82,76 @@ export default {
       searchList: {
         seriesData: [
           {
-            id: 1,
             name: "飞机",
           },
           {
-            id: 2,
             name: "机翼",
           },
           {
-            id: 3,
             name: "机身",
           },
           {
-            id: 4,
             name: "尾翼",
           },
           {
-            id: 5,
-            name: "起落装置", //node文字
+            name: "起落装置",
           },
           {
-            id: 6,
-            name: "操纵系统", //node文字
+            name: "操纵系统",
           },
           {
-            id: 7,
-            name: "动力系统", //node文字
+            name: "动力系统",
           },
         ],
         linksData: [
           {
-            source: 2,
-            target: 1,
+            source: "机翼",
+            target: "飞机",
             label: {
               show: true, // 是否显示line的文字
               formatter: "组成" // line的文字
             },
           },
           {
-            source: 3,
-            target: 1,
+            source: "机身",
+            target: "飞机",
             label: {
               show: true, // 是否显示line的文字
               formatter: "组成" // line的文字
             },
           },
           {
-            source: 4,
-            target: 1,
+            source: "尾翼",
+            target: "飞机",
             label: {
               show: true, // 是否显示line的文字
               formatter: "组成" // line的文字
             },
           },
           {
-            source: 5,
-            target: 1,
+            source: "起落装置",
+            target: "飞机",
             label: {
               show: true, // 是否显示line的文字
               formatter: "组成" // line的文字
             },
           },
           {
-            source: 6,
-            target: 1,
+            source: "操纵系统",
+            target: "飞机",
             label: {
               show: true, // 是否显示line的文字
               formatter: "组成" // line的文字
             },
           },
           {
-            source: 7,
-            target: 1,
+            source: "动力系统",
+            target: "飞机",
             label: {
               show: true, // 是否显示line的文字
               formatter: "组成" // line的文字
             },
           },
-          
         ],
       },
     };

src/views/search/Home.vue

@@ -19,8 +19,8 @@
             <form
               id="search-form"
               ref="search_form"
-              :action="engines[search_engine][0]"
-              target="_blank"
+              onsubmit="return false;"
+              style="height: 50px"
             >
               <input
                 id="search-keyword"
@@ -43,9 +43,10 @@
                 class="float-right"
                 type="submit"
                 value="搜索"
+                @click="doSearch"
               />
             </form>
-            <div id="search-hot" :style="search_hot_display">
+            <!-- <div id="search-hot" :style="search_hot_display">
               <ul>
                 <li
                   v-for="(key, index) in keywords"
@@ -57,6 +58,9 @@
                   >{{ key }}
                 </li>
               </ul>
+            </div> -->
+            <div v-if="search_engine == '图谱' && searched">
+              <Graph ref="charts" :chartList="searchList" />
             </div>
           </div>
         </div>
@@ -69,18 +73,95 @@
 // import axios from "axios";
 import storage from "@/utils/storage";
 import fetchJsonp from "fetch-jsonp";
-
+import Graph from "@/components/Echarts/graph";
 export default {
   name: "Home",
+  components: { Graph },
   data() {
     return {
       search_engine: "",
+      searched: false,
       engines: "",
       engine_names: "",
       keyword: "",
       keywords: [],
       key_selected: -1,
       search_hot_display: "display: none",
+      searchList: {
+        seriesData: [
+          {
+            name: "飞机",
+          },
+          {
+            name: "机翼",
+          },
+          {
+            name: "机身",
+          },
+          {
+            name: "尾翼",
+          },
+          {
+            name: "起落装置",
+          },
+          {
+            name: "操纵系统",
+          },
+          {
+            name: "动力系统",
+          },
+        ],
+        linksData: [
+          {
+            source: "机翼",
+            target: "飞机",
+            label: {
+              show: true, // 是否显示line的文字
+              formatter: "组成" // line的文字
+            },
+          },
+          {
+            source: "机身",
+            target: "飞机",
+            label: {
+              show: true, // 是否显示line的文字
+              formatter: "组成" // line的文字
+            },
+          },
+          {
+            source: "尾翼",
+            target: "飞机",
+            label: {
+              show: true, // 是否显示line的文字
+              formatter: "组成" // line的文字
+            },
+          },
+          {
+            source: "起落装置",
+            target: "飞机",
+            label: {
+              show: true, // 是否显示line的文字
+              formatter: "组成" // line的文字
+            },
+          },
+          {
+            source: "操纵系统",
+            target: "飞机",
+            label: {
+              show: true, // 是否显示line的文字
+              formatter: "组成" // line的文字
+            },
+          },
+          {
+            source: "动力系统",
+            target: "飞机",
+            label: {
+              show: true, // 是否显示line的文字
+              formatter: "组成" // line的文字
+            },
+          },
+        ],
+      },
     };
   },
   created() {
@@ -99,7 +180,7 @@ export default {
         文档: ["https://www.so.com/s", "q", "word pdf txt", "文档"],
         图片: ["https://www.baidu.com/s", "wd", "jpg png bmp", "图片"],
         媒体: ["https://www.google.com/search", "q", "mp3 mp4", "媒体"],
-        图谱: ["https://www.sogou.com/web", "query", "知识图谱数据", "图谱"],
+        图谱: ["https://www.sogou.com/web", "query", "知识图谱", "图谱"],
       };
       storage.set("engines", engines);
       this.engines = engines;
@@ -111,6 +192,12 @@ export default {
     set_search_engine(engine) {
       storage.set("search_engine", engine);
       this.search_engine = engine;
+      if(engine=="图谱"){
+        this.keyword = "飞机由什么组成"
+      }else{
+        this.keyword = ''
+      }
+      this.searched = false;
     },
     get_search_engine() {
       return storage.get("search_engine");
@@ -167,13 +254,13 @@ export default {
     down() {
       this.key_selected = (this.key_selected + 1) % this.keywords.length;
       this.keyword = this.keywords[this.key_selected];
-      this.$refs.search_input.value = this.keywords[this.key_selected];
+      // this.$refs.search_input.value = this.keywords[this.key_selected];
     },
     up() {
       this.key_selected =
         (this.key_selected - 1 + this.keywords.length) % this.keywords.length;
       this.keyword = this.keywords[this.key_selected];
-      this.$refs.search_input.value = this.keywords[this.key_selected];
+      // this.$refs.search_input.value = this.keywords[this.key_selected];
     },
     blur() {
       clearTimeout(this.timer); //清除延迟执行
@@ -188,6 +275,9 @@ export default {
       this.key_selected = -1;
       this.get_hot_keyword();
     },
+    doSearch() {
+      this.searched = true
+    }
   },
 };
 </script>