+

liuyg

2021-12-31 6851cc1e217a2af9ae62ebb3bf28e00a0d8ddadb

 src/components/mobilePopupOurOnce/index.vue

@@ -23,7 +23,15 @@
        <div class="mobilePopupOurOnce_r_down">
          <div v-for="(item, index) in seebut" :key="index">
            <el-link
              icon="el-icon-map-location"
              :icon="
                item.name == '实景'
                  ? 'el-icon-place'
                  : item.name == '图集'
                  ? 'el-icon-data-board'
                  : item.name == '定位'
                  ? 'el-icon-map-location'
                  : ''
              "
              class="mobilePopupOurOnce_r_d_in"
              @click="openOnce(item.name)"
              >{{ item.name }}</el-link
@@ -48,17 +56,13 @@
  name: "mobilePopupOurOnce",
  created() {
    this.DC = global.DC;
    // console.log(this.onceData);
    if (this.onceData.icon) {
      this.srcList = this.onceData.icon;
      this.icon = this.srcList[0];
    }
    if (this.onceData.from == "校园建筑") {
    if (this.onceData.from == "校园建筑" || this.onceData.from == "文化风景") {
      this.getOnceCampus(this.onceData.id);
    } else if (
      this.onceData.from == "机构单位" ||
      this.onceData.from == "生活设施"
    ) {
    } else {
      this.ourData = this.onceData;
    }
  },
@@ -90,6 +94,7 @@
        return;
      }
      let that = this;
      // console.log(that.ourData.lntLat);
      if (val == "定位") {
        //随地图移动窗口
        this.$store.commit("MSET_BIGPOPUP", false); //关闭全屏弹窗
@@ -100,6 +105,7 @@
            lntLat: that.ourData.lntLat,
            query: { ...this.ourData, seebut: this.seebut },
            useJWD: true, //仅使用经纬度
            from: "PopupOurOnce",
          };
          that.popupsDom = that.$store.dispatch("setMobileWindows", d);
        }, 500);
@@ -111,7 +117,6 @@
          "https://www.kuleiman.com/110487/index.html?m=1"
        );
      } else if (val == "图集") {
        console.log(this.srcList);
        let imgsDom = document.getElementById("mobileBigImgs" + this.icon + "");
        imgsDom.click();
      }
@@ -120,7 +125,6 @@
    getOnceCampus(id) {
      getChildNavDetail({ id: id }).then((res) => {
        var result = res.data.data[0].list;
        // console.log(result);
        let d = {
          name: result.mechanismname,
          lntLat: [result.jd, result.wd],
@@ -132,6 +136,9 @@
          QRImg: result.codeurl,
          websiteUrl: result.websiteurl,
          telePhone: result.telephone,
          address: result.address,
          introduce: result.introduce,
          video: result.videourl,
        };
        this.ourData = d;
      });
@@ -149,8 +156,9 @@
  justify-content: center !important;
}
.mobilePopupOurOnce {
  padding: 0 0;
  padding: 8px 0 0 0;
  margin: 0 8px;
  // background-image: linear-gradient(#29baf1, #28bbf0);
  .mobilePopupOurOnce_center {
    // margin-bottom: 8px;
    height: 80px;
@@ -162,7 +170,7 @@
      height: 100%;
      @extend .flexCenter;
      img {
        width: 100px;
        width: 80px;
        height: 80px;
      }
    }
@@ -178,6 +186,7 @@
        text-indent: 1em;
        display: flex !important;
        align-items: center !important;
        // color: #fff;
      }
      .mobilePopupOurOnce_r_down {
        height: 50%;
@@ -186,6 +195,7 @@
        display: flex !important;
        align-items: center !important;
        .mobilePopupOurOnce_r_d_in {
          // color: #fff;
          font-size: 17px;
        }
      }