feat: There is no way the,
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<!--标准法规--海外标准法规-->
|
||||
<template>
|
||||
<div id="foreignStandardsAndRegulations" :class="{ 'tree-close': sideClose }" class="demo-spin-article v-class">
|
||||
<div class="tree-content" :class="{ 'tree-closed': sideClose }">
|
||||
<div id="left" class="tree-content" :class="{ 'tree-closed': sideClose }">
|
||||
<div style="width: 100%">
|
||||
<el-input
|
||||
placeholder="输入树状图体系"
|
||||
@@ -61,7 +61,8 @@
|
||||
<i class="el-icon-arrow-right" v-if="sideClose === true"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tree-right">
|
||||
<div id="resize"></div>
|
||||
<div id="right" class="tree-right">
|
||||
<!--高级查询 ------------按钮-->
|
||||
<table-tools-bar>
|
||||
<div slot="content">
|
||||
@@ -2325,6 +2326,36 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 左右拖动事件
|
||||
dragControllerLR: function() {
|
||||
var resize = document.getElementById("resize");
|
||||
var left = document.getElementById("left");
|
||||
var right = document.getElementById("right");
|
||||
var box = document.getElementById("foreignStandardsAndRegulations");
|
||||
resize.onmousedown = function(e){
|
||||
var startX = e.clientX;
|
||||
resize.left = resize.offsetLeft;
|
||||
document.onmousemove = function(e){
|
||||
var endX = e.clientX;
|
||||
|
||||
var moveLen = resize.left + (endX - startX);
|
||||
var maxT = box.clientWidth - resize.offsetWidth;
|
||||
if(moveLen<150) moveLen = 150;
|
||||
if(moveLen>maxT-150) moveLen = maxT-150;
|
||||
|
||||
resize.style.left = moveLen;
|
||||
left.style.width = moveLen + "px";
|
||||
right.style.width = (box.clientWidth - moveLen - 5) + "px";
|
||||
}
|
||||
document.onmouseup = function(evt){
|
||||
document.onmousemove = null;
|
||||
document.onmouseup = null;
|
||||
resize.releaseCapture && resize.releaseCapture();
|
||||
}
|
||||
resize.setCapture && resize.setCapture();
|
||||
return false;
|
||||
}
|
||||
},
|
||||
isPermission (value) {
|
||||
let hasCount = 0
|
||||
let set =new Set( value.split(","))
|
||||
@@ -4803,6 +4834,7 @@ export default {
|
||||
// 进入页面后查询树形结构目录
|
||||
this.menuTreeLoading = true
|
||||
await this.selectMenu()
|
||||
this.dragControllerLR()
|
||||
this.menuTreeLoading = false
|
||||
this.treeReload = true
|
||||
// 从数据库中查询各下拉框数据
|
||||
@@ -4871,6 +4903,24 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
#left{
|
||||
width:calc(30% - 5px);
|
||||
height:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#resize{
|
||||
width:5px;
|
||||
height:100%;
|
||||
cursor: w-resize;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#right{
|
||||
float:right;
|
||||
width:70%;
|
||||
height:100%;
|
||||
}
|
||||
/deep/.contentTitle{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user