From 86be3bd87c56cbc82e295cb41542601a0ed55330 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期三, 09 四月 2025 16:22:20 +0800
Subject: [PATCH] 树节点自定义颜色

---
 src/views/chronology/index.vue |   30 ++++++++++++++++++++++++------
 1 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/views/chronology/index.vue b/src/views/chronology/index.vue
index ec3c594..b2f7689 100644
--- a/src/views/chronology/index.vue
+++ b/src/views/chronology/index.vue
@@ -44,11 +44,12 @@
                   v-for="(citem, cindex) in item.list"
                   :style="{ background: citem.color }"
                   @mouseover="showDetail(index, cindex, 1)"
+                  @mouseout="closeDetail(index, cindex, 0)"
                   :key="cindex"
                 >
                   <div class="detailDialog" v-if="citem.showDetail">
                     <!-- <div class="dialogContent" @click="gotoDetail(citem)"> -->
-                      <floatingWindow :info="citem" />
+                    <floatingWindow :info="citem" />
                     <!-- </div> -->
                   </div>
                 </div>
@@ -71,7 +72,6 @@
 </template>
 
 <script>
-import echarts from "@/assets/js/echarts.min.js";
 import floatingWindow from "./floatingWindow.vue";
 export default {
   components: {
@@ -87,6 +87,7 @@
               showDetail: false,
               name: "鐜嬫案鐐�",
               year: "1938",
+              type: "journal",
               id: "1",
             },
           ],
@@ -100,6 +101,7 @@
               showDetail: false,
               name: "鐜嬫案鐐�",
               year: "1937",
+              type: "image",
               id: "1",
             },
             {
@@ -107,6 +109,7 @@
               showDetail: false,
               name: "鐜嬫案鐐�",
               year: "1937",
+              type: "book",
               id: "2",
             },
           ],
@@ -126,12 +129,14 @@
               color: "#87A7B9",
               showDetail: false,
               name: "鐜嬫案鐐�",
+              type: "video",
               id: "3",
             },
             {
               color: "#87A7B9",
               showDetail: false,
               name: "鐜嬫案鐐�",
+              type: "audio",
               id: "4",
             },
             {
@@ -812,6 +817,18 @@
 
   methods: {
     gotoDetail(item) {},
+
+    closeDetail(index, cindex, type) {
+      // console.log(cindex, "cindex");
+      // for (let i = 0; i < this.contentList.length; i++) {
+      //   const item = this.contentList[i];
+      //   for (let j = 0; j < item.list.length; j++) {
+      //     const citem = item.list[j];
+      //     this.$set(citem, "showDetail", false);
+      //   }
+      // }
+      
+    },
     showDetail(index, cindex, type) {
       for (let i = 0; i < this.contentList.length; i++) {
         const item = this.contentList[i];
@@ -820,7 +837,8 @@
           this.$set(citem, "showDetail", false);
         }
       }
-      if (type == 1) {
+
+      if (this.contentList[index].list[cindex].type) {
         this.contentList[index].list[cindex].showDetail = true;
       } else {
         this.contentList[index].list[cindex].showDetail = false;
@@ -899,14 +917,14 @@
   }
 }
 .page-header {
-  height: 102px;
+  height: 9.4%;
   width: 100%;
   text-align: left;
   margin-bottom: 8px;
   border-bottom: 2px solid #937950;
 
   p {
-    padding: 35px 0 34px 0;
+    padding: 1.6% 0 1.55% 0;
     font-family: Alimama DongFangDaKai;
     font-size: 30px;
     text-indent: 1em;
@@ -990,7 +1008,7 @@
   z-index: 9999;
   cursor: pointer;
   background: #fff;
-  border: 2px solid #CBBEAA;
+  border: 2px solid #cbbeaa;
   box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.5);
 }
 

--
Gitblit v1.9.1