1

mayisheng

2022-08-15 81f54040c2cb65537c6c6e1db8358a39a57dea0d

 src/components/mobileWindow/index.vue

@@ -1,4 +1,5 @@
<template>
  <!-- 浮动弹窗  mobileWindow-->
  <div
    ref="mobile-mapContentContent"
    v-show="!MobileWindowsHide"
@@ -11,8 +12,20 @@
        @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>
        <!-- <i class="el-icon-video-play icon" v-show="!audioState"></i>
        <i class="el-icon-video-pause icon" v-show="audioState"></i> -->
        <img
          src="/img/icon/start-video.png"
          class="icon"
          alt=""
          v-show="!audioState"
        />
        <img
          src="/img/icon/close-video.png"
          class="icon"
          alt=""
          v-show="audioState"
        />
        <!-- <div id="bdtts_div_id">
          <audio id="tts_autio_id" autoplay="autoplay">
            <source
@@ -30,15 +43,23 @@
        <div class="mobile-popup-imgs-h-close">
          <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" />
        <!-- <video :src="video" controls="controls" autoplay v-if="video"></video> -->
        <playVideo
          :src="video"
          controls="controls"
          autoplay
          v-if="video"
        ></playVideo>
        <!-- <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">
@@ -99,7 +120,7 @@
      "query",
      "MobileWindowChangeData",
      "audioState",
      "areaLayerSelect",
      // "areaLayerSelect",
    ]),
  },
  watch: {
@@ -114,7 +135,7 @@
        let queryData = this.query.query;
        // console.log(queryData, 789);
        this.title = queryData.name;

        //判断是否显示操作按钮
        if (queryData.seebut) {
          this.seebut = queryData.seebut;
          if (queryData.from == "活动") {
@@ -250,6 +271,7 @@
    };
  },
  methods: {
    //按钮点击事件
    openOnce(val) {
      let that = this;
      that.routerS = [];
@@ -267,6 +289,10 @@
        // console.log(this.query.query);
        // that.$store.commit("set_endPosition", this.query.query.lntLat);
        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],
@@ -293,7 +319,7 @@
          doit(res);
        });
      } else if (val == "实景") {
        // console.log(this.panoramaurl, query);
        console.log(this.panoramaurl, query);
        this.$store.commit("MSET_OPENMOBILEPANORAMA", this.panoramaurl);
        return;
        this.$store.commit(
@@ -322,6 +348,7 @@
        ]);
      }
    },
    //修改数据
    changeData(data, name, value) {
      let arr = [];
      for (let k in data[name]) {
@@ -345,9 +372,9 @@
      if (!this.MobileWindowsHide) {
        let that = this;
        this.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
        if (that.areaLayerSelect.overlay != undefined) {
          that.areaLayerSelect.overlay.setStyle({
            material: that.areaLayerSelect.color,
        if (window.select.overlay != undefined) {
          window.select.overlay.setStyle({
            material: window.select.color,
            outline: false,
          });

@@ -369,6 +396,11 @@
  margin-left: 3px;
  .icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    float: right;
    position: relative;
    right: 8px;
  }
}
#bdtts_div_id {