From bf58722dfd03ea1513f3acc7331d4d4403fca76e Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 18 Mar 2022 11:48:37 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/components/mobileWindow/index.vue | 111 ++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 85 insertions(+), 26 deletions(-)
diff --git a/src/components/mobileWindow/index.vue b/src/components/mobileWindow/index.vue
index 0507adf..2bd5e62 100644
--- a/src/components/mobileWindow/index.vue
+++ b/src/components/mobileWindow/index.vue
@@ -31,14 +31,16 @@
<i class="el-icon-close icon" @click="closeWindow"></i>
</div>
<video :src="video" controls="controls" autoplay v-if="video"></video>
- <img :src="url" alt="" v-show="url && !video" />
+ <!-- <img :src="url" alt="" v-show="url && !video" /> -->
+ <!-- style="width: 100px; height: 100px" -->
<el-image
- style="width: 100px; height: 100px"
+ class="imgs"
:src="url"
id="mobileBigImgs"
- v-show="false"
+ v-show="url && !video"
:preview-src-list="srcList"
>
+ <!-- v-show="false" -->
</el-image>
<!-- <div>{{ query.query }}</div> -->
<div class="mobileBig-center-our" v-show="!video">
@@ -67,7 +69,9 @@
: item.name == '图集'
? 'el-icon-data-board'
: item.name == '去这'
- ? 'el-icon-finished'
+ ? quzheD
+ ? 'el-icon-loading'
+ : 'el-icon-finished'
: item.name == '视频' || item.name == '返回'
? 'el-icon-video-camera-solid'
: ''
@@ -97,18 +101,20 @@
"query",
"MobileWindowChangeData",
"audioState",
+ // "areaLayerSelect",
]),
},
watch: {
MobileWindowChangeData() {
this.$store.dispatch("MSET_GETAUDIOBEGIN", "notOpen");
+ this.quzheD = false;
//数据更改
// this.fullscreenLoading = true;
if (!this.MobileWindowsHide) {
this.video = ""; //清除视频
this.seebut = []; //清除按钮
let queryData = this.query.query;
- console.log(queryData, 789);
+ // console.log(queryData, 789);
this.title = queryData.name;
if (queryData.seebut) {
@@ -121,6 +127,11 @@
this.seebut.push({
name: "显示活动",
});
+ if (queryData.notAddGoOn == "notAddGoOn") {
+ this.seebut.push({
+ name: "去这",
+ });
+ }
}
for (let k in this.seebut) {
if (this.seebut[k].name == "定位") {
@@ -134,9 +145,9 @@
}
} else {
this.seebut = [
- {
- name: "实景",
- },
+ // {
+ // name: "实景",
+ // },
{
name: "图集",
},
@@ -145,6 +156,7 @@
},
];
}
+ //图集
if (queryData.bgImg) {
this.srcList = queryData.bgImg.split(",");
this.url = this.srcList[0];
@@ -153,6 +165,7 @@
return res.name != "图集";
});
}
+ //视频
if (queryData.video) {
if (queryData.from == "labels") {
this.seebut = [];
@@ -161,6 +174,20 @@
this.seebut.push({ name: "视频" });
}
}
+ //全景
+ if (queryData.panoramaurl) {
+ this.panoramaurl = queryData.panoramaurl;
+ this.seebut = this.seebut.filter((res) => {
+ return res.name != "实景";
+ });
+ this.seebut.splice(0, 0, { name: "实景" });
+ } else {
+ this.panoramaurl = "";
+ this.seebut = this.seebut.filter((res) => {
+ return res.name != "实景";
+ });
+ }
+ //中心内容
this.center = [];
for (let k in queryData) {
for (let n in this.getCenter) {
@@ -220,6 +247,8 @@
srcList: [],
seebut: [],
center: [],
+ panoramaurl: "",
+ quzheD: false, //是否点击了去这，并不能再按，以及不应用路线导航
};
},
methods: {
@@ -228,30 +257,51 @@
that.routerS = [];
let once = true;
let query = this.query.query;
+ // console.log(query);
if (val == "去这") {
+ if (that.quzheD) {
+ console.log("不可点击");
+ return;
+ }
+ that.quzheD = true;
+ // return;
//定位
// console.log(this.query.query);
// that.$store.commit("set_endPosition", this.query.query.lntLat);
- let ints = {
- // start: [114.039946, 27.628475],
- // end: that.query.query.lntLat,
- start: [+that.query.query.lntLat[0], +that.query.query.lntLat[1]],
- end: [114.031946, 27.621475],
- type: "driving",
- fn: function (datas) {
- //获取回调路径
- that.routerS.push(datas);
- if (once) {
- once = false;
- //加载第一条线路
- that.$store.commit("set_choiceRouterS", 0);
- that.$store.dispatch("MSET_DRAWALINELAYER", [datas.Str, query]);
- that.$store.commit("cameraSetView", ints.start);
- }
- },
+ let doit = (now) => {
+ if (now[0] == "失败") {
+ that.quzheD = false;
+ return;
+ }
+ let ints = {
+ start: [+now[0], +now[1]],
+ end: [+query.lntLat[0], +query.lntLat[1], 360],
+ // start: [+query.lntLat[0], +query.lntLat[1], 360],
+ // end: [114.031946, 27.621475],
+ type: "driving",
+ fn: function (datas) {
+ //获取回调路径
+ that.routerS.push(datas);
+ that.quzheD = false;
+ if (once) {
+ once = false;
+ //加载第一条线路
+ that.$store.commit("set_choiceRouterS", 0);
+ that.$store.dispatch("MSET_DRAWALINELAYER", [datas.Str, query]);
+ that.$store.commit("cameraSetView", ints.start);
+ }
+ },
+ };
+ that.$store.dispatch("MSET_GOTOWHERE", ints);
};
- that.$store.dispatch("MSET_GOTOWHERE", ints);
+ that.$store.commit("GET_NOWPOSITION", (res) => {
+ console.log(res);
+ doit(res);
+ });
} else if (val == "实景") {
+ console.log(this.panoramaurl, query);
+ this.$store.commit("MSET_OPENMOBILEPANORAMA", this.panoramaurl);
+ return;
this.$store.commit(
"MSET_OPENMOBILEPANORAMA",
"https://www.kuleiman.com/110487/index.html?m=1"
@@ -299,7 +349,16 @@
},
closeWindow() {
if (!this.MobileWindowsHide) {
+ let that = this;
this.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
+ if (window.select.overlay != undefined) {
+ window.select.overlay.setStyle({
+ material: window.select.color,
+ outline: false,
+ });
+
+ that.$store.commit("mset_changeSelect", [undefined, undefined]);
+ }
}
},
openAudio() {
--
Gitblit v1.9.3