添加用户管理后台

src/views/baseInfo/campsite/campsite.vue

@@ -353,7 +353,11 @@
                 allRegions.add(listTemp[index].addrCity);
                 allRegions.add(listTemp[index].addrTown);
                 let regions = getRegionByCodes([listTemp[index].addrProvince, listTemp[index].addrCity, listTemp[index].addrTown]);
-                listTemp[index].address = regions[0].name + ' ' + regions[1].name + ' ' + regions[2].name + ' ';
+                listTemp[index].address = "";
+                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]);
             }

src/views/baseInfo/companyInfo/companyMap.vue

@@ -2,6 +2,11 @@
   <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-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>
 </template>
 <script src="http://api.map.baidu.com/api?v=2.0&ak=iSEprDCqtYn5aC06Y3cDyGCEOP1hydwR"></script>
@@ -19,7 +24,7 @@
     allPage,
   } from 'api/base_info/branch_company';
   export default {
-    props: ["toSonData","provinceName"],
+    props: ["toSonData","provinceName", "showMapInfo"],
     data() {
       return {
         center: {
@@ -29,6 +34,10 @@
         zoom: 4, // 地图展示级别
         pointList: [],
         map: null,
+        infoWindowPoint: {
+          lng: 108.9462765501,
+          lat: 34.3474989219
+        },
         pickPoint: null,
         listQuery: {
           page: 1,
@@ -37,6 +46,10 @@
           addrCity: undefined,
           addrTown: undefined
         },
+        infoWindow: {
+          show: false,
+          contents: ''
+        }
       }
     },
     mounted() {
@@ -65,8 +78,31 @@
 //          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: {
+      infoWindowClose (e) {
+        this.infoWindow.show = false
+      },
+      infoWindowOpen (e) {
+        this.infoWindow.show = true
+      },
+      clear () {
+        this.infoWindow.show = false
+      },
       handler({map}) {
         this.map = map;
         if(this.toSonData =="campsite"){
@@ -208,4 +244,9 @@
     width: 100%;
     height: 500px;
   }
+  .info-p{
+    padding: 0;
+    margin: 0;
+    font-size: 13px;
+  }
 </style>

src/views/baseInfo/companyInfo/index.vue

@@ -21,12 +21,13 @@
         </div>
       </div>
       <!--分公司分布图-->
-      <company-map v-on:headCallBack="headCall"  v-if="toList" :toSonData="type" :provinceName="provinceName"></company-map>
+      <company-map v-on:headCallBack="headCall"  v-if="toList" :toSonData="type" :provinceName="provinceName" :showMapInfo="showMapInfos"></company-map>
       <!--分公司数据-->
       <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="0">
         <div class="shoppings company-list"
              v-for="item in list"
              :key="item.key"
+             @click="showMapInfo(item)"
         >
           <div class="item-right-p company-item">
             <div class="ellipsis company-name">{{item.name}}</div>
@@ -218,6 +219,7 @@
             }
           ]
         },
+        showMapInfos:{},
         list: [],
         total: null,
         listLoading: true,
@@ -283,6 +285,9 @@
       }
     },
     methods: {
+      showMapInfo(item){
+        this.showMapInfos = item;
+      },
       getCompanyList(e){
         let that = this;
         this.provinceRegions.map(function(item){
@@ -358,7 +363,11 @@
                 allRegions.add(listTemp[index].addrCity);
                 allRegions.add(listTemp[index].addrTown);
                 let regions = getRegionByCodes([listTemp[index].addrProvince, listTemp[index].addrCity, listTemp[index].addrTown]);
-                listTemp[index].address = regions[0].name + ' ' + regions[1].name + ' ' + regions[2].name + ' ';
+                listTemp[index].address = "";
+                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]);
             }