增加自适应组件

project/fengdu/AppBIBoard/AppBIBoard.vue

@@ -0,0 +1,51 @@
+<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>