| | |
|---|
| | | <!-- |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2022-08-18 16:18:24 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2023-04-06 20:27:54 |
|---|
| | | * @LastEditors: song |
|---|
| | | * @LastEditTime: 2023-04-07 08:53:48 |
|---|
| | | * @FilePath: \bigScreen\src\views\layout\index.vue |
|---|
| | | * @Description: |
|---|
| | | * |
|---|
| | |
|---|
| | | <div slot="mainContent" class="main-content" id="MainContent"> |
|---|
| | | <div class="main-header"> |
|---|
| | | <div class="title"> |
|---|
| | | 湖北省水库大坝监测平台 |
|---|
| | | 智慧水库平台 |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | {{ 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> |
|---|
| | |
|---|
| | | } |
|---|
| | | 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) { |
|---|
