<template>
  <section class="AppBIBoard" :class="{fullscreen}">
    <ai-fit-view>
      <ai-dv-wrapper ref="fddv">
        <template v-slot:head="head">
          <fengdu-head v-bind="head" @fullscreen="handleFullScreen" @setting="handleSetting"/>
        </template>
        <ai-dv-viewer v-bind="$props"/>
      </ai-dv-wrapper>
    </ai-fit-view>
  </section>
</template>
<script>
import AiFitView from "dui/packages/layout/AiFitView.vue";
import FengduHead from "./components/fengduHead.vue";

export default {
  name: "AppBIBoard",
  label: "丰都指挥舱",
  components: {FengduHead, AiFitView},
  props: {
    instance: Function,
    dict: Object
  },
  data() {
    return {
      fullscreen: false
    }
  },
  methods: {
    handleFullScreen() {
      this.fullscreen = this.$refs.fddv.handleFullScreen()
    },
    handleSetting(v) {
      this.$refs.fddv.dialog = v
    }
  },
}
</script>
<style scoped lang="scss">
.AppBIBoard {
  &.fullscreen {
    position: fixed;
    z-index: 202310111819;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
</style>
