|
|
@@ -85,6 +85,15 @@
|
|
|
<span class="pending-order-body-left-label">预计金额：</span>
|
|
|
<span>{{ item.payAmount }}</span>
|
|
|
</view>
|
|
|
+ <view class="item-cell" v-if="item.vehicleNo==''">
|
|
|
+ <span class="pending-order-body-left-label">车牌信息：</span>
|
|
|
+ <span class="pending-order-body-center-label" @click="addvehicleNo(item.orderId)">添加车牌</span>
|
|
|
+ </view>
|
|
|
+ <view class="item-cell" v-else>
|
|
|
+ <span class="pending-order-body-left-label">车牌信息：</span>
|
|
|
+ <span >{{ item.vehicleNo }}</span>
|
|
|
+ <span class="pending-order-body-right-label" @click="changevehicleNo(item.orderId)">更换</span>
|
|
|
+ </view>
|
|
|
<!-- <view class="item-cell">
|
|
|
<span class="pending-order-body-left-label">出场时间:</span>
|
|
|
<span>{{item.outTime||'停放中'}}</span>
|
|
|
@@ -177,6 +186,57 @@
|
|
|
:show-confirm-button="false"
|
|
|
/>
|
|
|
<u-toast ref="uToast" />
|
|
|
+
|
|
|
+ <!-- ===================================== 添加车牌弹出层 ===================================== -->
|
|
|
+ <u-popup class="popup-vehicleNo" v-model="ShowaddvehicleNo" mode="center" border-radius="20" width="710rpx" height="auto">
|
|
|
+ <view class="popup-vehicleNo-title">添加车牌</view>
|
|
|
+ <view class="popup-vehicleNo-center"></view>
|
|
|
+ <view class="popup-vehicleNo-content">
|
|
|
+ <view class="new-plate-number">
|
|
|
+ <view class="message-input-wrap" @click="messageInputClick">
|
|
|
+ <u-message-input :maxlength="8" width="70" font-size="50" :disabled-keyboard="true" v-model="newPlateNumber"></u-message-input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="popup-vehicleNo-select">暂无绑定车牌</view>
|
|
|
+ <view class="vehicleNo-btn">
|
|
|
+ <u-button type="primary" @click="handleAddCar">确认</u-button>
|
|
|
+ <u-button type="primary" plain @click="ShowaddvehicleNo=false">取消</u-button>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+
|
|
|
+ <u-action-sheet :list="colorList" @click="confirmColor" v-model="colorShow"></u-action-sheet>
|
|
|
+ <u-keyboard ref="uKeyboard" mode="car" @change="keyboardChange" @confirm="keyboardConfirm" @backspace="backspace" v-model="keyboardshow" ></u-keyboard>
|
|
|
+
|
|
|
+ <!-- ===================================== 更换车牌弹出层 ===================================== -->
|
|
|
+ <u-popup class="popup-vehicleNo" v-model="ShowchangevehicleNo" mode="center" border-radius="20" width="710rpx" height="auto">
|
|
|
+ <view class="popup-vehicleNo-title">更换车牌</view>
|
|
|
+ <view class="popup-vehicleNo-center"></view>
|
|
|
+ <view class="popup-vehicleNo-content">
|
|
|
+ <view class="new-plate-number">
|
|
|
+ <view class="message-input-wrap" @click="messageInputClick">
|
|
|
+ <u-message-input :maxlength="8" width="70" font-size="50" :disabled-keyboard="true" v-model="newPlateNumber"></u-message-input>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="popup-vehicleNo-select">
|
|
|
+ <u-collapse ref="refValue">
|
|
|
+ <u-collapse-item title="点击选择车牌" align="center" >
|
|
|
+ <u-cell-group >
|
|
|
+ <u-cell-item :title="item.vehicleNo" v-for="(item, index) in groupList" :key="index" :arrow="false" >
|
|
|
+ <u-radio-group v-model="selectvalue" @change="radioGroupChange">
|
|
|
+ <u-radio :name="item.vehicleNo" :key="index"></u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </u-collapse-item>
|
|
|
+ </u-collapse>
|
|
|
+ </view>
|
|
|
+ <view class="vehicleNo-btn">
|
|
|
+ <u-button type="primary" @click="handleAddCar">确认</u-button>
|
|
|
+ <u-button type="primary" plain @click="ShowchangevehicleNo=false">取消</u-button>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -190,6 +250,26 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ orderid:'',
|
|
|
+ selectvalue: null,
|
|
|
+ groupList: [],
|
|
|
+ radiogroupList: [],
|
|
|
+ keyboardshow: false,
|
|
|
+ colorShow: false,
|
|
|
+ colorList:[
|
|
|
+ {text:'蓝色',colorCode:0}
|
|
|
+ ,{text:'黄色',colorCode:1}
|
|
|
+ ,{text:'黑色',colorCode:2}
|
|
|
+ ,{text:'白色',colorCode:3}
|
|
|
+ ,{text:'绿色',colorCode:4}
|
|
|
+ ,{text:'其他',colorCode:99}
|
|
|
+ ],
|
|
|
+ vehicleColor:0,
|
|
|
+ newPlateNumber:'',
|
|
|
+ //更换车牌弹窗
|
|
|
+ ShowchangevehicleNo: false,
|
|
|
+ //添加车牌弹窗
|
|
|
+ ShowaddvehicleNo: false,
|
|
|
// 城市选择框
|
|
|
cityOpen: false,
|
|
|
// 选中城市
|
|
|
@@ -306,6 +386,111 @@
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ radioGroupChange(e){
|
|
|
+ this.newPlateNumber = e
|
|
|
+ },
|
|
|
+ // 获取车辆列表
|
|
|
+ handlegetMycars(){
|
|
|
+ let that = this;
|
|
|
+ this.$u.api.getMycars()
|
|
|
+ .then(res=>{
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.groupList = res.data.rows;
|
|
|
+ this.radiogroupList = res.data.rows;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ // dom元素更新后执行，因此这里能正确打印更改之后的值
|
|
|
+ console.log(that.$refs.refValue.init()) // 改变了的值
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: res.msg,
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err=>{
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: '操作失败!',
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //更换车牌信息
|
|
|
+ changevehicleNo(id){
|
|
|
+ this.orderid = id;
|
|
|
+ this.ShowchangevehicleNo = true;
|
|
|
+ this.handlegetMycars();
|
|
|
+ },
|
|
|
+ // 添加车辆
|
|
|
+ handleAddCar(){
|
|
|
+ if(!this.$u.test.carNo(this.newPlateNumber)){
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: '请正确填写车牌号',
|
|
|
+ type: 'error',
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }
|
|
|
+ let param = {
|
|
|
+ orderId: this.orderid,
|
|
|
+ vehicleNo: this.newPlateNumber,
|
|
|
+ vehicleColor: this.vehicleColor,
|
|
|
+ };
|
|
|
+ let that = this;
|
|
|
+ this.$u.api.bindVehicleNo(param)
|
|
|
+ .then(res=>{
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: res.msg,
|
|
|
+ type: 'success',
|
|
|
+ });
|
|
|
+ that.handleGetIndexData();
|
|
|
+ that.ShowchangevehicleNo = false;
|
|
|
+ } else {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: res.msg,
|
|
|
+ type: 'error',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err=>{
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: '操作失败!',
|
|
|
+ type: 'error',
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //新增车牌
|
|
|
+ addvehicleNo(){
|
|
|
+ this.ShowaddvehicleNo = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ // 点击输入框
|
|
|
+ messageInputClick(){
|
|
|
+ this.keyboardshow = true;
|
|
|
+ },
|
|
|
+ // 按键被点击(点击退格键不会触发此事件)
|
|
|
+ keyboardChange(val) {
|
|
|
+ // 将每次按键的值拼接到value变量中，注意+=写法
|
|
|
+ this.newPlateNumber += val;
|
|
|
+ },
|
|
|
+ // 退格键被点击
|
|
|
+ backspace() {
|
|
|
+ // 删除value的最后一个字符
|
|
|
+ if(this.newPlateNumber.length) this.newPlateNumber = this.newPlateNumber.substr(0, this.newPlateNumber.length - 1);
|
|
|
+ },
|
|
|
+ // 键盘输入完成后确认
|
|
|
+ keyboardConfirm(){
|
|
|
+ this.colorShow = true;
|
|
|
+ },
|
|
|
+ // 确认颜色
|
|
|
+ confirmColor(e){
|
|
|
+ this.vehicleColor = this.colorList[e].colorCode;
|
|
|
+ },
|
|
|
+ //添加车牌
|
|
|
+ addvehicleNo(id){
|
|
|
+ this.orderid = id;
|
|
|
+ this.ShowaddvehicleNo = true;
|
|
|
+ },
|
|
|
// 定位
|
|
|
getLocation() {
|
|
|
const that = this
|
