停车场详情接口对接

pages/parkingInformation/parkingInformation.scss

@@ -48,6 +48,7 @@
 				}
 			}
 			.pict-right {
+				text-align: center;
 				font-size: 18rpx;
 				color: #3A3A3A;
 				font-weight: 400;

pages/parkingInformation/parkingInformation.vue

@@ -6,33 +6,33 @@
 		<view class="parking-information-content">
 			<view class="parking-information-content-title">
 				<view class="pict-left">
-					<view class="title">甜蜜小镇D18组团停车场<text>地面</text></view>
-					<view class="subtitle">贵阳市云岩区中天未来方舟甜蜜小镇D18组团</view>
+					<view class="title">{{roadInfo.areaName}}</view>
+					<view class="subtitle">{{roadInfo.roadName}}</view>
 				</view>
-				<view class="pict-right">
+				<view class="pict-right" @click="navigation(roadInfo.latitude, roadInfo.longitude)">
 					<image src="../../static/img/distance-icon.png" mode=""></image>
-					<view class="m">238m</view>
+					<view class="m">{{roadInfo.distance}}米</view>
 				</view>
 			</view>
 			<view class="parking-information-content-time">
-				<view>服务时间：<text>7:00-21:00</text></view>
-				<view>包月费用：<text>300</text>元</view>
+				<view>服务时间：<text>{{roadInfo.workBeginTime}}-{{roadInfo.workEndTime}}</text></view>
+				<view>包月费用：<text>{{roadInfo.monthAmount}}</text>元</view>
 			</view>
 			<view class="parking-information-content-cars">
 				<view class="picc-tag">
-					<view>120</view>
+					<view>{{roadInfo.spaceTotal}}</view>
 					<view>共有车位</view>
 				</view>
 				<view class="picc-tag">
-					<view>30</view>
+					<view>{{roadInfo.spaceIdle}}</view>
 					<view>空闲车位</view>
 				</view>
 			</view>
-			<view class="parking-information-content-price">
+			<view class="parking-information-content-price" @click="lookParkingRule(roadInfo)">
 				<text>点击查看停车规则</text>
 				<u-icon name="arrow-right"></u-icon>
 			</view>
-			<u-button class="parking-information-content-button">办理包月</u-button>
+			<u-button class="parking-information-content-button" @click="createMonth(roadInfo)">办理包月</u-button>
 		</view>
 	</view>
 </template>
@@ -41,10 +41,44 @@
 	export default {
 		data() {
 			return {
-				
+				roadInfo:[],
 			}
 		},
+		onLoad(page) {
+			this.roadInfo = JSON.parse(page.roadInfo);
+			console.log('this.roadInfo',this.roadInfo);
+		},
 		methods: {
+			/**
+			 * 跳转停车标准页面
+			 * {roadNo} 路段编码
+			  * */
+			lookParkingRule (item) {
+				this.$u.route({
+					url: 'pages/chargeStandard/chargeStandard',
+					params: {
+						roadNo: item.roadNo
+					}
+				})
+			},
+			createMonth(item){
+				this.$u.route({
+					url: 'pages/handleMonthly/handleMonthly',
+					params: {
+						roadNo:item.roadNo
+					}
+				});
+			},
+			/**
+			  * 导航 
+			  * */
+			navigation (lat, lon) {
+				uni.openLocation({
+					latitude: parseFloat(lat),
+					longitude: parseFloat(lon),
+					scale: 18
+				})
+			},
 			
 		}
 	}

pages/parkingLists/parkingLists.vue

@@ -295,7 +295,7 @@
 			  * item 为选中项参数
 			  * */
 			clickSearchParking (item) {
-				// console.log(item)
+				console.log('clickSearchParking',item)
 				// this.parkingDetailData = item
 				// this.isShowParkingDetail = true
 				// this.latitude = item.latitude
@@ -306,7 +306,10 @@
 				// }, 500)
 				// this.scale = 18
 				this.$u.route({
-					url: 'pages/parkingInformation/parkingInformation'
+					url: 'pages/parkingInformation/parkingInformation',
+					params:{
+						roadInfo:JSON.stringify(item) 
+					}
 				})
 			},
 			/**