+,请求数据，弹框显示，优化代码长度

liuyg

2021-12-21 81773ab04fd259e893c2d7f08dbdc9be772d01c4

 src/components/mobileWindow/index.vue

@@ -4,41 +4,55 @@
    v-show="!MobileWindowsHide"
    id="mobile-map_content_content"
  >
    <div class="mobile-popup-imgs-heard">
      <img :src="url" alt="" />
      <el-image
        style="width: 100px; height: 100px"
        :src="url"
        id="mobileBigImgs"
        v-show="false"
        :preview-src-list="srcList"
      >
      </el-image>
      <!-- <div>{{ query.query }}</div> -->
      <div class="mobileBig-center-our">
        <div
          v-for="(item, index) in center"
          :key="index"
          class="mobileBig-center"
    <div class="mobiletitle">{{ title }}</div>
    <div class="mobilelabel-content">
      <div class="mobile-popup-imgs-heard">
        <div class="mobile-popup-imgs-h-close">
          <i class="el-icon-circle-close icon" @click="closeWindow"></i>
        </div>
        <img :src="url" alt="" />
        <el-image
          style="width: 100px; height: 100px"
          :src="url"
          id="mobileBigImgs"
          v-show="false"
          :preview-src-list="srcList"
        >
          <div class="m-c-title">{{ item.name }}：</div>
          <span class="m-c-center">{{ item.value }}</span>
        </el-image>
        <!-- <div>{{ query.query }}</div> -->
        <div class="mobileBig-center-our">
          <div
            v-for="(item, index) in center"
            :key="index"
            class="mobileBig-center"
          >
            <div class="m-c-title">{{ item.name }}：</div>
            <span class="m-c-center">{{ item.value }}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="mobile-popup-control">
      <div v-for="(item, index) in seebut" :key="index">
        <el-link
          icon="el-icon-map-location"
          class="mobilePopupOurOnce_r_d_in"
          @click="openOnce(item.name)"
          >{{ item.name }}</el-link
        >
        <el-divider
          direction="vertical"
          class="mobilePopupOurOnce_r_d_in"
          v-if="index != seebut.length - 1"
        ></el-divider>
      <div class="mobile-popup-control">
        <div v-for="(item, index) in seebut" :key="index">
          <el-link
            :icon="
              item.name == '实景'
                ? 'el-icon-place'
                : item.name == '图集'
                ? 'el-icon-data-board'
                : item.name == '去这'
                ? 'el-icon-finished'
                : ''
            "
            class="mobilePopupOurOnce_r_d_in"
            @click="openOnce(item.name)"
            >{{ item.name }}</el-link
          >
          <el-divider
            direction="vertical"
            class="mobilePopupOurOnce_r_d_in"
            v-if="index != seebut.length - 1"
          ></el-divider>
        </div>
      </div>
    </div>
  </div>
@@ -71,11 +85,23 @@
          this.seebut.push({
            name: "去这",
          });
        } else {
          this.seebut = [
            {
              name: "实景",
            },
            {
              name: "图集",
            },
            {
              name: "去这",
            },
          ];
        }
        this.center = [];
        for (let k in this.query.query) {
          for (let n in this.getCenter) {
            if (k == this.getCenter[n].name) {
            if (k == this.getCenter[n].name && this.query.query[k]) {
              this.center.push({
                name: this.getCenter[n].value,
                value: this.query.query[k] ? this.query.query[k] : "暂无",
@@ -97,6 +123,14 @@
          name: "telePhone",
          value: "电话",
        },
        {
          name: "address",
          value: "地址",
        },
        {
          name: "introduce",
          value: "详情",
        },
      ],
      title: "",
      fullscreenLoading: false,
@@ -104,12 +138,7 @@
      positions: "",
      srcList: [],
      seebut: [],
      center: [
        {
          name: "网址",
          value: "123",
        },
      ],
      center: [],
    };
  },
  methods: {
@@ -119,12 +148,20 @@
      if (val == "去这") {
        //定位
      } else if (val == "实景") {
        this.$store.commit("MSET_OPENMOBILEPANORAMA", true);
        this.$store.commit(
          "MSET_OPENMOBILEPANORAMA",
          "https://www.kuleiman.com/110487/index.html?m=1"
        );
      } else if (val == "图集") {
        let imgsDom = document.getElementById("mobileBigImgs");
        imgsDom.click();
      }
    },
    closeWindow() {
      if (!this.MobileWindowsHide) {
        this.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
      }
    },
  },
};
</script>