From 5e47738f99e307bab1c8a5ee9ecd96d8c7f4a968 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 08 Jan 2022 10:43:01 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web

---
 src/components/mobileWindow/index.vue |   57 +++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 53 insertions(+), 4 deletions(-)

diff --git a/src/components/mobileWindow/index.vue b/src/components/mobileWindow/index.vue
index 181a564..39fc902 100644
--- a/src/components/mobileWindow/index.vue
+++ b/src/components/mobileWindow/index.vue
@@ -4,7 +4,23 @@
     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">
+        <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&amp;ie=UTF-8&amp;spd=5&amp;per=1&amp;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,10 +88,16 @@
 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) {
@@ -134,6 +156,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);
+              }
             }
           }
         }
@@ -200,9 +230,28 @@
         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