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 |   71 +++++++++++++++++++++--------------
 1 files changed, 43 insertions(+), 28 deletions(-)

diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue
index 615cdc6..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,15 +97,16 @@
       // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
       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) {
@@ -113,39 +115,45 @@
   },
   mounted() {
     this.getStatistics();
-    this.getData();
   },
   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();
       });
@@ -155,18 +163,18 @@
       //閫氳繃 $ref 杩涜鎸傝浇
       let myChart = echarts.init(this.$refs.barChart);
 
-      let FontSize = 12; // 瀛椾綋澶у皬
+      let FontSize = 18; // 瀛椾綋澶у皬
       let BorderWidth = 2; // 杈规澶у皬
       let SymbolSize = 80; // 灏哄璺濈
       let Distance = 10;
       // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
       if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
-        FontSize = 28;
+        FontSize = 20;
         BorderWidth = 5;
         SymbolSize = 100;
         Distance = 33;
       } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
-        FontSize = 28;
+        FontSize = 20;
         BorderWidth = 4;
         SymbolSize = 90;
         Distance = 22;
@@ -195,7 +203,7 @@
           {
             type: "graph",
             layout: "force",
-            symbolSize: 120,
+            symbolSize: 100,
             //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
             roam: true,
             label: {
@@ -238,6 +246,11 @@
       };
       //杩涜娓叉煋
       myChart.setOption(option);
+      myChart.getZr().on("click", (params) => {
+        if (!params.target) {
+          this.showTool = false;
+        }
+      });
       myChart.on("click", (params) => {
         console.log(params.event.offsetX, params.event.offsetY);
         if (params.componentType === "series") {
@@ -248,6 +261,8 @@
             id: params.data.identifier,
             name: encodeURIComponent(params.data.name)
           };
+        } else {
+          this.showTool = false;
         }
       });
     },
@@ -419,8 +434,8 @@
   box-shadow: 1px 1px 5px #888888;
   align-items: center;
   justify-content: center;
-  width: 1rem;
-  height: 0.25rem;
+  width: 1.4rem;
+  height: 0.3rem;
   margin-left: 0.2rem;
   border-radius: 0.13rem;
   float: left;
@@ -433,8 +448,8 @@
   box-shadow: 1px 1px 5px #888888;
   align-items: center;
   justify-content: center;
-  width: 1.3rem;
-  height: 0.25rem;
+  width: 1.6rem;
+  height: 0.3rem;
   float: left;
   margin-left: 0.2rem;
   border-radius: 0.13rem;
@@ -454,7 +469,7 @@
 }
 .filterText {
   margin-left: 10px;
-  font-size: 16px;
+  font-size: 0.16rem;
 }
 .fontColor {
   color: #827e44 !important;

--
Gitblit v1.9.1