首页真实数据

common/apiurl.js

@@ -20,7 +20,7 @@ const apiurl = {
 	// 微信支付 在pay.js中使用
 	wxPayUrl:'/wechat/pay',
 	// 客户端首页
-	getIndexDataUrl:'/index/client',
+	getIndexDataUrl:'/index',
 	
 	// 用户车辆
 	mycarsUrl:'/membervehicle',

pages/index/index.vue

@@ -41,45 +41,48 @@
 				</view>
 			</view>
 		</u-card>
-		
-		<u-card :show-foot="false" border-radius="16" margin="20rpx 40rpx" padding="30">
-			<view class="pending-order-head" slot="head">
-				<view class="pending-order-head-left"><b>P</b>甜蜜小镇D18组团停车场</view>
-				<view class="pending-order-head-right" @click="orderDetails"><u-icon class="arrow-down" name="arrow-down" size="32"></u-icon></view>
-			</view>
-			<view class="pending-order-body" slot="body">
-				<view class="pending-order-body-nav">
-					<view class="nav-item nav-manual" @click="orderNav=0" :class="{active:orderNav==0}">手动缴费</view>
-					<view class="nav-item nav-auto" @click="orderNav=1" :class="{active:orderNav==1}">无感支付</view>
+
+		<template v-for="(item, index) in orderList">
+			<u-card :show-foot="false" border-radius="16" margin="20rpx 40rpx" padding="30">
+				<view class="pending-order-head" slot="head">
+					<view class="pending-order-head-left"><b>P</b>{{item.roadName}}</view>
+					<view class="pending-order-head-right" @click="orderDetails"><u-icon class="arrow-down" name="arrow-down" size="32"></u-icon></view>
 				</view>
-				<view class="pending-order-body-wrap" v-show="orderNav==0">
-					<view class="pending-order-body-left">
-						<view class="car-number">贵A37W45</view>
-						<view class="duration">
-							<span class="pending-order-body-left-label">停车时长</span>
-							<span>01:30:25</span>
+				<view class="pending-order-body" slot="body">
+					<!-- <view class="pending-order-body-nav">
+						<view class="nav-item nav-manual" @click="orderNav=0" :class="{active:orderNav==0}">手动缴费</view>
+						<view class="nav-item nav-auto" @click="orderNav=1" :class="{active:orderNav==1}">无感支付</view>
+					</view> -->
+					<view class="pending-order-body-wrap" v-show="orderNav==0">
+						<view class="pending-order-body-left">
+							<view class="car-number">{{item.vehicleNo}}</view>
+							<view class="duration">
+								<span class="pending-order-body-left-label">停车时长:</span>
+								<span>{{item.duration}}</span>
+							</view>
 						</view>
-					</view>
-					<view class="pending-order-body-right">
-						<view class="order">订单号：5222021022300045</view>
-						<view class="cost">
-							<span class="pending-order-body-left-label">停车费用</span>
-							<span>
-								<span class="number">10.25</span>
-								元
-							</span>
+						<view class="pending-order-body-right">
+							<view class="order">订单号:{{item.id}}</view>
+							<view class="cost">
+								<span class="pending-order-body-left-label">停车费用:</span>
+								<span>
+									<span class="number">￥{{item.payAmount}}</span>
+									元
+								</span>
+							</view>
+						</view>	
+						<view class="go-pay-wrap">
+							<view class="go-pay" @click="handlewxpay">去支付</view>
 						</view>
-					</view>	
-					<view class="go-pay-wrap">
-						<view class="go-pay" @click="handlewxpay">去支付</view>
+						
+					</view>
+					<view class="pending-order-body-wrap" v-show="orderNav==1">
+						
 					</view>
-					
-				</view>
-				<view class="pending-order-body-wrap" v-show="orderNav==1">
-					
 				</view>
-			</view>
-		</u-card>
+			</u-card>
+		</template>
+		
 		
 		<u-modal 
 			v-model="bindCarShow" 
@@ -112,6 +115,7 @@
 				bannerList:[
 					{image: '/static/img/index-banner01.png',title: ''}
 				],
+				orderList:[],
 				cityOpen:false,
 				pendingOrder:[],
 				code:null,//微信code
@@ -161,6 +165,7 @@
 					if(res.data.vehicleList.length<1){
 						this.bindCarShow = true;
 					}
+					this.orderList = res.data.orderList;
 				}).catch(err=>{
 					alert(err.msg);
 					console.log('getIndexData err',err)

pages/myCars/myCars.vue

@@ -41,7 +41,7 @@
 				delCarshow:false,
 				delCarId:null,
 				delCarContent:'',
-				newPlateNumber:'贵A44555',
+				newPlateNumber:'贵AF113Z',
 				vehicleColor:0,
 				mycars:[],
 				mycarsTotal:0,