From 07ce40d05e90d6e79e3cec13c9a2c9d37a4c8323 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 1 Feb 2024 20:48:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=9C=8B=E6=9D=BF=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E8=B6=85=E5=87=BA=E7=9C=81=E7=95=A5=E4=B8=8D?=
 =?UTF-8?q?=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/UserActivity/index.vue         | 31 ++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/views/dashboard/overview/components/UserActivity/index.vue b/src/views/dashboard/overview/components/UserActivity/index.vue
index 60dfdd97..c9f29ae6 100644
--- a/src/views/dashboard/overview/components/UserActivity/index.vue
+++ b/src/views/dashboard/overview/components/UserActivity/index.vue
@@ -70,17 +70,23 @@ onMounted(() => {
           <div></div>
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:
-            <span>{{ parseDateToStr(item.data.releaseTime * 1000) }}</span>
+            <span :title="parseDateToStr(item.data.releaseTime * 1000)">
+              {{ parseDateToStr(item.data.releaseTime * 1000) }}
+            </span>
           </div>
         </div>
         <div class="card-cdr-item">
           <div>
             {{ t('views.dashboard.overview.userActivity.caller') }}:
-            <span>{{ item.data.callerParty }}</span>
+            <span :title="item.data.callerParty">{{
+              item.data.callerParty
+            }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.called') }}:
-            <span>{{ item.data.calledParty }}</span>
+            <span :title="item.data.calledParty">{{
+              item.data.calledParty
+            }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.duration') }}:
@@ -108,17 +114,20 @@ onMounted(() => {
             </span>
           </div>
           <div>
-            IMSI: <span>{{ item.data.imei }}</span>
+            IMSI: <span :title="item.data.imsi">{{ item.data.imsi }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:
-            <span v-if="item.type === 'auth-result'">
+            <span
+              v-if="item.type === 'auth-result'"
+              :title="item.data.authTime"
+            >
               {{ item.data.authTime }}
             </span>
-            <span v-if="item.type === 'detach'">
+            <span v-if="item.type === 'detach'" :title="item.data.detachTime">
               {{ item.data.detachTime }}
             </span>
-            <span v-if="item.type === 'cm-state'">
+            <span v-if="item.type === 'cm-state'" :title="item.data.changeTime">
               {{ item.data.changeTime }}
             </span>
           </div>
@@ -258,6 +267,10 @@ onMounted(() => {
       justify-content: flex-start;
       & > div {
         width: 50%;
+        white-space: nowrap;
+        text-align: start;
+        text-overflow: ellipsis;
+        overflow: hidden;
       }
     }
     &-w33 {
@@ -285,6 +298,10 @@ onMounted(() => {
       justify-content: flex-start;
       & > div {
         flex: 1;
+        white-space: nowrap;
+        text-align: start;
+        text-overflow: ellipsis;
+        overflow: hidden;
       }
     }
   }