移动端--盘点--操作优化

pages/stocktake/operate.vue

@@ -14,7 +14,7 @@
             <view class="search-bar row bothSide verCenter">
                 <view class="row verCenter">
                     <text class="iconfont icon-juxing1"></text>
-                    <input class="uni-input" placeholder="请扫描或输入库位" placeholder-style="color:#919399" v-model="searchParams.position_code" @input="handleInput($event, 1)" />
+                    <input class="uni-input" placeholder="请扫描或输入库位" placeholder-style="color:#919399" v-model="searchParams.position_code" @input="handleInput($event, 1)" focus />
                 </view>
                 <text class="iconfont icon-a-juxing11" @click="clearInput(1)" v-if="input_flag"></text>
             </view>
@@ -33,13 +33,13 @@
                 <view class="row verCenter">
                     <text class="iconfont icon-juxing1"></text>
                     <template v-if="index_batch_sn == 0">
-                        <input class="uni-input" placeholder="请输入入库批次号" placeholder-style="color:#919399" v-model="searchParams.stock_in_batch_sn" @input="handleInput($event, 2)" />
+                        <input class="uni-input" placeholder="请输入入库批次号" placeholder-style="color:#919399" v-model="searchParams.stock_in_batch_sn" @input="handleInput($event, 2)" :focus="is_focus" />
                     </template>
                     <template v-else-if="index_batch_sn == 1">
-                        <input class="uni-input" placeholder="请输入货品名称" placeholder-style="color:#919399" v-model="searchParams.goods_name" @input="handleInput($event, 2)" />
+                        <input class="uni-input" placeholder="请输入货品名称" placeholder-style="color:#919399" v-model="searchParams.goods_name" @input="handleInput($event, 2)" :focus="is_focus" />
                     </template>
                     <template v-else-if="index_batch_sn == 2">
-                        <input class="uni-input" placeholder="请输入旧标签" placeholder-style="color:#919399" v-model="searchParams.stock_in_batch_sn" @input="handleInput($event, 2)" maxlength="8" />
+                        <input class="uni-input" placeholder="请输入旧标签" placeholder-style="color:#919399" v-model="searchParams.stock_in_batch_sn" @input="handleInput($event, 2)" maxlength="8" :focus="is_focus" />
                     </template>
                 </view>
                 <text class="iconfont icon-a-juxing11" @click="clearInput(2)" v-if="input_stock_in_batch_sn"></text>
@@ -320,6 +320,7 @@
     export default {
         data() {
             return {
+                is_focus: false, //获取焦点动态化
                 input_flag: false, //库位
                 input_stock_in_batch_sn: false, //入库批次号
                 index: 0,
@@ -632,6 +633,14 @@
                             this.resetChange();
                             this.getData();
                             this.closeDrawer();
+
+                            this.is_focus = false;
+                            setTimeout(() => {
+                                this.searchParams.stock_in_batch_sn = '';
+                                this.searchParams.goods_name = '';
+                                this.is_focus = true;
+                            }, 500);
+
                         }, 2000);
                     } else {
                         uni.showModal({