From 18f2f183b1b50f36e810dad2c8c7aebd69366bcb Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期五, 26 九月 2025 17:29:47 +0800
Subject: [PATCH] 会员二维码跳转绑定，列表显示

---
 manager/src/views/seller/shop/shopList.vue |   69 ++++++++++++++++++++++++++++++++++
 1 files changed, 68 insertions(+), 1 deletions(-)

diff --git a/manager/src/views/seller/shop/shopList.vue b/manager/src/views/seller/shop/shopList.vue
index b2a4905..96cd8c5 100644
--- a/manager/src/views/seller/shop/shopList.vue
+++ b/manager/src/views/seller/shop/shopList.vue
@@ -42,6 +42,27 @@
         <Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]"
           size="small" show-total show-elevator show-sizer></Page>
       </Row>
+
+      <Modal
+        v-model="showGeneralQrCode"
+        title="浜岀淮鐮�"
+        width="800"
+        :mask-closable="false"
+        :loading="codeLoading"
+      >
+        <vue-qr
+          :text="QRCodeUrl"
+          :margin="0"
+          colorDark="#000"
+          colorLight="#fff"
+          :size="150"
+        ></vue-qr>
+        <div slot="footer">
+          <Button type="text" @click="closeGeneralQrCode">鍏抽棴</Button>
+          <!--          <Button type="primary" @click="generalQrCode">纭</Button>-->
+        </div>
+      </Modal>
+
     </Card>
   </div>
 </template>
@@ -53,10 +74,20 @@
   enableBrand,
   shopAudit,
 } from "@/api/shops";
+import vueQr from "vue-qr";
 export default {
+  components:{
+    "vue-qr": vueQr,
+  },
   name: "shop",
   data() {
     return {
+      QRCodeUrl:"",
+      showGeneralQrCode:false,
+      codeLoading:false,
+
+      codeUrl: this.QRcodeBaseUrl+ '/scanpage/my',
+
       loading: true, // 琛ㄥ崟鍔犺浇鐘舵��
       searchForm: {
         // 鎼滅储妗嗗垵濮嬪寲瀵硅薄
@@ -148,6 +179,7 @@
           fixed: "right",
           render: (h, params) => {
             let enableOrDisable = "";
+            let qrCodeButton = "";
             if (params.row.storeDisable == "OPEN") {
               enableOrDisable = h(
                 "Button",
@@ -165,8 +197,28 @@
                     },
                   },
                 },
-                "鍏抽棴"
+                "鍏抽棴",
               );
+              qrCodeButton = h(
+                "Button",
+                {
+                  props: {
+                    type: "warning",
+                    size: "small",
+                    ghost: true
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.generalQrCode(params.row);
+                    },
+                  },
+                },
+                "浜岀淮鐮�"
+              );
+
             } else if (params.row.storeDisable == "CLOSED") {
               enableOrDisable = h(
                 "Button",
@@ -224,6 +276,7 @@
                   },
                   "淇敼"
                 ),
+
               ]);
             }
 
@@ -284,7 +337,9 @@
                 },
                 "淇敼"
               ),
+
               enableOrDisable,
+              qrCodeButton,
             ]);
           },
         },
@@ -296,6 +351,18 @@
   },
 
   methods: {
+    closeGeneralQrCode(){
+      this.showGeneralQrCode = false;
+      this.QRCodeUrl = '';
+    },
+    generalQrCode(row){
+      this.QRCodeUrl = '';
+      this.showGeneralQrCode = true
+      this.codeLoading = true;
+
+      this.QRCodeUrl = this.codeUrl + "?shareStoreId="+ row.id;
+
+    },
     // 鍥炶皟缁欑埗绾�
     callback(val) {
       this.$emit("callback", val);

--
Gitblit v1.8.0