ytj

VUECODE/smart-operate-manage/src/components/chart/chart3.vue

   created () {
     this.GetHardData().then(() => {
       console.log(this.hardData)
-      this.arr[0].num = this.hardData.count + '次'
-      // this.arr[0].text = this.hardData.message
+      this.hardData.forEach(item => {
+        if (item.message === '小区开门次数') {
+          this.arr[0].num = item.count + '次'
+        } else if (item.message === '单元门开门次数') {
+          this.arr[1].num = item.count + '次'
+        }
+      });
       this.arr = JSON.parse(JSON.stringify(this.arr))
     })
   },
   .title {
     text-align: center;
     padding: 3% 0 30px 0;
-    color: #A4B6C5;
+    color: #a4b6c5;
   }
   .table {
     display: flex;
     flex-flow: row wrap;
-    border: 1px solid #A4B6C5;
+    border: 1px solid #a4b6c5;
     width: 302px;
     margin: 0 auto;
     > div {
       width: 100px;
       height: 100px;
-      border: 1px solid #A4B6C5;
+      border: 1px solid #a4b6c5;
       display: flex;
       flex-flow: column nowrap;
       justify-content: center;
         cursor: pointer;
       }
       div {
-        color: #A4B6C5;
+        color: #a4b6c5;
         margin: 5px;
         font-size: 13px;
       }