合并

合并

src/api/article_liao.js

@@ -44,6 +44,60 @@ export default {
   //路段泊位周转率
   dashBerthRoadStat2(params) {
     return axios.post('/dash/berth/road/stat2', params)
-  }
+  },
+  //路内 特殊车辆进场占比
+  dashBerthRoadStat3(params){
+    return axios.post('/dash/berth/road/stat3', params)
+  },
+  //路内 路段泊位营收分析
+  dashBerthRoadStat4(params){
+    return axios.post('/dash/berth/road/stat4', params)
+  },
+  //路内 车辆出场分析
+  dashBerthRoadStat5(params){
+    return axios.post('/dash/berth/road/stat5', params)
+  },
+  //路外 饱和度分析
+  dashBertRroadOutStat1(params){
+    return axios.post('/dash/berth/road/out/stat1', params)
+  },
+  //路外 路段泊位周转率
+  dashBertRroadOutStat2(params){
+    return axios.post('/dash/berth/road/out/stat2', params)
+  },
+  //路外 特殊车辆进场占比
+  dashBertRroadOutStat3(params){
+    return axios.post('/dash/berth/road/out/stat3', params)
+  },
+  //路外 泊位营收分析
+  dashBertRroadOutStat4(params){
+    return axios.post('/dash/berth/road/out/stat4', params)
+  },
+  //路外 车辆进出场趋势
+  dashBertRroadOutStat5(params){
+    return axios.post('/dash/berth/road/out/stat5', params)
+  },
+  //非法车辆类型占比
+  dashVehicleViolationsStat1(params){
+    return axios.post('/dash/vehicle/violations/stat1', params)
+  },
+  //车辆违规停放行为占比
+  dashVehicleViolationsStat2(params){
+    return axios.post('/dash/vehicle/violations/stat2', params)
+  },
+  //车辆异常行为分析
+  dashVehicleViolationsStat3(params){
+    return axios.post('/dash/vehicle/violations/stat3', params)
+  },
+  //接入数据分析（柱状图）
+  dashAccessDataAnalysisStat1(params){
+    return axios.post('/dash/access/data/analysis/stat1', params)
+  },
+  //接入数据分析（饼图）
+  dashAccessDataAnalysisStat2(params){
+    return axios.post('/dash/access/data/analysis/stat2', params)
+  },
+
+
 
 }

src/pages/index/components/access_data_analysis.vue

@@ -57,7 +57,7 @@
 <script>
 import piechart from "@/components/pieChart";
 import barchart from "@/components/barChart";
-
+import api from "@/api/article_liao";
 
 export default {
   components: {
@@ -90,20 +90,14 @@ export default {
       modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800", "#9C27B0"],
       modelPieColor1: ["#4382f6", "#9078f8", "#6aa1e1", "#FF9800", "#9C27B0"],
       modelData: {
-        list: [{name: '东南卡口', value: 320}, {name: '西北卡口', value:251}, {
-          name: '正北卡口',
-          value:185
-        }, {name: '正东卡口', value:120}, {name: '正南卡口', value:620}]
+        list: []
       },
-      bardata: [{month: '市图书馆停车场', hs: 300, cs: 50}, {
-        month: '中山公园停车场',
-        hs: 200,
-        cs: 100
-      }, {month: '天地广场停车场', hs: 500, cs: 30}
-        , {month: '市中心医院停车场', hs: 450, cs: 50}, {month: '建设路停车场', hs: 355, cs: 90}],
+      bardata: [],
     }
   },
   mounted() {
+    this.dashAccessDataAnalysisStat1()
+    this.dashAccessDataAnalysisStat2()
   },
   watch: {},
   methods: {
@@ -124,7 +118,17 @@ export default {
         nameArr.push(name.substring(i, i + 7))
       }
       return nameArr.join('\n');
-    }
+    },
+    dashAccessDataAnalysisStat1(){
+      api.dashAccessDataAnalysisStat1().then(res =>{
+        this.bardata = res.data
+      })
+    },
+    dashAccessDataAnalysisStat2(){
+      api.dashAccessDataAnalysisStat2().then(res =>{
+        this.modelData.list = res.data
+      })
+    },
   }
 }
 </script>

