feat: 导航二维码

src/views/Guide/Guide.vue

@@ -72,6 +72,7 @@ function onClickDeviceSite() {
   window.Map_QM.onShowDeviceSite()
 }
 function handleMapIcon(item, index) {
+  store.SET_SHOP(null)
   clearTimeout(mapIconTimer.value)
   window.Map_QM.changeStateShopPro(false)
   mapIdx.value = index

src/views/Nav/children/PassShop.vue

@@ -8,6 +8,12 @@
           请您面向屏幕
         </p>
       </div>
+      <div class="qrcode-wrapper">
+        <QRCodeFromText
+          :text="`https://cdn.1000my.cn/qrcode/5aae5c33-cb8e-4737-b243-ed735bce68e2/?e=${shop.houseNumber}&s=${currentFloor.floorOrder}_${currentFloor.location}_屏幕的位置`"
+          :size="88"
+        ></QRCodeFromText>
+      </div>
     </div>
     <div class="right">
       <div class="top">
@@ -61,6 +67,7 @@
 
 <script setup>
 import ScrollView from '@/base/ScrollView/ScrollView.vue'
+import QRCodeFromText from '@/components/QRCodeFromText/QRCodeFromText.vue'
 
 defineProps({
   shop: {
@@ -99,6 +106,7 @@ defineProps({
   .left {
     display: flex;
     flex-direction: column;
+    align-items: center;
     width: 360px;
     background: rgba(255, 255, 255, 0.4);
     .dir {
@@ -126,7 +134,16 @@ defineProps({
         }
       }
     }
-
+    .qrcode-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 180px;
+      height: 192px;
+      background: center / cover no-repeat url(./qrcodeBg.png);
+      margin-top: 29px;
+      padding-top: 39px;
+    }
     .floor {
       font-weight: 700;
       font-family: 'font_bold';