微信支付宝 收款二维码预览

src/views/agent/payInfoSetting.vue

@@ -58,6 +58,8 @@
                                     <p>预览支付二维码</p>
                                 </div>
                                 <div class="preview-content">
+                                    <span v-if="!payinfo.appid || !payinfo.apiv2 || !payinfo.mch_id" class="desc_title">请先配置收款信息</span>
+                                    <span v-if="payinfo.qrcode_error" class="desc_title">{{ payinfo.qrcode_error }}</span>
                                     <!-- 有二维码的情况 -->
                                     <QrCode v-if="qrCodeDataUrl" :imageUrl="qrCodeDataUrl" text="微信扫码支付">
                                         <div class="flex gap8" slot="desc">
@@ -65,8 +67,6 @@
                                             <span class="qrcode-title ft12">微信扫码支付</span>
                                         </div>
                                     </QrCode>
-                                    <span v-else class="desc_title">暂未配置</span>
-
                                 </div>
                             </div>
                         </div>
@@ -113,7 +113,15 @@
                                     <p>预览支付二维码</p>
                                 </div>
                                 <div class="preview-content">
-
+                                    <span v-if="!payinfo.account" class="desc_title">请先配置收款信息</span>
+                                    <span v-if="payinfo.qrcode_error" class="desc_title">{{ payinfo.qrcode_error }}</span>
+                                    <!-- 有二维码的情况 -->
+                                    <QrCode v-if="qrCodeDataUrl" :imageUrl="qrCodeDataUrl" text="支付宝扫码支付">
+                                        <div class="flex gap8" slot="desc">
+                                            <img style="width: 16px;" src="@/assets/pay/pay_3.svg" alt="">
+                                            <span class="qrcode-title ft12" style="color: #006AFF;">支付宝扫码支付</span>
+                                        </div>
+                                    </QrCode>
                                 </div>
                             </div>
                         </div>
@@ -223,16 +231,19 @@ export default {
         store.commit('SET_PAGETITLE', '支付授权');
 
         this.getPayment();
-        // 模拟生成二维码
-        QRCode.toDataURL('https://your-payment-link.com')
+        
+    },
+    methods: {
+        getQrCodeUrl(mydata) {
+            // 模拟生成二维码
+            QRCode.toDataURL(mydata)
             .then(url => {
                 this.qrCodeDataUrl = url
             })
             .catch(err => {
                 console.error(err)
             })
-    },
-    methods: {
+        },
         getPayment() {
             this.$http('POST', '/agentnew/ajax_get_payinfo', {
                 payid: this.$route.query.payid,
@@ -244,6 +255,13 @@ export default {
                 this.$nextTick(() => {
                     this.payinfo = response.data
                     this.payType = response.data.type
+                    if (this.payType == PAY_TYPE_WEIXIN && response.data.qrcode_url) {
+                        this.getQrCodeUrl(response.data.qrcode_url);
+                    }
+                    if (this.payType == PAY_TYPE_ALIPAY && response.data.qrcode_url) {
+                        this.getQrCodeUrl(response.data.qrcode_url);
+                    }
+                    
                     if (this.payType == PAY_TYPE_TAOBAO || this.payType == PAY_TYPE_JINGDONG) {
                         this.confirmText = '去授权';
                     } else if (this.payType == PAY_TYPE_PDD) {