From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图
---
src/pages/desktop/index/components/DFrame.vue | 21 ++++++++++-----------
1 files changed, 10 insertions(+), 11 deletions(-)
diff --git a/src/pages/desktop/index/components/DFrame.vue b/src/pages/desktop/index/components/DFrame.vue
index 2df51c1..582dcee 100644
--- a/src/pages/desktop/index/components/DFrame.vue
+++ b/src/pages/desktop/index/components/DFrame.vue
@@ -7,7 +7,7 @@
@contextmenu.prevent="openMenuList($event.offsetY,$event.offsetX,data)"
v-bind:style="{left: data.leftOffset + 'px', top: data.topOffset + 'px', 'z-index': 125 + data.order, width: width + 'px', height: height + 'px'}"
>
- <div class="d-frame-title" v-drag @click="frameClick">
+ <div class="d-frame-title" v-drag='fullScreen' @click="frameClick">
<div class="d-frame-title-operation">
<i class="icon-minus d-frame-operation-minus" @click="minFrame(data,$event)">
<img :src="`${publicPath}images/desktop/header-icon/min.png`" alt />
@@ -52,7 +52,6 @@
<script>
import html2canvas from 'html2canvas';
-
export default {
name: "DFrame",
props: {
@@ -86,14 +85,12 @@
}
},
mounted() {
- console.log(document.querySelectorAll('iframe'))
window.addEventListener('message', (d) => {
let { source, trigger, menuT, menuL } = d.data;
if (trigger == 'contextmenu') {
this.openMenuList(menuT, menuL)
}
});
-
},
methods: {
openMenuList(t, l, frame) {
@@ -195,12 +192,13 @@
},
directives: {
- drag(el) {
-
- if (el.dragLock) {
+ drag(el, binding) {
+ if (el.dragLock || binding.arg) {
return
}
el.onmousedown = function (e) {
+ console.log('binding',binding)
+ if(binding.value) return;
el.dragLock = true;
let disx = e.clientX - el.parentElement.offsetLeft;
let disy = e.clientY - el.parentElement.offsetTop;
@@ -223,6 +221,7 @@
toTop = document.body.getBoundingClientRect().height - 31;
}
el.parentElement.style.top = toTop + 'px';
+
};
document.onmouseup = function () {
el.dragLock = false;
@@ -338,7 +337,7 @@
.d-frame-title-content {
line-height: 30px;
text-align: center;
- background: #dee1e6;
+ background: #eeeeee;
}
.d-frame-title-content img {
@@ -353,15 +352,15 @@
position: relative;
top: -1px;
font-size: 15px;
- color: #777;
- /* font-family: '榛戜綋'; */
+ color: #000000;
+ font-family: "PingFang SC";
}
.d-frame-content {
width: 100%;
height: calc(100% - 30px);
border-radius: 0 0 4px 4px;
- background-color: #fff;
+ /* background-color: #fff; */
}
.d-frame-full .d-frame-content{
height: calc(100% - 71px);
--
Gitblit v1.8.0