From 1d29bdbb82f28ac02626a3bb872400a903cfb099 Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Sat, 11 May 2024 15:45:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=BF=AB=E7=85=A7=E9=A1=B5=E9=9D=A2=20asset=20info?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/css/components/chart/chart.scss   |  4 ++++
 .../src/components/chart/chartDetailNew.vue      | 16 +++++++++-------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss
index 2a66b6bb5..de62f08b7 100644
--- a/nezha-fronted/src/assets/css/components/chart/chart.scss
+++ b/nezha-fronted/src/assets/css/components/chart/chart.scss
@@ -1072,6 +1072,9 @@
           margin: 0 20px 0 20px;
         }
         .asset-info-collapse{
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
           i{
             margin-right: 2px;
           }
@@ -1105,6 +1108,7 @@
                 width: 180px;
                 font-size: 14px;
                 word-break: break-word;
+                flex-shrink:0;
               }
               .asset-info-value{
                 word-break: break-word;
diff --git a/nezha-fronted/src/components/chart/chartDetailNew.vue b/nezha-fronted/src/components/chart/chartDetailNew.vue
index 1c9e57d77..4ff6104ff 100644
--- a/nezha-fronted/src/components/chart/chartDetailNew.vue
+++ b/nezha-fronted/src/components/chart/chartDetailNew.vue
@@ -7,7 +7,7 @@
             <div class="asset-info-collapse">
               <i class="nz-icon nz-icon-basic-info"></i>
               <span>{{$t('asset.information')}}</span>
-              <span>{{chartDetail.feature.os.hostName}}</span>
+              <span :title="chartDetail.feature.os.hostName">{{chartDetail.feature.os.hostName}}</span>
             </div>
           </template>
           <div class="asset-info-list">
@@ -39,8 +39,10 @@
             <div class="asset-info-collapse">
               <i class="nz-icon nz-icon-cpu"></i>
               <span>{{$t('asset.cpu')}}</span>
-              <span>{{chartDetail.feature.cpu.name}}</span>
-              <span v-if="chartDetail.feature.cpu.physicalPackageCount > 1">* {{chartDetail.feature.cpu.physicalPackageCount}}</span>
+              <span :title="chartDetail.feature.cpu.physicalPackageCount > 1 ? (chartDetail.feature.cpu.name + ' * ' + chartDetail.feature.cpu.physicalPackageCount) : (chartDetail.feature.cpu.name)">
+                {{chartDetail.feature.cpu.name}}
+                <span v-if="chartDetail.feature.cpu.physicalPackageCount > 1"> * {{chartDetail.feature.cpu.physicalPackageCount}}</span>
+              </span>
             </div>
           </template>
           <div class="asset-info-list">
@@ -69,10 +71,10 @@
 
         <el-collapse-item>
           <template slot="title">
-            <div class="asset-info-collapse">
+            <div class="asset-info-collapse" :title="chartDetail.feature.memory.total > 0 ? (bytes(chartDetail.feature.memory.total,0,0)) : ''">
               <i class="nz-icon nz-icon-memory"></i>
               <span>{{$t('asset.memory')}}</span>
-              <span v-if="chartDetail.feature.memory.total>0">{{bytes(chartDetail.feature.memory.total,0,0)}}</span>
+              <span v-if="chartDetail.feature.memory.total > 0">{{bytes(chartDetail.feature.memory.total,0,0)}}</span>
             </div>
           </template>
           <div class="asset-info-list">
@@ -93,10 +95,10 @@
 
         <el-collapse-item>
           <template slot="title">
-            <div class="asset-info-collapse">
+            <div class="asset-info-collapse" :title="calcTotal(chartDetail.feature.disk, 'size') > 0 ? (bytes(calcTotal(chartDetail.feature.disk, 'size'),0,0)) : ''">
               <i class="nz-icon nz-icon-disk"></i>
               <span>{{$t('asset.disk')}}</span>
-              <span v-if="calcTotal(chartDetail.feature.disk, 'size')>0">{{bytes(calcTotal(chartDetail.feature.disk, 'size'),0,0)}}</span>
+              <span v-if="calcTotal(chartDetail.feature.disk, 'size') > 0">{{bytes(calcTotal(chartDetail.feature.disk, 'size'),0,0)}}</span>
             </div>
           </template>
           <div class="asset-info-list" v-for="(item,index) in chartDetail.feature.disk" :key="index">