From 8b5d490595032424772a4aa687ea6c2a2d74dd9f Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Wed, 16 Aug 2023 18:37:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=A8=E7=AE=B1=E4=B8=8D=E5=85=81=E8=AE=B8?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SearchBoxMx.vue                   | 88 ++++++++++++++++++++
 pages/WarehouseManage/InStoreConfirm.vue     | 50 ++++++++---
 pages/WarehouseManage/InStoreSplit.vue       | 49 ++++++++---
 pages/WarehouseManage/ReturngoodsInStore.vue | 50 ++++++++---
 pages/WarehouseManage/ScrapInStore.vue       | 49 ++++++++---
 5 files changed, 246 insertions(+), 40 deletions(-)
 create mode 100644 components/SearchBoxMx.vue

diff --git a/components/SearchBoxMx.vue b/components/SearchBoxMx.vue
new file mode 100644
index 0000000..6b0a818
--- /dev/null
+++ b/components/SearchBoxMx.vue
@@ -0,0 +1,88 @@
+<template>
+	<view class="search_wraper">
+		<slot></slot>
+		<view class="buttons_wraper">
+			<view class="iconfont icon_del" @tap="toDel">&#xe6dc;</view>
+			<view class="iconfont icon_scan" :class="{'icon_scan_active': focused === true}" @tap="toScan">&#xe6e2;</view>
+			<view class="iconfont icon_phone" @tap="toPhone">&#xe663;</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import permision from "@/utils/permission.js"
+	export default {
+		props: {
+			focused: {
+				type: Boolean,
+				default: false
+			}
+		},
+		methods: {
+			toDel () {
+				this.$emit('inputDel')
+			},
+			toScan () {
+				this.$emit('inputScan', '')
+			},
+			async toPhone() {
+				// #ifdef APP-PLUS
+				let status = await this.checkPermission();
+				if (status !== 1) {
+				    return;
+				}
+				// #endif
+				uni.scanCode({
+					success: (res) => {
+						this.$emit('toPhone', 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>
+
+<style lang="stylus">
+@import '../common/style/mixin.styl';
+.search_wraper
+	position relative
+	_wh(100%, 70rpx)
+.search_input
+	padding-right: 160rpx;
+.buttons_wraper
+	position absolute
+	top 0
+	right 10rpx
+	_wh(auto, 70rpx)
+	_fj(flex-end)
+.icon_scan_active
+	color $red
+</style>
diff --git a/pages/WarehouseManage/InStoreConfirm.vue b/pages/WarehouseManage/InStoreConfirm.vue
index ee6506c..e9d4e91 100644
--- a/pages/WarehouseManage/InStoreConfirm.vue
+++ b/pages/WarehouseManage/InStoreConfirm.vue
@@ -8,11 +8,9 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box
-						v-model="val1"
-						:focused="true"
-						@handleChange="handleChange"
-						/>
+						<search-box-mx :focused="focused" @inputDel="inputDel" @inputScan="inputScan" @toPhone="toPhone">
+							<input type="text" v-model="val1" class="filter_input search_input" :focus="focused" @input="onKeyInput($event)" @blur="onBlur" @focus="focused = true">
+						</search-box-mx>
 					</view>
 				</view>
 				<view class="filter_item">
@@ -71,11 +69,14 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import SearchBoxMx from '@/components/SearchBoxMx.vue'
+	import permision from "@/utils/permission.js"
 	import {boxQuery, stConfirm, stPrint} from '@/utils/getData2.js'
 	export default {
 		components: {
 			NavBar,
-			SearchBox
+			SearchBox,
+			SearchBoxMx
 		},
 		data() {
 			return {
@@ -84,17 +85,20 @@
 				isV: '0',
 				dataList: [],
 				disabled: false,
-				disabled1: false
+				disabled1: false,
+				focused: true
 			};
 		},
+		mounted () {
+			setTimeout(() => {
+				uni.hideKeyboard()
+			}, 500)
+		},
 		methods: {
 			/** 虚拟库 */
 			isVirtual () {
 				this.isV = this.isV === '0' ? '1' : '0'
 			},
-			handleChange (e) {
-				this._boxQuery(e)
-			},
 			/** 初始化查询 */
 			async _boxQuery (e) {
 				let res = await boxQuery(e, '2')
@@ -141,6 +145,32 @@
 				} catch (e) {
 					this.disabled1 = false
 				}
+			},
+			onKeyInput ($event) {
+				if ($event.target.value.length < 5) {
+					this.$nextTick(function(){
+						this.val1 = ''
+						uni.hideKeyboard()
+					})
+					return
+				}
+				this._boxQuery(this.val1)
+			},
+			onBlur () {
+				this.focused = false
+			},
+			inputDel () {
+				this.val1 = ''
+			},
+			inputScan () {
+				this.focused = true
+				setTimeout(() => {
+					uni.hideKeyboard()
+				}, 300)
+			},
+			toPhone (e) {
+				this.val1 = e
+				this._boxQuery(this.val1)
 			}
 		}
 	}
diff --git a/pages/WarehouseManage/InStoreSplit.vue b/pages/WarehouseManage/InStoreSplit.vue
index a26381d..dc61730 100644
--- a/pages/WarehouseManage/InStoreSplit.vue
+++ b/pages/WarehouseManage/InStoreSplit.vue
@@ -8,11 +8,9 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box
-						v-model="val1"
-						:focused="true"
-						@handleChange="handleChange"
-						/>
+						<search-box-mx :focused="focused" @inputDel="inputDel" @inputScan="inputScan" @toPhone="toPhone">
+							<input type="text" v-model="val1" class="filter_input search_input" :focus="focused" @input="onKeyInput($event)" @blur="onBlur" @focus="focused = true">
+						</search-box-mx>
 					</view>
 				</view>
 				<view class="filter_item">
@@ -71,11 +69,13 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import SearchBoxMx from '@/components/SearchBoxMx.vue'
 	import {boxQuery, stConfirm, stPrint} from '@/utils/getData2.js'
 	export default {
 		components: {
 			NavBar,
-			SearchBox
+			SearchBox,
+			SearchBoxMx
 		},
 		data() {
 			return {
@@ -84,17 +84,20 @@
 				isV: '0',
 				dataList: [],
 				disabled: false,
-				disabled1: false
+				disabled1: false,
+				focused: true
 			};
 		},
+		mounted () {
+			setTimeout(() => {
+				uni.hideKeyboard()
+			}, 500)
+		},
 		methods: {
 			/** 虚拟库 */
 			isVirtual () {
 				this.isV = this.isV === '0' ? '1' : '0'
 			},
-			handleChange (e) {
-				this._boxQuery(e)
-			},
 			/** 初始化查询 */
 			async _boxQuery (e) {
 				let res = await boxQuery(e, '4')
@@ -141,6 +144,32 @@
 				} catch (e) {
 					this.disabled1 = false
 				}
+			},
+			onKeyInput ($event) {
+				if ($event.target.value.length < 5) {
+					this.$nextTick(function(){
+						this.val1 = ''
+						uni.hideKeyboard()
+					})
+					return
+				}
+				this._boxQuery(this.val1)
+			},
+			onBlur () {
+				this.focused = false
+			},
+			inputDel () {
+				this.val1 = ''
+			},
+			inputScan () {
+				this.focused = true
+				setTimeout(() => {
+					uni.hideKeyboard()
+				}, 300)
+			},
+			toPhone (e) {
+				this.val1 = e
+				this._boxQuery(this.val1)
 			}
 		}
 	}
diff --git a/pages/WarehouseManage/ReturngoodsInStore.vue b/pages/WarehouseManage/ReturngoodsInStore.vue
index 95a32cf..ab5cfb6 100644
--- a/pages/WarehouseManage/ReturngoodsInStore.vue
+++ b/pages/WarehouseManage/ReturngoodsInStore.vue
@@ -8,11 +8,9 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box
-						v-model="val1"
-						:focused="true"
-						@handleChange="handleChange"
-						/>
+						<search-box-mx :focused="focused" @inputDel="inputDel" @inputScan="inputScan" @toPhone="toPhone">
+							<input type="text" v-model="val1" class="filter_input search_input" :focus="focused" @input="onKeyInput($event)" @blur="onBlur" @focus="focused = true">
+						</search-box-mx>
 					</view>
 				</view>
 				<view class="filter_item">
@@ -76,11 +74,13 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import SearchBoxMx from '@/components/SearchBoxMx.vue'
 	import {boxQuery, stConfirm} from '@/utils/getData2.js'
 	export default {
 		components: {
 			NavBar,
-			SearchBox
+			SearchBox,
+			SearchBoxMx
 		},
 		data() {
 			return {
@@ -89,19 +89,23 @@
 				val3: '',
 				isV: '0',
 				dataList: [],
-				disabled: false
+				disabled: false,
+				focused: true
 			};
 		},
+		mounted () {
+			setTimeout(() => {
+				uni.hideKeyboard()
+			}, 500)
+		},
 		methods: {
 			/** 虚拟库 */
 			isVirtual () {
 				this.isV = this.isV === '0' ? '1' : '0'
 			},
-			handleChange (e) {
-				this._boxQuery(e)
-			},
 			/** 初始化查询 */
 			async _boxQuery (e) {
+				console.log(11)
 				let res = await boxQuery(e, '3')
 				this.dataList = [...res.data]	
 			},
@@ -127,6 +131,32 @@
 				} catch (e) {
 					this.disabled = false
 				}
+			},
+			onKeyInput ($event) {
+				if ($event.target.value.length < 5) {
+					this.$nextTick(function(){
+						this.val1 = ''
+						uni.hideKeyboard()
+					})
+					return
+				}
+				this._boxQuery(this.val1)
+			},
+			onBlur () {
+				this.focused = false
+			},
+			inputDel () {
+				this.val1 = ''
+			},
+			inputScan () {
+				this.focused = true
+				setTimeout(() => {
+					uni.hideKeyboard()
+				}, 300)
+			},
+			toPhone (e) {
+				this.val1 = e
+				this._boxQuery(this.val1)
 			}
 		}
 	}
diff --git a/pages/WarehouseManage/ScrapInStore.vue b/pages/WarehouseManage/ScrapInStore.vue
index 4ff80e7..fe214ff 100644
--- a/pages/WarehouseManage/ScrapInStore.vue
+++ b/pages/WarehouseManage/ScrapInStore.vue
@@ -8,11 +8,9 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box
-						v-model="val1"
-						:focused="true"
-						@handleChange="handleChange"
-						/>
+						<search-box-mx :focused="focused" @inputDel="inputDel" @inputScan="inputScan" @toPhone="toPhone">
+							<input type="text" v-model="val1" class="filter_input search_input" :focus="focused" @input="onKeyInput($event)" @blur="onBlur" @focus="focused = true">
+						</search-box-mx>
 					</view>
 				</view>
 				<view class="filter_item">
@@ -70,11 +68,13 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import SearchBoxMx from '@/components/SearchBoxMx.vue'
 	import {boxQuery, stConfirm} from '@/utils/getData2.js'
 	export default {
 		components: {
 			NavBar,
-			SearchBox
+			SearchBox,
+			SearchBoxMx
 		},
 		data() {
 			return {
@@ -82,17 +82,20 @@
 				val2: '',
 				isV: '0',
 				dataList: [],
-				disabled: false
+				disabled: false,
+				focused: true
 			};
 		},
+		mounted () {
+			setTimeout(() => {
+				uni.hideKeyboard()
+			}, 500)
+		},
 		methods: {
 			/** 虚拟库 */
 			isVirtual () {
 				this.isV = this.isV === '0' ? '1' : '0'
 			},
-			handleChange (e) {
-				this._boxQuery(e)
-			},
 			/** 初始化查询 */
 			async _boxQuery (e) {
 				let res = await boxQuery(e, '1')
@@ -120,6 +123,32 @@
 				} catch (e) {
 					this.disabled = false
 				}
+			},
+			onKeyInput ($event) {
+				if ($event.target.value.length < 5) {
+					this.$nextTick(function(){
+						this.val1 = ''
+						uni.hideKeyboard()
+					})
+					return
+				}
+				this._boxQuery(this.val1)
+			},
+			onBlur () {
+				this.focused = false
+			},
+			inputDel () {
+				this.val1 = ''
+			},
+			inputScan () {
+				this.focused = true
+				setTimeout(() => {
+					uni.hideKeyboard()
+				}, 300)
+			},
+			toPhone (e) {
+				this.val1 = e
+				this._boxQuery(this.val1)
 			}
 		}
 	}