fix:修改 tooltip不显示的问题

This commit is contained in:
zhangyu
2022-01-14 10:04:01 +08:00
parent c83820c5c3
commit 59306f5bf8
2 changed files with 17 additions and 6 deletions

View File

@@ -141,7 +141,17 @@ export default {
this.$set(this.searchLabel, 'type', this.obj.type)
this.$get(this.url, { ...this.searchLabel }).then(response => {
this.tools.loading = false
this.tableData = response.data.activeTargets
this.tableData = response.data.activeTargets.map(item => {
const buildIn = ['asset', 'endpoint', 'module', 'cpu', 'datacenter', 'project', 'parent_asset', 'user']
buildIn.forEach(label => {
item[label] = {
id: item.labels[label + '_id'],
position: {},
loading: false
}
})
return item
})
// this.tableData = scrapeEndpoints[0].data.activeTargets
this.detailViewRightObj = this.tableData[0]
this.inputDateQuery = this.handlerTableData(this.tableData)
@@ -173,6 +183,7 @@ export default {
lastError = e.lastError || ''
tableDateAll = endpoint + labelsType + lastScrape + lastScrapeDuration + health + lastError + tableDateAll
const tableData = { endpoint, labelsType, lastScrape, lastScrapeDuration, health, lastError, tableDateAll }
console.log(tableData)
tableDates.push(tableData)
})
return tableDates

View File

@@ -39,8 +39,8 @@
<span v-for="(item, i) in labelsSort(scope.row.labels)" :key="i">
<div> {{scope.row[item.prop]}}</div>
<span
@mouseenter="labelHover(scope.row, item, true, $event)"
@mouseleave="labelHover(scope.row, item, false)">
@mouseenter="labelHover(scope.row, item.label, true, $event)"
@mouseleave="labelHover(scope.row, item.label, false)">
<nz-alert-tag
v-if="item.label !== 'alertname' && item.label !== 'severity'" :key="item.label" :cursor-point="tagType(item.label) !== 'info'"
:label="item.label"
@@ -170,7 +170,6 @@ export default {
result.push({ label: key, value: labels[key] })
delete labels[key]
})
console.log(result)
return result
},
// label tooltip是否显示
@@ -190,13 +189,14 @@ export default {
if (this.labelToolTipDis(type)) {
return
}
console.log(item, type, loading, e,type + '_id')
if (e) {
const dom = e.currentTarget
const position = dom.getBoundingClientRect()
console.log(type)
this.$set(item, 'position', position)
this.$set(item[type], 'position', position)
}
this.$set(item, 'loading', loading)
this.$set(item[type], 'loading', loading)
}
},
mounted () {