车位申请页面

.gitignore

@@ -0,0 +1,2 @@
+### NetBeans ###
+unpackage/

api/index/indexApi.js

@@ -82,6 +82,11 @@ export function getCategoryList() {
 			name: "智慧开门",
 			src: "/static/images/index_openDoor.png",
 			href: "/pages/openDoor/openDoor"
+		},
+		{
+			name: "车位申请",
+			src: "/static/images/index_parking.png",
+			href: "/pages/applyparking/applyparking"
 		}]
 	};
 }

pages.json

@@ -328,6 +328,12 @@
 				"enablePullDownRefresh": true,
 				"navigationBarTitleText": "房源"
 			}
+		},
+		{
+		    "path" : "pages/applyparking/applyparking",
+		    "style" : {
+				"navigationBarTitleText": "车位申请"
+			}
 		}
     ],
 	"tabBar": {

pages/applyparking/applyparking.vue

@@ -0,0 +1,256 @@
+<template>
+	<view>
+		<view class="block__title">车位信息</view>
+		<view class="cu-form-group" >
+			<view class="title">车库</view>
+			<picker bindchange="PickerChange" :value="index" :range="roomCloums" @change="roomChange">
+				<view class="picker">
+					{{roomName?roomName:'请选择'}}
+				</view>
+			</picker>
+		</view>
+		<view class="cu-form-group" >
+			<view class="title">车位</view>
+			<picker bindchange="PickerChange" :value="index" :range="roomCloums" @change="roomChange">
+				<view class="picker">
+					{{roomName?roomName:'请选择'}}
+				</view>
+			</picker>
+		</view>
+		<view class="cu-form-group">
+			<view class="title">车牌号</view>
+			<input v-model="builtUpArea" style="text-align:right"></input>
+		</view>
+		<view class="cu-form-group">
+			<view class="title">品牌</view>
+			<input v-model="apartment" style="text-align:right"></input>
+		</view>
+		<view class="cu-form-group">
+			<view class="title">颜色</view>
+			<input v-model="layer" style="text-align:right"></input>
+		</view>
+
+
+
+		<view class="button_up_blank"></view>
+
+		<view class="flex flex-direction">
+			<button class="cu-btn bg-green margin-tb-sm lg">提交</button>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	const context = require("../../context/Java110Context.js");
+
+	
+	import {queryRentingConfig,hireRoom} from '../../api/room/roomApi.js'
+	
+	import base64 from '../../factory/Base64Factory.js'
+
+	export default {
+		data() {
+			return {
+				rooms:[],
+				apartment:'',
+				builtUpArea:'',
+				layer:'',
+				price:'',
+				roomCloums: [],
+				roomIdArr: [],
+				roomName: "",
+				roomId: '',
+				roomShow: false,
+				imgList: [],
+				userTel: '',
+				userName:'',
+				photos: [],
+				communityId: "",
+				communityName: "",
+				paymentTypes: [{
+					id:'1001',
+					paymentTypeName:'押一付一'
+				},{
+					id:'2002',
+					paymentTypeName:'押一付三'
+				},{
+					id:'3003',
+					paymentTypeName:'押一付六'
+				}],
+				paymentTypeIndex:0,
+				paymentType: '1001',
+				paymentTypeName: '',
+				checkIns: [{
+					id:'1001',
+					checkInName:'立即入住'
+				},{
+					id:'2002',
+					checkInName:'预约'
+				}],
+				checkInIndex:0,
+				checkIn: '1001',
+				checkInName: '',	
+				rentingTypes: [],
+				rentingTypeIndex:0,
+				rentingType: '',
+				rentingTypeName: '',
+				rentingConfigId:'',
+				servicePrice:'',
+				rentingDesc:'',
+				rentingTitle:''
+			};
+		},
+
+		/**
+		 * 生命周期函数--监听页面加载
+		 */
+		onLoad: function(options) {
+			let that = this;
+			this.vc.onLoad(options);
+			context.getRooms().then(res => {
+				let arr = res.data.rooms;
+				that.rooms = arr;
+				let roomCloums = [];
+				let roomIdArr = [];
+				arr.map(item => {
+					roomCloums.push(item.floorNum + "号楼" + item.unitNum + "单元" + item.roomNum + "室");
+					roomIdArr.push(item.roomId);
+				})
+				that.roomCloums = roomCloums;
+				that.roomIdArr = roomIdArr;
+				that.userTel = res.data.owner.link;
+				that.userName = res.data.owner.appUserName;
+				that.communityId = res.data.owner.communityId;
+				that.communityName = res.data.owner.communityName;
+			});
+			
+			//加载报修类型
+			this._loadRentingTypes();
+		},
+
+		/**
+		 * 用户点击右上角分享
+		 */
+		onShareAppMessage: function() {},
+		methods: {
+			submitHireRoom: function() {
+				let _that = this;
+				let obj = {
+					"rentingTitle": this.rentingTitle,
+					"roomId": this.roomId,
+					"communityId": this.communityId,
+					"price": this.price,
+					"paymentType": this.paymentType,
+					"rentingConfigId": this.rentingConfigId,
+					"photos": [],
+					"rentingDesc": this.rentingDesc,
+					"ownerTel": this.userTel,
+					"ownerName":this.userName,
+					"state":"0",
+					"checkIn":this.checkIn
+				}
+				let _photos = this.photos;
+				_photos.forEach(function(_item) {
+					obj.photos.push({
+						"photo": _item
+					});
+				});
+				
+				hireRoom(obj)
+				.then((res)=>{
+					//跳转页面
+					_that.vc.navigateBack();
+					
+				},(error)=>{
+					console.log(error);
+					uni.showToast({
+						icon:'none',
+						title:error
+					})
+				})
+			},
+			
+			deleteImage: function(e) {
+				console.log(e);
+				let imageArr = this.$data.imgList;
+				imageArr.splice(e, 1);
+			},
+			ChooseImage: function(e) {
+				let that = this;
+				wx.chooseImage({
+					count: 4, //默认9
+					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+					sourceType: ['album'], //从相册选择
+					success: (res) => {
+						console.log(res);
+						that.$data.imgList.push(res.tempFilePaths[0]);
+						let _base64Photo = '';
+						base64.urlTobase64(res.tempFilePaths[0]).then(function(_res) {
+							_base64Photo = _res;
+							console.log('base64', _base64Photo);
+							that.photos.push(_base64Photo);
+						});
+					}
+				});
+			},
+			roomChange: function(e) {
+				let _that = this;
+				this.roomId = this.roomIdArr[e.detail.value];
+				this.roomName = this.roomCloums[e.detail.value];
+				
+				this.rooms.forEach(function(item){
+					if(item.roomId == _that.roomId){
+						_that.apartment = item.apartment;
+						_that.builtUpArea = item.builtUpArea;
+						_that.layer = item.layer;
+					}
+				})
+			},
+			paymentTypeChange:function(e){
+				this.paymentTypeIndex = e.target.value //取其下标
+				let selected = this.paymentTypes[this.paymentTypeIndex] //获取选中的数组
+				this.paymentType = selected.id //选中的id
+				this.paymentTypeName = selected.paymentTypeName //选中的id
+			},
+			_loadRentingTypes:function(){
+				let _that = this;
+				queryRentingConfig()
+				.then((_rentingTypes)=>{
+					_that.rentingTypes = _rentingTypes;
+					if(_rentingTypes.length >0){
+						let selected = _rentingTypes[0];
+						_that.rentingConfigId = selected.rentingConfigId;
+						_that.servicePrice = (selected.servicePrice * selected.serviceOwnerRate)+'元';
+					}
+				});
+			},
+			rentingTypeChange:function(e){
+				this.rentingTypeIndex = e.target.value //取其下标
+				let selected = this.rentingTypes[this.rentingTypeIndex] //获取选中的数组
+				this.rentingConfigId = selected.rentingConfigId //选中的id
+				this.rentingTypeName = selected.rentingTypeName //选中的id
+				this.servicePrice = (selected.servicePrice * selected.serviceOwnerRate)+'元';
+			},
+			checkInChange:function(e){
+				this.checkInIndex = e.target.value //取其下标
+				let selected = this.checkIns[this.checkInIndex] //获取选中的数组
+				this.checkIn = selected.id //选中的id
+			},
+			
+		}
+	};
+</script>
+<style>
+	.block__title {
+		margin: 0;
+		font-weight: 400;
+		font-size: 14px;
+		color: rgba(69, 90, 100, .6);
+		padding: 40rpx 30rpx 20rpx;
+	}
+
+	.button_up_blank {
+		height: 40rpx;
+	}
+</style>