From 9f7b52e81c7d06a290520834febfe21aeacf021c Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期三, 30 七月 2025 17:19:30 +0800
Subject: [PATCH] 商品,视频,大健康,厨神二维码

---
 manager/src/views/goods/goods-info/goods.vue |  102 ++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 81 insertions(+), 21 deletions(-)

diff --git a/manager/src/views/goods/goods-info/goods.vue b/manager/src/views/goods/goods-info/goods.vue
index 7dd86dd..66c568b 100644
--- a/manager/src/views/goods/goods-info/goods.vue
+++ b/manager/src/views/goods/goods-info/goods.vue
@@ -100,30 +100,31 @@
 
             <div style="margin-left: 13px">
               <div class="div-zoom">
-                <a @click="linkTo(row.id, row.skuId)">{{ row.goodsName }}</a>
+                {{ row.goodsName }}
               </div>
-              <Poptip trigger="hover" title="鎵爜鍦ㄦ墜鏈轰腑鏌ョ湅" transfer>
-                <div slot="content">
-                  <vue-qr
-                    :text="wapLinkTo(row.id, row.skuId)"
-                    :margin="0"
-                    colorDark="#000"
-                    colorLight="#fff"
-                    :size="150"
-                  ></vue-qr>
-                </div>
-                <img
-                  src="../../../assets/qrcode.svg"
-                  class="hover-pointer"
-                  width="20"
-                  height="20"
-                  alt=""
-                />
-              </Poptip>
             </div>
           </div>
         </template>
       </Table>
+      <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>
       <Row type="flex" justify="end" class="mt_10">
         <Page
           :current="searchForm.pageNumber"
@@ -161,7 +162,7 @@
 </template>
 
 <script>
-import { getGoodsListData, upGoods, lowGoods } from "@/api/goods";
+import { getGoodsListData, upGoods, lowGoods ,getGoodsFirstSkuId } from "@/api/goods";
 import {getSts} from '@/api/file'
 import vueQr from "vue-qr";
 export default {
@@ -171,6 +172,11 @@
   name: "goods",
   data() {
     return {
+      showGeneralQrCode:false,
+      QRCodeUrl:'',
+      codeUrl: this.QRcodeBaseUrl+ '/scanpage/goods',
+      codeLoading:false,
+
       id: "", //瑕佹搷浣滅殑id
       loading: true, // 琛ㄥ崟鍔犺浇鐘舵��
       modalVisible: false, // 娣诲姞鎴栫紪杈戞樉绀�
@@ -274,7 +280,7 @@
           key: "action",
           align: "center",
           fixed: "right",
-          width: 150,
+          width: 220,
           render: (h, params) => {
             if (params.row.marketEnable == "DOWN") {
               return h("div", [
@@ -299,6 +305,9 @@
                 h(
                   "Button",
                   {
+                    style: {
+                      marginRight: "5px",
+                    },
                     props: {
                       size: "small",
                     },
@@ -310,6 +319,20 @@
                   },
                   "鏌ョ湅"
                 ),
+                h(
+                  "Button",
+                  {
+                    props: {
+                      size: "small",
+                    },
+                    on: {
+                      click: () => {
+                        this.generalQrCode(params.row);
+                      },
+                    },
+                  },
+                  "鐢熸垚浜岀淮鐮�"
+                )
               ]);
             } else {
               return h("div", [
@@ -334,6 +357,9 @@
                 h(
                   "Button",
                   {
+                    style: {
+                      marginRight: "5px",
+                    },
                     props: {
                       size: "small",
                     },
@@ -345,6 +371,21 @@
                   },
                   "鏌ョ湅"
                 ),
+                h(
+                  "Button",
+                  {
+                    props: {
+                      type: "error",
+                      size: "small",
+                    },
+                    on: {
+                      click: () => {
+                        this.generalQrCode(params.row);
+                      },
+                    },
+                  },
+                  "鐢熸垚浜岀淮鐮�"
+                )
               ]);
             }
           },
@@ -355,6 +396,25 @@
     };
   },
   methods: {
+    closeGeneralQrCode(){
+      this.showGeneralQrCode = false;
+    },
+    generalQrCode(row){
+      this.QRCodeUrl = '';
+      this.showGeneralQrCode = true
+      this.codeLoading = true;
+
+      //鑾峰緱鍟嗗搧瀵瑰簲鐨勭涓�涓猻kuid
+      getGoodsFirstSkuId(row.id).then(res =>{
+        this.codeLoading = false;
+
+        if (res.code){
+          this.QRCodeUrl = this.codeUrl + "?id="+ res.result +"&goodsId=" + row.id
+        }
+      })
+
+    },
+
     // 鍒濆鍖栨暟鎹�
     init() {
       this.getDataList();

--
Gitblit v1.8.0