地图展示

src/views/keyprojects/outsourced/components/info.vue

@@ -178,12 +178,26 @@
     <div class="ui-foot">
       <el-button icon="el-icon-arrow-left" @click="goBack">返 回</el-button>
     </div>
+
+    <el-dialog :visible.sync="dialogFormMap" title="定位" width="1050px" class="dy-dialog">
+      <div id="map" />
+      <div slot="footer" class="dialog-footer">
+        <span>经度：</span>
+        <el-input v-model="form.LONGITUDE" style="width: 200px" placeholder="请输入内容" disabled />
+        <span>纬度：</span>
+        <el-input v-model="form.LATITUDE" style="width: 200px" placeholder="请输入内容" disabled />
+        <el-button @click="dialogFormMap = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { requestFN } from '@/utils/request'
+import TiandiMap from '../../../../components/TianMap/TiandiMap'
+
 export default {
+  components: { TiandiMap },
   data() {
     return {
       pd: {
@@ -241,6 +255,14 @@ export default {
         value: 'id',
         children: 'nodes',
         label: 'name'
+      },
+      // 地图所需参数
+      map: null,
+      marker: null,
+      dialogFormMap: false,
+      form: {
+        LONGITUDE: '',
+        LATITUDE: ''
       }
     }
   },