UI-事件弹层tips

src/views/bigdata/bigdata.vue

@@ -21,24 +21,25 @@
     <div class="bigdata-body">
       <!-- 第一纵向-->
       <div class="bigdata-list wid-li-1">
-        <div class="b-con mg-b-20">
+        <!-- <div class="b-con mg-b-20">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>隐患整改情况</span>
           </div>
           <chartEvent></chartEvent>
-        </div>
+        </div> -->
         <div class="b-con mg-b-20">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>行业高危企业</span>
           </div>
-          <chartForestFarm></chartForestFarm>
+         <chartFireCause></chartFireCause>
         </div>
-        <div class="b-con">
+        <div class="b-con tall">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>从业人员分布情况</span>
           </div>
           <chartEquipmentType></chartEquipmentType>
         </div>
+        
       </div>
       <!-- 第二纵向-->
       <div class="bigdata-list wid-li-2 m-l-15">
@@ -50,54 +51,21 @@
         </div>
         <tabbar></tabbar>
       </div>
-      <!-- 第三纵向-->
-      <div class="bigdata-list wid-li-3 m-l-15 flex-r">
-        <div class="b-con mg-b-20 b-49">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>应急物资统计</span>
-          </div>
-          <chartFireCause></chartFireCause>
-        </div>
-<!--        <div class="b-con mg-b-20 b-49">-->
-<!--          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">-->
-<!--            <span>巡检通过类型统计</span>-->
-<!--          </div>-->
-<!--          <chartDeviceReportingEvents></chartDeviceReportingEvents>-->
-<!--        </div>-->
-        <div class="b-con mg-b-20 b-49">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>高发不合格项</span>
-          </div>
-          <chartKeyArea></chartKeyArea>
-        </div>
-<!--        <div class="b-con mg-b-20 b-49">-->
-<!--          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">-->
-<!--            <span>巡检不通过类型统计</span>-->
-<!--          </div>-->
-<!--          <chartAncientTree></chartAncientTree>-->
-<!--        </div>-->
-        <div class="b-con tall">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>高危企业分布情况</span>
-          </div>
-          <chartEventTrend></chartEventTrend>
-          <strong></strong>
-        </div>
-      </div>
+
       <!-- 第四纵向-->
       <div class="bigdata-list wid-li-3 m-l-15 flex-r">
-        <div class="b-con mg-b-20 tall">
+        <div class="b-con mg-b-20 taller">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>企业分布情况</span>
           </div>
           <chartGridDistribution></chartGridDistribution>
         </div>
-        <div class="b-con">
+        <!-- <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>逾期预警情况</span>
           </div>
           <chartWeatherTrends></chartWeatherTrends>
-        </div>
+        </div> -->
       </div>
       <!-- 第五纵向-->
 <!--      <div class="bigdata-list wid-li-3 m-l-15 flex-r">-->
@@ -121,14 +89,14 @@
 <!--        </div>-->
 <!--      </div>-->
       <!-- 第六纵向-->
-      <div class="bigdata-list wid-li-1 m-l-15">
+      <!-- <div class="bigdata-list wid-li-1 m-l-15">
         <div class="b-con mg-b-20 taller">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>应急工作情况</span>
           </div>
           <chartEquipmentDistribution></chartEquipmentDistribution>
         </div>
-      </div>
+      </div> -->
     </div>
 
   </div>

src/views/bigdata/chart-equipmentType.vue

@@ -1,7 +1,7 @@
 <!-- **************************************NO.3 企业*************************************** -->
 <template>
   <div class="chart-container">
-    <div id="enterprise" style="width: 100%; height:23vh;">
+    <div id="enterprise" style="width: 100%; height:50vh;">
     </div>
   </div>
 </template>
@@ -78,10 +78,10 @@ export default {
           {
             name: '设备类型',
             type: 'funnel',
-            top: '25%',
+            top: '15%',
             left: '10%',
             width: '70%',
-            height: '68%',
+            height: '85%',
 
             label: {
               show: true,

src/views/bigdata/chart-gridDistribution.vue

@@ -1,7 +1,7 @@
 <!-- **************************************NO.10 收集点*************************************** -->
 <template>
   <div class="chart-container">
-    <div id="collection" style="width: 100%; height:50vh;">
+    <div id="collection" style="width: 100%; height:70vh;">
     </div>
   </div>
 </template>