From 3efb4b13a0c22332f75b48af4015541d6833c1fe Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期三, 29 五月 2024 11:17:20 +0800 Subject: [PATCH] 人物详情 --- src/pages/character/index.vue | 56 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 42 insertions(+), 14 deletions(-) diff --git a/src/pages/character/index.vue b/src/pages/character/index.vue index e58ea8a..fded48b 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,29 @@ </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 +87,7 @@ </view> </li> </ul> - </view> + </view> --> </view> </template> @@ -86,6 +104,7 @@ export default { data() { return { + loading: true, // echarts鏁版嵁 nodes: [], // echarts涓よ�呯殑鍏崇郴 @@ -273,9 +292,9 @@ this.searchKey = options.keyword; }, methods: { - getData() { + getData(key) { getFuzzySearch({ - keyword: this.searchKey ? this.searchKey : "" + keyword: key ? key : this.searchKey ? this.searchKey : "" }).then((res) => { this.nodes = []; this.relationships = []; @@ -308,6 +327,7 @@ this.relationships.push(obj); }); } + this.loading = false; this.relation(); }); }, @@ -388,7 +408,7 @@ } }; }); - + var option; option = { title: { @@ -454,7 +474,6 @@ // 璁剧疆鐐瑰嚮浜嬩欢鐩戝惉 myChart.off("click"); myChart.on("click", (params) => { - console.log(params); if (params.dataType === "node") { this.spaceTimeArr(params.data.id); } @@ -463,13 +482,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" }); }, // 鐐瑰嚮涓嬮潰鐨勬湞浠f寜閽� -- Gitblit v1.9.1