From 6269e2718144c9ff760a00385d3552cebdd0ffe3 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期一, 20 五月 2024 19:07:43 +0800 Subject: [PATCH] 世医数量调用接口 --- src/pages/inherit/index.vue | 67 ++++++++++++++++++--------------- 1 files changed, 36 insertions(+), 31 deletions(-) diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue index 88a8415..f318915 100644 --- a/src/pages/inherit/index.vue +++ b/src/pages/inherit/index.vue @@ -66,7 +66,7 @@ </div> </div> <div style="padding-left: 0.5rem; margin-top: 20px"> - 鍏� {{ this.nodeData.length }}涓笘鍖� + 鍏� {{ totalCount }}涓笘鍖� </div> </div> <div class="contentBox"> @@ -87,6 +87,7 @@ <script> import * as echarts from "echarts"; import { + getNodeCount, inheritMedicalSataStatistics, inheritMedicalList } from "@/api/index.js"; @@ -96,59 +97,63 @@ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ keyword: "", idIndex: 0, - activeId: "", + activeId: 28, conditionId: "", - searchType: "KEYWORD", + searchType: "DYNASTY", dynasty: [], nodeData: [], showTool: false, toolTop: 0, toolLeft: 0, - toolInfo: {} + toolInfo: {}, + totalCount: 0, }; }, onLoad(options) { this.idIndex = options.id; console.log("optionsoptionsoptions", options.id); - getDynasty() }, mounted() { this.getStatistics(); - this.getData(); - this.getDynasty() - }, methods: { getStatistics() { inheritMedicalSataStatistics().then((res) => { this.dynasty = res.object; + this.activeId = this.dynasty[0].dynastyId + this.getData(); }); }, getData() { this.nodeData = []; + // const defaultDynasty = this.dynasty.find(f.dynasty == "瀹�"); + inheritMedicalList({ keywords: this.keyword, dynastyId: this.activeId, searchType: this.searchType, path: this.conditionId }).then((res) => { - console.log(res); for (let i = 0; i < res.object.nodeList.length; i++) { const node = res.object.nodeList[i]; - if ( - this.nodeData.findIndex((citem) => citem.name == node.name) == -1 - ) { - this.nodeData.push({ - ...node, - itemStyle: { - color: "#F8E2D7", - borderColor: "#F3AA78", - borderWidth: "3" - } - }); - } + this.nodeData.push({ + ...node, + id: node.identifier, + itemStyle: { + color: "#F8E2D7", + borderColor: "#F3AA78", + borderWidth: "3" + } + }); } - console.log(this.nodeData); + getNodeCount({ + keywords: this.keyword, + dynastyId: this.activeId, + searchType: this.searchType, + path: this.conditionId + }).then((res) => { + this.totalCount = res.object.totalCount + }); // 鍒濆鍖� echarts this.initBarChart(); }); @@ -182,14 +187,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, @@ -204,7 +209,7 @@ label: { show: true, color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹� - fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬 + fontSize: FontSize // 璁剧疆鏂囧瓧澶у皬 }, edgeSymbol: ["circle", "arrow"], edgeSymbolSize: [4, 10], @@ -219,7 +224,7 @@ // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚� // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚� return params.data.relationName; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨�� - }, + } }, //鍚勪釜鑺傜偣 data: this.nodeData, @@ -227,17 +232,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); -- Gitblit v1.9.1