From c44f0ab61e6ca562baa6832cb4494900653f4c78 Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期五, 17 五月 2024 22:17:26 +0800 Subject: [PATCH] 11 --- src/pages/inherit/index.vue | 50 ++++++++++++++++++++++++++------------------------ 1 files changed, 26 insertions(+), 24 deletions(-) diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue index 615cdc6..762cd6a 100644 --- a/src/pages/inherit/index.vue +++ b/src/pages/inherit/index.vue @@ -71,7 +71,7 @@ </div> <div class="contentBox"> <!-- echarts鍥� --> - <div class="barChart" ref="barChart"></div> + <div class="barChart" ref="barChart" ></div> <div class="toolBox" v-if="showTool" @@ -88,7 +88,7 @@ import * as echarts from "echarts"; import { inheritMedicalSataStatistics, - inheritMedicalList + inheritMedicalList, } from "@/api/index.js"; export default { data() { @@ -96,15 +96,15 @@ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ keyword: "", idIndex: 0, - activeId: "", + activeId: 28, conditionId: "", - searchType: "KEYWORD", + searchType: "DYNASTY", dynasty: [], nodeData: [], showTool: false, toolTop: 0, toolLeft: 0, - toolInfo: {} + toolInfo: {}, }; }, onLoad(options) { @@ -113,21 +113,23 @@ }, mounted() { this.getStatistics(); - this.getData(); }, methods: { getStatistics() { inheritMedicalSataStatistics().then((res) => { this.dynasty = res.object; + this.getData(); }); }, getData() { this.nodeData = []; + // const defaultDynasty = this.dynasty.find(f.dynasty == "瀹�"); + // this.activeId = defaultDynasty.dynastyId inheritMedicalList({ keywords: this.keyword, dynastyId: this.activeId, searchType: this.searchType, - path: this.conditionId + path: this.conditionId, }).then((res) => { console.log(res); for (let i = 0; i < res.object.nodeList.length; i++) { @@ -140,8 +142,8 @@ itemStyle: { color: "#F8E2D7", borderColor: "#F3AA78", - borderWidth: "3" - } + borderWidth: "3", + }, }); } } @@ -179,14 +181,14 @@ let option = { title: { - text: [""] + text: [""], }, backgroundColor: { type: "image", image: "/static/image/WMBg.png", repeat: "repeat-x", // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat' size: "100% 100%", // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱� - position: "center center" // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮 + position: "center center", // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮 }, tooltip: {}, animationDurationUpdate: 1500, @@ -201,7 +203,7 @@ label: { show: true, color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹� - fontSize: FontSize // 璁剧疆鏂囧瓧澶у皬 + fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬 }, edgeSymbol: ["circle", "arrow"], edgeSymbolSize: [4, 10], @@ -216,7 +218,7 @@ // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚� // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚� return params.data.relationName; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨�� - } + }, }, //鍚勪釜鑺傜偣 data: this.nodeData, @@ -224,17 +226,17 @@ color: "#000000", opacity: 0.9, width: 2, - curveness: 0 + curveness: 0, }, force: { // initLayout: 'circular', // gravity: 0 friction: 0.1, repulsion: 500, - edgeLength: 6 - } - } - ] + edgeLength: 6, + }, + }, + ], }; //杩涜娓叉煋 myChart.setOption(option); @@ -246,7 +248,7 @@ this.toolLeft = params.event.offsetX + "px"; this.toolInfo = { id: params.data.identifier, - name: encodeURIComponent(params.data.name) + name: encodeURIComponent(params.data.name), }; } }); @@ -255,7 +257,7 @@ switch (type) { case 1: uni.navigateTo({ - url: "/pages/character/detail?id=" + this.toolInfo.id + url: "/pages/character/detail?id=" + this.toolInfo.id, }); break; case 2: @@ -266,7 +268,7 @@ "&id=" + this.toolInfo.id + "&name=" + - this.toolInfo.name + this.toolInfo.name, }); break; case 3: @@ -277,7 +279,7 @@ "&id=" + this.toolInfo.id + "&name=" + - this.toolInfo.name + this.toolInfo.name, }); break; } @@ -317,8 +319,8 @@ this.keyword = ""; } this.getData(); - } - } + }, + }, }; </script> <style scoped> -- Gitblit v1.9.1