src/pages/index/components/berth_road.vue

@@ -120,21 +120,20 @@ export default {
     return {
       modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
       modelData: {
-        list: [{name: '建筑车', value: 30}, {name: '危险品车', value:4}, {name: '特种车', value:32}, {name: '残疾人车', value:34}]
+        list: []
       },
-      linedata: [{month: '星期一',lastYearAmount: 44, thisYearAmount: 440}, {month: '星期二', lastYearAmount:55, thisYearAmount:505}
-        , {month: '星期三', lastYearAmount:71, thisYearAmount:414}, {month: '星期四', lastYearAmount:67, thisYearAmount:301}, {month: '星期五', lastYearAmount:52, thisYearAmount:327}
-        , {month: '星期六', lastYearAmount:103, thisYearAmount:413}, {month: '星期天', lastYearAmount:89, thisYearAmount:671}],
+      linedata: [],
       linedata1: [],
-      linedata2: [{month: '星期一',lastYearAmount: 21, thisYearAmount: 31}, {month: '星期二', lastYearAmount:38, thisYearAmount:32}
-        , {month: '星期三', lastYearAmount:27, thisYearAmount:43}, {month: '星期四', lastYearAmount:43, thisYearAmount:45}, {month: '星期五', lastYearAmount:42, thisYearAmount:44}
-        , {month: '星期六', lastYearAmount:78, thisYearAmount:52}, {month: '星期天', lastYearAmount:90, thisYearAmount:67}],
+      linedata2: [],
       bardata: [],
     }
   },
   mounted() {
     this.dashBerthRoadStat1()
     this.dashBerthRoadStat2()
+    this.dashBerthRoadStat3()
+    this.dashBerthRoadStat4()
+    this.dashBerthRoadStat5()
   },
   watch: {
 
@@ -197,6 +196,21 @@ export default {
         this.linedata1 = res.data
       })
     },
+    dashBerthRoadStat3(){
+      api.dashBerthRoadStat3().then(res =>{
+        this.modelData.list = res.data
+      })
+    },
+    dashBerthRoadStat4(){
+      api.dashBerthRoadStat4().then(res =>{
+        this.linedata = res.data
+      })
+    },
+    dashBerthRoadStat5(){
+      api.dashBerthRoadStat5().then(res =>{
+        this.linedata2 = res.data
+      })
+    },
   }
 }
 </script>

src/pages/index/components/berth_road_out.vue

@@ -106,7 +106,7 @@ import piechart from "@/components/pieChart";
 import linechart from "@/components/lineChart";
 import barchart from "@/components/barChart";
 import vtable from "@/components/vtableNew";
