盘点明细

pages/WarehouseManage/CheckDtl.vue

@@ -8,11 +8,9 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box
-						v-model="val1"
-						:focused="focusedStatus"
-						@handleChange="handleChange"
-						/>
+						<search-box-mx :focused="focused" @inputDel="inputDel" @inputScan="inputScan" @toPhone="toPhone">
+							<input type="text" class="filter_input search_input" v-model="val1" :focus="focused" @input="onKeyInput" @focus="onFocus" @blur="onBlur">
+						</search-box-mx>
 					</view>
 				</view>
 				<view class="filter_item">
@@ -104,16 +102,16 @@
 
 <script>
 	import NavBar from '@/components/NavBar.vue'
-	import SearchBox from '@/components/SearchBox.vue'
+	import SearchBoxMx from '@/components/SearchBoxMx.vue'
 	import {checkQueryDtl, checkexception, checknormal} from '@/utils/getData1.js'
 	export default {
 		components: {
 			NavBar,
-			SearchBox
+			SearchBoxMx
 		},
 		data() {
 			return {
-				focusedStatus: true,
+				focused: true,
 				modelShow: false,
 				value: '1',
 				val0: '',
@@ -145,6 +143,41 @@
 			// this._checkQueryDtl()
 		},
 		methods: {
+			onKeyInput (event) {
+				var value = event.detail.value
+				value=value.replace(/[^\w\.\/]/ig,'')
+				if (value.length !== 14) {
+				    this.$nextTick(() => {
+						this.val1 = ''
+					})
+					uni.hideKeyboard()
+					return
+				}
+				uni.hideKeyboard()
+				this._checkQueryDtl(e)
+			},
+			onFocus () {
+				this.focused = true
+				setTimeout(() => {
+					uni.hideKeyboard()
+				}, 300)
+			},
+			onBlur () {
+				this.focused = false
+			},
+			inputDel () {
+				this.val1 = ''
+			},
+			inputScan () {
+				this.focused = true
+				setTimeout(() => {
+					uni.hideKeyboard()
+				}, 300)
+			},
+			toPhone (e) {
+				this.val1 = e
+				this._checkQueryDtl(e)
+			},
 			goIn () {
 				uni.navigateTo({
 					url: `/pages/WarehouseManage/CheckList`
@@ -197,7 +230,7 @@
 					this.val1 = ''
 					this.val2 = ''
 					this.val3 = ''
-					this.focusedStatus = true
+					this.focused = true
 					uni.showToast({
 						title: res.message,
 						icon: 'none'
@@ -218,7 +251,7 @@
 					this.val1 = ''
 					this.val2 = ''
 					this.val3 = ''
-					this.focusedStatus = true
+					this.focused = true
 					uni.showToast({
 						title: res.message,
 						icon: 'none'