homepage

src/views/threeViolations/homePage/index.vue

@@ -45,7 +45,7 @@
              <div class="yhzl-big-box-title" style="padding-top: 1.5%;">违规行为</div>
           <div class="echarts">
               <div class="lbt" v-if="showList.length > 0">
-                <el-carousel :height='carHeight'>
+                <el-carousel style="height: 100%;">
                   <el-carousel-item v-for="(item, index) in showList" :key="item.id + index">
                     <div class="lbtAll">
                       <div class="sm">
@@ -81,9 +81,6 @@
  rfxpcChart.resize();
   lzglChart.resize();
   ygzcChart.resize();
- height=refs('homePageBody').parentNode.clientHeight;
-
-
 }" id="yjylChart" class="chart-auto"></div>
         </div>
       </div>
@@ -151,7 +148,9 @@
         <div class="yhzl-big-box">
           <div class="yhzl-big-box-title">风险排查</div>
           <div class="echarts">
-            <div id="rfxpcChart" class="chart-auto"></div>
+            <div id="rfxpcChart"  v-echartResize="()=>{
+          
+}" class="chart-auto"></div>
           </div>
 
          </div>
@@ -1116,10 +1115,12 @@ doQueryWithFile({}).then(res => {
     height: calc( 100% - 48px);
     width: 100%;
     margin-top: 48px;
-    display: flex;
+    // display: flex;
   }
   .page-left {
-    flex: 1;
+    // flex: 1;
+    width: 25%;
+    float: left;
     height: 100%;
     display: inline-block;
 
@@ -1149,7 +1150,8 @@ doQueryWithFile({}).then(res => {
   }
 
   .page-center {
-    flex: 0 0 50%;
+    // flex: 0 0 50%;
+    width: 50%;
     height: 100%;
     display: inline-block;
 
@@ -1210,7 +1212,9 @@ doQueryWithFile({}).then(res => {
   }
 
   .page-right {
-    flex:1;
+    // flex:1;
+    width: 25%;
+    float: right;
     height: 100%;
 
     .page-right-t,
@@ -1246,6 +1250,9 @@ doQueryWithFile({}).then(res => {
       height: 83%;
       margin: 1% 0 0 0;
   }
+  .el-carousel__container{
+    height: 100%!important;
+  }
 }