From c4b8209d92daa8c6e8ec20bdd56fecf4a95d0990 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 05 六月 2024 16:41:33 +0800
Subject: [PATCH] 1
---
src/pages/character/index.vue | 52 +++++++++++++++++++++++++++++++++++-----------------
1 files changed, 35 insertions(+), 17 deletions(-)
diff --git a/src/pages/character/index.vue b/src/pages/character/index.vue
index 8f7acbe..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">
@@ -26,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%;position: relative;"
- ><div v-if="!loading && relationships.length == 0" style="position: absolute;top: 30%;left: 0;right: 0;text-align: center;font-size: 0.20rem;color: #666;">鏆傛棤鐩稿叧鏁版嵁</div></view
+ <view
+ id="relation"
+ 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"
>
@@ -70,7 +88,7 @@
</view>
</li>
</ul>
- </view>
+ </view> -->
</view>
</template>
@@ -265,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 = [];
@@ -290,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
@@ -444,8 +463,8 @@
}
},
force: {
- initLayout: null,
- // gravity: 0
+ // layoutAnimation: false,
+ // friction: 1,
repulsion: 800,
edgeLength: 400
}
@@ -457,7 +476,6 @@
// 璁剧疆鐐瑰嚮浜嬩欢鐩戝惉
myChart.off("click");
myChart.on("click", (params) => {
- console.log(params);
if (params.dataType === "node") {
this.spaceTimeArr(params.data.id);
}
@@ -466,8 +484,8 @@
},
// 鍩虹鎼滅储
onSearch(val) {
- this.searchKey = val.text;
- this.getData();
+ // this.searchKey = val.text;
+ this.getData(val.text);
},
// 楂樼骇鎼滅储
onSubmit(val) {
--
Gitblit v1.9.1