H5-商品

htmldev/dashboard/src/App.vue

@@ -24,6 +24,7 @@
 
 <script>
 import { Tabbar, TabbarItem } from 'vant'
+import { WxConfig } from './utils/wxConfig'
 
 export default {
   name: 'App',
@@ -45,6 +46,7 @@ export default {
     }
   },
   async created () {
+    console.log(WxConfig())
     await this.$store.dispatch('common/fetchBarList')
   },
   mounted () {

htmldev/dashboard/src/utils/wxConfig.js

@@ -0,0 +1,34 @@
+import request from '../api/request'
+import wx from 'weixin-js-sdk'
+
+const wxJs = () => request({
+  method: 'GET',
+  url: '/api/wechat/account/config',
+  params: {
+    url: location.href,
+    officialAccountCode: 'tingbang' //  写死
+  }
+})
+
+export const WxConfig = async () => {
+  const { appId, timestamp, nonceStr, signature } = await wxJs()
+  let wxParam = {
+    debug: false,
+    appId: appId,
+    timestamp: timestamp,
+    nonceStr: nonceStr,
+    signature: signature,
+    jsApiList: [
+      'checkJsApi',
+      'openLocation',
+      'getLocation',
+      'updateAppMessageShareData',
+      'updateTimelineShareData',
+      'onMenuShareAppMessage',
+      'onMenuShareTimeline',
+      'hideMenuItems',
+      'scanQRCode']
+  }
+  wx.config(wxParam)
+  return wx
+}

htmldev/dashboard/src/views/place/list/api/index.js

@@ -29,15 +29,3 @@ export const apiPlacePreOrder = (postData) => request({
   url: '/api/v1/user/preorder/create',
   data: postData
 })
-
-/**
- * 获取公众号支付配置
- */
-export const apiWxPayConfig = () => request({
-  method: 'GET',
-  url: '/api/wechat/account/config',
-  params: {
-    url: location.href,
-    officialAccountCode: 'tingbang' //  写死
-  }
-})

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

@@ -11,7 +11,10 @@
         size="30px"
         @click="showFlag = false"/>
       <div class="input-type">
-        <van-button type="default">扫码桌号</van-button>
+        <van-button
+          type="default"
+          @click="handleScanQRCode">扫码桌号
+        </van-button>
         <van-button class="active" type="default">手动输入</van-button>
       </div>
       <van-field
@@ -32,6 +35,7 @@
 
 <script>
 import { Form, Button, Field, Icon } from 'vant'
+import wx from 'weixin-js-sdk'
 
 export default {
   name: 'index',
@@ -51,6 +55,16 @@ export default {
     init () {
       this.showFlag = true
     },
+    handleScanQRCode () {
+      wx.scanQRCode({
+        needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
+        scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
+        success: function (res) {
+          var result = res.resultStr // 当needResult 为 1 时，扫码返回的结果
+          alert(result)
+        }
+      })
+    },
     onsubmit () {
 
     }