From a3fadb577e4d18c1d7ff60e23be4f3d27f63b9a3 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 17 Jan 2022 17:07:52 +0800
Subject: [PATCH] +
---
src/components/mobileWindow/index.vue | 132 +++++++++++++++++++++++++++++++++++++++++--
1 files changed, 125 insertions(+), 7 deletions(-)
diff --git a/src/components/mobileWindow/index.vue b/src/components/mobileWindow/index.vue
index 181a564..538516c 100644
--- a/src/components/mobileWindow/index.vue
+++ b/src/components/mobileWindow/index.vue
@@ -4,7 +4,27 @@
v-show="!MobileWindowsHide"
id="mobile-map_content_content"
>
- <div class="mobiletitle">{{ title }}</div>
+ <div class="mobiletitle">
+ {{ title }}
+ <span
+ class="mobile_audio"
+ @click="openAudio"
+ v-show="introduce && !video"
+ >
+ <i class="el-icon-video-play icon" v-show="!audioState"></i>
+ <i class="el-icon-video-pause icon" v-show="audioState"></i>
+ <!-- <div id="bdtts_div_id">
+ <audio id="tts_autio_id" autoplay="autoplay">
+ <source
+ id="tts_source_id"
+ src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=5&per=1&text=请输入文字"
+ type="audio/mpeg"
+ />
+ <embed id="tts_embed_id" height="0" width="0" src="" />
+ </audio>
+ </div> -->
+ </span>
+ </div>
<div class="mobilelabel-content">
<div class="mobile-popup-imgs-heard">
<div class="mobile-popup-imgs-h-close">
@@ -72,20 +92,35 @@
export default {
name: "mobileWindow",
computed: {
- ...mapGetters(["MobileWindowsHide", "query", "MobileWindowChangeData"]),
+ ...mapGetters([
+ "MobileWindowsHide",
+ "query",
+ "MobileWindowChangeData",
+ "audioState",
+ ]),
},
watch: {
MobileWindowChangeData() {
+ this.$store.dispatch("MSET_GETAUDIOBEGIN", "notOpen");
//数据更改
// this.fullscreenLoading = true;
if (!this.MobileWindowsHide) {
this.video = ""; //清除视频
let queryData = this.query.query;
- // console.log(queryData);
+ console.log(queryData, 789);
this.title = queryData.name;
if (queryData.seebut) {
this.seebut = queryData.seebut;
+ if (queryData.from == "活动") {
+ this.seebut = [];
+ this.seebut.push({
+ name: "图集",
+ });
+ this.seebut.push({
+ name: "显示活动",
+ });
+ }
for (let k in this.seebut) {
if (this.seebut[k].name == "定位") {
this.seebut.splice(k, k + 1);
@@ -126,7 +161,12 @@
this.center = [];
for (let k in queryData) {
for (let n in this.getCenter) {
- if (k == this.getCenter[n].name && queryData[k]) {
+ if (
+ k == this.getCenter[n].name &&
+ queryData[k] &&
+ queryData.from != "活动" &&
+ this.getCenter[n].value == "地址"
+ ) {
this.center.push({
name: this.getCenter[n].value,
value: queryData[k] ? queryData[k] : "暂无",
@@ -134,6 +174,14 @@
}
if (k == "introduce") {
this.introduce = queryData[k];
+ if (this.introduce) {
+ setTimeout(() => {
+ let Str = document.querySelector(
+ ".mobileBig-center-introduce"
+ ).innerText;
+ this.$store.dispatch("MSET_GETAUDIO", Str); //加入语音
+ }, 20);
+ }
}
}
}
@@ -174,9 +222,32 @@
methods: {
openOnce(val) {
let that = this;
+ that.routerS = [];
+ let once = true;
+ let query = this.query.query;
if (val == "去这") {
//定位
- console.log(this.query.query);
+ // 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);
+ }
+ },
+ };
+ that.$store.dispatch("MSET_GOTOWHERE", ints);
} else if (val == "实景") {
this.$store.commit(
"MSET_OPENMOBILEPANORAMA",
@@ -193,16 +264,63 @@
} else if (val == "返回") {
this.seebut[this.seebut.length - 1].name = "视频";
this.video = "";
+ } else if (val == "显示活动") {
+ let addressOur = this.changeData(query, "addressname", "address");
+ let lxOur = this.changeData(query, "lxname", "lx");
+ console.log(addressOur, lxOur);
+ that.$store.dispatch("MSET_DRAWALINELAYERMANY", [
+ lxOur,
+ addressOur,
+ query,
+ ]);
}
+ },
+ changeData(data, name, value) {
+ let arr = [];
+ for (let k in data[name]) {
+ arr.push({
+ name: data[name][k],
+ value:
+ name == "lxname"
+ ? data[value][k]
+ .split("(")[1]
+ .split(")")[0]
+ .split(",")
+ .join(";")
+ .split(" ")
+ .join(",")
+ : [+data[value][k].split(",")[0], +data[value][k].split(",")[1]],
+ });
+ }
+ return arr;
},
closeWindow() {
if (!this.MobileWindowsHide) {
this.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
}
},
+ openAudio() {
+ if (this.introduce) {
+ this.$store.dispatch("MSET_GETAUDIOBEGIN");
+ }
+ },
},
};
</script>
-<style>
-</style>
\ No newline at end of file
+<style lang="scss">
+.mobile_audio {
+ margin-left: 3px;
+ .icon {
+ font-size: 20px;
+ }
+}
+#bdtts_div_id {
+ width: 100px;
+ height: 100px;
+ display: inline-block;
+ position: absolute;
+ top: -50px;
+ background-color: #fff;
+}
+</style>
--
Gitblit v1.9.3