From 1b90ab69c77b1e4717bc9be45ea1acb36b2f6873 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期二, 25 五月 2021 11:38:41 +0800
Subject: [PATCH] 企业应急事件上报页面修改
---
src/utils/dragBoxes.js | 77 ++++++++++++++++++++++++++++++++++++++
1 files changed, 77 insertions(+), 0 deletions(-)
diff --git a/src/utils/dragBoxes.js b/src/utils/dragBoxes.js
index e2c8225..649bc0a 100644
--- a/src/utils/dragBoxes.js
+++ b/src/utils/dragBoxes.js
@@ -38,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