| | |
| | | <template> |
| | | <el-row class="wrapper"> 可视化 </el-row> |
| | | <!-- <el-row class="wrapper"> 可视化 </el-row> --> |
| | | <BaseMap></BaseMap> |
| | | <el-row class="overlay-container" :style="height"> |
| | | <el-col :span="18"> |
| | | <SupervisionVisual></SupervisionVisual> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <SubtaskVisual></SubtaskVisual> |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | | |
| | | <script setup></script> |
| | | <script setup> |
| | | import SubtaskVisual from './SubtaskVisual.vue' |
| | | import SupervisionVisual from './SupervisionVisual.vue' |
| | | import { inject } from 'vue' |
| | | |
| | | const mapHeight = inject('mapHeight') |
| | | |
| | | const height = 'height:' + mapHeight |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .wrapper { |
| | | /* background-color: aquamarine; */ |
| | | .overlay-container { |
| | | /* background: aliceblue; */ |
| | | position: absolute; |
| | | width: 100%; |
| | | /* height: 100vh; */ |
| | | top: 0; |
| | | left: 0; |
| | | /* padding: 4px; */ |
| | | pointer-events: none; |
| | | } |
| | | </style> |