From 2df27fd1fa604fc6b2e5876b1b5e073f9a7f39ab Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期六, 11 五月 2024 19:24:08 +0800
Subject: [PATCH] 登录注册

---
 src/pages/inherit/index.vue |   71 +++++++++++++++++++++--------------
 1 files changed, 42 insertions(+), 29 deletions(-)

diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue
index 325dcfe..610ec9c 100644
--- a/src/pages/inherit/index.vue
+++ b/src/pages/inherit/index.vue
@@ -10,8 +10,12 @@
 
     <div class="filterBox font-family">
       <div class="searchBox">
-        <input type="text" placeholder="杈撳叆濮撳悕/鍒悕/鏈濅唬" />
-        <button>鎼滅储</button>
+        <input
+          v-model="keywords"
+          type="text"
+          placeholder="杈撳叆濮撳悕/鍒悕/鏈濅唬"
+        />
+        <button @click="getData">鎼滅储</button>
       </div>
       <div class="dynasty">
         <div style="font-weight: 700; line-height: 0.25rem">绛涢�夋湞浠�</div>
@@ -54,7 +58,7 @@
 </template>
 <script>
 import * as echarts from "echarts";
-import { inheritMedicalList } from "@/api/index.js";
+import { inheritMedicalList, getDynastyAll } from "@/api/index.js";
 export default {
   data() {
     return {
@@ -65,61 +69,70 @@
         {
           name: "鍞�",
           number: "4910",
-          isColor: false
+          isColor: false,
         },
         {
           name: "浜斾唬",
           number: "494",
-          isColor: true
+          isColor: true,
         },
         {
           name: "瀹�",
           number: "51273",
-          isColor: false
+          isColor: false,
         },
         {
           name: "鍖楀畫",
           number: "15",
-          isColor: true
+          isColor: true,
         },
         {
           name: "鍗楀畫",
           number: "4910",
-          isColor: false
+          isColor: false,
         },
         {
           name: "鍏�",
           number: "299",
-          isColor: true
+          isColor: true,
         },
         {
           name: "鏄�",
           number: "1830",
-          isColor: false
+          isColor: false,
         },
         {
           name: "娓�",
           number: "1000",
-          isColor: true
-        }
+          isColor: true,
+        },
       ],
-      nodeData: []
+      nodeData: [],
+      keywords: "",
     };
   },
   onLoad(options) {
     this.idIndex = options.id;
     console.log("optionsoptionsoptions", options.id);
+    getDynasty()
   },
   mounted() {
     this.getData();
+    this.getDynasty()
+
   },
   methods: {
+    getDynasty() {
+      getDynastyAll().then((res) => {
+        console.log(res, "getDynastyAll");
+      });
+    },
     getData() {
       inheritMedicalList({
-        keywords: "",
+        keywords: this.keywords,
         dynastyId: "",
         searchType: "KEYWORD",
-        path: ""
+        path: "",
       }).then((res) => {
         console.log(res);
         this.nodeData = res.object.nodeList.map((item) => {
@@ -128,8 +141,8 @@
             itemStyle: {
               color: "#F8E2D7",
               borderColor: "#F3AA78",
-              borderWidth: "3"
-            }
+              borderWidth: "3",
+            },
           };
         });
         // 鍒濆鍖� echarts
@@ -165,14 +178,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,
@@ -187,7 +200,7 @@
             label: {
               show: true,
               color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
-              fontSize: FontSize // 璁剧疆鏂囧瓧澶у皬
+              fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
             },
             edgeSymbol: ["circle", "arrow"],
             edgeSymbolSize: [4, 10],
@@ -202,7 +215,7 @@
                 // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚�
                 // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚�
                 return params.data.relationName; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨��
-              }
+              },
             },
             //鍚勪釜鑺傜偣
             data: this.nodeData,
@@ -210,17 +223,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);
@@ -230,15 +243,15 @@
             "/pages/inherit/list?id=" +
             params.data.identifier +
             "&name=" +
-            encodeURIComponent(params.data.name)
+            encodeURIComponent(params.data.name),
         });
       });
     },
     // 杩斿洖鎸夐挳
     goBack() {
       this.$router.go(-1);
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped>

--
Gitblit v1.9.1