WechatOwnerService/components/car/add-member-car.vue
2024-06-06 23:01:51 +08:00

78 lines
1.9 KiB
Vue

<template>
<view>
<view class="cu-modal bottom-modal" :class="showModel?'show':''">
<view class="cu-dialog">
<scroll-view scroll-y style="height: 300upx; ">
<view class="cu-form-group">
<view class="title">车牌号</view>
<input v-model="carNum" placeholder="请输入车牌号" style="text-align:right"></input>
</view>
<view class="cu-form-group">
<view class="title">车品牌</view>
<input v-model="carBrand" placeholder="请输入车品牌" style="text-align:right"></input>
</view>
<view class="cu-form-group">
<view class="title">颜色</view>
<input v-model="carColor" placeholder="请输入颜色" style="text-align:right"></input>
</view>
</scroll-view>
<view class="btn-box padding">
<button class=" btn bg-blue" @click="_doSaveMemberCarNum()">提交</button>
<button class="line-red margin-top" @click="cancel()">取消</button>
</view>
</view>
</view>
</view>
</template>
<script>
import {saveMemberCar} from '@/api/car/carApi.js';
import {getCommunityId} from '../../api/community/communityApi.js'
export default {
name:"addMemberCar",
data() {
return {
showModel: false,
carId:'',
carNum:'',
carBrand:'',
carColor:''
};
},
methods:{
_showSaveMemberCarNum(_car){
this.carId = _car.carId;
this.showModel = true;
},
_doSaveMemberCarNum:function(){
let _that = this;
saveMemberCar({
carId:this.carId,
carNum:this.carNum,
carBrand:this.carBrand,
carColor:this.carColor,
communityId:getCommunityId()
}).then((_data)=>{
if(_data.code != 0){
uni.showToast({
icon:'none',
title:_data.msg
});
return;
}
_that.showModel = false;
uni.$emit("loadData")
})
},
cancel:function(){
this.showModel = false;
}
}
}
</script>
<style>
</style>