fix:1.subscriber top app 展示数据等于0时转成<0.01
This commit is contained in:
@@ -140,8 +140,8 @@ export function getUnitType (column) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 单位转换,返回转换后的[value, unit],type=time时若value<1ms,返回<1ms,type=percent时若value<0.01%,返回<0.01% */
|
/* 单位转换,返回转换后的[value, unit],type=time时若value<1ms,返回<1ms,type=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
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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(' ')}`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
|
|||||||
Reference in New Issue
Block a user