扫码

components/SearchBox.vue

@@ -11,7 +11,7 @@
 		@confirm="handleSend">
 		<view class="zd-row buttons_wraper">
 			<uni-icons v-show="value.length" class="pdr10" type="clear" size="24" color="#fff" @tap="toDel"></uni-icons>
-			<uni-icons type="scan" size="22" :color="focusState ? '#ff6a00' : '#4e6ef2'" @tap="focusState=true"></uni-icons>
+			<uni-icons type="scan" size="22" color="#4e6ef2" @tap="toScan"></uni-icons>
 		</view>
 	</view>
 </template>
@@ -50,7 +50,49 @@
 				if (e.target.value.length) {
 					this.$emit('handleChange', e.target.value)
 				}
+			},
+			async toScan() {
+				// #ifdef APP-PLUS
+				let status = await this.checkPermission();
+				if (status !== 1) {
+				    return;
+				}
+				// #endif
+				uni.scanCode({
+					success: (res) => {
+						this.$emit('input', res.result)
+						this.$emit('handleChange', res.result)
+					},
+					fail: (err) => {
+						// uni.showToast({
+						// 	title: '出错',
+						// 	icon: 'none'
+						// })
+					}
+				});
 			}
+			// #ifdef APP-PLUS
+			,
+			async checkPermission(code) {
+				let status = permision.isIOS ? await permision.requestIOS('camera') :
+					await permision.requestAndroid('android.permission.CAMERA');
+			
+				if (status === null || status === 1) {
+					status = 1;
+				} else {
+					uni.showModal({
+						content: "需要相机权限",
+						confirmText: "设置",
+						success: function(res) {
+							if (res.confirm) {
+								permision.gotoAppSetting();
+							}
+						}
+					})
+				}
+				return status;
+			}
+			// #endif
 		}
 	}
 </script>