fix(自适应): 支持最小屏幕宽度1920

src/views/dataCenter/army/index.vue

@@ -78,6 +78,9 @@ export default defineComponent({
   cursor: pointer;
   transition: all 0.2s;
   box-shadow: 2px 2px 10px #eee;
+  flex: 1;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 .map-warpper {

src/views/dataCenter/army/model/EconomicConstruct/index.vue

@@ -558,7 +558,8 @@ export default defineComponent({
 }
 .economic-construct {
   flex: 1;
-  height: 150px;
+  min-height: 150px;
+  height: calc( 100% - 200px);
   box-sizing: border-box;
   margin-top: 10px;
 }

src/views/dataCenter/army/model/Science/index.vue

@@ -326,7 +326,8 @@ export default defineComponent({
 }
 .incom-distribution {
   flex: 1;
-  height: 150px;
+  min-height: 150px;
+height: calc(100% - 200px);
   box-sizing: border-box;
   margin-top: 10px;
 }

src/views/dataCenter/army/model/StrongArmy/index.vue

@@ -91,7 +91,7 @@ export default defineComponent({
         grid: {
           left: "-5%",
           right: "5%",
-          bottom: "3%",
+          bottom: "5%",
           containLabel: true,
         },
         yAxis: {
@@ -179,7 +179,8 @@ export default defineComponent({
 
 .target-bar {
   flex: 1;
-  height: 260px;
+  height: calc(100% - 120px);
+  min-height: 260px;
   box-sizing: border-box;
   margin-top: 10px;
 }

src/views/dataCenter/industrial/index.vue

@@ -82,6 +82,9 @@ export default defineComponent({
   cursor: pointer;
   transition: all 0.2s;
   box-shadow: 2px 2px 10px #eee;
+  flex: 1;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 .map-warpper {
@@ -93,7 +96,8 @@ export default defineComponent({
 .footer-warpper {
   margin-top: 20px;
   .business-extend {
-    height: 430px;
+    min-height: 430px;
+    height: 100%;
   }
 }
 </style>

src/views/dataCenter/industrial/model/BusinessIncome/index.vue

@@ -184,31 +184,33 @@ export default defineComponent({
   position: relative;
   .money-logo {
     top: 40%;
-    left: 32%;
+    left: 34%;
     position: absolute;
     text-align: center;
+     transform: scale(1.2);
     div {
       display: flex;
       align-items: center;
-      font-size: 24px;
+      font-size: 22px;
       color: #333;
       span {
-        font-size: 18px;
+        font-size: 16px;
         color: #666;
       }
       img {
-        width: 40px;
+        width: 35px;
       }
     }
     .mony-number{
-      font-size: 44px;
+      font-size: 36px;
       color: #4198ff;
     }
   }
 }
 .business-income {
   flex: 1;
-  height: 400px;
+  height: 100%;
+  min-height: 400px;
   box-sizing: border-box;
   margin-top: 10px;
 }

src/views/dataCenter/industrial/model/IncomDistribution/index.vue

@@ -221,7 +221,8 @@ export default defineComponent({
 }
 .incom-distribution {
   flex: 1;
-  height: 315px;
+  min-height: 315px;
+  height: calc( 100% - 70px);
   box-sizing: border-box;
   margin-top: 10px;
 }

src/views/dataCenter/industrial/model/IncomExtendLine/index.vue

@@ -121,7 +121,7 @@ export default defineComponent({
           top: 0,
           left: "0%",
           right: "5%",
-          bottom: "3%",
+          bottom: "9%",
           containLabel: true,
         },
         yAxis: {
@@ -166,7 +166,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .incom-echarts-line {
   flex: 1;
-  height: calc(100% - 195px);
+  height: calc(100% - 190px);
   box-sizing: border-box;
 }
 .describes {

src/views/dataCenter/industrial/model/TargetBar/index.vue

@@ -182,7 +182,8 @@ export default defineComponent({
 
 .target-bar {
   flex: 1;
-  height: 250px;
+  min-height: 250px;
+  height: 100%;
   box-sizing: border-box;
   margin-top: 10px;
 }

src/views/dataCenter/map/index.vue

@@ -4,12 +4,12 @@
       <div class="performance-com card-item"><Performance /></div>
       <div class="card-item rank-list"><RankList /></div>
     </el-col>
-    <el-col :span="10">
+    <el-col :span="9">
       <div class="map-middle">
         <div class="card-item map-item"><Map /></div>
       </div>
     </el-col>
-    <el-col :span="6">
+    <el-col :span="7">
       <div class="map-right">
         <div class="performance-com card-item"><InvestmentProgress /></div>
         <div class="card-item incom-graphic"><Income /></div>