首页添加车辆信息

src/views/home/index.vue

@@ -54,15 +54,15 @@
                 <div class="left-card">
                   <div class="item">
                     <p>在途车辆</p>
-                    <p><span class="number">76</span><span class="number-text">台</span></p>
+                    <p><span class="number">{{carCount1}}</span><span class="number-text">台</span></p>
                   </div>
                   <div class="item">
                     <p>装货车辆</p>
-                    <p><span class="number" style="color:#ffa523;">86</span><span class="number-text">台</span></p>
+                     <p><span class="number" style="color:#ffa523">{{carCount2}}</span><span class="number-text">台</span></p>
                   </div>
                   <div class="item">
                     <p>卸货车辆</p>
-                    <p><span class="number" style="color: #2483ff;">16</span><span class="number-text">台</span></p>
+                     <p><span class="number" style="color:#2483ff">{{carCount3}}</span><span class="number-text">台</span></p>
                   </div>
                 </div>
               </el-col>
@@ -211,6 +211,9 @@
 
     data() {
       return {
+        carCount1:'',
+        carCount2:'',
+        carCount3:'',
         chartsData: [],
         nowDate: null, //存放年月日变量
         nowTime: null, //存放时分秒变量
@@ -354,6 +357,10 @@
       getChartsData().toPromise().then(res => {
         console.log(res)
         this.chartsData = res
+        this.carCount1 = res[6].biViewInfoList[0].count
+        this.carCount2 = res[6].biViewInfoList[1].count
+        this.carCount3 = res[6].biViewInfoList[2].count
+
         this.initCharts()
       })
       // if (this.vesselBankFlag !== 'V') {
@@ -429,7 +436,6 @@
           let text = ""
           let formatter = ""
           let graphicText = ''
-          debugger
           switch (i) {
             case 0:
               // 圆环图各环节的颜色
@@ -823,9 +829,7 @@
             data: [3000, 4000, 4200, 4500, 6000, 5600, 4500, 5020, 4500, 5400, 4300]
           }]
         };
-
         myChart7.setOption(zoption)
-
       },
       handleClose(done) {
         this.$confirm('确认关闭？')
@@ -1985,4 +1989,5 @@
     right: 10px;
     bottom: 10px;
   }
+
 </style>