| New file |
| | |
|---|
| | | <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.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" @click="openMobilePanorama" |
|---|
| | | >实景</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", "MobileWindowChangeData"]), |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | MobileWindowChangeData() { |
|---|
| | | // this.fullscreenLoading = true; |
|---|
| | | if (!this.MobileWindowsHide) { |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.fullscreenLoading = false; |
|---|
| | | console.log("地图点击弹窗数据请求参数", this.query); |
|---|
| | | // console.log("地图点击弹窗数据请求参数", this.query.lntLat[0]); |
|---|
| | | // console.log("地图点击弹窗数据请求参数", this.query.lntLat[1]); |
|---|
| | | // }, 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() {}, |
|---|
| | | openMobilePanorama() { |
|---|
| | | console.log(11); |
|---|
| | | this.$store.commit("MSET_OPENMOBILEPANORAMA", true); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
