diff --git a/src/views/map/components/menjin.vue b/src/views/map/components/menjin.vue index 80ff49e..c4b4e17 100644 --- a/src/views/map/components/menjin.vue +++ b/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¤tPage=1', { + } ).then((data) => { - if (this.gangkou === '00004') { - - } else { - this.block2OptionsList = data.varList - } + this.initEcharts1(data.varList) }) },