From 0e461a232cce6e52fbfd071788bdd7294d51e397 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 21 Dec 2021 16:43:00 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/components/mobileWindow/index.vue | 109 ++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 81 insertions(+), 28 deletions(-)
diff --git a/src/components/mobileWindow/index.vue b/src/components/mobileWindow/index.vue
index 85f0188..957a407 100644
--- a/src/components/mobileWindow/index.vue
+++ b/src/components/mobileWindow/index.vue
@@ -14,19 +14,32 @@
:preview-src-list="srcList"
>
</el-image>
- <div>{{ query.query }}</div>
- <!-- 哈工大A10公寫总建筑面积30740平方米,于2001年采用货款方式高标准建造并投入使用。整个楼体共分十层,地上九层为公寫主体。公寓外观呈工字型,公寓内房司以A、B、C三个区域別分,与哈工大雄厚的工科底蕴遥相呼应,是哈尔滨工业大学学生公寫的标志性建筑 -->
+ <!-- <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 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 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>
</div>
</div>
</template>
@@ -42,35 +55,75 @@
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);
+ // 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: "去这",
+ });
+ }
+ this.center = [];
+ for (let k in this.query.query) {
+ for (let n in this.getCenter) {
+ if (k == this.getCenter[n].name) {
+ this.center.push({
+ name: this.getCenter[n].value,
+ value: this.query.query[k] ? this.query.query[k] : "暂无",
+ });
+ }
+ }
+ }
}
},
},
data() {
return {
+ getCenter: [
+ {
+ name: "websiteUrl",
+ value: "网址",
+ },
+ {
+ name: "telePhone",
+ value: "电话",
+ },
+ ],
+ title: "",
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",
+ srcList: [],
+ seebut: [],
+ center: [
+ {
+ name: "网址",
+ value: "123",
+ },
],
};
},
methods: {
- mobileOpenImgs() {
- let imgsDom = document.getElementById("mobileBigImgs");
- imgsDom.click();
- },
- goOn() {},
- openMobilePanorama() {
- console.log(11);
- this.$store.commit("MSET_OPENMOBILEPANORAMA", true);
+ 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("mobileBigImgs");
+ imgsDom.click();
+ }
},
},
};
--
Gitblit v1.9.3