fix: Dashboard - network overview - 折线图 单位问题
This commit is contained in:
@@ -88,17 +88,22 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 16px 0 0 20px;
|
padding: 16px 0 0 20px;
|
||||||
border-top: 4px solid transparent;
|
border-top: 4px solid transparent;
|
||||||
span:nth-of-type(1) {
|
.line-value-unit {
|
||||||
|
.line-value-unit-number {
|
||||||
font-family: Helvetica-Bold;
|
font-family: Helvetica-Bold;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #353636;
|
color: #353636;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
span:nth-of-type(2) {
|
.line-value-unit-number2 {
|
||||||
|
font-size: 0;
|
||||||
|
span {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #575757;
|
color: #575757;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.line-value-mpackets-name {
|
.line-value-mpackets-name {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -15,7 +15,15 @@
|
|||||||
<div :class="item.class"></div>
|
<div :class="item.class"></div>
|
||||||
<div class="mpackets-name">{{$t(item.name)}}</div>
|
<div class="mpackets-name">{{$t(item.name)}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div><span>{{unitConvert(item.analysis.avg, unitTypes.number)[0]}}</span><span>{{unitConvert(item.analysis.avg, unitTypes.number)[1]}}packets/s</span></div>
|
<div class="line-value-unit">
|
||||||
|
<span class="line-value-unit-number">{{unitConvert(item.analysis.avg, unitTypes.number)[0]}}</span>
|
||||||
|
<span class="line-value-unit-number2">
|
||||||
|
<span>{{unitConvert(item.analysis.avg, unitTypes.number)[1]}}</span>
|
||||||
|
<span v-if="echartsType === 'Bits/s'">bps</span>
|
||||||
|
<span v-else-if="echartsType === 'Packets/s'">packets/s</span>
|
||||||
|
<span v-else-if="echartsType === 'Sessions/s'">sessions/s</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="line-select">
|
<div class="line-select">
|
||||||
|
|||||||
Reference in New Issue
Block a user