3.3 1.自定义标签，退出后自动清除 2.自定义标签，转换二维码的数据格式ok，移动端对接二维码ok， 3.自定义标签点击移动到指定位置 ok 4....

liuyg

2022-03-04 a22aa1086eeef39a26cc161326ce09cd183185ea

 src/components/map/components/mapPopup.vue

@@ -261,6 +261,46 @@
          </div>
        </div>
      </div>

      <div v-if="labelLayerDataShow" class="divForms-dom" id="labelLayerid">
        <div style="width: 100%; height: 100%">
          <div class="divForms divForms-theme">
            <div class="divForms-wrap">
              <div class="area">
                <div class="arrow-lt"></div>
                <div class="b-t"></div>
                <div class="b-r"></div>
                <div class="b-b"></div>
                <div class="b-l"></div>
                <div class="arrow-rb"></div>
                <div class="label-wrap">
                  <div class="title">
                    {{ nowlabelLayerData.name }} &nbsp; 二维码分享
                    <img
                      @click="closelabelLayerid"
                      class="close-box"
                      src="/img/navicon/close.png"
                      alt
                    />
                  </div>
                  <div class="add-tag-content" style="height: 250px">
                    <!-- data:image/png;base64, -->
                    <img
                      :src="nowlabelLayerData.qrcode"
                      alt=""
                      class="labelLayeridewm"
                      style="width:250px,height:250px"
                    />
                  </div>
                </div>
              </div>
              <div class="b-t-l"></div>
              <div class="b-b-r"></div>
            </div>
            <div class="arrow"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- 二维码弹框相关 -->
@@ -367,10 +407,13 @@
      "teachList",
      // 科研
      "liveList",
      // 社区内导航的显示关闭
      // 校区内导航的显示关闭
      "campusNavFlag",
      "addTagPopup",
      "addTagPosition",
      //自定义标签弹窗
      "labelLayerDataShow",
      "nowlabelLayerData",
    ]),
  },
  created() {
@@ -387,6 +430,12 @@
  },
  mounted() {},
  watch: {
    addTagPopup() {
      if (!this.addTagPopup) {
        // console.log("取消", "see");
        this.$store.commit("set_closeMapClick", false);
      }
    },
    introduceText: {
      immediate: true,
      handler(newQuestion, oldQuestion) {
@@ -533,7 +582,11 @@
    closeAddTagBox() {
      this.$store.commit("SET_ADDTAGPOPUP", false);
    },

    closelabelLayerid() {
      this.$store.commit("openLabelLayer", {
        show: false,
      });
    },
    createTag() {
      var that = this;

@@ -576,7 +629,10 @@
        that.addTagName = "";
      });
      let doit = () => {
        that.$store.commit("addLabelLayerIcon", { list: [data], add: true });
        that.$store.dispatch("addLabelLayerIcon", {
          // list: [data],
          add: true,
        });
        // const divIcon = new this.DC.DivIcon(
        //   new that.DC.Position(
        //     Number(that.addTagPosition.lng),
@@ -693,4 +749,9 @@
};
</script>

<style></style>
<style>
.labelLayeridewm {
  width: 250px !important;
  height: 250px !important;
}
</style>