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

fix：拓扑添加放大缩小的按钮 以及lenged的别名处理

Browse Source
This commit is contained in:
zhangyu
2020-09-24 11:09:48 +08:00
parent 9c59167cdd
commit dd5d2fe3d5
2 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/components/common/project/popData/expressionInfo.vue
View File

@@ -97,7 +97,7 @@
let find=legend.match(reg)[0];
value=find.substr(find.indexOf('"')+1,find.lastIndexOf('"')-find.indexOf('"')-1);
}
return value?(value + ' '):(label + ' ');
return value?(' '+value + ' '):(' '+label + ' ');
});
if(Object.keys(metric).length>0){
let arr=labelValue.split(' ');

25
nezha-fronted/src/components/common/project/topology.vue
View File

@@ -79,10 +79,11 @@
</div>
</div>
<!--拓扑图的放大缩小-->
<!--<div class="network-zoom">-->
<!--<div @click='zoomChange(0.1)'><i class="nz-icon nz-icon-hexagonBorder zoom-icon"></i></div>-->
<!--<div @click='zoomChange(-0.1)'><i class="nz-icon nz-icon-hexagonBorder zoom-icon"></i></div>-->
<!--</div>-->
<div class="right-bottom-zoom">
<div class="zoom-option" style="border-bottom: 1px solid #c5c8cb;" @click="zoomChange(0.1)"><span><i class="nz-icon nz-icon-enlarge"></i></span></div>
<div class="zoom-option" @click="zoomChange(-0.1)"><span><i class="nz-icon nz-icon-narrow"></i></span></div>
<div></div>
</div>
<expression-info
v-if="expressionsInfoShow&&!editVisNetwork"
:lineId="lineId"
@@ -1142,9 +1143,23 @@
position: absolute;
bottom: 15px;
right: 15px;
opacity: 0.42;
background: #FFFFFF;
border: 1px solid #E7EAED;
box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77);
}
.zoom-icon{
font-size: 42px;
font-size: 24px;
color: #999999;
}
.network-zoom .zoom-box:first-child{
border-bottom: 1px solid rgba(0,0,0,0.7);
border-radius: 4px 4px 0 0;
padding: 5px;
}
.network-zoom .zoom-box:last-child{
border-radius: 0 0 4px 4px;
padding: 5px;
}
#network_id /deep/ .vis-network{
outline: none;