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

src/views/dataCenter/map/index.vue

 <template>
-  <el-row class="map-warpper">
-    <el-col class="map-left">
+  <el-row class="map-warpper" :gutter="16">
+    <el-col class="map-left" :span="8">
       <div class="performance-com card-item"><Performance /></div>
       <div class="card-item rank-list"><RankList /></div>
     </el-col>
-    <div class="map-middle" >
-      <div class="card-item map-item"><Map /></div>
-    </div>
-    <div class="map-right">
-      <div class="performance-com card-item"><InvestmentProgress /></div>
-      <div class="card-item incom-graphic"><Income /></div>
-    </div>
+    <el-col :span="10">
+      <div class="map-middle">
+        <div class="card-item map-item"><Map /></div>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="map-right">
+        <div class="performance-com card-item"><InvestmentProgress /></div>
+        <div class="card-item incom-graphic"><Income /></div>
+      </div>
+    </el-col>
   </el-row>
 
   <!-- 卡片信息展示 -->
@@ -89,10 +93,7 @@ export default defineComponent({
   box-sizing: border-box;
   flex: 1;
   .map-left {
-    min-width: 600px;
-    max-width: 600px;
     box-sizing: border-box;
-    margin-right: 16px;
     .rank-list {
       margin-top: 16px;
       height: 312px;
@@ -103,25 +104,15 @@ export default defineComponent({
     height: 640px;
     box-sizing: border-box;
     display: flex;
-    margin-right: 16px;
-
-    // width: 100%;
-     min-width: 662px;
-     max-width: 662px;
-
     .card-item {
-      // flex: 1;
       padding: 0;
     }
     .map-item {
-      min-width: 662px;
+      width: 100%;
     }
   }
   .map-right {
-    min-width: 560px;
-    width: 560px;
     box-sizing: border-box;
-
     .incom-graphic {
       margin-top: 16px;
       height: 312px;