+

liuyg

2022-01-18 4d0cece6f88fa97f5e299dc450d4707d3eec534e

 src/components/mobileWindow/index.vue

@@ -6,7 +6,11 @@
  >
    <div class="mobiletitle">
      {{ title }}
      <span class="mobile_audio" @click="openAudio" v-show="introduce">
      <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">
@@ -102,25 +106,37 @@
      //   this.fullscreenLoading = true;
      if (!this.MobileWindowsHide) {
        this.video = ""; //清除视频
        this.seebut = []; //清除按钮
        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);
            }
          }
          this.seebut.push({
            name: "去这",
          });
          if (queryData.notAddGoOn != "notAddGoOn") {
            this.seebut.push({
              name: "去这",
            });
          }
        } else {
          this.seebut = [
            {
              name: "实景",
            },
            // {
            //   name: "实景",
            // },
            {
              name: "图集",
            },
@@ -129,6 +145,7 @@
            },
          ];
        }
        //图集
        if (queryData.bgImg) {
          this.srcList = queryData.bgImg.split(",");
          this.url = this.srcList[0];
@@ -137,6 +154,7 @@
            return res.name != "图集";
          });
        }
        //视频
        if (queryData.video) {
          if (queryData.from == "labels") {
            this.seebut = [];
@@ -145,10 +163,29 @@
            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) {
            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] : "暂无",
@@ -199,6 +236,7 @@
      srcList: [],
      seebut: [],
      center: [],
      panoramaurl: "",
    };
  },
  methods: {
@@ -206,6 +244,7 @@
      let that = this;
      that.routerS = [];
      let once = true;
      let query = this.query.query;
      if (val == "去这") {
        //定位
        // console.log(this.query.query);
@@ -213,7 +252,7 @@
        let ints = {
          // start: [114.039946, 27.628475],
          // end: that.query.query.lntLat,
          start: 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) {
@@ -223,13 +262,16 @@
              once = false;
              //加载第一条线路
              that.$store.commit("set_choiceRouterS", 0);
              that.$store.dispatch("MSET_DRAWALINELAYER", datas.Str);
              that.$store.dispatch("MSET_DRAWALINELAYER", [datas.Str, query]);
              that.$store.commit("cameraSetView", ints.start);
            }
          },
        };
        that.$store.dispatch("MSET_GOTOWHERE", ints);
      } 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"
@@ -245,8 +287,36 @@
      } 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"); //关闭随地图弹窗