WechatOwnerService/pages/coupon/giftParkingCoupon.vue
2022-11-27 15:34:46 +08:00

114 lines
2.6 KiB
Vue

<template>
<view>
<view class="cu-form-group margin-top-sm">
<view class="title">车牌号</view>
<input placeholder="请输入车牌号" class="text-right" v-model="carNum"></input>
</view>
<view class="cu-form-group">
<view class="title">停车场</view>
<picker @change="parkingAreaChange" :value="paIdIndex" :range="parkingAreas" :range-key="'num'">
<view class="picker">
{{paIdIndex > -1 ? paNum:'请选择停车场'}}
</view>
</picker>
</view>
<view class="cu-form-group margin-top-sm">
<view class="title">优惠券</view>
<input placeholder="请输入优惠券" class="text-right" disabled="disabled" v-model="couponName"></input>
</view>
<view class="cu-form-group margin-top-sm">
<view class="title">赠送数量</view>
<input placeholder="请输入赠送数量" class="text-right" type="number" v-model="giftCount"></input>
</view>
<view class="padding">
<button class="cu-btn block bg-blue margin-tb-sm lg" @click="_saveCustomCoupon()" type="">赠送</button>
</view>
</view>
</template>
<script>
import {getCommunityId,listParkingAreas} from '@/api/community/communityApi.js';
import {couponPropertyUserGiftCar} from '@/api/fee/feeApi.js'
export default {
data() {
return {
carNum:'',
couponName:'',
couponId:'',
giftCount:1,
paId:'',
parkingAreas:[],
paIdIndex:'-1',
paNum:''
};
},
onLoad(options) {
this.couponName = options.couponName;
this.couponId = options.couponId;
this._loadParkingArea();
},
methods:{
_loadParkingArea:function(){
let _that = this;
listParkingAreas({
page:1,
row:100,
communityId:getCommunityId()
}).then(_data=>{
_that.parkingAreas = _data;
})
},
parkingAreaChange(e) {
this.paIdIndex = e.detail.value;
this.paNum = this.parkingAreas[this.paIdIndex].num;
this.paId = this.parkingAreas[this.paIdIndex].paId;
},
_saveCustomCoupon:function(){
if(!this.carNum){
uni.showToast({
icon:'none',
title:'未填写车牌'
});
return ;
}
if(!this.couponId){
uni.showToast({
icon:'none',
title:'未选择停车劵'
});
return ;
}
let _data = {
communityId:getCommunityId(),
carNum:this.carNum,
couponId:this.couponId,
giftCount:this.giftCount,
paId:this.paId
}
couponPropertyUserGiftCar(_data).then(_msg=>{
uni.showToast({
icon:'none',
title:'赠送成功'
});
uni.navigateBack({
delta:1
})
},err=>{
uni.showToast({
icon:'none',
title:err
});
})
}
}
}
</script>
<style>
</style>