From e62511be9cbb15ae46f4f42be1e39db1baa18cf7 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期三, 05 六月 2024 18:16:57 +0800
Subject: [PATCH] 地图监听

---
 src/pages/character/index.vue |   70 +++++++++++++++++++++++++----------
 1 files changed, 50 insertions(+), 20 deletions(-)

diff --git a/src/pages/character/index.vue b/src/pages/character/index.vue
index e58ea8a..fe8ecf5 100644
--- a/src/pages/character/index.vue
+++ b/src/pages/character/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <view>
+  <view
+    style="width: 100%; height: 100%; display: flex; flex-direction: column"
+  >
     <headNav idIndex="1" text="涓尰浜虹墿鏁版嵁搴�" />
     <!-- 楂樼骇鎼滅储 -->
     <view style="margin: 0.35rem 0 0.16rem 0">
@@ -9,6 +11,7 @@
         :from="From"
         placehold="璇疯緭鍏ュ叧閿瓧"
         :keyword="searchKey"
+        :advancedSearchBack="advancedSearchBack"
       />
     </view>
     <!-- 鐑棬鎼滅储 -->
@@ -25,14 +28,30 @@
         </li>
       </ul>
     </view>
-    <view class="" style="margin-left: 0.2rem">涔︿腑鏈�甯告彁鍒扮殑100浣嶄汉鐗�</view>
+    <view style="margin-left: 0.2rem">涔︿腑鏈�甯告彁鍒扮殑100浣嶄汉鐗�</view>
     <!-- 鍏崇郴琛ㄥ湴鍥� -->
     <view
       id="relation"
-      style="margin-top: 0.2rem; height: 70vh; width: 100%"
-    ></view>
+      style="margin-top: 0.2rem; flex: 1; width: 100%; position: relative"
+    >
+      <div
+        v-if="!loading && relationships.length == 0"
+        style="
+          position: absolute;
+          top: 30%;
+          left: 0;
+          right: 0;
+          text-align: center;
+          font-size: 0.2rem;
+          color: #666;
+        "
+      >
+        鏆傛棤鐩稿叧鏁版嵁
+      </div>
+    </view>
+
     <!-- 鏈濅唬 -->
-    <view
+    <!-- <view
       class="flex flex-center"
       style="width: 100%; position: fixed; bottom: 0.33rem; left: 0"
     >
@@ -69,7 +88,7 @@
           </view>
         </li>
       </ul>
-    </view>
+    </view> -->
   </view>
 </template>
 
@@ -86,6 +105,7 @@
 export default {
   data() {
     return {
+      loading: true,
       // echarts鏁版嵁
       nodes: [],
       // echarts涓よ�呯殑鍏崇郴
@@ -263,19 +283,20 @@
   },
   mounted() {
     this.getData();
-    this.echartsArr();
+    // this.echartsArr();
     this.hotSearch();
     // 鐩戝惉绐楀彛澶у皬鍙樺寲
-    // window.addEventListener("resize", this.relation);
+    window.addEventListener("resize", this.relation);
     this.innt();
   },
   onLoad(options) {
     this.searchKey = options.keyword;
   },
   methods: {
-    getData() {
+    getData(key) {
+      this.loading = true;
       getFuzzySearch({
-        keyword: this.searchKey ? this.searchKey : ""
+        keyword: key ? key : this.searchKey ? this.searchKey : ""
       }).then((res) => {
         this.nodes = [];
         this.relationships = [];
@@ -288,13 +309,13 @@
               (node) => node.id === item.identifier2 && node.name === item.name2
             );
             // 璇佹槑涓嶅瓨鍦�
-            if (exists1 !== true) {
+            if (item.name1 && exists1 !== true) {
               this.nodes.push({
                 name: item.name1,
                 id: item.identifier1
               });
             }
-            if (exists2 !== true) {
+            if (item.name2 && exists2 !== true) {
               this.nodes.push({
                 name: item.name2,
                 id: item.identifier2
@@ -308,6 +329,7 @@
             this.relationships.push(obj);
           });
         }
+        this.loading = false;
         this.relation();
       });
     },
@@ -388,7 +410,7 @@
           }
         };
       });
-      
+
       var option;
       option = {
         title: {
@@ -441,8 +463,8 @@
               }
             },
             force: {
-              initLayout: null,
-              // gravity: 0
+              // layoutAnimation: false,
+              // friction: 1,
               repulsion: 800,
               edgeLength: 400
             }
@@ -454,7 +476,6 @@
       // 璁剧疆鐐瑰嚮浜嬩欢鐩戝惉
       myChart.off("click");
       myChart.on("click", (params) => {
-        console.log(params);
         if (params.dataType === "node") {
           this.spaceTimeArr(params.data.id);
         }
@@ -463,13 +484,22 @@
     },
     // 鍩虹鎼滅储
     onSearch(val) {
-      this.searchKey = val.text;
-      this.getData();
+      // this.searchKey = val.text;
+      this.getData(val.text);
     },
     // 楂樼骇鎼滅储
     onSubmit(val) {
-      getAdvanceSearch(val).then((res) => {
-        console.log(res, "鎺ュ彛璋冪敤鎴愬姛");
+      getAdvanceSearch({
+        ...val,
+        page: 1,
+        pageSize: 100
+      }).then((res) => {
+        console.log(res, "res");
+      });
+    },
+    advancedSearchBack() {
+      uni.navigateTo({
+        url: "/pages/knowledgeBase/knowledgeBase"
       });
     },
     // 鐐瑰嚮涓嬮潰鐨勬湞浠ｆ寜閽�

--
Gitblit v1.9.1