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/mobileWindow/index.vue | 117 ++++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 77 insertions(+), 40 deletions(-)
diff --git a/src/components/mobileWindow/index.vue b/src/components/mobileWindow/index.vue
index 957a407..42a25d3 100644
--- a/src/components/mobileWindow/index.vue
+++ b/src/components/mobileWindow/index.vue
@@ -4,41 +4,55 @@
v-show="!MobileWindowsHide"
id="mobile-map_content_content"
>
- <div class="mobile-popup-imgs-heard">
- <img :src="url" alt="" />
- <el-image
- style="width: 100px; height: 100px"
- :src="url"
- id="mobileBigImgs"
- v-show="false"
- :preview-src-list="srcList"
- >
- </el-image>
- <!-- <div>{{ query.query }}</div> -->
- <div class="mobileBig-center-our">
- <div
- v-for="(item, index) in center"
- :key="index"
- class="mobileBig-center"
+ <div class="mobiletitle">{{ title }}</div>
+ <div class="mobilelabel-content">
+ <div class="mobile-popup-imgs-heard">
+ <div class="mobile-popup-imgs-h-close">
+ <i class="el-icon-circle-close icon" @click="closeWindow"></i>
+ </div>
+ <img :src="url" alt="" />
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="url"
+ id="mobileBigImgs"
+ v-show="false"
+ :preview-src-list="srcList"
>
- <div class="m-c-title">{{ item.name }}：</div>
- <span class="m-c-center">{{ item.value }}</span>
+ </el-image>
+ <!-- <div>{{ query.query }}</div> -->
+ <div class="mobileBig-center-our">
+ <div
+ v-for="(item, index) in center"
+ :key="index"
+ class="mobileBig-center"
+ >
+ <div class="m-c-title">{{ item.name }}：</div>
+ <span class="m-c-center">{{ item.value }}</span>
+ </div>
</div>
</div>
- </div>
- <div class="mobile-popup-control">
- <div v-for="(item, index) in seebut" :key="index">
- <el-link
- icon="el-icon-map-location"
- class="mobilePopupOurOnce_r_d_in"
- @click="openOnce(item.name)"
- >{{ item.name }}</el-link
- >
- <el-divider
- direction="vertical"
- class="mobilePopupOurOnce_r_d_in"
- v-if="index != seebut.length - 1"
- ></el-divider>
+ <div class="mobile-popup-control">
+ <div v-for="(item, index) in seebut" :key="index">
+ <el-link
+ :icon="
+ item.name == '实景'
+ ? 'el-icon-place'
+ : item.name == '图集'
+ ? 'el-icon-data-board'
+ : item.name == '去这'
+ ? 'el-icon-finished'
+ : ''
+ "
+ class="mobilePopupOurOnce_r_d_in"
+ @click="openOnce(item.name)"
+ >{{ item.name }}</el-link
+ >
+ <el-divider
+ direction="vertical"
+ class="mobilePopupOurOnce_r_d_in"
+ v-if="index != seebut.length - 1"
+ ></el-divider>
+ </div>
</div>
</div>
</div>
@@ -71,11 +85,23 @@
this.seebut.push({
name: "去这",
});
+ } else {
+ this.seebut = [
+ {
+ name: "实景",
+ },
+ {
+ name: "图集",
+ },
+ {
+ name: "去这",
+ },
+ ];
}
this.center = [];
for (let k in this.query.query) {
for (let n in this.getCenter) {
- if (k == this.getCenter[n].name) {
+ if (k == this.getCenter[n].name && this.query.query[k]) {
this.center.push({
name: this.getCenter[n].value,
value: this.query.query[k] ? this.query.query[k] : "暂无",
@@ -97,6 +123,14 @@
name: "telePhone",
value: "电话",
},
+ {
+ name: "address",
+ value: "地址",
+ },
+ {
+ name: "introduce",
+ value: "详情",
+ },
],
title: "",
fullscreenLoading: false,
@@ -104,12 +138,7 @@
positions: "",
srcList: [],
seebut: [],
- center: [
- {
- name: "网址",
- value: "123",
- },
- ],
+ center: [],
};
},
methods: {
@@ -119,12 +148,20 @@
if (val == "去这") {
//定位
} else if (val == "实景") {
- this.$store.commit("MSET_OPENMOBILEPANORAMA", true);
+ this.$store.commit(
+ "MSET_OPENMOBILEPANORAMA",
+ "https://www.kuleiman.com/110487/index.html?m=1"
+ );
} else if (val == "图集") {
let imgsDom = document.getElementById("mobileBigImgs");
imgsDom.click();
}
},
+ closeWindow() {
+ if (!this.MobileWindowsHide) {
+ this.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
+ }
+ },
},
};
</script>
--
Gitblit v1.9.3