feat(店铺管理): 添加生成店铺二维码功能

在店铺管理页面中新增二维码按钮，点击后弹出对话框显示微信扫码访问的二维码。该功能方便用户通过微信快速访问店铺页面。

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>