|
@@ -51,7 +51,40 @@
|
|
</div>
|
|
</div>
|
|
<tabbar></tabbar>
|
|
<tabbar></tabbar>
|
|
</div>
|
|
</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="bigdata-list wid-li-3 m-l-15 flex-r">
|
|
<div class="b-con mg-b-20 taller">
|
|
<div class="b-con mg-b-20 taller">
|
|
@@ -347,6 +380,92 @@ export default {
|
|
-0 -0 10px rgba($color: #41fff8, $alpha: .9);
|
|
-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 {
|
|
.twins {
|
|
width: 100%;
|
|
width: 100%;
|