From 52ca06428bf9341bf364c0ce9b3aa01eea98fdec Mon Sep 17 00:00:00 2001
From: hanyuxia <hanyuxia@geedgenetworks.com>
Date: Wed, 6 Mar 2024 18:04:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20CN-1572=20=20=E8=BD=A8=E8=BF=B9=E8=BF=BD?=
 =?UTF-8?q?=E8=B8=AA=E5=8F=B3=E4=B8=8A=E8=A7=92=E5=A2=9E=E5=8A=A0=E8=BF=BD?=
 =?UTF-8?q?=E8=B8=AA=E6=95=B0=E9=87=8F=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/location/Index.vue | 49 +++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/src/views/location/Index.vue b/src/views/location/Index.vue
index d3957ab0..13734417 100644
--- a/src/views/location/Index.vue
+++ b/src/views/location/Index.vue
@@ -1,8 +1,17 @@
 <template>
   <div class="geo-analysis">
-    <el-tabs v-model="activeTab">
+    <el-tabs v-model="activeTab"  class="location-tabs">
       <el-tab-pane :label="$t('location.locationMap')" name="locationMap"></el-tab-pane>
-      <el-tab-pane :label="$t('location.traceTracking')" name="traceTracking"></el-tab-pane>
+      <el-tab-pane :label="$t('location.traceTracking')" name="traceTracking">
+        <template #label>
+          <div class="traceTracking-tabs_label">
+            {{$t('location.traceTracking')}}
+            <div class="traceTracking-num" :style="`opacity:${opacity};`">
+              {{trackingSubscribers.length}}
+            </div>
+          </div>
+        </template>
+      </el-tab-pane>
     </el-tabs>
     <!-- 右上角工具栏 -->
     <div class="geo-tools">
@@ -395,7 +404,8 @@ export default {
       curPageNum: 1,
       activeNames: '',
       initFlag: true,
-      emptyTip: ''
+      emptyTip: '',
+      opacity: 1
     }
   },
   components: {
@@ -1144,6 +1154,13 @@ export default {
       } else {
         this.trackingSubscribers.push({ ...subscriber, show: false, showLine: false })
       }
+      this.opacity = 0
+      setInterval(() => {
+        this.opacity += 0.05
+        if(this.opacity >= 1) {
+          this.opacity = 1
+        }
+      },16)
     },
     // 追踪页删除追踪
     removeTrackingSubscriber (subscriber) {
@@ -1630,6 +1647,32 @@ export default {
   flex-direction: column;
   padding: 0 20px 20px;
   position: relative;
+  .location-tabs  {
+    .el-tabs__content {
+      padding: 32px;
+      color: #6b778c;
+      font-size: 32px;
+      font-weight: 600;
+    }
+    .traceTracking-tabs_label {
+      display:flex;
+      flex-display: row;
+      .traceTracking-num {
+        margin-top: 5px;
+        border-radius: 10px;
+        font-size: 12px;
+        color: #FFFFFF;
+        font-weight: 500;
+        height: 20px;
+        width: fit-content;
+        min-width: 20px;
+        padding:0 5px 0 5px;
+        line-height: 20px;
+        text-align: center;
+        background: #E26154;
+      }
+    }
+  }
 
   .maplibregl-canvas:focus-visible {
     outline: none;