up

src/views/meteorological/monitor/information/index.vue

@@ -172,6 +172,7 @@ import L from 'leaflet';
 import iconShadow from '/img/marker/mark.png';
 import moment from 'Moment';
 import { downLoadFile } from '@/utils/download.js';
+import elementResizeDetectorMaker from "element-resize-detector";
 
 let map = L.Map;
 let tabulation = ref([]);
@@ -219,6 +220,10 @@ onMounted(() => {
     getmeteorologys();
     getMeteorologyTbs();
 });
+onUpdated(() => {
+    document.querySelector('.mode').style.display = 'none';
+    window.document.querySelector('#screenfull').style.display = 'none';
+});
 
 const initLeafletMap = () => {
     //加载地图
@@ -430,7 +435,6 @@ const dowcity = () => {
 
 function farmland() {
     const farmlandDivIntance = echarts.init(chartDiv.value);
-    console.log(chartData);
     let leftY = '温度(℃)';
     let rightY = '湿度(%)';
     let arr1 = chartData.value.airTemperature;
@@ -756,8 +760,14 @@ function farmland() {
         ],
     };
 
-    option && farmlandDivIntance.setOption(option, { notMerge: true, grid: { bottom: 20 } });
+    // option && farmlandDivIntance.setOption(option, { notMerge: true, grid: { bottom: 20 } });
     useEcharts(farmlandDivIntance, option);
+    let erd = elementResizeDetectorMaker();
+        erd.listenTo(chartDiv.value, () => {
+            nextTick(() => {
+                farmlandDivIntance.resize();
+            })
+        })
 }
 </script>
 
@@ -825,7 +835,12 @@ $height: calc(100vh - 100px);
 .chartModeFather {
     width: 100%;
     height: 89%;
+    .chartDiv{
+    width: 100% !important;
+    height: 89% !important;
 }
+}
+
 .demo-tabs {
     // width: 100%;
     // height: 98%;