业务概览联调

业务概览联调

src/api/article_liao.js

@@ -182,5 +182,37 @@ export default {
   dashCarOwnerCreditPage(params){
     return axios.get('/dash/car/owner/credit/page', params)
   },
+  //业务概览
+  dashBusinessOverviewStat1(params){
+    return axios.post('/dash/business/overview/stat1', params)
+  },
+  //设备情况
+  dashBusinessOverviewStat2(params){
+    return axios.post('/dash/business/overview/stat2', params)
+  },
+  //停车趋势
+  dashBusinessOverviewStat3(params){
+    return axios.post('/dash/business/overview/stat3', params)
+  },
+  //泊位周转趋势
+  dashBusinessOverviewStat4(params){
+    return axios.post('/dash/business/overview/stat4', params)
+  },
+  //泊位利用率趋势
+  dashBusinessOverviewStat5(params){
+    return axios.post('/dash/business/overview/stat5', params)
+  },
+  //实缴趋势
+  dashBusinessOverviewStat6(params){
+    return axios.post('/dash/business/overview/stat6', params)
+  },
+  //泊位实时占用率
+  dashBusinessOverviewStat7(params){
+    return axios.post('/dash/business/overview/stat7', params)
+  },
+  //动态信息监控
+  dashBusinessOverviewInfoPage(params){
+    return axios.get('/dash/business/overview/infoPage', {params})
+  },
 
 }

src/pages/index/components/business_overview.vue

@@ -28,8 +28,8 @@
           :tooltip="tooltipFormat"
           :dataset="modelData2"
           :encode="[
-            {x: 'month', y: 'hs', seriesName: '应收'},
-            {x: 'month', y: 'cs', seriesName: '实收'}]"
+            {x: 'month', y: 'hs', seriesName: '在线'},
+            {x: 'month', y: 'cs', seriesName: '离线'}]"
           :labelSize="15"
           id="fxdqhszzt"
         />
@@ -147,7 +147,7 @@
           </el-table-column>
         </el-table>
         <div class="table-pagination">
-          <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="handlePageChange"
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="handlePageChange2"
                          :current-page.sync="pageNum2" :page-size.sync="pageSize2">
           </el-pagination>
         </div>
@@ -162,6 +162,7 @@ import piechart from "@/components/pieChart";
 import barchart from "@/components/barChart";
 import linechart from "@/components/lineChart";
 import api from "@/api/article_z";
+import api_l from "@/api/article_liao";
 
 export default {
   components: {
@@ -182,25 +183,17 @@ export default {
         }
       ],
       columns2: [
-        {
-          label: '时间',
-          key: 'deviceName'
-        },
-        {
-          label: '事件',
-          key: 'deviceState'
-        },
         {
           label: '车牌号',
-          key: 'deviceState'
+          key: 'plateNo'
         },
         {
-          label: '停车场',
-          key: 'deviceState'
+          label: '车辆类型',
+          key: 'carTypeName'
         }
       ],
       modelPieColor: ["#2E8B57","#9078f8","#00FFFF","#DAA520","#20B2AA"],
-      modelData: [{"name":"A区","value":"300"},{"name":"B区","value":"600"},{"name":"C区","value":"100"}],
+      modelData: [],
       modelPieColor2: ["#2E8B57","#9078f8","#00FFFF","#DAA520","#20B2AA"],
       modelData2: [{
         "mouth": "市图书馆停车场",
@@ -249,6 +242,14 @@ export default {
     }
   },
   mounted() {
+    this.dashBusinessOverviewStat1()
+    this.dashBusinessOverviewStat2()
+    this.dashBusinessOverviewStat3()
+    this.dashBusinessOverviewStat4()
+    this.dashBusinessOverviewStat5()
+    this.dashBusinessOverviewStat6()
+    this.dashBusinessOverviewStat7()
+    this.getTableData2()
     const {pageNum, pageSize} = this
     let that = this
     let params4 = {current: pageNum, size: pageSize}
@@ -264,16 +265,66 @@ export default {
   watch: {
   },
   methods: {
+    dashAccessDataAnalysisStat1(){
+      api_l.dashAccessDataAnalysisStat1().then(res =>{
+        this.bardata = res.data
+      })
+    },
     handlePageChange() {
       this.getTableData()
     },
+    handlePageChange2() {
+      this.getTableData2()
+    },
     getTableData() {
       const {pageNum, pageSize} = this
-      api1.sbyxjcList({current: pageNum, size: pageSize}).then(res => {
+      api.sbyxjcList({current: pageNum, size: pageSize}).then(res => {
         this.tableData = res.data.records || []
         this.total = res.data.total
       })
     },
+    getTableData2() {
+      const {pageNum2, pageSize2} = this
+      api_l.dashBusinessOverviewInfoPage({current: pageNum2, size: pageSize2}).then(res => {
+        this.tableData2 = res.data.records || []
+        this.total2 = res.data.total
+      })
+    },
+    dashBusinessOverviewStat1(){
+      api_l.dashBusinessOverviewStat1().then(res => {
+        this.modelData=res.data;
+      })
+    },
+    dashBusinessOverviewStat2(){
+      api_l.dashBusinessOverviewStat2().then(res => {
+        this.modelData2=res.data;
+      })
+    },
+    dashBusinessOverviewStat3(){
+      api_l.dashBusinessOverviewStat3().then(res => {
+        this.linedata=res.data;
+      })
+    },
+    dashBusinessOverviewStat4(){
+      api_l.dashBusinessOverviewStat4().then(res => {
+        this.linedata2=res.data;
+      })
+    },
+    dashBusinessOverviewStat5(){
+      api_l.dashBusinessOverviewStat5().then(res => {
+        this.linedata3=res.data;
+      })
+    },
+    dashBusinessOverviewStat6(){
+      api_l.dashBusinessOverviewStat6().then(res => {
+        this.linedata4=res.data;
+      })
+    },
+    dashBusinessOverviewStat7(){
+      api_l.dashBusinessOverviewStat7().then(res => {
+        this.linedata5=res.data;
+      })
+    },
     lineTooltipFormat1(params) {
       const data = params[0].data;
       return `<div class="line-tooltip">
@@ -299,11 +350,6 @@ export default {
       }
       return nameArr.join('\n');
     },
-    dashAccessDataAnalysisStat1(){
-      api.dashAccessDataAnalysisStat1().then(res =>{
-        this.bardata = res.data
-      })
-    },
   }
 }
 </script>