扫码优化

ghsApp/src/admin/billing/scan.vue

@@ -0,0 +1,269 @@
+<template>
+</template>
+<script>
+	var barcode = null;
+	export default {
+		data() {
+			return {
+				name: '', //要在扫码界面自定义的内容
+				flash: false, //是否打开摄像头
+				type: ''
+
+			};
+		},
+		onLoad(d) {
+			var n = d.text;
+			this.type = d.type;
+			console.log(this.type,'type');
+			// if (n) {
+			// 	this.name = n;
+			// }
+			var pages = getCurrentPages();
+			var page = pages[pages.length - 1];
+			// #ifdef APP-PLUS
+			plus.navigator.setFullscreen(true); //全屏
+			var currentWebview = page.$getAppWebview();
+			this.createBarcode(currentWebview); //创建二维码窗口
+			this.createView(currentWebview); //创建操作按钮及tips界面
+			// #endif
+		},
+		methods: {
+			init(){
+
+			},
+			onmarked(type, result) {
+				var text = '未知: ';
+				switch (type) {
+					case plus.barcode.QR:
+						text = 'QR: ';
+						break;
+					case plus.barcode.EAN13:
+						text = 'EAN13: ';
+						break;
+					case plus.barcode.EAN8:
+						text = 'EAN8: ';
+						break;
+				}
+				plus.navigator.setFullscreen(false);
+				
+				
+				//兄弟传参
+				// this.$eventHub.$emit(this.type, {
+				// 	result: result
+				// });				
+				
+				uni.$emit(this.type, {
+					result: result
+				})
+				console.log(this.type,result,'this.type');
+				uni.navigateBack({
+					delta: 1
+				});
+				barcode.close();
+			},
+			// 创建二维码窗口
+			createBarcode(currentWebview) {
+				//自定义窗口大小
+				//条码类型常量数组，默认情况支持QR、EAN13、EAN8类型。 通过此参数可设置扫码识别支持的条码类型（注意：设置支持的条码类型越多，扫描识别速度可能将会降低）
+				barcode = plus.barcode.create('barcode', [plus.barcode.QR, plus.barcode.EAN13,plus.barcode.EAN8], {
+					top: '0',
+					left: '0',
+					width: '100%',
+					height: '100%',
+					scanbarColor: '#1DA7FF',
+					position: 'static',
+					frameColor: '#1DA7FF'
+				});
+				barcode.onmarked = this.onmarked;
+				barcode.setFlash(this.flash);
+				currentWebview.append(barcode);
+				barcode.start();
+			},
+			// 创建操作按钮及tips
+			createView(currentWebview) {
+				// 创建返回原生按钮
+				var backVew = new plus.nativeObj.View('backVew', {
+						top: '0px',
+						left: '0px',
+						height: '40px',
+						width: '100%'
+					},
+					[{
+						tag: 'img',
+						id: 'backBar',
+						src: 'static/images/backBar.png',
+						position: {
+							top: '2px',
+							left: '3px',
+							width: '35px',
+							height: '35px'
+						}
+					}]);
+				// 创建打开手电筒的按钮
+				var scanBarVew = new plus.nativeObj.View('scanBarVew', {
+						top: '60%',
+						left: '40%',
+						height: '10%',
+						width: '20%'
+
+					},
+					[{
+							tag: 'img',
+							id: 'scanBar',
+							src: 'static/images/scanBar.png',
+							position: {
+								width: '28%',
+								left: '36%',
+								height: '30%'
+							}
+						},
+						{
+							tag: 'font',
+							id: 'font',
+							text: '轻触照亮',
+							textStyles: {
+								size: '10px',
+								color: '#ffffff'
+							},
+							position: {
+								width: '80%',
+								left: '10%'
+							}
+						}
+					]);
+				// 创建展示类内容组件
+				var content = new plus.nativeObj.View('content', {
+						top: '0px',
+						left: '0px',
+						height: '100%',
+						width: '100%'
+
+					},
+					[{
+							tag: 'font',
+							id: 'scanTitle',
+							text: '扫码',
+							textStyles: {
+								size: '18px',
+								color: '#ffffff'
+							},
+							position: {
+								top: '0px',
+								left: '0px',
+								width: '100%',
+								height: '40px'
+							}
+						},
+						{
+							tag: 'font',
+							id: 'scanTips',
+							text: this.name,
+							textStyles: {
+								size: '14px',
+								color: '#ffffff',
+								whiteSpace: 'normal'
+							},
+							position: {
+								top: '90px',
+								left: '10%',
+								width: '80%',
+								height: 'wrap_content'
+
+							}
+						}
+
+					]);
+				backVew.interceptTouchEvent(true);
+				scanBarVew.interceptTouchEvent(true);
+				currentWebview.append(content);
+				currentWebview.append(scanBarVew);
+				currentWebview.append(backVew);
+				backVew.addEventListener("click", function(e) { //返回按钮
+					uni.navigateBack({
+						delta: 1
+					});
+					barcode.close();
+					plus.navigator.setFullscreen(false);
+
+				}, false);
+				var temp = this;
+				scanBarVew.addEventListener("click", function(e) { //点亮手电筒
+					temp.flash = !temp.flash;
+					if (temp.flash) {
+						scanBarVew.draw([{
+								tag: 'img',
+								id: 'scanBar',
+								src: 'static/images/yellow-scanBar.png',
+								position: {
+									width: '28%',
+									left: '36%',
+									height: '30%'
+								}
+							},
+							{
+								tag: 'font',
+								id: 'font',
+								text: '轻触照亮',
+								textStyles: {
+									size: '10px',
+									color: '#ffffff'
+								},
+								position: {
+									width: '80%',
+									left: '10%'
+								}
+							}
+						]);
+					} else {
+						scanBarVew.draw([{
+								tag: 'img',
+								id: 'scanBar',
+								src: 'static/images/scanBar.png',
+								position: {
+									width: '28%',
+									left: '36%',
+									height: '30%'
+								}
+							},
+							{
+								tag: 'font',
+								id: 'font',
+								text: '轻触照亮',
+								textStyles: {
+									size: '10px',
+									color: '#ffffff'
+								},
+								position: {
+									width: '80%',
+									left: '10%'
+								}
+							}
+						])
+					}
+					if (barcode) {
+						barcode.setFlash(temp.flash);
+					}
+				}, false)
+
+			}
+		},
+		onBackPress() {
+			// #ifdef APP-PLUS
+			// 返回时退出全屏
+			barcode.close();
+			console.log("onBackPress");
+			plus.navigator.setFullscreen(false);
+			// #endif
+		},
+		onUnload() {
+			
+			console.log("onUnload");
+			plus.navigator.setFullscreen(false);
+		}
+
+
+	};
+</script>
+
+<style scoped>
+</style>

