Commit 83ffa3547ddc816a3a03a5ab9d4c6561c42ff3e4
1 parent
1df1d97d
地图 数据
Showing
3 changed files
with
53 additions
and
10 deletions
src/components/VEquipment.vue
src/components/VMap.vue
| @@ -17,7 +17,18 @@ export default { | @@ -17,7 +17,18 @@ export default { | ||
| 17 | } | 17 | } |
| 18 | }, | 18 | }, |
| 19 | mounted(){ | 19 | mounted(){ |
| 20 | - this.drawMap() | 20 | + |
| 21 | + | ||
| 22 | + }, | ||
| 23 | + watch:{ | ||
| 24 | + // mapdata:function (newVal) { | ||
| 25 | + // console.log(newVal) | ||
| 26 | + // } | ||
| 27 | + mapdata: function () { | ||
| 28 | + this.$nextTick(()=>{ | ||
| 29 | + this.drawMap() | ||
| 30 | + }) | ||
| 31 | + } | ||
| 21 | }, | 32 | }, |
| 22 | methods:{ | 33 | methods:{ |
| 23 | initMap(){ | 34 | initMap(){ |
| @@ -35,7 +46,7 @@ export default { | @@ -35,7 +46,7 @@ export default { | ||
| 35 | // let data = this.data | 46 | // let data = this.data |
| 36 | map = new BMap.Map('map', {enableMapClick: false}) | 47 | map = new BMap.Map('map', {enableMapClick: false}) |
| 37 | var point = new BMap.Point(mapData[0].lonId, mapData[0].latId) | 48 | var point = new BMap.Point(mapData[0].lonId, mapData[0].latId) |
| 38 | - map.centerAndZoom(point, 15) | 49 | + map.centerAndZoom(point, 22) |
| 39 | var mapStyle={ style : "midnight" } | 50 | var mapStyle={ style : "midnight" } |
| 40 | map.enableScrollWheelZoom(false); | 51 | map.enableScrollWheelZoom(false); |
| 41 | map.setMapStyle(mapStyle); | 52 | map.setMapStyle(mapStyle); |
| @@ -94,8 +105,8 @@ export default { | @@ -94,8 +105,8 @@ export default { | ||
| 94 | <li></li> | 105 | <li></li> |
| 95 | <li><div>${mapData[item].plBerthNum}</div><div>总数</div></li> | 106 | <li><div>${mapData[item].plBerthNum}</div><div>总数</div></li> |
| 96 | </ul> | 107 | </ul> |
| 97 | - <div class="dislog-footer">停车场收入:1293847.00元</div> | ||
| 98 | - <div class="dislog-footer">停车场收入:1293847.00元</div> | 108 | + <div class="dislog-footer">停车场收入:${mapData[item].income}元</div> |
| 109 | + <div class="dislog-footer">停车场欠费:${mapData[item].arreageincome}元</div> | ||
| 99 | </div>`, | 110 | </div>`, |
| 100 | { | 111 | { |
| 101 | offset: new BMap.Size(-225, -55), //label的偏移量，为了让label的中心显示在点上 | 112 | offset: new BMap.Size(-225, -55), //label的偏移量，为了让label的中心显示在点上 |
src/view/VHome.vue
| @@ -91,9 +91,9 @@ export default { | @@ -91,9 +91,9 @@ export default { | ||
| 91 | ydpper:100 | 91 | ydpper:100 |
| 92 | }, | 92 | }, |
| 93 | ditudata:[ | 93 | ditudata:[ |
| 94 | - {Name:'万达停车场1',lonId:'111.742579',latId:'40.818675',status:0,freeBrethNum:0,plBerthNum:1000,plName:'万达广场停车场1',plAddress:'北京万达广场1'}, | ||
| 95 | - {Name:'万达停车场2',lonId:'111.622579',latId:'40.878675',status:1,freeBrethNum:100,plBerthNum:800,plName:'万达广场停车场2',plAddress:'北京万达广场2'}, | ||
| 96 | - {Name:'万达停车场333333',lonId:'111.782579',latId:'40.778675',status:2,freeBrethNum:300,plBerthNum:500,plName:'万达广场停车场3',plAddress:'北京万达广场3'} | 94 | + {Name:'万达停车场1',lonId:'111.742579',latId:'40.818675',status:0,freeBrethNum:0,plBerthNum:1000,plName:'万达广场停车场1',plAddress:'北京万达广场1',income:123,arreageincome:100}, |
| 95 | + {Name:'万达停车场2',lonId:'111.622579',latId:'40.878675',status:1,freeBrethNum:100,plBerthNum:800,plName:'万达广场停车场2',plAddress:'北京万达广场2',income:123,arreageincome:100}, | ||
| 96 | + {Name:'万达停车场333333',lonId:'111.782579',latId:'40.778675',status:2,freeBrethNum:300,plBerthNum:500,plName:'万达广场停车场3',plAddress:'北京万达广场3',income:123,arreageincome:100} | ||
| 97 | ] | 97 | ] |
| 98 | 98 | ||
| 99 | } | 99 | } |
| @@ -160,7 +160,40 @@ export default { | @@ -160,7 +160,40 @@ export default { | ||
| 160 | orgIds: this.GLOBAL.orignId | 160 | orgIds: this.GLOBAL.orignId |
| 161 | }).then((response)=>{ | 161 | }).then((response)=>{ |
| 162 | let data = response.data.data | 162 | let data = response.data.data |
| 163 | - console.log(response) | 163 | + console.log(data) |
| 164 | + var tempData = []; | ||
| 165 | + for(var index in data){ | ||
| 166 | + | ||
| 167 | + var item = data[index]; | ||
| 168 | + var tempItem = | ||
| 169 | + | ||
| 170 | + | ||
| 171 | + { | ||
| 172 | + Name: item.parkInfo.plName, | ||
| 173 | + lonId: item.parkInfo.lonId, | ||
| 174 | + latId:item.parkInfo.latId, | ||
| 175 | + status: 0, | ||
| 176 | + freeBrethNum: item.realTimeInfoDTO.berthFreeNum, | ||
| 177 | + plBerthNum: item.realTimeInfoDTO.berthNum, | ||
| 178 | + plName: item.parkInfo.plName, | ||
| 179 | + plAddress: item.parkInfo.plAddress, | ||
| 180 | + income:(item.realTimeInfoDTO.allIncome/100).toFixed(2), | ||
| 181 | + arreageincome:(item.realTimeInfoDTO.escapeFee).toFixed(2) | ||
| 182 | + } | ||
| 183 | + | ||
| 184 | + tempData.push(tempItem); | ||
| 185 | + | ||
| 186 | + } | ||
| 187 | + | ||
| 188 | + this.ditudata = tempData; | ||
| 189 | + console.log(this.ditudata) | ||
| 190 | + // ditudata:[ | ||
| 191 | + // {Name:'万达停车场1',lonId:'111.742579',latId:'40.818675',status:0,freeBrethNum:0,plBerthNum:1000,plName:'万达广场停车场1',plAddress:'北京万达广场1'}, | ||
| 192 | + // {Name:'万达停车场2',lonId:'111.622579',latId:'40.878675',status:1,freeBrethNum:100,plBerthNum:800,plName:'万达广场停车场2',plAddress:'北京万达广场2'}, | ||
| 193 | + // {Name:'万达停车场333333',lonId:'111.782579',latId:'40.778675',status:2,freeBrethNum:300,plBerthNum:500,plName:'万达广场停车场3',plAddress:'北京万达广场3'} | ||
| 194 | + // ] | ||
| 195 | + | ||
| 196 | + //console.log(this.ditudata) | ||
| 164 | }).catch((response)=>{ | 197 | }).catch((response)=>{ |
| 165 | console.log(response); | 198 | console.log(response); |
| 166 | }) | 199 | }) |