avue-main样式调增

shuishen

2021-04-08 e8a66ef2fbfd31092d395d1ae6791ca5e00c4780

 src/views/Video/video.vue

@@ -1,41 +1,47 @@
<template>
  <iframe v-show="iframeState" id="show-iframe" frameborder=0 name="showHere" scrolling=auto
          v-bind:src="reportUrl"></iframe>
  <iframe
    v-show="iframeState"
    id="show-iframe"
    frameborder="0"
    name="showHere"
    scrolling="auto"
    v-bind:src="reportUrl"
  ></iframe>
</template>

<script>
  export default {
    name: "tcgl.vue",
    created() {
      this.getData();
export default {
  name: "tcgl.vue",
  created() {
    this.getData();
  },
  data() {
    return {
      reportUrl: "",
      channelNumber: null,
      serialNumber: null,
    };
  },
  methods: {
    getData() {
      this.reportUrl =
        "./realVideo/realtime-view-videos.html?channelNumber=" +
        this.$route.query.channelNumber +
        "&serialNumber=" +
        this.$route.query.serialNumber;
    },
    data() {
      return {
        reportUrl: '',
        channelNumber: null,
        serialNumber: null
      }
    },
    methods: {
      getData() {
        this.reportUrl = "./realVideo/realtime-view-videos.html?channelNumber="
          + this.$route.query.channelNumber
          + "&serialNumber=" + this.$route.query.serialNumber;
      }
    }
  }
  },
};
</script>

<style>
#show-iframe {
  display: block !important;
  height: 95%;
}

  #show-iframe {
    display: block !important;
    height: 95%;

  }

  .avue-main .avue-view {
    height: 100%;
    padding: 0px 5px !important;
  }
.avue-main .avue-view {
  height: calc(100%);
  padding: 5px 5px !important;
}
</style>