yf-admin-ui/src/views/iosBasicData/report-container/report-container.vue

<template>
  <el-dialog
    :visible.sync="visible"
    top="0"
    width="100%"
    height="100%"
    style="width: 100%; height: 100%;"
    :before-close="onClose"
    :close-on-click-modal="false"
    append-to-body
    class="el-dialogDeep"
    :fullscreen="true"
  >
    <div v-if="reportType" id="reportContainer" style="width: 100%; height: 100vh; padding: 0">
    </div>
  </el-dialog>
</template>
<script>

export default {
  data() {
    return {
      visible: false,
      refreshFun: null,
      reportType:false, // 通过判断处理数据
    };
  },
  props: {
    switchDialog: {
      type: Boolean,
      default: false
    },
    reportName: {
      type: String
    },
    reportId: {
      type: String
    },
  },
  methods: {
    cellStyle() {
      return "padding:0;height:40px;";
    },
    onClose() {
      this.visible = false;
    },
    showContainer(initFun, refreshFun) {
      if (typeof initFun == 'function') {
        initFun()
      }
      this.refreshFun = refreshFun
      this.reportType = true
      this.visible = true
      console.log(window.reportContainer)
      console.log('showContainer')
    },
    hideContainer() {
      if (typeof this.refreshFun == 'function') {
        this.refreshFun()
      }
      this.reportType = false
      this.visible = false
      console.log('hideContainer')
    }
  }
}
</script>
<style lang="scss" scoped>
/deep/.el-dialog__header {
  display: none;
}
</style>