gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 部分百分比数据计算调整

Browse Source
This commit is contained in:
@changcode
2022-04-06 16:09:17 +08:00
parent b6cabe1982
commit 0a58f6543c
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/css/components/views/charts/panel.scss
View File

@@ -469,12 +469,12 @@
flex-shrink: 1; flex-shrink: 1;
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
min-width: 50%; min-width: calc(50% - 37px);
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.table__below-statistics { .table__below-statistics {
width: calc((50% - 27px)/4); width: calc((50% + 10px)/4);
flex-shrink: 0; flex-shrink: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/views/charts/charts/ChartTable.vue
View File

@@ -32,7 +32,7 @@
{{unitConvert(row[c], unitTypes.number).join(' ')}} {{unitConvert(row[c], unitTypes.number).join(' ')}}
</span> </span>
<span v-else-if="c === 'responseFailRate'"> <span v-else-if="c === 'responseFailRate'">
{{unitConvert(row[c] * 100, unitTypes.percent).join(' ')}} {{unitConvert(row[c], unitTypes.percent).join(' ')}}
</span> </span>
<span v-else> <span v-else>
{{row[c]}} {{row[c]}}

8
src/views/charts/charts/StatisticsLegend.vue
View File

@@ -12,10 +12,10 @@
<div v-for="(item, index) in data" :key="index" class="table-below-box" :class="{'table-below-box--inactivated': !item.active}" @click="toggleLegend(index)"> <div v-for="(item, index) in data" :key="index" class="table-below-box" :class="{'table-below-box--inactivated': !item.active}" @click="toggleLegend(index)">
<div class="table__below-color"><div :style="{backgroundColor: getChartColor(index)}"></div></div> <div class="table__below-color"><div :style="{backgroundColor: getChartColor(index)}"></div></div>
<div class="table__below-title" :title="item.legend">{{item.legend}}</div> <div class="table__below-title" :title="item.legend">{{item.legend}}</div>
<div class="table__below-statistics" :title="item.aggregation.avg">{{valueToRangeValue(item.aggregation.avg, chartInfo.params.unitType).join('')}}</div> <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.avg, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.avg, chartInfo.params.unitType).join('')}}</div>
<div class="table__below-statistics" :title="item.aggregation.max">{{valueToRangeValue(item.aggregation.max, chartInfo.params.unitType).join('')}}</div> <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.max, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.max, chartInfo.params.unitType).join('')}}</div>
<div class="table__below-statistics" :title="item.aggregation.p50">{{valueToRangeValue(item.aggregation.p50, chartInfo.params.unitType).join('')}}</div> <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.p50, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.p50, chartInfo.params.unitType).join('')}}</div>
<div class="table__below-statistics" :title="item.aggregation.p90">{{valueToRangeValue(item.aggregation.p90, chartInfo.params.unitType).join('')}}</div> <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.p90, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.p90, chartInfo.params.unitType).join('')}}</div>
</div> </div>
</div> </div>
</div> </div>

4
src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
View File

@@ -181,7 +181,7 @@ export default {
}) })
const max = parseFloat(sorted[0].bytes) const max = parseFloat(sorted[0].bytes)
const maxId = parseFloat(sortedId[0].commonIngressLinkId) const maxId = parseFloat(sortedId[0].commonIngressLinkId)
this.entityData.linkInPercent = (parseFloat(max / sum) * 100).toFixed(2) this.entityData.linkInPercent = (parseFloat(max / sum)).toFixed(2)
this.entityData.linkInId = maxId this.entityData.linkInId = maxId
} }
} }
@@ -206,7 +206,7 @@ export default {
}) })
const max = parseFloat(sorted[0].bytes) const max = parseFloat(sorted[0].bytes)
const maxId = parseFloat(sortedId[0].commonEgressLinkId) const maxId = parseFloat(sortedId[0].commonEgressLinkId)
this.entityData.linkOutPercent = (parseFloat(max / sum) * 100).toFixed(2) this.entityData.linkOutPercent = (parseFloat(max / sum)).toFixed(2)
this.entityData.linkOutId = maxId this.entityData.linkOutId = maxId
} }
} }