// 两列拖动改变两列宽度
|
export function dragTwoColDiv(contentId,leftBoxId,resizeId,rightBoxId){
|
let resize = document.getElementById(resizeId);
|
let leftBox = document.getElementById(leftBoxId);
|
let rightBox = document.getElementById(rightBoxId);
|
let box = document.getElementById(contentId);
|
resize.onmousedown = function (e) {
|
let startX = e.clientX;
|
resize.left = resize.offsetLeft;
|
document.onmousemove = function (e) {
|
let endX = e.clientX;
|
let moveLen = resize.left + (endX - startX);
|
let maxT = box.clientWidth - resize.offsetWidth;
|
if (moveLen < 150) moveLen = 150;
|
if (moveLen > maxT - 150) moveLen = maxT - 150;
|
resize.style.left = moveLen;
|
leftBox.style.width = moveLen + 'px';
|
rightBox.style.width = (box.clientWidth - moveLen - 5) + 'px';
|
}
|
document.onmouseup = function () {
|
document.onmousemove = null;
|
document.onmouseup = null;
|
resize.releaseCapture && resize.releaseCapture();
|
}
|
resize.setCapture && resize.setCapture();
|
return false;
|
}
|
}
|
// 三列拖动改变div宽度
|
export function dragThreeColDiv(contentId,leftBoxId,resizeOne,centerBoxId,resizeTwo,rightBoxId) {
|
let resizeO = document.getElementById(resizeOne);
|
let resizeT = document.getElementById(resizeTwo);
|
let leftBox = document.getElementById(leftBoxId);
|
let rightBox = document.getElementById(rightBoxId);
|
let centerBox = document.getElementById(centerBoxId);
|
let box = document.getElementById(contentId);
|
resizeO.onmousedown = function (e) {
|
let startX = e.clientX;
|
resizeO.left = resizeO.offsetLeft;
|
document.onmousemove = function (e) {
|
let endX = e.clientX;
|
let rightW = rightBox.offsetWidth;
|
let moveLen = resizeO.left + (endX - startX);
|
let maxT = box.clientWidth - resizeO.offsetWidth;
|
if (moveLen < 150) moveLen = 150;
|
if (moveLen > maxT - rightW - 150) moveLen = maxT - rightW - 150;
|
resizeO.style.left = moveLen;
|
leftBox.style.width = moveLen + 'px';
|
centerBox.style.width = (box.clientWidth - moveLen - rightW - 10) + 'px';
|
}
|
document.onmouseup = function () {
|
document.onmousemove = null;
|
document.onmouseup = null;
|
resizeO.releaseCapture && resizeO.releaseCapture();
|
}
|
resizeO.setCapture && resizeO.setCapture();
|
return false;
|
}
|
resizeT.onmousedown = function (e) {
|
let startX = e.clientX;
|
resizeT.left = resizeT.offsetLeft;
|
document.onmousemove = function (e) {
|
let endX = e.clientX;
|
let leftW = leftBox.offsetWidth;
|
let moveLen = resizeT.left + (endX - startX) - leftW;
|
let maxT = box.clientWidth - resizeT.offsetWidth - 5;
|
if (moveLen < 150) moveLen = 150;
|
if (moveLen > maxT - leftW - 150) moveLen = maxT - leftW - 150;
|
resizeT.style.left = moveLen;
|
centerBox.style.width = moveLen + 'px';
|
rightBox.style.width = (box.clientWidth - moveLen - leftW - 10) + 'px';
|
}
|
document.onmouseup = function () {
|
document.onmousemove = null;
|
document.onmouseup = null;
|
resizeT.releaseCapture && resizeT.releaseCapture();
|
}
|
resizeT.setCapture && resizeT.setCapture();
|
return false;
|
}
|
|
}
|
// 上下拖动改变上下两个模块的高度
|
export function dragTwoRowDiv(contentId,topBoxId,resizeId,downBoxId){
|
let resize = document.getElementById(resizeId);
|
let topBox = document.getElementById(topBoxId);
|
let downBox = document.getElementById(downBoxId);
|
let box = document.getElementById(contentId);
|
resize.onmousedown = function (e) {
|
let startY = e.clientY;
|
resize.top = resize.offsetTop;
|
document.onmousemove = function (e) {
|
let processTable = document.getElementById('processTable');
|
let ncDocTable= document.getElementById('ncDocTable');
|
let otherTableData = document.getElementById('otherTableData');
|
let deviceDocTable = document.getElementById('deviceDocTable');
|
let nodeInfoTable = document.getElementById('nodeInfoTable');
|
let docPreview = document.getElementById('docPreview');
|
let docEdition = document.getElementById('docEdition');
|
let usedLog = document.getElementById('usedLog');
|
let auditingLog = document.getElementById('auditingLog');
|
let endY = e.clientY;
|
let moveLen = resize.top + (endY - startY);
|
let maxT = box.clientHeight - resize.offsetHeight;
|
if (moveLen < 100) moveLen = 100;
|
if (moveLen > maxT - 100) moveLen = maxT - 100;
|
resize.style.top = moveLen;
|
topBox.style.height = moveLen + "px";
|
if (ncDocTable != null) {
|
ncDocTable.style.height = moveLen -90 + "px";
|
}
|
if (otherTableData != null) {
|
otherTableData.style.height = moveLen -95 + "px";
|
}
|
if (deviceDocTable != null) {
|
deviceDocTable.style.height = moveLen -95 + "px";
|
}
|
if (processTable != null) {
|
processTable.style.height = moveLen -60 + "px";
|
}
|
downBox.style.height = (box.clientHeight - moveLen - 10) + "px";
|
if (nodeInfoTable != null) {
|
nodeInfoTable.style.height = (box.clientHeight - moveLen - 120) + "px";
|
}
|
if (docPreview != null) {
|
docPreview.style.height = (box.clientHeight - moveLen - 120) + "px";
|
}
|
if (docEdition != null) {
|
docEdition.style.height = (box.clientHeight - moveLen - 120) + "px";
|
}
|
if (usedLog != null) {
|
usedLog.style.height = (box.clientHeight - moveLen - 120) + "px";
|
}
|
if (auditingLog != null) {
|
auditingLog.style.height = (box.clientHeight - moveLen - 120) + "px";
|
}
|
}
|
document.onmouseup = function () {
|
document.onmousemove = null;
|
document.onmouseup = null;
|
resize.releaseCapture && resize.releaseCapture();
|
}
|
resize.setCapture && resize.setCapture();
|
return false;
|
}
|
}
|
