标签编辑3.0

src/views/page/Model/LabelEditModel.vue

@@ -136,7 +136,21 @@ function changeName(e: any) {
 
 //重新调整位置
 function reset() {
+    //获取dom
+    let dom = document.getElementById(props.modelData.id);
+    document.body.onmousemove = e => {
+        console.log(e);
+        
+        dom.style.left = e.clientX + 'px'
+        dom.style.top = e.clientY + 'px'
+        x.value = e.clientX;
+        y.value = e.clientY;
+    }
 
+    //点击 停止事件
+    document.body.onmousedown = e =>{
+        document.body.onmousemove = null;
+    }
 }
 
 //取消
@@ -179,11 +193,11 @@ function confirm() {
 
         if (res.data.data == true) {
             Msg.success("修改成功")
-             //关闭弹窗
+            //关闭弹窗
             notification.close("editLabel");
         }
-        else{
-            Msg.error("修改失败",res.data.message)
+        else {
+            Msg.error("修改失败", res.data.message)
         }
     })
 }