原型制作，新增现场巡查和区县巡查统计

riku

2024-06-05 3653db5756ad6ae89eb573409a3b0fa9926175a5

 src/views/main/MonitorView.vue

@@ -1,13 +1,17 @@
<template>
  <el-row>
    <el-col :span="8">
      <InspectionView></InspectionView>
    <el-col :span="16">
      <el-scrollbar class="page-left-top">
        <VisualizationView></VisualizationView>
      </el-scrollbar>
      <el-scrollbar class="page-left-bottom">
        <InspectionView></InspectionView>
      </el-scrollbar>
    </el-col>
    <el-col :span="8">
      <ManagementView></ManagementView>
    </el-col>
    <el-col :span="8">
      <VisualizationView></VisualizationView>
    <el-col :span="8" class="page-right">
      <el-scrollbar height="var(--fy-body-height)">
        <ManagementView></ManagementView>
      </el-scrollbar>
    </el-col>
  </el-row>
</template>
@@ -18,4 +22,17 @@
import VisualizationView from '@/views/visualization/VisualizationView.vue'
</script>

<style scoped></style>
<style scoped>
.page-left-top {
  height: calc(var(--fy-body-height) / 2);
  background-color: aquamarine;
}
.page-left-bottom {
  height: calc(var(--fy-body-height) / 2);
  background-color: bisque;
}

.page-right {
  /* background-color: aliceblue; */
}
</style>