diff --git a/ruoyi-ui/src/components/Chart/index.vue b/ruoyi-ui/src/components/Chart/index.vue new file mode 100644 index 00000000..0fd867de --- /dev/null +++ b/ruoyi-ui/src/components/Chart/index.vue @@ -0,0 +1,60 @@ + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/directive/index.js b/ruoyi-ui/src/directive/index.js index a52a9763..1c1772d9 100644 --- a/ruoyi-ui/src/directive/index.js +++ b/ruoyi-ui/src/directive/index.js @@ -5,7 +5,7 @@ import dialogDragWidth from './dialog/dragWidth' import dialogDragHeight from './dialog/dragHeight' import clipboard from './module/clipboard' import ResizeDomDirective from './resize' - +import Move from './move' const install = function(Vue) { Vue.directive('hasRole', hasRole) Vue.directive('hasPermi', hasPermi) @@ -13,7 +13,8 @@ const install = function(Vue) { Vue.directive('dialogDrag', dialogDrag) Vue.directive('dialogDragWidth', dialogDragWidth) Vue.directive('dialogDragHeight', dialogDragHeight) - Vue.directive('resize', ResizeDomDirective) + Vue.directive('resize', ResizeDomDirective) + Vue.directive('move', Move) } if (window.Vue) { diff --git a/ruoyi-ui/src/directive/move.js b/ruoyi-ui/src/directive/move.js new file mode 100644 index 00000000..2557c77e --- /dev/null +++ b/ruoyi-ui/src/directive/move.js @@ -0,0 +1,32 @@ +export default{ + bind(el, binding, vnode) { + let dragging = false; + let startX, startY, deltaX, deltaY, transform; + + el.style.position = 'absolute'; + el.style.cursor = 'pointer'; + + el.addEventListener('mousedown', function(e) { + dragging = true; + startX = e.clientX - parseInt(el.style.left); + startY = e.clientY - parseInt(el.style.top); + document.addEventListener('mousemove', mouseMoveHandler); + document.addEventListener('mouseup', mouseUpHandler); + }); + + function mouseMoveHandler(e) { + if (dragging) { + deltaX = e.clientX - startX; + deltaY = e.clientY - startY; + el.style.left = deltaX + 'px'; + el.style.top = deltaY + 'px'; + } + } + + function mouseUpHandler() { + dragging = false; + document.removeEventListener('mousemove', mouseMoveHandler); + document.removeEventListener('mouseup', mouseUpHandler); + } + } + } \ No newline at end of file diff --git a/ruoyi-ui/src/views/base/magDetail/index.vue b/ruoyi-ui/src/views/base/magDetail/index.vue index 41d6b093..6cce1c46 100644 --- a/ruoyi-ui/src/views/base/magDetail/index.vue +++ b/ruoyi-ui/src/views/base/magDetail/index.vue @@ -59,7 +59,7 @@ - +