|
@@ -896,7 +896,14 @@ export default {
|
|
|
let node = document.getElementById(`node${this.select_node}`);
|
|
|
let parent = document.getElementsByClassName('tree-cont')[0];
|
|
|
|
|
|
- if(node.offsetTop > parent.offsetHeight) {
|
|
|
+ //parent可视区间:[scrollTop,scrollTop+offsetHeight]
|
|
|
+ //node位置:node.offsetTop
|
|
|
+ const overTop = node.offsetTop+node.clientHeight+15<parent.scrollTop
|
|
|
+ const overBottom = node.offsetTop+node.clientHeight+15>parent.scrollTop+parent.offsetHeight
|
|
|
+ if(overTop){
|
|
|
+ parent.scrollTop = node.offsetTop-30
|
|
|
+ }
|
|
|
+ if(overBottom){
|
|
|
parent.scrollTop = node.offsetTop - parent.offsetHeight/2
|
|
|
}
|
|
|
},400)
|
|
@@ -2028,15 +2035,21 @@ export default {
|
|
|
this.selected_chartid = id;
|
|
|
|
|
|
//滚动到高亮节点位置
|
|
|
- setTimeout(() => {
|
|
|
- this.$refs.treeRef.setCurrentKey(this.select_node);
|
|
|
- let node = document.getElementById(`node${this.select_node}`);
|
|
|
- let parent = document.getElementsByClassName('tree-cont')[0];
|
|
|
-
|
|
|
- if(node.offsetTop > parent.offsetHeight) {
|
|
|
- parent.scrollTop = node.offsetTop - parent.offsetHeight/2
|
|
|
- }
|
|
|
- },400)
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.treeRef.setCurrentKey(this.select_node);
|
|
|
+ let node = document.getElementById(`node${this.select_node}`);
|
|
|
+ let parent = document.getElementsByClassName('tree-cont')[0];
|
|
|
+ //parent可视区间:[scrollTop,scrollTop+offsetHeight]
|
|
|
+ //node位置:node.offsetTop
|
|
|
+ const overTop = node.offsetTop+node.clientHeight+15<parent.scrollTop
|
|
|
+ const overBottom = node.offsetTop+node.clientHeight+15>parent.scrollTop+parent.offsetHeight
|
|
|
+ if(overTop){
|
|
|
+ parent.scrollTop = node.offsetTop-30
|
|
|
+ }
|
|
|
+ if(overBottom){
|
|
|
+ parent.scrollTop = node.offsetTop - parent.offsetHeight/2
|
|
|
+ }
|
|
|
+ },400)
|
|
|
},
|
|
|
|
|
|
/* 根据图表id 查找对象 */
|