From 81773ab04fd259e893c2d7f08dbdc9be772d01c4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 21 Dec 2021 17:18:45 +0800
Subject: [PATCH] +,请求数据，弹框显示，优化代码长度
---
src/components/mobileCortrolButtom/index.vue | 74 ++++++++++++++++++++++++++----------
1 files changed, 53 insertions(+), 21 deletions(-)
diff --git a/src/components/mobileCortrolButtom/index.vue b/src/components/mobileCortrolButtom/index.vue
index 27b63b7..417eede 100644
--- a/src/components/mobileCortrolButtom/index.vue
+++ b/src/components/mobileCortrolButtom/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="m-left-mobileCortrolButtom">
- <div class="m-l-inbut"><i class="el-icon-s-help"></i></div>
+ <div class="m-l-inbut" @click="mubiao"><i class="el-icon-s-help"></i></div>
<div class="m-l-inbut">
<!-- <i class="el-icon-s-flag"></i> -->
<el-dropdown trigger="click" @command="handleCommand">
@@ -9,10 +9,10 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
- v-for="(item, index) in flagList"
+ v-for="(item, index) in tabTable"
:key="index"
:command="item"
- >{{ item.name }}</el-dropdown-item
+ >{{ item.title }}</el-dropdown-item
>
</el-dropdown-menu>
</el-dropdown>
@@ -27,27 +27,29 @@
<script>
import { mapGetters } from "vuex";
import { getIp, getUsers } from "@/api/mobile/ip/index";
+import { getListarc } from "@/api/mobile/public/arc";
export default {
name: "mobileCortrolButtom",
data() {
return {
DC: "",
- flagList: [
+ tabTable: [],
+ ccData: [
{
- name: "西东大街",
- position: [121.49500690245499, 31.23791479409691],
+ lnt: 115.87071885,
+ lat: 28.74382592,
},
{
- name: "长江路",
- position: [121.52498934134815, 31.227021231622302],
+ lnt: 121.50266534548483,
+ lat: 31.24357506330159,
},
{
- name: "科技园",
- position: [121.48624368075255, 31.197575925580797],
+ lnt: 121.56405019,
+ lat: 31.20845211,
},
{
- name: "逸夫楼",
- position: [121.52391709005656, 31.276115901927575],
+ lnt: 121.55500463461836,
+ lat: 31.257934074839717,
},
],
};
@@ -57,22 +59,25 @@
},
created() {
this.DC = global.DC;
+ this.getStreet();
},
mounted() {},
methods: {
+ mubiao() {
+ let that = this;
+ //测试fllyTo
+ },
handleCommand(command) {
let that = this;
console.log(command, "定位");
// 定位
- this.mviewer.zoomToPosition(
- new that.DC.Position(
- command.position[0],
- command.position[1] - 0.012,
- 1530,
- 0,
- -45
- )
- );
+ this.$store.dispatch("mapFlyTo", {
+ //飞入
+ lntLat: [command.lnt, command.lat, 2530],
+ heading: 0,
+ pitch: -45,
+ roll: 0,
+ });
},
openBigPopupAfter() {
this.$store.commit("MSET_BIGPOPUPAFTER", true);
@@ -91,6 +96,33 @@
// console.log(res);
// });
},
+ getStreet() {
+ let that = this;
+ getListarc().then((res) => {
+ let title = [];
+ const data = res.data.data;
+ for (let k = 0; k < data.length; k++) {
+ title.push({
+ title: data[k].dictValue,
+ flag: false,
+ key: data[k].dictKey,
+ child: [],
+ lnt: that.ccData[k].lnt,
+ lat: that.ccData[k].lat,
+ });
+ }
+ // res.data.data.forEach((item) => {
+ // title.push({
+ // title: item.dictValue,
+ // flag: false,
+ // key: item.dictKey,
+ // child: [],
+ // });
+ // });
+ this.tabTable = title;
+ this.$store.commit("MSET_POPUPTABLENAME", title);
+ });
+ },
},
};
</script>
--
Gitblit v1.9.3