|
@@ -27,13 +27,15 @@
|
|
|
<view class="inputs"><u-input :focus="focusInput" @blur="getCarInfo" v-model="form.vin" maxlength="17" border clearable type="text" placeholder="请输入VIN码"></u-input></view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
- <view class="labes"><text>*</text>里程数:</view>
|
|
|
- <view class="inputs"><u-input v-model="form.mileage" border maxlength="99999999" clearable @click="openKey('number')" placeholder="请输入里程数"></u-input></view>
|
|
|
+ <view class="labes" style="width: 4.5rem;"><text>*</text>里程数:</view>
|
|
|
+ <view class="inputs"><u-input v-model="form.mileage" type="number" border maxlength="99999999" clearable placeholder="请输入里程数"></u-input></view>
|
|
|
<view class="btns">KM</view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
- <view class="labes">车牌号:</view>
|
|
|
- <view class="inputs"><u-input v-model="form.vehicleNumber" @click="openKey('car')" maxlength="8" border clearable type="text" placeholder="请输入车牌号"></u-input></view>
|
|
|
+ <view class="labes" style="width: 4.5rem;">车牌号:</view>
|
|
|
+ <view class="inputs">
|
|
|
+ <car-number-input @numberInputResult="vehicleNumberResult" :defaultStr="form.vehicleNumber"></car-number-input>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -41,7 +43,6 @@
|
|
|
<u-button type="default" @click="toBack">上一步</u-button>
|
|
|
<u-button type="primary" :loading="loading" @click="saveForm">确定</u-button>
|
|
|
</view>
|
|
|
- <u-keyboard :mode="keyMode" cancel-text="清空" @cancel="clearVal" @change="valChange" @backspace="backspace" v-model="showkeyboard"></u-keyboard>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -50,8 +51,6 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- keyMode: 'number',
|
|
|
- showkeyboard: false,
|
|
|
tempImg: '',
|
|
|
form:{
|
|
|
vin: '',
|
|
@@ -93,39 +92,8 @@
|
|
|
url: "/pagesA/qualityPolicy/creatOrder"
|
|
|
})
|
|
|
},
|
|
|
- // 按键被点击(点击退格键不会触发此事件)
|
|
|
- valChange(val) {
|
|
|
- if(this.keyMode == 'number'){
|
|
|
- this.form.mileage += val;
|
|
|
- }
|
|
|
- if(this.keyMode == 'car'){
|
|
|
- this.form.vehicleNumber += val;
|
|
|
- if(this.form.vehicleNumber.length > 8){
|
|
|
- this.form.vehicleNumber = this.form.vehicleNumber.substr(0,8)
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 退格键被点击
|
|
|
- backspace() {
|
|
|
- if(this.keyMode == 'number' && this.form.mileage.length){
|
|
|
- this.form.mileage = this.form.mileage.substr(0, this.form.mileage.length - 1)
|
|
|
- }
|
|
|
- if(this.keyMode == 'car' && this.form.vehicleNumber.length){
|
|
|
- this.form.vehicleNumber = this.form.vehicleNumber.substr(0, this.form.vehicleNumber.length - 1)
|
|
|
- }
|
|
|
- },
|
|
|
- // 清空键盘输入框
|
|
|
- clearVal(){
|
|
|
- if(this.keyMode == 'number'){
|
|
|
- this.form.mileage = '';
|
|
|
- }
|
|
|
- if(this.keyMode == 'car'){
|
|
|
- this.form.vehicleNumber = '';
|
|
|
- }
|
|
|
- },
|
|
|
- openKey(mode){
|
|
|
- this.keyMode = mode
|
|
|
- this.showkeyboard = true
|
|
|
+ vehicleNumberResult(e){
|
|
|
+ this.form.vehicleNumber = e
|
|
|
},
|
|
|
openCamera(){
|
|
|
uni.navigateTo({
|
|
@@ -165,7 +133,7 @@
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
- if(this.form.vehicleNumber.length < 7){
|
|
|
+ if(this.form.vehicleNumber.length>0 && this.form.vehicleNumber.length < 7){
|
|
|
uni.showToast({
|
|
|
icon: 'none',
|
|
|
title: '请输入正确的车牌号码'
|
|
@@ -221,7 +189,7 @@
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
background: #fff;
|
|
|
- z-index: 10000;
|
|
|
+ z-index: 900;
|
|
|
border-top: 1px solid #eee;
|
|
|
justify-content: space-around;
|
|
|
/deep/ .u-btn{
|