<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 (const k in this.seebut) {
|
if (this.seebut[k].name == '定位') {
|
this.seebut.splice(k, k + 1)
|
}
|
}
|
this.seebut.push({
|
name: '去这'
|
})
|
}
|
for (const k in this.query.query) {
|
if (k == 'websiteurl') {
|
this.center.push({
|
name: '网址',
|
value: this.query.query[k]
|
})
|
}
|
}
|
}
|
}
|
},
|
data () {
|
return {
|
title: '',
|
fullscreenLoading: false,
|
url: '/changjing/img/job/one.jpg',
|
positions: '',
|
srcList: [],
|
seebut: [],
|
center: [
|
{
|
name: '网址',
|
value: '123'
|
}
|
]
|
}
|
},
|
methods: {
|
close () {
|
if (!this.MobileWindowsHideFixed) {
|
this.$store.dispatch('CLOSE_WIDOWFIXED') // 关闭固定弹窗
|
}
|
},
|
openOnce (val) {
|
const that = this
|
// console.log(val, this.onceData);
|
if (val == '去这') {
|
// 定位
|
} else if (val == '实景') {
|
this.$store.commit('MSET_OPENMOBILEPANORAMA', true)
|
} else if (val == '图集') {
|
const imgsDom = document.getElementById('mobileBigImgsFixed')
|
imgsDom.click()
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped></style>
|
