Просмотр исходного кода

UI-bigdata去掉无用模块 以我为准

whao 2 лет назад
Родитель
Сommit
67831ba2bd
2 измененных файлов с 121 добавлено и 2 удалено
  1. 120 1
      src/views/bigdata/bigdata.vue
  2. 1 1
      src/views/system/login.vue

+ 120 - 1
src/views/bigdata/bigdata.vue

@@ -51,7 +51,40 @@
         </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 taller">
@@ -347,6 +380,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%;

+ 1 - 1
src/views/system/login.vue

@@ -144,7 +144,7 @@
     methods: {
       getVersionInfo(){
         getVersionInfo().then(res => {
-          this.QRCode = res.data.QRCode
+          this.QRCode = res.data.picUrl
         })
       },
       fontConfig() {