错误修复

xzl-ui/src/views/monitor/map/customerPositionBmap.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="app-container" style="padding-left: 20px;width: 100%;height: 60px;">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
-        <el-form-item label="地址" prop="address">
+        <el-form-item label="地址:" prop="address">
           <el-autocomplete
             class="inline-input"
             v-model="address"
@@ -12,7 +12,7 @@
             @select="handleSelect"
           ></el-autocomplete>
         </el-form-item>
-        <el-form-item label="距离" prop="distance">
+        <el-form-item label="距离:" prop="distance">
           <el-select v-model="queryParams.distance" clearable>
             <el-option
               v-for="item in distanceOptions"
@@ -29,10 +29,8 @@
   </div>
 </template>
 <script>
-import $ from 'jquery'
 import request from '@/utils/request'
 
-
 export default {
   data() {
     return {
@@ -71,11 +69,11 @@ export default {
     addTargetMarkerPoint(pointInfo, distance) {
       console.log('pointInfo', pointInfo)
       let pt = new BMap.Point(pointInfo.longitude, pointInfo.latitude);
-      let icon = new BMap.Icon(new BMap.Size(16, 16));
+      let icon=new BMap.Icon(require("@/assets/images/area_icon16x16.png") ,new BMap.Size(16, 16));
       let options = {
-        icon: icon
+        icon:icon
       }
-      var marker = new BMap.Marker(pt, options)
+      var marker = new BMap.Marker(pt,options)
       var circle = new BMap.Circle(pt, distance, {
         strokeColor: 'blue',
         strokeWeight: 2,
@@ -83,7 +81,7 @@ export default {
       });
       var content =
         '<ul class="map-customer-info">'
-        + '<li ><span>名称：</span>' + pointInfo.name + '</li>'
+        + '<li ><span>名称：</span>' + pointInfo.value + '</li>'
         + '<li ><span>地址：</span>' + pointInfo.address + '</li>'
         + '</ul>';
       marker.addEventListener("mouseover", () => {
@@ -107,7 +105,7 @@ export default {
       this.map.addOverlay(marker)
     },
     showInfo(thisMarker, point) {
-      if (!point.client_code) {
+      if (!point.clientCode) {
         console.log('未取到值 ...')
         return;
       }
@@ -115,13 +113,13 @@ export default {
       //获取点的信息
       var content =
         '<ul class="map-customer-info">'
-        + '<li ><span>许可证号：</span>' + point.client_code + '</li>'
-        + '<li ><span>名称：</span>' + point.short_name + '</li>'
-        + '<li ><span>店名：</span>' + point.client_name + '</li>'
+        + '<li ><span>许可证号：</span>' + point.clientCode + '</li>'
+        + '<li ><span>名称：</span>' + point.shortName + '</li>'
+        + '<li ><span>店名：</span>' + point.clientName + '</li>'
         + '<li ><span>电话：</span>' + point.telphonea + '</li>'
         + '<li ><span>地址：</span>' + point.address + '</li>'
         + '<li ><span>客户经理：</span>' + point.cnname + '</li>'
-        + '<li ><span>距离：</span>' + showDist(point.distance) + '</li>'
+        + '<li ><span>距离：</span>' + this.showDist(parseFloat(point.distance)) + '</li>'
         + '</ul>';
       thisMarker.addEventListener("mouseover", () => {
         var infoWindow = new BMap.InfoWindow(content);
@@ -173,19 +171,20 @@ export default {
     },
     handleSelect(item){
       if (item) {
+        const t=this;
         this.map.clearOverlays();
-        this.addTargetMarkerPoint(item,this.queryParams.distance*1000);
+        this.addTargetMarkerPoint(item,this.queryParams.distance);
         // 查询周围选定距离distance 以内的零售户
         request({
           url: "/api/map/customer/search",
           method: 'post',
-          data: {latitude: item.latitude, longitude: item.longitude, count: 10, distance: this.queryParams.distance}
+          data: {latitude: item.latitude, longitude: item.longitude, count: 10, distance: this.queryParams.distance/1000}
         }).then(function (rs) {
           console.log(1111,rs)
           if (rs && rs.length) {
-            this.addMarker(rs);
+            t.addMarker(rs);
           } else {
-            this.$modal.msgError("未找到附近零售户");
+            t.$modal.msgError("未找到附近零售户");
           }
         })
       }