|
@@ -28,11 +28,14 @@ function getImg(){
|
|
|
useCORS: true, // 允许图片跨域
|
|
|
allowTaint: true, // 在渲染前测试图片
|
|
|
imageTimeout: 0, // 加载延时
|
|
|
- scale:3,
|
|
|
+ scale:1,
|
|
|
}).then(res=>{
|
|
|
let img = res.toDataURL("image/png");
|
|
|
// console.log(img);
|
|
|
imgUrl.value=img
|
|
|
+ nextTick(()=>{
|
|
|
+ $('.img-box').scrollLeft(700)
|
|
|
+ })
|
|
|
})
|
|
|
}
|
|
|
}
|
|
@@ -69,7 +72,9 @@ watch(
|
|
|
>
|
|
|
<div class="img-wrap">
|
|
|
<h2 class="name">指标溯源</h2>
|
|
|
- <img class="img" :src="imgUrl" alt="">
|
|
|
+ <div class="img-box">
|
|
|
+ <img class="img" :src="imgUrl" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</van-popup>
|
|
|
<div class="render-wrap" id="render-wrap" v-if="props.show">
|
|
@@ -90,23 +95,25 @@ watch(
|
|
|
.img-wrap{
|
|
|
width: 90vw;
|
|
|
max-width: 600PX;
|
|
|
- max-height: 80vh;
|
|
|
- overflow-y: auto;
|
|
|
.name{
|
|
|
line-height: 30PX;
|
|
|
font-size: 16PX;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+ .img-box{
|
|
|
+ width: 100%;
|
|
|
+ height: 80vh;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
.img{
|
|
|
display: block;
|
|
|
- width: 100%;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
}
|
|
|
.render-wrap{
|
|
|
position: absolute;
|
|
|
z-index: -1;
|
|
|
- width: 400PX;
|
|
|
+ width: 2000PX;
|
|
|
height: 1000PX;
|
|
|
:deep(.tree-org-node__content){
|
|
|
background-color: #409EFF;
|