From 9342d91f064ab3056d0fcfad5ad3f78833e8c536 Mon Sep 17 00:00:00 2001
From: y505174330 <505174330@qq.com>
Date: 星期六, 18 五月 2024 17:20:14 +0800
Subject: [PATCH] 1

---
 src/pages/inherit/index.vue |   43 +++++++++++++++++++++----------------------
 1 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue
index 8a7b258..fcb2093 100644
--- a/src/pages/inherit/index.vue
+++ b/src/pages/inherit/index.vue
@@ -71,10 +71,7 @@
     </div>
     <div class="contentBox">
       <!-- echarts鍥� -->
-      <div v-if="nodeData.length > 0" class="barChart" ref="barChart"></div>
-      <div v-else>
-        <el-empty description="鏆傛棤鏁版嵁"></el-empty>
-      </div>
+      <div class="barChart" ref="barChart" ></div>
       <div
         class="toolBox"
         v-if="showTool"
@@ -101,7 +98,7 @@
       idIndex: 0,
       activeId: 28,
       conditionId: "",
-      searchType: "KEYWORD",
+      searchType: "DYNASTY",
       dynasty: [],
       nodeData: [],
       showTool: false,
@@ -113,32 +110,27 @@
   onLoad(options) {
     this.idIndex = options.id;
     console.log("optionsoptionsoptions", options.id);
-    // getDynasty();
   },
   mounted() {
     this.getStatistics();
-    // this.getDynasty();
   },
   methods: {
     getStatistics() {
       inheritMedicalSataStatistics().then((res) => {
         this.dynasty = res.object;
-        const defaultDynasty = this.dynasty.find((f) => f.dynasty == "瀹�");
-        this.activeId = defaultDynasty.dynastyId;
-        this.searchType = "DYNASTY";
         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,
       }).then((res) => {
-        console.log(res);
         for (let i = 0; i < res.object.nodeList.length; i++) {
           const node = res.object.nodeList[i];
           if (
@@ -154,7 +146,7 @@
             });
           }
         }
-        console.log(this.nodeData, "nodeData");
+        console.log(this.nodeData);
         // 鍒濆鍖� echarts
         this.initBarChart();
       });
@@ -164,18 +156,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;
@@ -204,7 +196,7 @@
           {
             type: "graph",
             layout: "force",
-            symbolSize: 120,
+            symbolSize: 100,
             //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
             roam: true,
             label: {
@@ -247,6 +239,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") {
@@ -257,6 +254,8 @@
             id: params.data.identifier,
             name: encodeURIComponent(params.data.name),
           };
+        } else {
+          this.showTool = false;
         }
       });
     },
@@ -428,8 +427,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;
@@ -442,8 +441,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;
@@ -463,7 +462,7 @@
 }
 .filterText {
   margin-left: 10px;
-  font-size: 16px;
+  font-size: 0.16rem;
 }
 .fontColor {
   color: #827e44 !important;

--
Gitblit v1.9.1