门口门禁-完善地图进入进出统计小窗口

src/views/map/components/menjin.vue

@@ -137,7 +137,7 @@ export default {
   created() {
     this.getDoorWayRecords(0)
     this.getOnlineGateMachine()
-    this.getMachineTodayInOutCount()
+    this.getMkmjGateStatistics()
     // this.getDoorManagement()
   },
 
@@ -152,9 +152,16 @@ export default {
   },
   methods: {
     initEcharts1(data) {
-      const XaxisData = ['1号门', '2号门', '3号门', '4号门']
-      const seriesData1 = [10, 20, 30, 40]
-      const seriesData2 = [10, 20, 30, 40]
+      const XaxisData = []
+      const seriesData1 = []
+      const seriesData2 = []
+
+      data.forEach(e => {
+        XaxisData.push(e.AREA_NAME)
+        seriesData1.push(e.CAR_IN + 0 + e.PEOPLE_IN)
+        seriesData2.push(e.CAR_OUT + 0 + e.PEOPLE_OUT)
+      });
+
       Echarts1 = echarts.init(document.querySelector('#main1'))
       const option = {
         tooltip: {
@@ -196,7 +203,7 @@ export default {
         },
         yAxis: {
           type: 'value',
-          max: '150',
+          // max: '150',
           axisLine: {
             show: false,
             lineStyle: {
@@ -217,9 +224,9 @@ export default {
         },
         series: [
           {
-            name: '人员',
+            name: '进',
             type: 'bar',
-            barWidth: '10%',
+            barWidth: '30%',
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(
@@ -244,9 +251,9 @@ export default {
             data: seriesData1
           },
           {
-            name: '车辆',
+            name: '出',
             type: 'bar',
-            barWidth: '10%',
+            barWidth: '30%',
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(
@@ -279,20 +286,13 @@ export default {
       this.currentPage += 1
       this.loadRecord(this.block3OptionsIndex)
     },
-    getMachineTodayInOutCount() {
+    getMkmjGateStatistics() {
       requestFN(
-        '/map/getMachineTodayInOutCount', {
-          AREA: this.area,
-          CORPINFO_ID: this.corpInfoId,
-          GANGKOU: this.gangkou,
-          id: '7'
+        '/mkmjGateStatistics/page?showCount=100&currentPage=1', {
+
         }
       ).then((data) => {
-        if (this.gangkou === '00004') {
-
-        } else {
-          this.block2OptionsList = data.varList
-        }
+        this.initEcharts1(data.varList)
       })
     },