<template>
|
<div
|
ref="mobile-mapContentContent"
|
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 }}</div>
|
<!-- 哈工大A10公寫总建筑面积30740平方米,于2001年采用货款方式高标准建造并投入使用。整个楼体共分十层,地上九层为公寫主体。公寓外观呈工字型,公寓内房司以A、B、C三个区域別分,与哈工大雄厚的工科底蕴遥相呼应,是哈尔滨工业大学学生公寫的标志性建筑 -->
|
</div>
|
<div class="mobile-popup-control">
|
<el-link icon="el-icon-picture-outline-round" @click="mobileOpenImgs"
|
>图集</el-link
|
>
|
<el-divider direction="vertical"></el-divider>
|
<el-link icon="el-icon-map-location">实景</el-link>
|
<el-divider direction="vertical"></el-divider>
|
<el-link icon="el-icon-aim" @click="goOn">去这</el-link>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from "vuex";
|
export default {
|
name: "mobileWindow",
|
computed: {
|
...mapGetters(["MobileWindowsHide", "query"]),
|
},
|
watch: {
|
MobileWindowsHide() {
|
// this.fullscreenLoading = true;
|
setTimeout(() => {
|
// this.fullscreenLoading = false;
|
console.log("地图点击弹窗数据请求参数", this.query);
|
}, 500);
|
},
|
},
|
data() {
|
return {
|
fullscreenLoading: false,
|
url: "/img/job/one.jpg",
|
positions: "",
|
srcList: [
|
"https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
|
"https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg",
|
],
|
};
|
},
|
methods: {
|
mobileOpenImgs() {
|
let imgsDom = document.getElementById("mobileBigImgs");
|
imgsDom.click();
|
},
|
goOn() {},
|
},
|
};
|
</script>
|
|
<style>
|
</style>
|
