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

feat：dashboard overview 页面 module tooltip替换

Browse Source
This commit is contained in:
zhangyu
2021-01-21 11:06:12 +08:00
parent a898220c55
commit 0966334b78
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
nezha-fronted/src/components/common/overView/messageAsset.vue
View File

@@ -24,7 +24,7 @@
ref="alertLabel"
:id="assetData.id"
:that="assetData"
:type="'asset'"
:type="fromType"
:LRTriangle="LRTriangle"
:style="{
'transform-origin': `0px 300px`,
@@ -59,12 +59,14 @@
from:{},
hexagonSvgID:{
type:String,
default:'hexagonSvg'
},
showTooltip:{
type:Boolean,
default:false,
},
fromType:{
type:String,
},
},
watch:{
data:{
@@ -270,11 +272,12 @@
},
calcPosition(e){
let boxWidth=this.boxWidth;
let minus=(e.pageY-300)+this.$refs.alertLabel.$el.offsetHeight-window.innerHeight;
let distance=this.fromType==='asset'?300:50;
let minus=(e.pageY-distance)+this.$refs.alertLabel.$el.offsetHeight-window.innerHeight;
// window.innerHeight
if(minus<=0){
this.assetData.position.top=e.pageY-300;
this.assetData.position.mt=300;
this.assetData.position.top=e.pageY-distance;
this.assetData.position.mt=distance;
} else if(minus>0){
this.assetData.position.top=window.innerHeight-this.$refs.alertLabel.$el.offsetHeight;
this.assetData.position.mt=e.pageY-(window.innerHeight-this.$refs.alertLabel.$el.offsetHeight);