上一页下一页

src/views/bigdata/bigdata.vue

@@ -21,18 +21,18 @@
     <div class="bigdata-body">
       <!-- 第一纵向-->
       <div class="bigdata-list wid-li-1">
-        <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 class="b-con mg-b-20">
-          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
-            <span>行业高危企业</span>
-          </div>
-          <chartForestFarm></chartForestFarm>
-        </div>
+<!--        <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 class="b-con mg-b-20">-->
+<!--          <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">-->
+<!--            <span>行业高危企业</span>-->
+<!--          </div>-->
+<!--          <chartForestFarm></chartForestFarm>-->
+<!--        </div>-->
         <div class="b-con">
           <div class="b-tit"><img src="@/assets/images/integrated/bigdata-tit-icon.png">
             <span>从业人员分布情况</span>
@@ -76,13 +76,13 @@
 <!--          </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 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">
@@ -379,6 +379,92 @@ export default {
           -0 -0 10px rgba($color: #41fff8, $alpha: .9);
         }
       }
+      .b-tit1 {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: 10px;
+
+        span {
+          font-size: 15px;
+          color: #00ceec;
+          margin-left: 5px;
+          text-shadow: 0 0 3px rgba($color: #41ff84, $alpha: .5),
+          -0 -0 10px rgba($color: #41fff8, $alpha: .9);
+        }
+      }
+
+      .twins {
+        width: 100%;
+        display: flex;
+        position: relative;
+
+        .count {
+          width: 100%;
+          color: #fff;
+          font-size: 12px;
+          position: absolute;
+          display: flex;
+          align-items: center;
+          left: 1rem;
+          top: 9px;
+          z-index: 100;
+
+          .count-z {
+            display: flex;
+            margin: 0 .5rem;
+
+            span {
+              margin-left: .4rem;
+              font-size: 1rem;
+              color: #2ee0fb !important;
+              font-weight: bolder;
+            }
+          }
+
+
+        }
+      }
+
+    }
+    .b-con1 {
+      width: 100%;
+      //height: 28.5vh;
+      height: 57vh;
+
+      box-shadow: 0 0 1px rgba($color: #163696, $alpha: .1),
+      -0 -0 30px rgba($color: #163696, $alpha: .5) inset;
+
+      // display: flex;
+      // flex-direction: column;
+      .b-tit {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: 10px;
+
+        span {
+          font-size: 15px;
+          color: #00ceec;
+          margin-left: 5px;
+          text-shadow: 0 0 3px rgba($color: #41ff84, $alpha: .5),
+          -0 -0 10px rgba($color: #41fff8, $alpha: .9);
+        }
+      }
+      .b-tit1 {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: 10px;
+
+        span {
+          font-size: 15px;
+          color: #00ceec;
+          margin-left: 5px;
+          text-shadow: 0 0 3px rgba($color: #41ff84, $alpha: .5),
+          -0 -0 10px rgba($color: #41fff8, $alpha: .9);
+        }
+      }
 
       .twins {
         width: 100%;