From 3072da92f3c3f08b2ee0ca03ee4e74b12f545b0e Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期三, 26 五月 2021 21:31:55 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop
---
src/utils/dragBoxes.js | 78 +++++++++++++++++++++++++++++++++++++++
1 files changed, 78 insertions(+), 0 deletions(-)
diff --git a/src/utils/dragBoxes.js b/src/utils/dragBoxes.js
index 1e17b89..649bc0a 100644
--- a/src/utils/dragBoxes.js
+++ b/src/utils/dragBoxes.js
@@ -4,6 +4,7 @@
const drag = Vue.directive('drag', {
bind (el, binding, vnode, oldVnode) {
const dialogHeaderEl = el.querySelector('.public-bounced-title')
+ dialogHeaderEl.style.cursor = 'move'
dialogHeaderEl.onmousedown = function (e) {
var distX = e.pageX - el.offsetLeft
var distY = e.pageY - el.offsetTop
@@ -37,3 +38,80 @@
}
})
export default drag
+
+// function dialogDragBox (el) {
+// const dialogHeaderEl = el.querySelector('.public-bounced-title')
+// const dragDom = el.querySelector('.report-box')
+//
+// dialogHeaderEl.style.cssText += ';cursor:move;'
+// dragDom.style.cssText += ';top:0px;'
+//
+// // 鑾峰彇鍘熸湁灞炴�� ie dom鍏冪礌.currentStyle 鐏嫄璋锋瓕 window.getComputedStyle(dom鍏冪礌, null);
+// const sty = (() => {
+// if (window.document.currentStyle) {
+// return (dom, attr) => dom.currentStyle[attr]
+// } else {
+// return (dom, attr) => getComputedStyle(dom, false)[attr]
+// }
+// })()
+//
+// dialogHeaderEl.onmousedown = (e) => {
+// // 榧犳爣鎸変笅锛岃绠楀綋鍓嶅厓绱犺窛绂诲彲瑙嗗尯鐨勮窛绂�
+// const disX = e.clientX - dialogHeaderEl.offsetLeft
+// const disY = e.clientY - dialogHeaderEl.offsetTop
+//
+// const screenWidth = document.body.clientWidth // body褰撳墠瀹藉害
+// const screenHeight = document.documentElement.clientHeight // 鍙鍖哄煙楂樺害(搴斾负body楂樺害锛屽彲鏌愪簺鐜涓嬫棤娉曡幏鍙�)
+//
+// const dragDomWidth = dragDom.offsetWidth // 瀵硅瘽妗嗗搴�
+// const dragDomheight = dragDom.offsetHeight // 瀵硅瘽妗嗛珮搴�
+//
+// const minDragDomLeft = dragDom.offsetLeft
+// const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth
+//
+// const minDragDomTop = dragDom.offsetTop
+// const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight
+//
+// // 鑾峰彇鍒扮殑鍊煎甫px 姝ｅ垯鍖归厤鏇挎崲
+// let styL = sty(dragDom, 'left')
+// let styT = sty(dragDom, 'top')
+//
+// // 娉ㄦ剰鍦╥e涓� 绗竴娆¤幏鍙栧埌鐨勫�间负缁勪欢鑷甫50% 绉诲姩涔嬪悗璧嬪�间负px
+// if (styL.includes('%')) {
+// styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100)
+// styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100)
+// } else {
+// styL = +styL.replace(/px/g, '')
+// styT = +styT.replace(/px/g, '')
+// }
+//
+// document.onmousemove = function (e) {
+// // 閫氳繃浜嬩欢濮旀墭锛岃绠楃Щ鍔ㄧ殑璺濈
+// let left = e.clientX - disX
+// let top = e.clientY - disY
+//
+// // 杈圭晫澶勭悊
+// if (-(left) > minDragDomLeft) {
+// left = -(minDragDomLeft)
+// } else if (left > maxDragDomLeft) {
+// left = maxDragDomLeft
+// }
+//
+// if (-(top) > minDragDomTop) {
+// top = -(minDragDomTop)
+// } else if (top > maxDragDomTop) {
+// top = maxDragDomTop
+// }
+//
+// // 绉诲姩褰撳墠鍏冪礌
+// dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
+// }
+//
+// document.onmouseup = function (e) {
+// document.onmousemove = null
+// document.onmouseup = null
+// }
+// }
+// }
+//
+// export default dialogDragBox
--
Gitblit v1.8.0