From 2ee10a050d8e69fb01850caba03974d1fabe414d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Wed, 14 Aug 2024 15:42:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4detection=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E4=B8=AD=E5=AE=A2=E6=88=B7=E7=AB=AF/=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E7=AB=AF=E5=9C=B0=E7=90=86=E4=BD=8D=E7=BD=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../overview/IndicatorMatchOverview.vue       | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/views/detections/overview/IndicatorMatchOverview.vue b/src/views/detections/overview/IndicatorMatchOverview.vue
index 689b68cd..b5f595ea 100644
--- a/src/views/detections/overview/IndicatorMatchOverview.vue
+++ b/src/views/detections/overview/IndicatorMatchOverview.vue
@@ -28,14 +28,16 @@
       </div>
       <div class="overview__row">
         <div class="row__label">{{ $t('detection.clientLocation') }}</div>
-        <div class="row__content" v-if="myDetection.clientCountryRegion">
-          <span>
-            <img v-if="myDetection.clientCountryRegion===countryNameIdMapping.Unknown || !countryNameIdMapping[myDetection.clientCountryRegion]" src="../../../../public/images/flag/Unknown.svg" class="filter-country-flag">
-            <img v-else :src="require(`../../../../public/images/flag/${countryNameIdMapping[myDetection.clientCountryRegion]}.png`)" class="filter-country-flag" >
-          </span>
-          {{ myDetection.clientCountryRegion || '-' }}, {{ myDetection.clientSuperAdminArea || '-' }}
+        <div class="row__content">
+          <div v-if="myDetection.clientCountryRegion">
+            <div>
+              <img v-if="myDetection.clientCountryRegion===countryNameIdMapping.Unknown || !countryNameIdMapping[myDetection.clientCountryRegion]" src="../../../../public/images/flag/Unknown.svg" class="filter-country-flag">
+              <img v-else :src="require(`../../../../public/images/flag/${countryNameIdMapping[myDetection.clientCountryRegion]}.png`)" class="filter-country-flag" >
+            </div>
+            {{ myDetection.clientCountryRegion || '-' }}, {{ myDetection.clientSuperAdminArea || '-' }}
+          </div>
+          <div v-else>-</div>
         </div>
-        <div class="row__content" v-else>-</div>
       </div>
       <div class="overview__row">
         <div class="row__label">{{ $t('overall.serverIp') }}</div>
@@ -43,14 +45,16 @@
       </div>
       <div class="overview__row">
         <div class="row__label">{{ $t('detection.detail.serverLocation') }}</div>
-        <div class="row__content" v-if="myDetection.serverCountryRegion">
-          <span>
-            <img v-if="myDetection.serverCountryRegion===countryNameIdMapping.Unknown || !countryNameIdMapping[myDetection.serverCountryRegion]" src="../../../../public/images/flag/Unknown.svg" class="filter-country-flag">
-            <img v-else :src="require(`../../../../public/images/flag/${countryNameIdMapping[myDetection.serverCountryRegion]}.png`)" class="filter-country-flag" >
-          </span>
-          {{ myDetection.serverCountryRegion || '-' }}, {{ myDetection.serverSuperAdminArea || '-' }}
+        <div class="row__content">
+          <div v-if="myDetection.serverCountryRegion">
+            <span>
+              <img v-if="myDetection.serverCountryRegion===countryNameIdMapping.Unknown || !countryNameIdMapping[myDetection.serverCountryRegion]" src="../../../../public/images/flag/Unknown.svg" class="filter-country-flag">
+              <img v-else :src="require(`../../../../public/images/flag/${countryNameIdMapping[myDetection.serverCountryRegion]}.png`)" class="filter-country-flag" >
+            </span>
+            {{ myDetection.serverCountryRegion || '-' }}, {{ myDetection.serverSuperAdminArea || '-' }}
+          </div>
+          <div v-else>-</div>
         </div>
-        <div class="row__content">-</div>
       </div>
       <div class="overview__row">
         <div class="row__label">{{ $t('detection.detail.indicatorValues') }}</div>