From f546e7d37737f58fe7cbf55563ce33de4e698e4e Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Wed, 6 Mar 2024 17:44:13 +0800
Subject: [PATCH] =?UTF-8?q?CN-1563=20feat:=20locationMap=E5=85=B3=E6=B3=A8?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0hover=E5=90=8E=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=8A=E5=9B=BE=E6=A0=87=E6=94=BE=E5=A4=A7=E7=9A=84?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/location/Index.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/views/location/Index.vue b/src/views/location/Index.vue
index 6864bf7d..d3957ab0 100644
--- a/src/views/location/Index.vue
+++ b/src/views/location/Index.vue
@@ -96,10 +96,13 @@
           </div>
           <div class="chart-line__drawing" id="activeSubscribersChart"></div>
         </div>
-        <div class="analysis-statistics__title">{{$t('location.followedSubscribers')}}</div>
+        <div class="analysis-statistics__title">
+          {{$t('location.followedSubscribers')}}
+          <simple-loading :loading="loading.followSubscriberLoading" placement="right" size="small"></simple-loading>
+        </div>
         <div class="analysis-statistics__subscribers">
           <template v-for="item in followedSubscribersList" :key="item.subscriberId">
-            <div class="analysis-statistics__subscriber">
+            <div class="analysis-statistics__subscriber" @mouseenter="subscriberListMouseEnter(item)" @mouseleave="subscriberListMouseLeave(item)">
               <div class="subscriber__header" :class="item.active === 1 ? '' : 'subscriber__header-inactive'" >
                 <div class="header__icon">
                   <div class="icon__box">
@@ -1089,6 +1092,18 @@ export default {
         }
       }
     },
+    subscriberListMouseEnter (subscriber) {
+      const target = this.humanMarkers.find(m => subscriber.subscriberId === m.subscriberId)
+      if (target) {
+        target.getElement().classList.add('map-marker--hover')
+      }
+    },
+    subscriberListMouseLeave (subscriber) {
+      const target = this.humanMarkers.find(m => subscriber.subscriberId === m.subscriberId)
+      if (target) {
+        target.getElement().classList.remove('map-marker--hover')
+      }
+    },
     timeRefreshChange () {
       // 不是自选时间
       if (this.$refs.dateTimeRange) {
@@ -1848,6 +1863,7 @@ export default {
         }
       }
       .analysis-statistics__title {
+        position: relative;
         margin-bottom: 10px;
         padding-left: 20px;
         font-size: 16px;