修改 时间组件

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>