ghsApp/src/admin/billing/toPay.vue

@@ -64,7 +64,9 @@ export default {
       orderInfo:{orderType:0},
       expire:0,
       T:null,
-      goPay:0
+      goPay:0,
+      textscan: '扫码',
+			typescan: 'scan-listener'
     };
   },
   mounted() {
@@ -80,11 +82,38 @@ export default {
         }
       })
     }
-    //主动发起扫码
+
+    //在微信端，主动发起扫码
+    // #ifdef MP-WEIXIN
     this.beginScan()
+    // #endif
   },
+  onReady() {
+    uni.$on(this.typescan,(data)=>{
+      if (!this.$util.isEmpty(data.result)){
+        this.requestCodePay(data.result)
+      }else{
+        this.$msg('扫码没有成功')
+      }
+    })
+	},
   methods: {
     beginScan(){
+      // #ifdef MP-WEIXIN
+      this.toScan()
+      // #endif
+      // #ifdef APP-PLUS
+      let platformType = uni.getSystemInfoSync().platform
+      if(platformType == 'android'){
+        uni.navigateTo({ url: '/admin/billing/scan?text=' + this.textscan + '&type=' + this.typescan })
+      }else if(platformType == 'ios'){
+        this.toScan()
+      }else{
+        this.$msg('系统错误')
+      }
+      // #endif
+    },
+    toScan(){
       let that = this
       uni.scanCode({
         onlyFromCamera: true,

ghsApp/src/pages.json

@@ -278,6 +278,7 @@
 			"root": "admin/billing",
 			"pages": [
 				{ "path": "index", "style": { "navigationBarTitleText": "开单" } },
+				{ "path": "scan", "style": { "navigationBarTitleText": "扫码","enablePullDownRefresh": false} },
 				{ "path": "customerPlace", "style": { "navigationBarTitleText": "开单" } },
 				{ "path": "result", "style": { "navigationBarTitleText": "开单结果" } },
 				{ "path": "affirm", "style": { "navigationBarTitleText": "确认下单" } },