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

fix：asset 显示tooltip

Browse Source
This commit is contained in:
zhangyu
2020-11-21 12:33:26 +08:00
parent 410a5ef867
commit d2ac020b50
1 changed files with 16 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
nezha-fronted/src/components/page/asset/asset.vue
View File

@@ -88,33 +88,32 @@
<span v-if="scope.row.state==3">{{ $t('asset.suspended')}}</span> <span v-if="scope.row.state==3">{{ $t('asset.suspended')}}</span>
</div> </div>
<div v-if="item.prop == 'pingStatus'"> <div v-if="item.prop == 'pingStatus'">
<!--<el-popover--> <el-popover
<!--placement="right"--> placement="right"
<!--width="200"--> width="200"
<!--trigger="hover"--> trigger="hover"
<!--:content="formatPingTime(scope.row.pingLastUpdate)">--> :content="formatPingTime(scope.row.pingLastUpdate)">
<!--<div slot="reference" style="width: 20px">--> <div slot="reference" style="width: 100%">
<!--<div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>-->
<!--</div>-->
<!--</el-popover>-->
<div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span> <div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>
</div> </div>
</el-popover>
</div>
<template v-if="item.prop=='Module'"> <template v-if="item.prop=='Module'">
<!--<el-tooltip placement="right" effect="light">--> <el-tooltip placement="right" effect="light">
<!--<div slot="content">--> <div slot="content">
<!--{{$t('asset.active')}} / {{$t('asset.total')}}--> {{$t('asset.active')}} / {{$t('asset.total')}}
<!--</div>--> </div>
<span class="link" @click="showEndpoint(scope.row)" style="padding: 2px 8px">{{scope.row.endpointNum-scope.row.endpointDownNum}}/{{scope.row.endpointNum}}</span> <span class="link" @click="showEndpoint(scope.row)" style="padding: 2px 8px">{{scope.row.endpointNum-scope.row.endpointDownNum}}/{{scope.row.endpointNum}}</span>
<!--</el-tooltip>--> </el-tooltip>
</template> </template>
<template v-if="item.prop=='Alert'"> <template v-if="item.prop=='Alert'">
<!--<el-tooltip :content="scope.row.alertNum+' '+$t('overall.active')" placement="top" effect="light" :disabled=" scope.row.alertNum < 99">--> <el-tooltip :content="scope.row.alertNum+' '+$t('overall.active')" placement="top" effect="light" :disabled=" scope.row.alertNum < 99">
<span :id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(scope.row)" class="link"> <span :id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(scope.row)" class="link">
{{(scope.row.alertNum < 99 ? scope.row.alertNum : 99)}} {{(scope.row.alertNum < 99 ? scope.row.alertNum : 99)}}
<sup class="linkSup" v-if="scope.row.alertNum > 99">+</sup> <sup class="linkSup" v-if="scope.row.alertNum > 99">+</sup>
{{' ' + $t('overall.active')}} {{' ' + $t('overall.active')}}
</span> </span>
<!--</el-tooltip>--> </el-tooltip>
</template> </template>
<div v-if="item.prop=='dataCenter'"> <div v-if="item.prop=='dataCenter'">
<span >{{scope.row.idc.name}}</span> <span >{{scope.row.idc.name}}</span>