合同段选地图

public/index.html

@@ -110,6 +110,8 @@
 <script src="<%= BASE_URL %>cdn/element-ui/2.15.6/index.js" charset="utf-8"></script>
 <script src="<%= BASE_URL %>cdn/avue/2.9.5/avue.min.js" charset="utf-8"></script>
 <script src="<%= BASE_URL %>cdn/nutflow/wf-design-base/index.umd.min.js" charset="utf-8"></script>
+<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=7ab53b28352e55dc5754699add0ad862&plugin=AMap.PlaceSearch'></script>
+<script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
 </body>
 
 </html>

src/views/manager/contractinfo/detail.vue

@@ -163,9 +163,10 @@
                 <div>附加信息</div>
                 <el-form label-width="90px">
                   <el-form-item label="项目地址" prop="projectPlace">
-                    <el-input v-model="contractForm.projectPlace" placeholder="点击后面地图选取地址">
-                      <el-button slot="append" icon="el-icon-map-location"></el-button>
-                    </el-input>
+                    <!-- <el-input v-model="contractForm.projectPlace" placeholder="点击后面地图选取地址">
+                      <el-button slot="append" icon="el-icon-map-location" @click="mapDialogVisible = true"></el-button>
+                    </el-input> -->
+                    <avue-input-map  :params="params" placeholder="请选择地图" v-model="flageData" ></avue-input-map>
                   </el-form-item>
                   <el-form-item label="起始桩号" prop="startStation">
                     <el-input v-model="contractForm.startStation"></el-input>
@@ -198,6 +199,7 @@
         </div>
       </div>
     </div>
+
   </basic-container>
 </template>
 
@@ -230,6 +232,14 @@
             { required: true, message: '请输入合同段名称', trigger: 'blur' },
           ],
         },
+
+        mapDialogVisible:false,
+        params:{
+          zoom: 10,
+          // zoomEnable: false,
+          // dragEnable: false,
+        },
+        flageData:[],
       }
     },
     computed: {
@@ -268,6 +278,9 @@
           if(this.contractForm.startFileUrl){
             this.isBackShow = true;
           }
+          if(this.contractForm.projectPlace){
+            this.flageData = ['','',this.contractForm.projectPlace]
+          }
         })
       },
 
@@ -290,6 +303,9 @@
         return new Promise((resolve, reject) => {
           this.$refs['contractForm'].validate((valid) => {
           if (valid) {
+            if(this.flageData.length ==3){
+              this.contractForm.projectPlace = this.flageData[2];
+            }
             resolve(submitContractInfo(this.contractForm))
           }else{
             reject('验证失败')
@@ -350,5 +366,8 @@
 </script>
 
 <style scoped lang="scss">
-  
+  .bm-view {
+    width: 100%;
+    height: 300px;
+  }
 </style>