修改地图页面自适应问题

src/components/screenDisplay.vue

@@ -168,10 +168,10 @@ import AMapLoader from "@amap/amap-jsapi-loader";
               </td>
             </tr>
             <tr>
-              <td>一次补水量m³/h</td>
+              <td>一次补水量万m³/h</td>
               <td v-for="item in gYPipeReal" :key="item.supplyId">
                 <span v-if="item.supplyFlowSum != 0">{{
-                  parseInt(item.supplyFlowSum)
+                  parseInt(item.supplyFlowSum) / 10000
                 }}</span>
                 <span v-else>-</span>
               </td>
@@ -202,7 +202,7 @@ import AMapLoader from "@amap/amap-jsapi-loader";
             </li>
           </ul>
         </div>
-        <div class="selectBlock" style="top: 17%">
+        <div class="selectBlock">
           <select
             v-model="selectHour"
             v-show="selectShow"
@@ -2420,7 +2420,7 @@ export default defineComponent({
 .gis_content .rightLayer2Block .btnGroup {
   position: absolute;
   width: 50%;
-  top: 18%;
+  top: 14%;
   left: 5%;
   height: 22%;
 }
@@ -2443,7 +2443,7 @@ export default defineComponent({
 }
 .gis_content .rightLayer2Block .selectBlock {
   position: absolute;
-  top: 22%;
+  top: 13%;
   right: 5%;
   width: 18%;
 }
@@ -2474,13 +2474,14 @@ export default defineComponent({
   background-color: #8797a6;
   font-size: 90%;
   padding: 0;
+  text-align: center;
 }
 .gis_content .rightLayer1 table th:first-child {
   width: 20%;
 }
 .gis_content .rightLayer1 table td {
   background-color: #0e3c77;
-  font-size: 85%;
+  font-size: 80%;
   color: rgb(25, 247, 255);
   text-align: center;
   padding: 0.6%;
@@ -2488,10 +2489,13 @@ export default defineComponent({
 .gis_content .rightLayer3Block {
   margin-top: 8%;
   padding: 0;
+  height: 28%;
 }
 .gis_content .rightLayer3Block table th {
+  font-size: 90%;
   margin-top: 8%;
   text-align: center;
+  line-height: 120%;
 }
 .gis_content .rightLayer4 {
   width: 90%;
@@ -2500,8 +2504,8 @@ export default defineComponent({
 }
 .gis_content .rightLayer4Block {
   position: relative;
-  height: 20%;
-  margin-top: 36%;
+  height: 25%;
+  margin-top: 25%;
 }
 .gis_content .nodata {
   display: flex;