From 01f9c88fd0ee768155e5b341c2bb95a85bc11a08 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Sat, 05 Mar 2022 17:49:36 +0800
Subject: [PATCH] ++
---
src/components/mobilePopupOurOnce/index.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 44 insertions(+), 15 deletions(-)
diff --git a/src/components/mobilePopupOurOnce/index.vue b/src/components/mobilePopupOurOnce/index.vue
index bb20d60..31b3a54 100644
--- a/src/components/mobilePopupOurOnce/index.vue
+++ b/src/components/mobilePopupOurOnce/index.vue
@@ -8,18 +8,23 @@
}"
>
<div class="mobilePopupOurOnce_left">
- <img :src="icon" alt="" :key="icon" />
+ <!-- <img :src="icon" alt="" :key="icon" /> -->
<el-image
- style="width: 100px; height: 100px"
+ style="width: 80px; height: 80px"
:src="icon"
:id="'mobileBigImgs' + icon + ''"
- v-show="false"
:preview-src-list="srcList"
>
+ <!-- v-show="false" -->
</el-image>
</div>
- <div class="mobilePopupOurOnce_right">
- <div class="mobilePopupOurOnce_r_up">{{ onceData.name }}</div>
+ <div class="mobilePopupOurOnce_right" @click.self.stop="openOnce('定位')">
+ <div
+ class="mobilePopupOurOnce_r_up"
+ @click.self.stop="openOnce('定位')"
+ >
+ {{ onceData.name }}
+ </div>
<div class="mobilePopupOurOnce_r_down">
<div v-for="(item, index) in seebut" :key="index">
<el-link
@@ -60,7 +65,7 @@
this.srcList = this.onceData.icon;
this.icon = this.srcList[0];
}
- if (this.onceData.from == "校园建筑") {
+ if (this.onceData.from == "校区建筑" || this.onceData.from == "文化风景") {
this.getOnceCampus(this.onceData.id);
} else {
this.ourData = this.onceData;
@@ -80,8 +85,20 @@
let buts = this.onceData.buts;
let b = [];
for (let k in buts) {
+ if (buts[k] == "实景") {
+ continue;
+ }
b.push({
name: buts[k],
+ });
+ }
+ if (this.ourData.panoramaurl) {
+ b.push({
+ name: "实景",
+ });
+ } else {
+ b = b.filter((res) => {
+ return res.name != "实景";
});
}
return b;
@@ -95,6 +112,11 @@
}
let that = this;
if (val == "定位") {
+ //活动定位
+ if (this.ourData.name == "活动") {
+ console.log(this.ourData);
+ return;
+ }
//随地图移动窗口
this.$store.commit("MSET_BIGPOPUP", false); //关闭全屏弹窗
setTimeout(() => {
@@ -104,22 +126,23 @@
lntLat: that.ourData.lntLat,
query: { ...this.ourData, seebut: this.seebut },
useJWD: true, //仅使用经纬度
+ from: "PopupOurOnce",
};
that.popupsDom = that.$store.dispatch("setMobileWindows", d);
}, 500);
//固定窗口
// that.$store.dispatch("SET_OPENWIDOWFIXED", d);
} else if (val == "实景") {
- this.$store.commit(
- "MSET_OPENMOBILEPANORAMA",
- "https://www.kuleiman.com/110487/index.html?m=1"
- );
+ this.$store.commit("MSET_OPENMOBILEPANORAMA", this.ourData.panoramaurl);
+ // if(this.ourData.panoramaurl){
+ // }
+ // console.log(this.ourData.panoramaurl);
} else if (val == "图集") {
let imgsDom = document.getElementById("mobileBigImgs" + this.icon + "");
imgsDom.click();
}
},
- //"校园建筑"↓
+ //"校区建筑"↓
getOnceCampus(id) {
getChildNavDetail({ id: id }).then((res) => {
var result = res.data.data[0].list;
@@ -135,11 +158,14 @@
websiteUrl: result.websiteurl,
telePhone: result.telephone,
address: result.address,
+ introduce: result.introduce,
+ video: result.videourl,
+ panoramaurl: result.panoramaurl, //全景
};
this.ourData = d;
});
},
- //"校园建筑"↑
+ //"校区建筑"↑
},
};
</script>
@@ -152,8 +178,9 @@
justify-content: center !important;
}
.mobilePopupOurOnce {
- padding: 0 0;
+ padding: 8px 0 0 0;
margin: 0 8px;
+ // background-image: linear-gradient(#29baf1, #28bbf0);
.mobilePopupOurOnce_center {
// margin-bottom: 8px;
height: 80px;
@@ -165,7 +192,7 @@
height: 100%;
@extend .flexCenter;
img {
- width: 100px;
+ width: 80px;
height: 80px;
}
}
@@ -181,6 +208,7 @@
text-indent: 1em;
display: flex !important;
align-items: center !important;
+ // color: #fff;
}
.mobilePopupOurOnce_r_down {
height: 50%;
@@ -189,10 +217,11 @@
display: flex !important;
align-items: center !important;
.mobilePopupOurOnce_r_d_in {
+ // color: #fff;
font-size: 17px;
}
}
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3