搜索获取焦点

common/style/layout.css

@@ -59,6 +59,11 @@ uni-button:after {
 	line-height: 70rpx;
 	color: #323232;
 }
+.icon_del {
+	font-size: 48rpx;
+	line-height: 70rpx;
+	color: #323232;
+}
 .icon_search {
 	color: #323232;
 	line-height: 70rpx;

components/SearchBox.vue

@@ -4,8 +4,10 @@
 		type="text" 
 		class="filter_input search_input" 
 		:value="value"
+		:focus="focused"
 		@input="handleChange($event)">
 		<view class="buttons_wraper">
+			<span class="iconfont icon-del" @tap="toDel">&#xe6dc;</span>
 			<span class="iconfont icon_scan" @tap="toScan">&#xe6e2;</span>
 			<span v-show="seaShow" class="iconfont icon_search" @tap="toSearch">&#xe6e1;</span>
 		</view>
@@ -27,9 +29,13 @@
 		props: {
 			value: String,
 			seaShow: {
-			      type: Boolean,
+			  type: Boolean,
-			      default: false
+			  default: false
-			    },
+			},
+			focused: {
+				type: Boolean,
+				default: false
+			}
 		},
 		methods: {
 			handleChange ($event) {
@@ -40,6 +46,9 @@
 			toSearch () {
 				this.$emit('toSearch', this.cur)
 			},
+			toDel () {
+				this.$emit('input', '')
+			},
 			async toScan() {
 				// #ifdef APP-PLUS
 				let status = await this.checkPermission();
@@ -92,7 +101,7 @@
 	position relative
 	_wh(100%, 70rpx)
 .search_input
-	padding-right: 140rpx;
+	padding-right: 160rpx;
 .buttons_wraper
 	position absolute
 	top 0

pages/WarehouseManage/CustomerLabelPrint.vue

@@ -10,6 +10,7 @@
 					<view class="filter_input_wraper">
 						<search-box
 						v-model="val1"
+						:focused="true"
 						@handleChange="handleChange"
 						/>
 					</view>

pages/WarehouseManage/InStoreConfirm.vue

@@ -10,6 +10,7 @@
 					<view class="filter_input_wraper">
 						<search-box
 						v-model="val1"
+						:focused="true"
 						@handleChange="handleChange"
 						/>
 					</view>

pages/WarehouseManage/ProdDeliveryConfirm.vue

@@ -8,7 +8,7 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box v-model="val1" @handleChange="handleChange1" 
+						<search-box v-model="val1" :focused="true" @handleChange="handleChange1" 
 						/>
 					</view>
 				</view>

pages/WarehouseManage/ReturngoodsInStore.vue

@@ -10,6 +10,7 @@
 					<view class="filter_input_wraper">
 						<search-box
 						v-model="val1"
+						:focused="true"
 						@handleChange="handleChange"
 						/>
 					</view>

pages/WarehouseManage/ScrapInStore.vue

@@ -10,6 +10,7 @@
 					<view class="filter_input_wraper">
 						<search-box
 						v-model="val1"
+						:focused="true"
 						@handleChange="handleChange"
 						/>
 					</view>

pages/WarehouseManage/XuniDelivery.vue

@@ -8,7 +8,7 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box v-model="val1" @handleChange="handleChange1" 
+						<search-box v-model="val1" :focused="true" @handleChange="handleChange1" 
 						/>
 					</view>
 				</view>

pages/WarehouseManage/XuniDeliveryConfirm.vue

@@ -8,7 +8,7 @@
 						<span class="filter_label">木箱</span>
 					</view>
 					<view class="filter_input_wraper">
-						<search-box v-model="val1" 
+						<search-box v-model="val1" :focused="true" 
 						/>
 					</view>
 				</view>