大屏布局调整

src/views/hzcxbb/szkb/index.vue

@@ -8,9 +8,7 @@
     </div>
     <div class="main">
       <div class="first">
-        <div class="itemtitle itemtitlebg1">
-          两区农电预算一览
-        </div>
+
         <div class="itemmain boxall itembg ">
           <i class="i1"></i>
           <i class="i2"></i>
@@ -45,9 +43,7 @@
 
       </div>
       <div class="second">
-        <div class="itemtitle maintitle  " style="">
-          淮安公司预算执行进度全省排名：{{hapm}}
-        </div>
+
         <!-- 地图-->
         <div class="itemmain boxall  ">
           <i class="i1"></i>
@@ -62,9 +58,7 @@
         </div>
       </div>
       <div class="third">
-        <div class="itemtitle itemtitlebg2">
-          淮安淮阴预算一览
-        </div>
+
         <div class="itemmain boxall itembg ">
           <i class="i1"></i>
           <i class="i2"></i>
@@ -107,9 +101,9 @@
           <i class="i4"></i>
           <div class="full itembg ">
             <!-- 轮播图-->
-            <el-carousel :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full"
+            <el-carousel    :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full"
               :autoplay="true">
-              <el-carousel-item>
+              <el-carousel-item  style="height: 45vh;" >
                 <span class="com-count-title">
                   预算执行分析-标准成本(单位)
                 </span>
@@ -121,7 +115,7 @@
            }" class="com-count-body">
                 </div>
               </el-carousel-item>
-              <el-carousel-item>
+              <el-carousel-item style="height: 45vh;" >
                 <span class="com-count-title">
                   预算执行分析-标准成本(科目)
                 </span>
@@ -198,7 +192,7 @@
           <i class="i4"></i>
           <el-carousel :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full"
              :autoplay="true">
-             <el-carousel-item>
+             <el-carousel-item style="height: 45vh;"  >
                <span class="com-count-title">
                  预算执行分析-成本性项目(单位)
                </span>
@@ -210,7 +204,7 @@
            }"  class="com-count-body">
                </div>
              </el-carousel-item>
-             <el-carousel-item>
+             <el-carousel-item style="height: 45vh;"  >
                <span class="com-count-title">
                  预算执行分析-成本性项目(专业)
                </span>
@@ -647,7 +641,7 @@
             left: '10%',
             top: '23%',
             right: '10%',
-            bottom: '23%',
+            bottom: '15%',
           },
           xAxis: {
             type: 'category',
@@ -784,7 +778,7 @@
             left: '10%',
             top: '23%',
             right: '10%',
-            bottom: '23%',
+            bottom: '15%',
           },
           xAxis: {
             type: 'category',
@@ -945,7 +939,7 @@
             left: '10%',
             top: '23%',
             right: '10%',
-            bottom: '23%',
+            bottom: '15%',
           },
           xAxis: {
             type: 'category',
@@ -1125,7 +1119,7 @@
             left: '10%',
             top: '23%',
             right: '10%',
-            bottom: '23%',
+            bottom: '15%',
           },
           xAxis: {
             type: 'category',
@@ -2057,7 +2051,7 @@
     }
 
     .main {
-      height: 58vh;
+      height: 45vh;
       width: 100%;
       display: flex;
 
@@ -2083,7 +2077,7 @@
 
     .bottom {
       display: flex;
-      height: 39vh;
+      height: 45vh;
       width: 100%;
       margin-top: 1vh;
 
@@ -2099,7 +2093,6 @@
         padding: 0.5vh;
 
       }
-
       .third {
         height: 100%;
         width: 30%;
@@ -2155,13 +2148,13 @@
   }
 
   .itemmain {
-    height: 51vh;
+    height: 45vh;
     width: 100%;
 
   }
 
   .itemmainb {
-    height: 32vh;
+    height: 45vh;
     width: 100%;
 
   }