fix:1.subscriber top app 展示数据等于0时转成<0.01

This commit is contained in:
hyx
2023-12-11 11:28:47 +08:00
parent 720754bee2
commit 6c9a05f98d
3 changed files with 9 additions and 7 deletions

View File

@@ -140,8 +140,8 @@ export function getUnitType (column) {
} }
/* 单位转换,返回转换后的[value, unit]type=time时若value<1ms返回<1mstype=percent时若value<0.01%,返回<0.01% */ /* 单位转换,返回转换后的[value, unit]type=time时若value<1ms返回<1mstype=percent时若value<0.01%,返回<0.01% */
export function valueToRangeValue (value, unitType) { export function valueToRangeValue (value, unitType,sourceUnit, targetUnit, dot) {
const values = unitConvert(value, unitType) const values = unitConvert(value, unitType,sourceUnit, targetUnit, dot)
if (values[0] === '-') { if (values[0] === '-') {
return values return values
} }

View File

@@ -22,12 +22,12 @@
<div class="app-name">{{appData.app}}</div> <div class="app-name">{{appData.app}}</div>
<div class="app-trend"> <div class="app-trend">
<i class="cn-icon cn-icon-egress"></i> <i class="cn-icon cn-icon-egress"></i>
<div class="app-up">{{appData.up ? unitConvert(appData.up, unitTypes.byte,null,null,1).join('') : '-'}}</div> <div class="app-up">{{appData.up ? valueToRangeValue(appData.up, unitTypes.byte,null,null,1).join('') : '-'}}</div>
</div> </div>
<el-divider direction="vertical" class="top-app-divider"/> <el-divider direction="vertical" class="top-app-divider"/>
<div class="app-trend"> <div class="app-trend">
<i class="cn-icon cn-icon-ingress"></i> <i class="cn-icon cn-icon-ingress"></i>
<div class="app-down">{{appData.down ? unitConvert(appData.down, unitTypes.byte,null,null,1).join('') : '-'}}</div> <div class="app-down">{{appData.down ? valueToRangeValue(appData.down, unitTypes.byte,null,null,1).join('') : '-'}}</div>
</div> </div>
</div> </div>
@@ -46,7 +46,7 @@ import { ref, shallowRef } from 'vue'
import ChartNoData from '@/views/charts/charts/ChartNoData' import ChartNoData from '@/views/charts/charts/ChartNoData'
import chartMixin from '@/views/charts2/chart-mixin' import chartMixin from '@/views/charts2/chart-mixin'
import ChartError from '@/components/common/Error' import ChartError from '@/components/common/Error'
import unitConvert from '@/utils/unit-convert' import unitConvert,{valueToRangeValue} from '@/utils/unit-convert'
import { unitTypes } from '@/utils/constants' import { unitTypes } from '@/utils/constants'
import { overwriteUrl, urlParamsHandler, reverseSortBy } from '@/utils/tools' import { overwriteUrl, urlParamsHandler, reverseSortBy } from '@/utils/tools'
import axios from 'axios' import axios from 'axios'
@@ -144,6 +144,7 @@ export default {
} }
], ],
unitConvert, unitConvert,
valueToRangeValue,
unitTypes, unitTypes,
isNoData: false, isNoData: false,
showError: false, showError: false,
@@ -420,6 +421,7 @@ export default {
} }
// 检测时发现该方法占用较大内存,且未被释放 // 检测时发现该方法占用较大内存,且未被释放
this.unitConvert = null this.unitConvert = null
this.valueToRangeValue = null
} }
} }
</script> </script>

View File

@@ -739,7 +739,7 @@ export const entityDetailSubscriberTopApp = {
show: true, show: true,
trigger: 'axis', trigger: 'axis',
formatter: function (param) { formatter: function (param) {
return `${param[0].name}: ${unitConvert(param[0].value[0], 'percent',null,null,1).join(' ')}` return `${param[0].name}: ${valueToRangeValue(param[0].value[0], unitTypes.percent,null,null,1).join(' ')}`
}, },
className: 'nz-chart-tooltip', className: 'nz-chart-tooltip',
extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);max-width: 400px !important' extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);max-width: 400px !important'
@@ -792,7 +792,7 @@ export const entityDetailSubscriberTopApp = {
position: 'right', position: 'right',
valueAnimation: true, valueAnimation: true,
formatter: function (param, index, callback) { formatter: function (param, index, callback) {
return `${valueToRangeValue(param.value[0], unitTypes.percent).join(' ')}` return `${valueToRangeValue(param.value[0], unitTypes.percent,null,null,1).join(' ')}`
} }
} }
}] }]