From f3451a3357c3461be4edde2744f402bdbbe764f6 Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Fri, 9 May 2025 15:26:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=BA=97=E9=93=BA=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=94=9F=E6=88=90=E5=BA=97=E9=93=BA=E4=BA=8C?=
 =?UTF-8?q?=E7=BB=B4=E7=A0=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在店铺管理页面中新增二维码按钮，点击后弹出对话框显示微信扫码访问的二维码。该功能方便用户通过微信快速访问店铺页面。
---
 src/views/cabinet/shop/index.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/views/cabinet/shop/index.vue b/src/views/cabinet/shop/index.vue
index 9a225d9..947e499 100644
--- a/src/views/cabinet/shop/index.vue
+++ b/src/views/cabinet/shop/index.vue
@@ -8,8 +8,10 @@ import Delete from "@iconify-icons/ep/delete";
 import AddFill from "@iconify-icons/ri/add-circle-line";
 import Search from "@iconify-icons/ep/search";
 import Refresh from "@iconify-icons/ep/refresh";
+import Qrcode from "@iconify-icons/ep/iphone";
 import { ElMessage, ElMessageBox } from "element-plus";
 import ShopFormModal from "./shop-form-modal.vue";
+import ReQrcode from "@/components/ReQrcode";
 
 defineOptions({
   name: "Shop"
@@ -113,6 +115,14 @@ const handleEdit = (row: ShopDTO) => {
   editVisible.value = true;
 };
 
+const qrVisible = ref(false);
+const currentShopId = ref<number>(null);
+
+const showQrCode = (shopId: number) => {
+  currentShopId.value = shopId;
+  qrVisible.value = true;
+};
+
 getList();
 </script>
 
@@ -153,6 +163,9 @@ getList();
             <el-button type="primary" link :icon="useRenderIcon(EditPen)" @click="handleEdit(row)">
               编辑
             </el-button>
+            <el-button type="success" link :icon="useRenderIcon(Qrcode)" @click="showQrCode(row.shopId)">
+              二维码
+            </el-button>
             <el-popconfirm :title="`确认删除【${row.shopName}】？`" @confirm="handleDelete(row)">
               <template #reference>
                 <el-button type="danger" link :icon="useRenderIcon(Delete)">
@@ -170,5 +183,12 @@ getList();
     <ShopFormModal :visible="modalVisible" @update:visible="val => modalVisible = val" @refresh="handleRefresh" />
     <ShopFormModal :visible="editVisible" :row="currentRow" @update:visible="val => editVisible = val"
       @refresh="handleRefresh" />
+    <el-dialog v-model="qrVisible" title="微信扫码访问" width="300px">
+      <div class="flex flex-col items-center">
+        <ReQrcode :text="`http://wxshop.ab98.cn/shop-api/api/shop/wechatAuth?shopId=${currentShopId}`"
+          :options="{ width: 200 }" />
+        <div class="mt-2 text-sm text-gray-500">微信扫码访问</div>
+      </div>
+    </el-dialog>
   </div>
 </template>
\ No newline at end of file