liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

弹窗拖拽优化

Browse Source
This commit is contained in:
unknown
2022-05-11 10:09:39 +08:00
parent c453250a31
commit aff350b771
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/customerservice/support/conversation/components/ChatHeader/ChatHeader.jsx
View File

@ -11,25 +11,25 @@ export default function ChatHeader(props) {
className={style.customer_service_content}
id="chatHeader"
onMouseOver={(e)=>{
if(e.target.id=='chatHeader'){
if(e.target.id=='chatHeader' || e.target.id=='chatHeaderTitle'|| e.target.id=='chatHeaderSologan' || e.target.id=='chatHeaderAvatar'){
mouseOverHandle(e,props.chatUI)
}
}}
onMouseMove={(e)=>{
if(e.target.id=='chatHeader'){
if(e.target.id=='chatHeader' || e.target.id=='chatHeaderTitle'|| e.target.id=='chatHeaderSologan'|| e.target.id=='chatHeaderAvatar'){
mouseMoveHandle(e,props.chatUI)
}
}}
onMouseDown={(e)=>{
if(e.target.id=='chatHeader'){
if(e.target.id=='chatHeader' || e.target.id=='chatHeaderTitle'|| e.target.id=='chatHeaderSologan'|| e.target.id=='chatHeaderAvatar'){
mouseDrag(e,150,props.chatUI,null,null)
}
}}
>
<span className={style.avatar}></span>
<span id="chatHeaderAvatar" className={style.avatar}></span>
<div className={style.desc_area}>
<span className={style.name}>中国联通供应链智慧客服</span>
<span className={style.sologan}>客户至上 产品至上</span>
<span id="chatHeaderTitle" className={style.name}>中国联通供应链智慧客服</span>
<span id="chatHeaderSologan" className={style.sologan}>客户至上 产品至上</span>
</div>
<div className={style.btn}>
<Tooltip title="隐藏" placement='bottom'>

8
src/pages/customerservice/support/conversation/utils/utils.jsx
View File

@ -149,7 +149,7 @@ export function mouseOverHandle(e,chatUI){
clickBox.style.cursor="auto"
}
}else if(direction == "move"){
clickBox.style.cursor="move"
clickBox.style.cursor="auto"
}else{
clickBox.style.cursor="auto"
}
@ -188,7 +188,7 @@ export function mouseMoveHandle(e,chatUI){
}else if(direction=="top" || direction=="bottom"){
clickBox.style.cursor='s-resize'
}else if(direction == "move"){
clickBox.style.cursor="move"
clickBox.style.cursor="auto"
}else {
clickBox.style.cursor="auto"
}
@ -228,7 +228,7 @@ export function mouseDrag(e,selfHeight,chatUI,changeHeight,setPostion){
direction = 'top';
}
}
if(clickBox.id=="chatHeader" ){
if(clickBox.id=="chatHeader" || clickBox.id=="chatHeaderAvatar" || clickBox.id=="chatHeaderTitle" || clickBox.id=="chatHeaderSologan"){
e=e||event; //兼容ie和其他浏览器的写法
if ((mouseDownY > clickBoxTop && mouseDownY < clickBoxBottom) || (mouseDownX > clickBoxLeft && mouseDownX < clickBoxRight)){
direction = 'move';
@ -250,7 +250,7 @@ export function mouseDrag(e,selfHeight,chatUI,changeHeight,setPostion){
if(changeHeight && changeHeight!=undefined) changeHeight(Math.min(record_maxHeight,(topHeight - mouseDownY + yy) < 20 ? 20:(topHeight - mouseDownY + yy)))
}
if (clickBox.id=="chatHeader" && direction==='move'){
if ((clickBox.id=="chatHeader" || clickBox.id=="chatHeaderAvatar" || clickBox.id=="chatHeaderTitle" || clickBox.id=="chatHeaderSologan") && direction==='move'){
var l = xx - mouseDownX + ll
var t = yy - mouseDownY + tt