fix: 优化实况UI放大缩小

Gary Gu

5 days ago a3e27f5cab583debe11a9c62d8cc0115783b0791

 src/Dashboard.vue

@@ -19,7 +19,13 @@
    }"
  >
    <!--头部-->
    <app-header class="absolute z-[100] top-0 left-0 right-0" :selected-id="currentProjectId" @onHomeClick="switchView" @onSelectChange="onSelectChange" />
    <app-header
      class="absolute z-[100] top-0 left-0 right-0"
      :selected-id="currentProjectId"
      @onHomeClick="switchView"
      @onSelectChange="onSelectChange"
      @fullscreenChange="fullscreenChange"
    />

    <!--页面内容-->
    <div class="content-wrapper px-[22px] py-[10px] absolute inset-0 top-[80px] flex gap-[20px]">
@@ -38,7 +44,7 @@
      <div class="w-[1080px]">
        <!-- 右侧模块 -->
        <div class="w-full h-full">
          <Home v-if="isReady" :selected-id="selectedId" />
          <Home v-if="isReady" :selected-id="selectedId" :is-full-screen="isFullScreen" />
        </div>
      </div>
    </div>
@@ -90,6 +96,7 @@
        clickTab: "home",
        iframeSrc: window.ProjectConfig.xieTongIframeSrc,
        selectedId: "",
        isFullScreen: false,
      };
    },
    computed: {
@@ -105,7 +112,9 @@
    methods: {
      onSelectChange(val) {
        this.selectedId = val;
        console.log("onSelectChange", val);
      },
      fullscreenChange(val) {
        this.isFullScreen = val;
      },
      /**
       * 切换视图