From f93d1d60688bfb2b88cc509ccceb03c94b1b696d Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Tue, 8 Aug 2023 18:06:25 +0800
Subject: [PATCH] =?UTF-8?q?CN-1218=20feat:=20=E5=9C=B0=E5=9B=BE=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E6=A1=86=E4=B8=8B=E9=92=BB=E5=90=8E=E5=8E=BB=E6=8E=89?=
 =?UTF-8?q?=E5=9B=BD=E6=97=97=E5=8D=A0=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/charts2/charts/npm/NpmIpMap.vue | 4 +++-
 src/views/charts2/charts/npm/NpmMap.vue   | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/charts2/charts/npm/NpmIpMap.vue b/src/views/charts2/charts/npm/NpmIpMap.vue
index f19fb9d3..36d1d81d 100644
--- a/src/views/charts2/charts/npm/NpmIpMap.vue
+++ b/src/views/charts2/charts/npm/NpmIpMap.vue
@@ -134,6 +134,8 @@ export default {
                   pktRetransPercent: t.packetRetransScore ? t.packetRetransScore.pktRetransPercent : null
                 }
                 t.tooltip = {}
+                t.tooltip.width = t.province ? 0 : 18
+                t.tooltip.marginRight = t.province ? 0 : 6
                 t.tooltip.data = {
                   establishLatencyMs: valueToRangeValue(data.establishLatencyMs, unitTypes.time).join(' '),
                   httpResponseLatency: valueToRangeValue(data.httpResponseLatency, unitTypes.time).join(' '),
@@ -203,7 +205,7 @@ export default {
     generatePolygonTooltipHTML () {
       const html = `
         <div class="map-tooltip" style="padding-bottom: 10px;">
-          <div class="map-tooltip__title"><img src="/images/flag/{id}.png" class="filter-country-flag"/>{name}</div>
+          <div class="map-tooltip__title"><img src="/images/flag/{id}.png" style="width: {tooltip.width}px;height: 12px;margin-right: {tooltip.marginRight}px;"/>{name}</div>
           <div class="map-tooltip__content">
             <div class="content-title">{tooltip.text.traffic}</div>
             <div class="content-row">
diff --git a/src/views/charts2/charts/npm/NpmMap.vue b/src/views/charts2/charts/npm/NpmMap.vue
index 119fc01d..cbe1a9f4 100644
--- a/src/views/charts2/charts/npm/NpmMap.vue
+++ b/src/views/charts2/charts/npm/NpmMap.vue
@@ -165,6 +165,8 @@ export default {
                     pktRetransPercent: t.packetRetransScore ? t.packetRetransScore.pktRetransPercent : null
                   }
                   t.tooltip = {}
+                  t.tooltip.width = t.province ? 0 : 18
+                  t.tooltip.marginRight = t.province ? 0 : 6
                   t.tooltip.data = {
                     establishLatencyMs: valueToRangeValue(data.establishLatencyMs, unitTypes.time).join(' '),
                     httpResponseLatency: valueToRangeValue(data.httpResponseLatency, unitTypes.time).join(' '),
@@ -241,7 +243,7 @@ export default {
     generatePolygonTooltipHTML () {
       const html = `
         <div class="map-tooltip" style="padding-bottom: 10px;">
-          <div class="map-tooltip__title"><img src="/images/flag/{id}.png" class="filter-country-flag"/>{name}</div>
+          <div class="map-tooltip__title"><img src="/images/flag/{id}.png" style="width: {tooltip.width}px;height: 12px;margin-right: {tooltip.marginRight}px;"/>{name}</div>
           <div class="map-tooltip__content">
             <div class="content-title">{tooltip.text.traffic}</div>
             <div class="content-row">