监控ui

heyujie

2021-10-11 ae2d855c89ca722ac7309fdf1aa6ceed370e3b95

 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);