页面切换

tengsx

2023-04-07 cb72b35c41432e705e49a03e75db2199c1e0b934

 src/views/layout/index.vue

@@ -50,8 +50,8 @@
          {{ fullscreen ? '缩小' : '全屏'}}
        </div>
        <div class="page-search page-mode">
          <div :class="{active: modeActive == 0 }" @click="modeActive = 0">综合态势感知</div>
          <div :class="{active: modeActive == 1 }" @click="modeActive = 1">防汛值班</div>
          <div :class="{active: modeActive == 0 }" @click="modeChange(0, 'home')">综合态势感知</div>
          <div :class="{active: modeActive == 1 }" @click="modeChange(1, 'home2')">防汛值班</div>
        </div>
        <div class="page-map">
          <div></div>
@@ -192,6 +192,13 @@
        }
        this.requestFullscreen()
      },
      modeChange(idx, path) {
        if(this.modeActive == idx) return
        this.modeActive = idx
        this.$router.push({
          path: '/layout/' + path
        })
      },
      requestFullscreen () {
        const docElm = document.documentElement
        if (docElm.requestFullscreen) {