fix:重置topology后缩放回到1

This commit is contained in:
zhangyu
2020-08-27 17:05:10 +08:00
parent aaa0ecca25
commit a451d47391
3 changed files with 20 additions and 6 deletions

View File

@@ -1,5 +1,6 @@
<template>
<div class="right-box right-box-edit-endpoint" v-clickoutside="clickOutside">
<div class="mc" @click.self="clickOutside">
<div class="right-box right-box-edit-endpoint">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<!--<button id="edit-ep-del" type="button" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light ">-->
@@ -127,6 +128,7 @@
</button>
</div>
</div>
</div>
</template>
<script>
@@ -211,7 +213,7 @@
this.addNodeInit()
},
methods:{
addNodeInit(){
addNodeInit(selImageId){
this.$get('/project/topo/icon').then(res=>{
this.iconArray=res.data.list;
this.iconArray.forEach((item,index)=>{
@@ -222,6 +224,9 @@
if(index===this.iconArray.length-1){
setTimeout(()=>{
this.iconArray=[...this.iconArray];
if(selImageId){
this.form.iconId=selImageId;
}
})
}
})
@@ -334,9 +339,8 @@
form.append("name", fileName.substring(0, fileName.lastIndexOf(".")));
this.$post('/project/topo/icon',form,{'Content-Type': 'multipart/form-data'}).then(res => {
if(res.code == 200 ){
this.form.iconId=res.data.id;
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
this.addNodeInit();
this.addNodeInit(res.data.id);
}else{
this.$message.error(res.msg);
}
@@ -348,6 +352,14 @@
</script>
<style scoped>
.mc{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 11;
}
/deep/ .avatar-uploader{
display: inline-block;
color: #1989fa;

View File

@@ -211,6 +211,7 @@
},500)
}
this.$refs['topology'].viewsCenter={x:0,y:0};
this.$refs['topology'].zoom=1;
})
},
formatNodesArr(arr){

View File

@@ -1,5 +1,5 @@
<template>
<div class="system">
<div class="system" v-scroll-bar>
<el-tabs type="border-card" @tab-click="selectTab" v-model="activeTab" class="system-tabs" >
<el-tab-pane :label="$t('config.system.basic.basic')" name="basic">
<div class="system-config-form">
@@ -659,13 +659,14 @@
<style scoped>
.system{
height: 100%;
position: relative;
}
.system-config-form{
width: 61.8% !important;
position: relative;
}
.linkBox{
max-height: calc(100vh - 300px);
max-height: 800px;
width: 800px;
}
.scrollBox{