From bbc9e1600f44693fe1e39dcab0822a0658906e0b Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期三, 14 四月 2021 10:04:21 +0800
Subject: [PATCH] 開始結束時間
---
src/components/BaseNav/SolidWaste/directive/dir.js | 37 ++++++++++---------------------------
1 files changed, 10 insertions(+), 27 deletions(-)
diff --git a/src/components/BaseNav/SolidWaste/directive/dir.js b/src/components/BaseNav/SolidWaste/directive/dir.js
index e58a1a5..063f6c3 100644
--- a/src/components/BaseNav/SolidWaste/directive/dir.js
+++ b/src/components/BaseNav/SolidWaste/directive/dir.js
@@ -1,45 +1,31 @@
import Vue from 'vue'
-// 浣跨敤Vue.directive()瀹氫箟涓�涓叏灞�鎸囦护
-// 1.鍙傛暟涓�锛氭寚浠ょ殑鍚嶇О锛屽畾涔夋椂鎸囦护鍓嶉潰涓嶉渶瑕佸啓v-
-// 2.鍙傛暟浜岋細鏄竴涓璞★紝璇ュ璞′腑鏈夌浉鍏崇殑鎿嶄綔鍑芥暟
-// 3.鍦ㄨ皟鐢ㄧ殑鏃跺�欏繀椤诲啓v-
+
const drag = Vue.directive('drag', {
- // 1.鎸囦护缁戝畾鍒板厓绱犱笂鍥炵珛鍒绘墽琛宐ind鍑芥暟锛屽彧鎵ц涓�娆�
- // 2.姣忎釜鍑芥暟涓涓�涓弬鏁版案杩滄槸el锛岃〃绀虹粦瀹氭寚浠ょ殑鍏冪礌锛宔l鍙傛暟鏄師鐢焜s瀵硅薄
- // 3.閫氳繃el.focus()鏄棤娉曡幏鍙栫劍鐐圭殑锛屽洜涓哄彧鏈夋彃鍏OM鍚庢墠鐢熸晥
- bind: function (el) {
- el.style.cursor = 'move' // 榧犳爣鏍峰紡鍙榤ove鏍峰紡
- },
- // inserted琛ㄧず涓�涓厓绱狅紝鎻掑叆鍒癉OM涓細鎵цinserted鍑芥暟锛屽彧瑙﹀彂涓�娆�
- inserted: function (el) {
- el.onmousedown = function (e) {
+ bind (el, binding, vnode, oldVnode) {
+ const dialogHeaderEl = el.querySelector('.public-bounced-title')
+ dialogHeaderEl.onmousedown = function (e) {
var distX = e.pageX - el.offsetLeft
var distY = e.pageY - el.offsetTop
- console.log('鍏冪礌鏈韩鐨勯珮锛�' + el.clientHeight + ',鍏冪礌鏈韩鐨勫锛�' + el.clientWidth)
-
if (e.preventDefault) {
e.preventDefault()
} else {
e.returnValue = false
}
- // 瑙e喅蹇�熸嫋鍔ㄦ粸鍚庨棶棰�
-
document.onmousemove = function (e) {
- // 鐢ㄩ紶鏍囩殑浣嶇疆鍑忓幓榧犳爣鐩稿鍏冪礌鐨勪綅缃紝寰楀埌鍏冪礌鐨勪綅缃�
let left = e.clientX - distX
let top = e.clientY - distY
if (left <= 0) {
- left = 5 // 璁剧疆鎴�5鏄负浜嗕笉绂昏竟缂樺お杩�
- } else if (left > document.documentElement.clientWidth - el.clientWidth) {
- // document.documentElement.clientWidth 灞忓箷鐨勫彲瑙嗗搴�
- left = document.documentElement.clientWidth - el.clientWidth - 5
+ left = 5
+ } else if (left > document.documentElement.clientWidth - dialogHeaderEl.clientWidth) {
+ left = document.documentElement.clientWidth - dialogHeaderEl.clientWidth - 5
}
if (top <= 0) {
top = 5
- } else if (top > document.documentElement.clientHeight - el.clientHeight) {
- top = document.documentElement.clientHeight - el.clientHeight - 5
+ } else if (top > document.documentElement.clientHeight - dialogHeaderEl.clientHeight) {
+ top = document.documentElement.clientHeight - dialogHeaderEl.clientHeight - 5
}
+
el.style.left = left + 'px'
el.style.top = top + 'px'
}
@@ -47,9 +33,6 @@
document.onmousemove = document.onmouseup = null
}
}
- },
- // 褰揤Node鏇存柊鐨勬椂鍊欎細鎵цupdated锛屽彲浠ヨЕ鍙戝娆�
- updated: function (el) {
}
})
export default drag
--
Gitblit v1.8.0