You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.6 KiB
67 lines
1.6 KiB
1 year ago
|
<template>
|
||
|
|
<view class="binding_body">
|
||
|
|
<view class="binding_container">
|
||
|
|
<view class="binding_title">车牌号码 </view>
|
||
|
|
<view @click="$refs.plateNumber.open()" class="binding_num flex around">
|
||
|
|
<view v-for=" (item,index) in 8 " class="binding_num_item flex ac jc">
|
||
|
|
{{plateNum[index]?plateNum[index]:''}}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="binding_footer">充电时请选择正确的车牌号码</view>
|
||
|
|
</view>
|
||
|
|
<view @click="binding" :style="{background:this.plateNum.length&&!duplicate?'':'#bbbbbb'}" class="binding_container_footer flex ac jc">
|
||
|
|
确定绑定
|
||
|
|
</view>
|
||
|
|
<view style="position: absolute;right: 0;left: 0;">
|
||
|
|
<keyboardPlates ref="plateNumber" :plateNum.sync='plateNum' @change="getPlateNum" isShow></keyboardPlates>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import station from '@/api/station.js'
|
||
|
|
import keyboardPlates from '../../../components/plate/index.vue'
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
keyboardPlates
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
plateNum: '',
|
||
|
|
duplicate:false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
binding() {
|
||
|
|
|
||
|
|
if(!this.plateNum&&this.duplicate){
|
||
|
|
return
|
||
|
|
}
|
||
|
|
this.duplicate = true
|
||
|
|
station.vehicleSave({
|
||
|
|
plateNumber:this.plateNum,
|
||
|
|
createSource: 'MALL_COMS_MINI'
|
||
|
|
}).then(res=>{
|
||
|
|
setTimeout(()=>{
|
||
|
|
uni.showToast({
|
||
|
|
title:'添加成功',
|
||
|
|
icon:'none',
|
||
|
|
success() {
|
||
|
|
uni.navigateBack()
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},1000)
|
||
|
|
}).finally(()=>{
|
||
|
|
this.duplicate = false
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getPlateNum() {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
@import 'index.scss';
|
||
|
|
</style>
|