充电桩详情.

pages/searchPile/stationAndPile/chargingPileDetails.vue

@@ -9,25 +9,25 @@
 			   <view class="detail-name">
 			   	充电桩编号
 			   </view>
-		   	    <view class="detail-content" style="font-weight: 900;">A000152</view>
+		   	    <view class="detail-content" style="font-weight: 900;">{{pile.no}}</view>
 		   </view>
 		   <view class="main-detail">
 		   			   <view class="detail-name">
 		   			   	接口类型
 		   			   </view>
-		   	    <view class="detail-content">国际直流</view>
+		   	    <view class="detail-content">{{pile.interface}}</view>
 		   </view>
 		   <view class="main-detail">
 		   			   <view class="detail-name">
 		   			   	类型
 		   			   </view>
-		   	    <view class="detail-content">快充</view>
+		   	    <view class="detail-content">{{pile.type}}</view>
 		   </view>
 		   <view class="main-detail">
 		   			   <view class="detail-name">
 		   			   	充电功率
 		   			   </view>
-		   	    <view class="detail-content"  style="font-weight: 900;">60000.0kW</view>
+		   	    <view class="detail-content"  style="font-weight: 900;">{{pile.power.toFixed(1)}}kW</view>
 		   </view>
 	    <!-- 收费标准 -->
 		<view class="rates">
@@ -42,127 +42,23 @@
 			</view>
 			<!-- 时段分类 -->
 		<view class="time-rates">
-			<view class="time-part">
+			<view class="time-part"  v-for="(item,index) in pile.price">
 				<view class="part-top">
 					<view class="time">
-						00:00-07:00
+						{{item.time}}
 					</view>
 					<view class="price">
 						
-						<text class="price-number">1.2500</text>
+						<text class="price-number">{{item.price}}</text>
 						<text class="price-unit">元/度</text>
 					</view>
 				</view>
 				<view class="part-bottom">
 					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
+						充电单价：￥{{item.single_price.toFixed(4)}} | 服务费：￥{{item.service_price.toFixed(4)}}
 					</view>
 				</view>
-			</view>
-			<view class="time-part">
-				<view class="part-top">
-					<view class="time">
-						00:70-09:00
-					</view>
-					<view class="price">
-						
-						<text class="price-number">1.2500</text>
-						<text class="price-unit">元/度</text>
-					</view>
-				</view>
-				<view class="part-bottom">
-					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
-					</view>
-				</view>
-			</view>
-			<view class="time-part">
-				<view class="part-top">
-					<view class="time">
-						09:00-15:00
-					</view>
-					<view class="price">
-						
-						<text class="price-number">1.2500</text>
-						<text class="price-unit">元/度</text>
-					</view>
-				</view>
-				<view class="part-bottom">
-					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
-					</view>
-				</view>
-			</view>
-			<view class="time-part">
-				<view class="part-top">
-					<view class="time">
-						15:00-20:00
-					</view>
-					<view class="price">
-						
-						<text class="price-number">1.2500</text>
-						<text class="price-unit">元/度</text>
-					</view>
-				</view>
-				<view class="part-bottom">
-					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
-					</view>
-				</view>
-			</view>
-			<view class="time-part">
-				<view class="part-top">
-					<view class="time">
-						20:00-22:00
-					</view>
-					<view class="price">
-						
-						<text class="price-number">1.2500</text>
-						<text class="price-unit">元/度</text>
-					</view>
-				</view>
-				<view class="part-bottom">
-					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
-					</view>
-				</view>
-			</view>
-			<view class="time-part">
-				<view class="part-top">
-					<view class="time">
-						22:00-23:00
-					</view>
-					<view class="price">
-						
-						<text class="price-number">1.2500</text>
-						<text class="price-unit">元/度</text>
-					</view>
-				</view>
-				<view class="part-bottom">
-					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
-					</view>
-				</view>
-			</view>
-			<view class="time-part">
-				<view class="part-top">
-					<view class="time">
-						23:00-23:59
-					</view>
-					<view class="price">
-						
-						<text class="price-number">1.2500</text>
-						<text class="price-unit">元/度</text>
-					</view>
-				</view>
-				<view class="part-bottom">
-					<view class="unitPrice-servicePrice">
-						充电单价：￥1.0000 | 服务费：￥0.2500
-					</view>
-				</view>
-			</view>
-			
-			
+			</view> 			
 		</view>
 
 		</view >
@@ -178,20 +74,60 @@
 <!-- 底部按钮 -->
 
 <view class="bottom">
-	<view class="botton">开始充电</view>
+	<view class="botton" @click="charge">开始充电</view>
 </view>
 	</view>
 	
 	
 </template>
 <script>
+	
+	import * as api from "@/apis/site.js"
+	let _self;
 	export default {
 		data() {
 		return{
-			
+			pile:{
+				no:'',
+				interface:'',
+				type:'',
+				power:0,
+				price:[
+					 
+				]
+/*				no:'A00666',
+				interface:'国际直流',
+				type:'快充',
+				power:60000,
+				price:[
+					{time:'00:00-07:00',single_price:1.0,service_price:0.25,price:1.25},
+					{time:'07:00-09:00',single_price:1.0,service_price:0.25,price:1.25},
+					{time:'09:00-15:00',single_price:1.0,service_price:0.25,price:1.25},
+					{time:'15:00-20:00',single_price:1.0,service_price:0.25,price:1.25},
+					{time:'20:00-22:00',single_price:1.0,service_price:0.25,price:1.25},
+					{time:'22:00-23:00',single_price:1.0,service_price:0.25,price:1.25},
+					{time:'23:00-23:59',single_price:1.0,service_price:0.25,price:1.25},
+				]*/
+			},
 			description: '温馨提示：充电前请确保您的车辆已与充电桩连接！并关闭车内电源。'
 		}
 		}
+		,
+		onLoad(op){
+			_self = this;
+			api.getPileDetails(op).then(function(res){
+				_self.pile = res;
+			})
+		},
+		methods:{
+			charge(){
+				uni.navigateTo({
+					url:'/pages/searchPile/chargeProcess/charge?pile='+encodeURIComponent(JSON.stringify(_self.pile))
+					 
+				})
+			}
+			
+		}
 	}
 </script>