Commit 11d6887d authored by lixy's avatar lixy

分公司分布

parent ad506975
...@@ -2,11 +2,6 @@ ...@@ -2,11 +2,6 @@
<baidu-map id="map" class="map" style="height: 350px;" :center="center" :zoom="zoom" @ready="handler" @click="mapClick(this, $event)"> <baidu-map id="map" class="map" style="height: 350px;" :center="center" :zoom="zoom" @ready="handler" @click="mapClick(this, $event)">
<!-- 缩放 --> <!-- 缩放 -->
<bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation> <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
<bm-info-window :position="{lng: infoWindowPoint.lng, lat: infoWindowPoint.lat}" :title="infoWindow.contents.name" :show="infoWindow.show" @close="infoWindowClose" @open="infoWindowOpen">
<p class="info-p">总经理:{{infoWindow.contents.leader}}</p>
<p class="info-p">地址:{{infoWindow.contents.address+ infoWindow.contents.addrDetail}}</p>
<p class="info-p">电话:{{infoWindow.contents.leaderContactInfo}}</p>
</bm-info-window>
</baidu-map> </baidu-map>
</template> </template>
<script src="http://api.map.baidu.com/api?v=2.0&ak=iSEprDCqtYn5aC06Y3cDyGCEOP1hydwR"></script> <script src="http://api.map.baidu.com/api?v=2.0&ak=iSEprDCqtYn5aC06Y3cDyGCEOP1hydwR"></script>
...@@ -24,7 +19,7 @@ ...@@ -24,7 +19,7 @@
allPage, allPage,
} from 'api/base_info/branch_company'; } from 'api/base_info/branch_company';
export default { export default {
props: ["toSonData","provinceName", "showMapInfo"], props: ["toSonData","provinceName"],
data() { data() {
return { return {
center: { center: {
...@@ -34,10 +29,6 @@ ...@@ -34,10 +29,6 @@
zoom: 4, // 地图展示级别 zoom: 4, // 地图展示级别
pointList: [], pointList: [],
map: null, map: null,
infoWindowPoint: {
lng: 108.9462765501,
lat: 34.3474989219
},
pickPoint: null, pickPoint: null,
listQuery: { listQuery: {
page: 1, page: 1,
...@@ -46,10 +37,6 @@ ...@@ -46,10 +37,6 @@
addrCity: undefined, addrCity: undefined,
addrTown: undefined addrTown: undefined
}, },
infoWindow: {
show: false,
contents: ''
}
} }
}, },
mounted() { mounted() {
...@@ -78,31 +65,8 @@ ...@@ -78,31 +65,8 @@
// that.addMarker(this,map); // that.addMarker(this,map);
// }); // });
}, },
showMapInfo(newValue, oldValue) {//分公司数据
let points = this.showMapInfo;
this.infoWindowPoint = {
lat: points.latitude,
lng: points.longitude
};
this.infoWindow = {
show: true,
contents: points
}
let point = new BMap.Point(points.longitude, points.latitude)
this.map.panTo(points.latitude,points.longitude);
this.map.centerAndZoom(point,6);
}
}, },
methods: { methods: {
infoWindowClose (e) {
this.infoWindow.show = false
},
infoWindowOpen (e) {
this.infoWindow.show = true
},
clear () {
this.infoWindow.show = false
},
handler({map}) { handler({map}) {
this.map = map; this.map = map;
if(this.toSonData =="campsite"){ if(this.toSonData =="campsite"){
...@@ -244,9 +208,4 @@ ...@@ -244,9 +208,4 @@
width: 100%; width: 100%;
height: 500px; height: 500px;
} }
.info-p{
padding: 0;
margin: 0;
font-size: 13px;
}
</style> </style>
...@@ -21,13 +21,12 @@ ...@@ -21,13 +21,12 @@
</div> </div>
</div> </div>
<!--分公司分布图--> <!--分公司分布图-->
<company-map v-on:headCallBack="headCall" v-if="toList" :toSonData="type" :provinceName="provinceName" :showMapInfo="showMapInfos"></company-map> <company-map v-on:headCallBack="headCall" v-if="toList" :toSonData="type" :provinceName="provinceName"></company-map>
<!--分公司数据--> <!--分公司数据-->
<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="0"> <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="0">
<div class="shoppings company-list" <div class="shoppings company-list"
v-for="item in list" v-for="item in list"
:key="item.key" :key="item.key"
@click="showMapInfo(item)"
> >
<div class="item-right-p company-item"> <div class="item-right-p company-item">
<div class="ellipsis company-name">{{item.name}}</div> <div class="ellipsis company-name">{{item.name}}</div>
...@@ -219,7 +218,6 @@ ...@@ -219,7 +218,6 @@
} }
] ]
}, },
showMapInfos:{},
list: [], list: [],
total: null, total: null,
listLoading: true, listLoading: true,
...@@ -285,9 +283,6 @@ ...@@ -285,9 +283,6 @@
} }
}, },
methods: { methods: {
showMapInfo(item){
this.showMapInfos = item;
},
getCompanyList(e){ getCompanyList(e){
let that = this; let that = this;
this.provinceRegions.map(function(item){ this.provinceRegions.map(function(item){
...@@ -363,11 +358,7 @@ ...@@ -363,11 +358,7 @@
allRegions.add(listTemp[index].addrCity); allRegions.add(listTemp[index].addrCity);
allRegions.add(listTemp[index].addrTown); allRegions.add(listTemp[index].addrTown);
let regions = getRegionByCodes([listTemp[index].addrProvince, listTemp[index].addrCity, listTemp[index].addrTown]); let regions = getRegionByCodes([listTemp[index].addrProvince, listTemp[index].addrCity, listTemp[index].addrTown]);
listTemp[index].address = ""; listTemp[index].address = regions[0].name + ' ' + regions[1].name + ' ' + regions[2].name + ' ';
for(let i = 0; i < regions.length; i++){
listTemp[index].address += regions[i].name + " ";
}
// listTemp[index].address = regions[0].name + ' ' + regions[1].name + ' ' + regions[2].name + ' ';
} }
getRegionByCodes([...allRegions]); getRegionByCodes([...allRegions]);
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment