地图

project/tianfuxing/AppActivitiesManagement/components/activitiesAdd.vue

@@ -14,13 +14,12 @@
               <ai-info-item label="活动名称" :value="info.title"></ai-info-item>
               <ai-info-item label="创建人" :value="info.createUserName"></ai-info-item>
               <ai-info-item label="活动说明" isLine :value="info.detail"></ai-info-item>
-              <ai-info-item label="活动地点" isLine :value="info.address"></ai-info-item>
-              <ai-info-item label="打卡范围" :value="info.detail">
-                {{ info.clockRange }}米
-              </ai-info-item>
+              <ai-info-item label="活动地点" :value="info.address"></ai-info-item>
+              <ai-info-item label="标绘地址" isLine><div id="mapDetail"></div></ai-info-item>
               <ai-info-item label="活动状态">
                 {{ dict.getLabel('tfx_activityStatus',info.status) }}
               </ai-info-item>
+              <ai-info-item label="打卡范围">{{ info.clockRange }}米</ai-info-item>
               <ai-info-item label="进场打卡时间">{{ info.intoBegintime }}至{{ info.intoEndtime}}</ai-info-item>
               <ai-info-item label="进场得积分">{{ info.intoIntegral }}分</ai-info-item>
               <ai-info-item label="离场打卡时间">{{ info.exitBegintime }}至{{ info.exitEndtime}}</ai-info-item>
@@ -160,6 +159,7 @@ export default {
       id: '',
       isEdit: false,
       info: {},
+      mapDetail: null,
       map: null,
       placeSearch: null,
       placeDetail: {
@@ -181,6 +181,9 @@ export default {
     if(this.params && this.params.id) {
       this.id = this.params.id
       this.getDetail()
+      setTimeout(() => {
+        this.getMap(this.info.lng,this.info.lat,this.info.address)
+      },500)
     }
   },
   watch: {
@@ -264,6 +267,19 @@ export default {
       })
     },
 
+    getMap(lng,lat,address) {
+      this.mapDetail = new AMap.Map(document.getElementById("mapDetail"), {
+        resizeEnable: true,
+        zooms: [6, 20],
+        zoom: 11,
+      })
+      var marker = new AMap.Marker({
+        position: new AMap.LngLat(lng,lat),
+        title: address
+      })
+      this.mapDetail.add(marker);
+    },
+
     update() {
       this.isEdit = true
       this.getDetail()
@@ -278,6 +294,8 @@ export default {
           this.form.intoTime = [res.data.intoBegintime,res.data.intoEndtime]
           this.form.exitTime = [res.data.exitBegintime,res.data.exitEndtime]
           this.info = res.data
+          this.placeDetail.lng = res.data.lng
+          this.placeDetail.lat = res.data.lat
         }
       })
     },