<template>
|
<div
|
ref="mobile-mapContentContent-fixed"
|
v-show="!MobileWindowsHideFixed"
|
id="mobile-map_content_content-fixed"
|
>
|
<div class="mobiletitle-close-fixed" @click="close">
|
<i class="el-icon-circle-close icon"></i>
|
</div>
|
<div class="mobiletitle-fixed">{{ title || "暂无数据" }}</div>
|
<div class="mobile-popup-imgs-heard-fixed">
|
<img :src="url" alt="" />
|
<el-image
|
style="width: 100px; height: 100px"
|
:src="url"
|
id="mobileBigImgsFixed"
|
v-show="false"
|
:preview-src-list="srcList"
|
>
|
</el-image>
|
<!-- <div>{{ query.query }}</div> -->
|
<div
|
v-for="(item, index) in center"
|
:key="index"
|
class="mobileBig-center-fiexd"
|
>
|
<div class="m-c-f-title">{{ item.name }}：</div>
|
<div class="m-c-f-center">{{ item.value }}</div>
|
</div>
|
</div>
|
<div class="mobile-popup-control-fixed">
|
<div v-for="(item, index) in seebut" :key="index" class="m-p-c-f-once">
|
<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 mobilePopupOurOnce_r_d_in-gan"
|
v-if="index != seebut.length - 1"
|
></el-divider>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from "vuex";
|
export default {
|
name: "mobileWindowFixed",
|
computed: {
|
...mapGetters([
|
"MobileWindowsHideFixed",
|
"query",
|
"MobileWindowChangeDataFixed",
|
]),
|
},
|
watch: {
|
MobileWindowChangeDataFixed() {
|
console.log(this.query);
|
if (!this.MobileWindowsHideFixed) {
|
this.center = [];
|
console.log("地图点击弹窗数据请求参数", this.query);
|
this.title = this.query.query.name;
|
if (this.query.query.bgImg) {
|
this.srcList = this.query.query.bgImg.split(",");
|
this.url = this.srcList[0];
|
}
|
if (this.query.query.seebut) {
|
this.seebut = this.query.query.seebut;
|
for (let k in this.seebut) {
|
if (this.seebut[k].name == "定位") {
|
this.seebut.splice(k, k + 1);
|
}
|
}
|
this.seebut.push({
|
name: "去这",
|
});
|
}
|
for (let k in this.query.query) {
|
if (k == "websiteurl") {
|
this.center.push({
|
name: "网址",
|
value: this.query.query[k],
|
});
|
}
|
}
|
}
|
},
|
},
|
data() {
|
return {
|
title: "",
|
fullscreenLoading: false,
|
url: "/img/job/one.jpg",
|
positions: "",
|
srcList: [],
|
seebut: [],
|
center: [
|
{
|
name: "网址",
|
value: "123",
|
},
|
],
|
};
|
},
|
methods: {
|
close() {
|
if (!this.MobileWindowsHideFixed) {
|
this.$store.dispatch("CLOSE_WIDOWFIXED"); //关闭固定弹窗
|
}
|
},
|
openOnce(val) {
|
let that = this;
|
// console.log(val, this.onceData);
|
if (val == "去这") {
|
//定位
|
} else if (val == "实景") {
|
this.$store.commit("MSET_OPENMOBILEPANORAMA", true);
|
} else if (val == "图集") {
|
let imgsDom = document.getElementById("mobileBigImgsFixed");
|
imgsDom.click();
|
}
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
</style>
|
