gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复移动端快照页面 asset info展示错误

Browse Source
This commit is contained in:
zyh
2024-05-11 15:45:35 +08:00
parent e7ede28912
commit 1d29bdbb82
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nezha-fronted/src/assets/css/components/chart/chart.scss
View File

@@ -1072,6 +1072,9 @@
margin: 0 20px 0 20px; margin: 0 20px 0 20px;
} }
.asset-info-collapse{ .asset-info-collapse{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
i{ i{
margin-right: 2px; margin-right: 2px;
} }
@@ -1105,6 +1108,7 @@
width: 180px; width: 180px;
font-size: 14px; font-size: 14px;
word-break: break-word; word-break: break-word;
flex-shrink:0;
} }
.asset-info-value{ .asset-info-value{
word-break: break-word; word-break: break-word;

16
nezha-fronted/src/components/chart/chartDetailNew.vue
View File

@@ -7,7 +7,7 @@
<div class="asset-info-collapse"> <div class="asset-info-collapse">
<i class="nz-icon nz-icon-basic-info"></i> <i class="nz-icon nz-icon-basic-info"></i>
<span>{{$t('asset.information')}}</span> <span>{{$t('asset.information')}}</span>
<span>{{chartDetail.feature.os.hostName}}</span> <span :title="chartDetail.feature.os.hostName">{{chartDetail.feature.os.hostName}}</span>
</div> </div>
</template> </template>
<div class="asset-info-list"> <div class="asset-info-list">
@@ -39,8 +39,10 @@
<div class="asset-info-collapse"> <div class="asset-info-collapse">
<i class="nz-icon nz-icon-cpu"></i> <i class="nz-icon nz-icon-cpu"></i>
<span>{{$t('asset.cpu')}}</span> <span>{{$t('asset.cpu')}}</span>
<span>{{chartDetail.feature.cpu.name}}</span> <span :title="chartDetail.feature.cpu.physicalPackageCount > 1 ? (chartDetail.feature.cpu.name + ' * ' + chartDetail.feature.cpu.physicalPackageCount) : (chartDetail.feature.cpu.name)">
<span v-if="chartDetail.feature.cpu.physicalPackageCount > 1">* {{chartDetail.feature.cpu.physicalPackageCount}}</span> {{chartDetail.feature.cpu.name}}
<span v-if="chartDetail.feature.cpu.physicalPackageCount > 1"> * {{chartDetail.feature.cpu.physicalPackageCount}}</span>
</span>
</div> </div>
</template> </template>
<div class="asset-info-list"> <div class="asset-info-list">
@@ -69,10 +71,10 @@
<el-collapse-item> <el-collapse-item>
<template slot="title"> <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> <i class="nz-icon nz-icon-memory"></i>
<span>{{$t('asset.memory')}}</span> <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> </div>
</template> </template>
<div class="asset-info-list"> <div class="asset-info-list">
@@ -93,10 +95,10 @@
<el-collapse-item> <el-collapse-item>
<template slot="title"> <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> <i class="nz-icon nz-icon-disk"></i>
<span>{{$t('asset.disk')}}</span> <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> </div>
</template> </template>
<div class="asset-info-list" v-for="(item,index) in chartDetail.feature.disk" :key="index"> <div class="asset-info-list" v-for="(item,index) in chartDetail.feature.disk" :key="index">