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/mobilePopupOurOnce/index.vue | 77 +++++++++++++++++++++++++++++++++++---
1 files changed, 70 insertions(+), 7 deletions(-)
diff --git a/src/components/mobilePopupOurOnce/index.vue b/src/components/mobilePopupOurOnce/index.vue
index 400eccb..6ef5d47 100644
--- a/src/components/mobilePopupOurOnce/index.vue
+++ b/src/components/mobilePopupOurOnce/index.vue
@@ -8,7 +8,15 @@
}"
>
<div class="mobilePopupOurOnce_left">
- <img src="img/cc/cc.png" alt="" />
+ <img :src="icon" alt="" :key="icon" />
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="icon"
+ :id="'mobileBigImgs' + icon + ''"
+ v-show="false"
+ :preview-src-list="srcList"
+ >
+ </el-image>
</div>
<div class="mobilePopupOurOnce_right">
<div class="mobilePopupOurOnce_r_up">{{ onceData.name }}</div>
@@ -34,15 +42,32 @@
<script>
import { mapGetters } from "vuex";
+import { getChildNavDetail } from "@/api/mobile/public/arc";
export default {
props: ["onceData", "ends"],
name: "mobilePopupOurOnce",
created() {
this.DC = global.DC;
+ // console.log(this.onceData);
+ if (this.onceData.icon) {
+ this.srcList = this.onceData.icon;
+ this.icon = this.srcList[0];
+ }
+ if (this.onceData.from == "校园建筑") {
+ this.getOnceCampus(this.onceData.id);
+ } else if (
+ this.onceData.from == "机构单位" ||
+ this.onceData.from == "生活设施"
+ ) {
+ this.ourData = this.onceData;
+ }
},
data() {
return {
DC: "",
+ icon: "",
+ srcList: [],
+ ourData: {},
};
},
computed: {
@@ -60,24 +85,58 @@
},
methods: {
openOnce(val) {
+ if (!this.ourData.name) {
+ console.log("数据传输失败");
+ return;
+ }
let that = this;
- console.log(val, this.onceData);
if (val == "定位") {
- this.$store.commit("MSET_BIGPOPUP", false);
+ //随地图移动窗口
+ this.$store.commit("MSET_BIGPOPUP", false); //关闭全屏弹窗
setTimeout(() => {
- // 定制化窗体
+ // // 定制化窗体
let d = {
position: {},
- lntLat: that.onceData.lntLat,
- query: this.onceData,
+ lntLat: that.ourData.lntLat,
+ query: { ...this.ourData, seebut: this.seebut },
useJWD: true, //仅使用经纬度
};
that.popupsDom = that.$store.dispatch("setMobileWindows", d);
}, 500);
+ //固定窗口
+ // that.$store.dispatch("SET_OPENWIDOWFIXED", d);
} else if (val == "实景") {
- this.$store.commit("MSET_OPENMOBILEPANORAMA", true);
+ this.$store.commit(
+ "MSET_OPENMOBILEPANORAMA",
+ "https://www.kuleiman.com/110487/index.html?m=1"
+ );
+ } else if (val == "图集") {
+ console.log(this.srcList);
+ let imgsDom = document.getElementById("mobileBigImgs" + this.icon + "");
+ imgsDom.click();
}
},
+ //"校园建筑"↓
+ getOnceCampus(id) {
+ getChildNavDetail({ id: id }).then((res) => {
+ var result = res.data.data[0].list;
+ // console.log(result);
+ let d = {
+ name: result.mechanismname,
+ lntLat: [result.jd, result.wd],
+ alt: result.gd,
+ heading: result.heading,
+ pitch: result.pitch,
+ roll: result.roll,
+ bgImg: result.tpurl,
+ QRImg: result.codeurl,
+ websiteUrl: result.websiteurl,
+ telePhone: result.telephone,
+ };
+ this.ourData = d;
+ });
+ },
+ //"校园建筑"↑
},
};
</script>
@@ -102,6 +161,10 @@
width: 32%;
height: 100%;
@extend .flexCenter;
+ img {
+ width: 100px;
+ height: 80px;
+ }
}
.mobilePopupOurOnce_right {
width: 68%;
--
Gitblit v1.9.3