|
@@ -169,11 +169,16 @@ function handleMoves(event){
|
|
|
* 预问诊预览图片可拖拽
|
|
|
*/
|
|
|
let imgXS = 0,//鼠标距离图片左侧的位置
|
|
|
+ imgWXS = 0,//图片容器距离左侧的位置
|
|
|
+ imgDXS = 0,//图片距离左侧的位置left
|
|
|
imgYS = 0,//鼠标距离图片顶部的位置
|
|
|
- imgDXS = 0,//图片距离左侧的位置
|
|
|
- imgDYS = 0,//图片距离顶部的位置
|
|
|
- imgWXS = 0,//图片容器距离顶部的位置
|
|
|
imgWYS = 0,//图片容器距离顶部的位置
|
|
|
+ imgDYS = 0,//图片距离顶部的位置top
|
|
|
+ drgLeft= 0,
|
|
|
+ tmpValL=0,
|
|
|
+ tmpNum=0,
|
|
|
+ tmpName='',
|
|
|
+ tmpValR=0,
|
|
|
imgDrag = false;
|
|
|
function imgDragMove(type){
|
|
|
let wrap = $("#previewWrapper");
|
|
@@ -189,12 +194,27 @@ function imgDragMove(type){
|
|
|
imgXS = page.boxLeft - drag.offset().left;
|
|
|
imgYS = page.boxTop - drag.offset().top;
|
|
|
imgDrag = true;
|
|
|
-
|
|
|
+
|
|
|
imgDXS = drag.offset().left;
|
|
|
imgDYS = drag.offset().top;
|
|
|
- imgWXS = wrap.offset().left
|
|
|
- imgWYS = wrap.offset().top
|
|
|
-
|
|
|
+ imgWXS = wrap.offset().left;
|
|
|
+ imgWYS = wrap.offset().top;
|
|
|
+
|
|
|
+ if(tmpName){
|
|
|
+ if(drag.attr("src") != tmpName||drag.attr("data-deg")==0){
|
|
|
+ tmpNum==0
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ tmpName = drag.attr("src")
|
|
|
+ }
|
|
|
+
|
|
|
+ if(tmpNum == 0){
|
|
|
+ tmpValL = imgDXS-imgWXS;
|
|
|
+ tmpValR = imgDYS-imgWYS;
|
|
|
+ tmpName =
|
|
|
+ ++tmpNum
|
|
|
+ }
|
|
|
+ console.log(imgDXS,imgWXS,tmpNum,'hahaha')
|
|
|
$(document).on('mousemove',handleMoveImg)
|
|
|
$(document).on('mouseup',handleUpImg)
|
|
|
})
|
|
@@ -209,19 +229,49 @@ function handleMoveImg(event){
|
|
|
!isMove&&store.dispatch({type:SET_MOVE,isMove:true})
|
|
|
let wrap = $("#previewWrapper");
|
|
|
let drag = $("#drugImg");
|
|
|
+ let de = (Math.abs(drag.attr("data-deg")%180)==90)?true:false;
|
|
|
let page = getPageCoordinate(event,'0');
|
|
|
let wrapWidth = drag[0].offsetWidth;
|
|
|
let wrapHeight = drag[0].offsetHeight;
|
|
|
if(imgDrag){
|
|
|
+
|
|
|
+ console.log('鼠标左:'+page.boxLeft)
|
|
|
+ console.log('鼠标图左:'+imgXS)
|
|
|
+ console.log('容器左:'+imgWXS)
|
|
|
+ console.log('被拖图左:'+drag.offset().left)
|
|
|
+ console.log('bian1:'+tmpValL)
|
|
|
+ console.log('bian2:'+tmpValR)
|
|
|
+
|
|
|
imgDXS = page.boxLeft - imgXS - imgWXS;//相对于父元素定位
|
|
|
imgDYS = page.boxTop - imgYS - imgWYS;
|
|
|
+
|
|
|
+ // if(wrapHeight > wrapWidth){
|
|
|
+ // drag.css({
|
|
|
+ // width:wrapWidth+'px',
|
|
|
+ // height:wrapHeight+'px',
|
|
|
+ // marginLeft:'0px',
|
|
|
+ // marginTop:'0px',
|
|
|
+ // left:imgDXS+(de?163:0) + 'px',
|
|
|
+ // top:imgDYS-(de?163:0) + 'px'
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // else{
|
|
|
+ // drag.css({
|
|
|
+ // width:wrapWidth+'px',
|
|
|
+ // height:wrapHeight+'px',
|
|
|
+ // marginLeft:'0px',
|
|
|
+ // marginTop:'0px',
|
|
|
+ // left:imgDXS-(de?163:0) + 'px',
|
|
|
+ // top:imgDYS+(de?163:0) + 'px'
|
|
|
+ // })
|
|
|
+ // }
|
|
|
drag.css({
|
|
|
width:wrapWidth+'px',
|
|
|
height:wrapHeight+'px',
|
|
|
marginLeft:'0px',
|
|
|
marginTop:'0px',
|
|
|
- left:imgDXS + 'px',
|
|
|
- top:imgDYS + 'px'
|
|
|
+ left:imgDXS-(de?tmpValL:0) + 'px',
|
|
|
+ top:imgDYS+(de?tmpValL:0) + 'px'
|
|
|
})
|
|
|
}
|
|
|
}
|