修改 时间组件

src/views/Event-boot/Region/distribution.vue

@@ -21,7 +21,7 @@
             </el-form-item>
         </el-form>
         <div v-loading="loading">
-            <el-row :gutter="20">
+            <el-row :gutter="10">
                 <el-col :span="12">
                     <MyEchartMap
                         ref="EchartMap"
@@ -69,7 +69,7 @@ import { defaultAttribute } from '@/components/table/defaultAttribute'
 import MyEchartMap from '@/components/echarts/MyEchartMap.vue'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import { ref, reactive, onMounted, provide } from 'vue'
-
+import { mainHeight } from '@/utils/layout'
 defineOptions({
     name: 'Region/distribution'
 })
@@ -117,6 +117,7 @@ const eliminate = (name: string) => {
     echartMapList.value.options.series = []
     EchartMap.value.GetEchar(name)
 }
+
 // 地图数处理
 const map = (res: any) => {
     echartMapList.value = {
@@ -307,12 +308,13 @@ const histogram = (res: any) => {
 onMounted(() => {
     onSubmit()
 })
+const layout = mainHeight(73) as any
 </script>
 <style lang="scss" scoped>
 .map {
-    height: calc(100vh - 120px);
+    height: v-bind('layout.height');
 }
 .tall {
-    height: calc((100vh - 120px) / 2);
+    height: calc(v-bind('layout.height') / 2);
 }
 </style>

src/views/dashboard/components/Tableabove.vue

@@ -45,10 +45,11 @@
 <script setup lang="ts">
 import { ref, reactive, defineExpose, computed } from 'vue'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { mainHeight } from '@/utils/layout'
 
-const areaData = ref<any[]>([])
-const levelData = ref<any[]>([])
-const shareData = ref<any[]>([])
+const areaData = ref([])
+const levelData = ref([])
+const shareData = ref([])
 
 const tableHeaderAera = ref<any[]>([
     { prop: 'areaName', label: '区域名称', width: '120px' },
@@ -104,12 +105,14 @@ const formatter = (row: any) => {
     }
 }
 defineExpose({ info })
+const layout = mainHeight(175) as any
+const defaultMain = mainHeight(185) as any
 </script>
 <style lang="scss" scoped>
-::v-deep(.el-tabs--left) {
-    height: calc(100vh - 220px);
+::v-deep(.el-tabs--left, ) {
+    height: v-bind('layout.height');
 }
 .default-main {
-    height: calc(100vh - 220px);
+    height: v-bind('defaultMain.height');
 }
 </style>

src/views/dashboard/components/echart.vue

@@ -11,7 +11,7 @@
 <script setup lang="ts">
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import { reactive, ref, defineExpose } from 'vue'
-
+import { mainHeight } from '@/utils/layout'
 let areaStatistics = ref({})
 let voltageStatistics = ref({})
 let monthlyStatistics = ref({})
@@ -283,12 +283,13 @@ const Relation = (list: any) => {
 }
 // Processing()
 defineExpose({ Processing, Grade, Relation })
+const layout = mainHeight(140) as any
 </script>
 
 <style lang="scss" scoped>
 .bars_w {
     width: 100%;
-    height: calc((100vh - 195px) / 2);
+    height: calc(v-bind('layout.height') / 2);
 }
 .separate {
     display: flex;

src/views/dashboard/index.vue

@@ -26,7 +26,7 @@ import { useDictData } from '@/stores/dictData'
 import Echart from '@/views/dashboard/components/echart.vue'
 import Tableabove from '@/views/dashboard/components/Tableabove.vue'
 import { onMounted, reactive, ref, onBeforeMount } from 'vue'
-
+import { mainHeight } from '@/utils/layout'
 defineOptions({
     name: 'Region/overview'
 })
@@ -72,6 +72,7 @@ const onSubmit = async () => {
 onMounted(() => {
     onSubmit()
 })
+const layout = mainHeight(113) as any
 </script>
 
 <style lang="scss" scoped>
@@ -80,7 +81,7 @@ onMounted(() => {
     height: 500px;
 }
 ::v-deep(.el-tabs__content) {
-    height: calc(100vh - 161px);
+    height: v-bind('layout.height');
     overflow-y: auto;
 }
 </style>