#

whycq

2023-10-01 d8a7f043c793e911d6e85b99373c2db26a01f6ad

 pages/component/demo.vue

@@ -1,10 +1,18 @@
<template>
   <view>
      <z-input v-for="it in zInputList" :desc="it.desc" :btn="it.btn" :btn-name="it.btnName" v-model="it.val" :lenCheck="it.lenCheck"></z-input>
      <z-input v-for="it in zInputList" 
         :desc="it.desc" :btn="it.btn" :btn-name="it.btnName" v-model="it.val" 
         :lenCheck="it.lenCheck" :focus="it.focus" @clickBtn='entry(it.name)'>
      </z-input>
      <view>输入框1</view>
      <view>{{zInputList[0].val}}</view>
      <view>输入框2</view>
      <view>{{zInputList[1].val}}</view>
      <view>输入框2</view>
      <view>{{zInputList[2].val}}</view>
      <button @click="focus">focus</button>
      <hr>
      <z-data-list></z-data-list>
   </view>
</template>

@@ -13,12 +21,42 @@
      data() {
         return {
            zInputList: [ 
               {name: 'yyy',desc: '托盘码',val: '2',lenCheck: 8},
               {name: 'yyy',desc: '物料码',btn: true,btnName: '提取',placeholder: '',val: '1'}
               {name: 'ccc',desc: '订单号',btn: true,btnName: '阿斯顿',val: 'orderNo',focus: true},
               {name: 'yyy',desc: '托盘码',val: '2',lenCheck: 8,focus: false},
               {name: 'aaa',desc: '物料码',btn: true,btnName: '提取',placeholder: '',val: '1',focus: false}
            ],
            zDataList: [
               {name: 'asd',orderNo: 'CK123',barcode: 'bar321'}
            ]
				
         }
      },
      methods: {
         entry(e) {
         },
         ccc() {
         },
         aaa() {
				
         },
         focus() {
            if (this.zInputList[0].focus) {
               this.zInputList[0].focus = false
               this.zInputList[1].focus = true
               this.zInputList[2].focus = false
            } else if (this.zInputList[1].focus){
               this.zInputList[0].focus = false
               this.zInputList[1].focus = false
               this.zInputList[2].focus = true
            } else {
               this.zInputList[0].focus = true
               this.zInputList[1].focus = false
               this.zInputList[2].focus = false
            }
            
         }
      }
		
   }
</script>