H5-微信、支付宝扫码测试

htmldev/dashboard/public/index.html

@@ -33,19 +33,25 @@
     let documentCtx = document.documentElement
     documentCtx.style.fontSize = documentCtx.clientWidth / 10 + 'px'
   }
+
   // 加载调试工具
   ;(function () {
+    var u = navigator.userAgent
     var host = window.location.host
     var domain = host.substring(0, host.indexOf('.')) || host.substring(0, host.indexOf(':'))
-    var el = document.createElement('script')
-    var src = '//cdn.jsdelivr.net/npm/eruda@2.4.1/eruda.js'
-    el.src = src
+    var erudaEl = document.createElement('script')
+    var aliPayEL = document.createElement('script')
+    erudaEl.src = '//cdn.jsdelivr.net/npm/eruda@2.4.1/eruda.js'
+    aliPayEL.src = '//gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js'
     if (/^0|192|10|localhost|test/.test(domain)) {
-      document.body.appendChild(el)
-      el.onload = function () {
+      document.body.appendChild(erudaEl)
+      erudaEl.onload = function () {
         eruda.init()
       }
     }
+    if (u.toLowerCase().indexOf('alipay') !== -1) {
+      document.body.appendChild(aliPayEL)
+    }
   })()
 </script>
 </html>

htmldev/dashboard/src/views/sell/editTableNum/index.vue

@@ -34,8 +34,9 @@
 </template>
 
 <script>
-import { Form, Button, Field, Icon } from 'vant'
+import { Form, Button, Field, Icon, Toast } from 'vant'
 import wx from 'weixin-js-sdk'
+import { platform } from '../../../utils/platform'
 
 export default {
   name: 'index',
@@ -56,18 +57,37 @@ export default {
       this.showFlag = true
     },
     handleScanQRCode () {
-      wx.scanQRCode({
-        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
-        scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
-        success: function (res) {
-          setTimeout(() => {
-            alert(JSON.stringify(res))
-          }, 1000)
-        },
-        fail: err => {
-          alert('11111-----：' + JSON.stringify(err))
+      const vm = this
+      if (platform.isWeixin) {
+        wx.scanQRCode({
+          needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
+          scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
+          success: function (result) {
+            setTimeout(() => {
+              const { resultStr } = result
+              vm.place_num = resultStr
+            }, 1000)
+          },
+          fail: err => {
+            Toast(JSON.stringify(err))
+          }
+        })
+      } else if (platform.isAlipay) {
+        if (window.AlipayJSBridge) {
+          window.AlipayJSBridge.call('scan', {
+            scanType: ['qrCode', 'barCode'],
+          }, function (result) {
+            const { codeContent } = result
+            if (codeContent) {
+              vm.place_num = codeContent
+            }
+          })
+        } else {
+          Toast('扫码功能不可用，请退出重试')
         }
-      })
+      } else {
+        Toast('扫码功能不可用')
+      }
     },
     onsubmit () {