feat: There is no way the,

This commit is contained in:
super_liu
2021-11-11 12:49:13 +08:00
parent 38e5dcf4e4
commit 69932f887c
6 changed files with 222 additions and 19 deletions
@@ -2,7 +2,7 @@
<template>
<div id="EnterpriseStandardDatabase" :class="{ 'tree-close': sideClose }" class="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,8 +61,9 @@
<i class="el-icon-arrow-right" v-if="sideClose === true"></i>
</div>
</div>
<!--右侧内容-->
<div class="tree-right v-class">
<div id="resize"></div>
<!--右侧内容-->
<div id="right" class="tree-right v-class">
<table-tools-bar
@search="getBussionStandTableBtn(sarBussionessSearch)"
@reset="clearAllSearch('sarBussionessSearch')"
@@ -1972,7 +1973,37 @@ export default {
}
},
methods: {
isPermission (value) {
// 左右拖动事件
dragControllerLR: function() {
var resize = document.getElementById("resize");
var left = document.getElementById("left");
var right = document.getElementById("right");
var box = document.getElementById("EnterpriseStandardDatabase");
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(","))
let menuList = store.getters.getMenuList
@@ -4055,7 +4086,8 @@ export default {
this.treeReload = true
// 进入页面后查询树形结构目录
this.selectMenuList()
// 查询各下拉框数据
this.dragControllerLR()
// 查询各下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
@@ -4107,6 +4139,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%;
}