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 | 17 | } | 
| 18 | 18 | }, | 
| 19 | 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 | 33 | methods:{ | 
| 23 | 34 | initMap(){ | 
| ... | ... | @@ -35,7 +46,7 @@ export default { | 
| 35 | 46 | // let data = this.data | 
| 36 | 47 | map = new BMap.Map('map', {enableMapClick: false}) | 
| 37 | 48 | var point = new BMap.Point(mapData[0].lonId, mapData[0].latId) | 
| 38 | - map.centerAndZoom(point, 15) | |
| 49 | + map.centerAndZoom(point, 22) | |
| 39 | 50 | var mapStyle={ style : "midnight" } | 
| 40 | 51 | map.enableScrollWheelZoom(false); | 
| 41 | 52 | map.setMapStyle(mapStyle); | 
| ... | ... | @@ -94,8 +105,8 @@ export default { | 
| 94 | 105 | <li></li> | 
| 95 | 106 | <li><div>${mapData[item].plBerthNum}</div><div>总数</div></li> | 
| 96 | 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 | 110 | </div>`, | 
| 100 | 111 | { | 
| 101 | 112 | offset: new BMap.Size(-225, -55), //label的偏移量,为了让label的中心显示在点上 | ... | ... | 
src/view/VHome.vue
| ... | ... | @@ -91,9 +91,9 @@ export default { | 
| 91 | 91 | ydpper:100 | 
| 92 | 92 | }, | 
| 93 | 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 | 160 | orgIds: this.GLOBAL.orignId | 
| 161 | 161 | }).then((response)=>{ | 
| 162 | 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 | 197 | }).catch((response)=>{ | 
| 165 | 198 | console.log(response); | 
| 166 | 199 | }) | ... | ... | 
