From a22aa1086eeef39a26cc161326ce09cd183185ea Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Fri, 04 Mar 2022 15:57:47 +0800
Subject: [PATCH] 3.3 1.自定义标签，退出后自动清除 2.自定义标签，转换二维码的数据格式ok，移动端对接二维码ok， 3.自定义标签点击移动到指定位置 ok 4.面板自适应高度 4.更换定位依赖，自定义标签扫码入移动端可以定位并显示路线

---
 src/components/map/components/mapPopup.vue |   69 ++++++++++++++++++++++++++++++++--
 1 files changed, 65 insertions(+), 4 deletions(-)

diff --git a/src/components/map/components/mapPopup.vue b/src/components/map/components/mapPopup.vue
index 1d5704e..f1a6e25 100644
--- a/src/components/map/components/mapPopup.vue
+++ b/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>

--
Gitblit v1.9.3