动态数字密钥开发

components/numberKeyModel/numberKeyModel.vue

@@ -7,7 +7,9 @@
 			<view class="content">
 				<view class="content-tip">请输入数字密钥。</view>
 				<view class="content-box">
-					<input class="content-item" v-for="(i, index) in keyArr" :key="index" v-model="i.value"/>
+					<input class="content-item" type="number" :ref="`ref${index}`" maxlength="1" 
+					@input="onInput" :data-index="index" v-for="(i, index) in keyArr" 
+					:key="index" v-model="i.value" :focus="i.focusType"/>
 				</view>
 			</view>
 			<view class="bottom">
@@ -42,9 +44,27 @@ export default {
 	created(){
 		for(let i of this.keyArr){
 			i.value = null
+			i.focusType = false
 		}
+		this.keyArr[0].focusType = true
 	},
   methods: {
+		onInput(event) {
+			const value = event.target.value;
+			const index = event.target.dataset.index;
+			if(value && index+1 < this.keyArr.length && !this.keyArr[index+1].value){
+				if(this.keyArr[index+1].focusType = true){
+					this.keyArr[index+1].focusType = false
+					setTimeout(_=>{
+						this.keyArr[index+1].focusType = true
+						this.$forceUpdate()
+					},200)
+				}else{
+					this.keyArr[index+1].focusType = true
+					this.$forceUpdate()
+				}
+			}
+		},
     confirm(){
 			for(let i of this.keyArr){
 				if(!i.value){

pages/checkAfterScanning/checkAfterScanning.vue

@@ -26,7 +26,7 @@
     </view>
 		<view class="foot_btn_spe" v-if="enterDynamicDigitalKey==0">
 		  <view class="btn1" @click="Scanning_complete('scan')">核对完成</view>
-		  <view class="btn3" @click="goBack">取消</view>
+		  <view class="btn3" @click="goBack">返回</view>
 		</view>
 		<view class="foot_btn_spe" v-if="enterDynamicDigitalKey==1">
 			<view class="btn1" @click="Scanning_complete('scan')">扫一扫核对</view>

pages/receiptpage/receiptpage.vue

@@ -3103,6 +3103,7 @@
     .more_picker {
       position: absolute;
       right: 0;
+			top: 0;
       height: 100%;
       opacity: 0;
       z-index: 9999;
@@ -3125,11 +3126,10 @@
 				align-items: center;
 				justify-content: center;
 				.left-title{
-					font-size: 30rpx;
+					font-size: 34rpx;
 				}
 				.left-icon{
 					font-size: 34rpx;
-					margin-right: 10rpx;
 					color: #07863c;
 				}
 			}