-
+import api from "@/api/article_liao";
 
 export default {
   components: {
@@ -119,24 +119,21 @@ export default {
     return {
       modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
       modelData: {
-        list: [{name: '建筑车', value: 23}, {name: '危险品车', value:5}, {name: '特种车', value:27}, {name: '残疾人车', value:45}]
+        list: []
       },
-      linedata: [{month: '星期一',lastYearAmount: 2300, thisYearAmount: 4740}, {month: '星期二', lastYearAmount:3050, thisYearAmount:5600}
-        , {month: '星期三', lastYearAmount:2710, thisYearAmount:3781}, {month: '星期四', lastYearAmount:2670, thisYearAmount:4737}, {month: '星期五', lastYearAmount:3200, thisYearAmount:5252}
-        , {month: '星期六', lastYearAmount:4030, thisYearAmount:6160}, {month: '星期天', lastYearAmount:4890, thisYearAmount:6979}],
-      linedata1: [{month: '星期一', lastAmount: 38}, {month: '星期二', lastAmount:41}
-        , {month: '星期三', lastAmount:33}, {month: '星期四', lastAmount:23}, {month: '星期五', lastAmount:35}
-        , {month: '星期六', lastAmount:45}, {month: '星期天', lastAmount:59}],
-      linedata2: [{month: '星期一',lastYearAmount: 21, thisYearAmount: 51}, {month: '星期二', lastYearAmount:38, thisYearAmount:42}
-        , {month: '星期三', lastYearAmount:27, thisYearAmount:25}, {month: '星期四', lastYearAmount:23, thisYearAmount:20}, {month: '星期五', lastYearAmount:52, thisYearAmount:34}
-        , {month: '星期六', lastYearAmount:58, thisYearAmount:32}, {month: '星期天', lastYearAmount:67, thisYearAmount:37}],
-      bardata: [{month: '星期一', hs: 1200, cs: 600},{month: '星期二', hs:1100, cs:700}
-        ,{month: '星期三', hs:1070, cs:730},{month: '星期四', hs:1130, cs:670},{month: '星期五', hs:1070, cs:730}
-        ,{month: '星期六', hs:1610, cs:190},{month: '星期天', hs:1690, cs:110},],
+      linedata: [],
+      linedata1: [],
+      linedata2: [],
+      bardata: [],
 
     }
   },
   mounted() {
+    this.dashBertRroadOutStat1()
+    this.dashBertRroadOutStat2()
+    this.dashBertRroadOutStat3()
+    this.dashBertRroadOutStat4()
+    this.dashBertRroadOutStat5()
   },
   watch: {
 
@@ -190,6 +187,31 @@ export default {
         params[0].data.cs || "--"}个</div>
 </div>`;
     },
+    dashBertRroadOutStat1(){
+      api.dashBertRroadOutStat1().then(res =>{
+        this.bardata = res.data
+      })
+    },
+    dashBertRroadOutStat2(){
+      api.dashBertRroadOutStat2().then(res =>{
+        this.linedata1 = res.data
+      })
+    },
+    dashBertRroadOutStat3(){
+      api.dashBertRroadOutStat3().then(res =>{
+        this.modelData.list = res.data
+      })
+    },
+    dashBertRroadOutStat4(){
+      api.dashBertRroadOutStat4().then(res =>{
+        this.linedata = res.data
+      })
+    },
+    dashBertRroadOutStat5(){
+      api.dashBertRroadOutStat5().then(res =>{
+        this.linedata2 = res.data
+      })
+    },
   }
 }
 </script>

src/pages/index/components/vehicle_violations.vue

@@ -60,6 +60,7 @@ import piechart from "@/components/pieChart";
 import linechart from "@/components/lineChart";
 import barchart from "@/components/barChart";
 import vtable from "@/components/vtableNew";
+import api from "@/api/article_liao";
 
 
 export default {
@@ -73,17 +74,19 @@ export default {
     return {
       modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
       modelData: {
-        list: [{name: '微型车', value: 17}, {name: '小型车', value:45}, {name: '中型车', value:30}, {name: '大型车', value:8}]
+        list: []
       },
       modelPieColor1: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
       modelData1: {
-        list: [{name: '消防通道', value: 17}, {name: '残疾人车位', value:30}, {name: '其他行为', value:45}, {name: '占用急救车通道', value:8}]
+        list: []
       },
-      bardata: [{month: '刮蹭', hs: 24, cs: 10},{month: '不规律行驶', hs:30, cs:15}
-        ,{month: '疲劳驾驶', hs:25, cs:8},{month: '超车', hs:35, cs:20},{month: '套牌', hs:15, cs:11},],
+      bardata: [],
     }
   },
   mounted() {
+    this.dashVehicleViolationsStat1()
+    this.dashVehicleViolationsStat2()
+    this.dashVehicleViolationsStat3()
   },
   watch: {
 
@@ -107,6 +110,21 @@ export default {
         params[0].data.cs || "--"}个</div>
 </div>`;
     },
+    dashVehicleViolationsStat1(){
+      api.dashVehicleViolationsStat1().then(res =>{
+        this.modelData.list = res.data
+      })
+    },
+    dashVehicleViolationsStat2(){
+      api.dashVehicleViolationsStat2().then(res =>{
+        this.modelData1.list = res.data
+      })
+    },
+    dashVehicleViolationsStat3(){
+      api.dashVehicleViolationsStat3().then(res =>{
+        this.bardata = res.data
+      })
+    },
   }
 }
 </script>