|
@@ -160,7 +160,7 @@
|
|
|
<el-drawer class="dra" :visible.sync="xiaokeDia" width="100%" direction="rtl" :size="Full_Screen ? ' 100%' : '30%'">
|
|
<el-drawer class="dra" :visible.sync="xiaokeDia" width="100%" direction="rtl" :size="Full_Screen ? ' 100%' : '30%'">
|
|
|
<div slot="title" style="display: flex; align-items: center;">
|
|
<div slot="title" style="display: flex; align-items: center;">
|
|
|
<img style="cursor: pointer;width: 24px;margin-left: 15px;" :src="!Full_Screen ? fullScreen : nofullScreen"
|
|
<img style="cursor: pointer;width: 24px;margin-left: 15px;" :src="!Full_Screen ? fullScreen : nofullScreen"
|
|
|
- @click="Full_Screen = !Full_Screen" alt="">
|
|
|
|
|
|
|
+ @click="closeXK" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div style="height: calc(100% - 4px);">
|
|
<div style="height: calc(100% - 4px);">
|
|
@@ -253,6 +253,8 @@ export default {
|
|
|
// 更新元素的位置
|
|
// 更新元素的位置
|
|
|
el.style.left = `${event.clientX - offsetX}px`;
|
|
el.style.left = `${event.clientX - offsetX}px`;
|
|
|
el.style.top = `${event.clientY - offsetY}px`;
|
|
el.style.top = `${event.clientY - offsetY}px`;
|
|
|
|
|
+ vnode.context.position.x = event.clientX - offsetX
|
|
|
|
|
+ vnode.context.position.y = event.clientY - offsetY
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -286,9 +288,12 @@ export default {
|
|
|
fullScreen:require('../assets/img/fullScreen.png'),
|
|
fullScreen:require('../assets/img/fullScreen.png'),
|
|
|
nofullScreen:require('../assets/img/nofullScreen.png'),
|
|
nofullScreen:require('../assets/img/nofullScreen.png'),
|
|
|
position: {
|
|
position: {
|
|
|
- x: window.innerWidth - 170, // 屏幕宽度减去元素宽度
|
|
|
|
|
|
|
+ // x: window.innerWidth - 170, // 屏幕宽度减去元素宽度
|
|
|
|
|
+ // y: window.innerHeight - 180, // 屏幕高度减去元素高度
|
|
|
|
|
+ x: 80, // 屏幕宽度减去元素宽度
|
|
|
y: window.innerHeight - 180, // 屏幕高度减去元素高度
|
|
y: window.innerHeight - 180, // 屏幕高度减去元素高度
|
|
|
}, // 初始位置
|
|
}, // 初始位置
|
|
|
|
|
+ positionCopy:{},
|
|
|
AppJSon: [],
|
|
AppJSon: [],
|
|
|
imgA: require("../assets/img/drgB.png"),
|
|
imgA: require("../assets/img/drgB.png"),
|
|
|
loading: false,
|
|
loading: false,
|
|
@@ -362,9 +367,13 @@ export default {
|
|
|
}),
|
|
}),
|
|
|
openxiaoKe(){
|
|
openxiaoKe(){
|
|
|
console.log('666');
|
|
console.log('666');
|
|
|
-
|
|
|
|
|
|
|
+ this.positionCopy = JSON.parse(JSON.stringify(this.position))
|
|
|
this.xiaokeDia = true;
|
|
this.xiaokeDia = true;
|
|
|
-
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ closeXK(){
|
|
|
|
|
+ this.Full_Screen = false
|
|
|
|
|
+ this.position = JSON.parse(JSON.stringify(this.positionCopy))
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
setHovered(val) {
|
|
setHovered(val) {
|
|
|
if (val) {
|
|
if (val) {
|