<!--pages/charging/charging.wxml-->
<view style="height: 100%;width: 100%;overflow: scroll;">
<view class="charginfo" hover-class='active'>
<view class="map_text">
<view class="map_text_info">
<view class='charging_text_title'>
<view class='charging_text_title1'>
<text class='name'>{{name}}</text>
<text class="tag" wx:if='{{stationTagList && stationTagList.length > 0}}'>
<block wx:for="{{stationTagList}}" wx:key="unique" data-index="{{index}}">
<text class="tagItem">{{item}}</text>
</block>
</text>
<text class="grey address">{{address}}</text>
<text class="grey">线下运维电话: {{offlineServicecall}}</text>
</view>
</view>
<text class="inline" style='color:#cea568;font-size: 28rpx;'>全天时段费用：</text>
<view class="rtable">
<view class="rtr" style="font-size: 28rpx;">
<view class="rtd t1">时段</view>
<view class="rtd t2">电费</view>
<view class="rtd t2">服务费</view>
<view class="rtd t2">总费用</view>
</view>
<block wx:for="{{resultTable}}" wx:key="*this">
<view wx:if="{{item.currentTime}}" class="rtr active" >当前费用</view>
<view class="rtr {{item.currentTime?'active':''}}" >
<view class="rtd t1">{{item.startTimeStr}} - {{item.endTimeStr}}</view>
<view class="rtd t2">{{item.elecPrice}}{{item.elecPrice=='暂无费用'?'':'元'}}</view>
<view class="rtd t2">{{item.servicePrice}}{{item.servicePrice=='暂无费用'?'':'元'}}</view>
<view class="rtd t2">{{item.sumPrice}}{{item.sumPrice=='暂无费用'?'':'元'}}</view>
</view>
</block>
</view>
<!--
<text class='inline yellow'>{{seeInfoChargPile.totalprice == null? '暂无费用' : ' ¥ ' + seeInfoChargPile.totalprice}}</text>
<view style='line-height:0;margin: 5rpx 0;'>
<rich-text space='nbsp' nodes="{{seeInfoChargPile.chargprice == null? '暂无实时电费' : '实时电费 ' + seeInfoChargPile.chargprice + ' 元/度'}} {{seeInfoChargPile.serviceprice == null? '暂无实时服务费' : '实时服务费 ' + seeInfoChargPile.serviceprice + ' 元/度'}}" style='line-height:30rpx;font-size:20rpx;word-wrap: break-word;color:#AAAAAA' ></rich-text>
</view>
<text class='inline yellow' style="margin: 5rpx 0;">全天时段费用</text>
<view style='line-height:0;margin: 5rpx 0;'>
<rich-text space="nbsp" nodes="电 费：尖峰 {{seeInfoChargPile.sharpChargPrice == null? '暂无费用':seeInfoChargPile.sharpChargPrice + ' 元'}} 高峰 {{seeInfoChargPile.peakChargPrice== null? '暂无费用':seeInfoChargPile.peakChargPrice + ' 元'}} 平段 {{seeInfoChargPile.flatChargPrice == null? '暂无费用':seeInfoChargPile.flatChargPrice + ' 元'}} 低谷 {{seeInfoChargPile.valleyChargPrice == null? '暂无费用':seeInfoChargPile.valleyChargPrice + ' 元'}} " style='line-height:30rpx;font-size:20rpx;word-wrap: break-word;color:#AAAAAA;'></rich-text>
</view>
<view style='line-height:0;margin: 5rpx 0;'>
<rich-text space='nbsp' nodes="服务费：尖峰 {{seeInfoChargPile.sharpServicePrice == null? '暂无费用':seeInfoChargPile.sharpServicePrice + ' 元'}} 高峰 {{seeInfoChargPile.peakServicePrice== null? '暂无费用':seeInfoChargPile.peakServicePrice + ' 元'}} 平段 {{seeInfoChargPile.flatServicePrice== null? '暂无费用':seeInfoChargPile.flatServicePrice + ' 元'}} 低谷 {{seeInfoChargPile.valleyServicePrice== null? '暂无费用':seeInfoChargPile.valleyServicePrice + ' 元'}} " style='line-height:30rpx;font-size:20rpx;color:#AAAAAA;word-wrap: break-word;'></rich-text>
</view>
<view style='line-height:0;margin: 5rpx 0;'>
<rich-text space='nbsp' nodes="总费用：尖峰 {{seeInfoChargPile.sharpTotalPrice == null? '暂无费用':seeInfoChargPile.sharpTotalPrice + ' 元'}} 高峰 {{seeInfoChargPile.peakTotalPrice == null? '暂无费用':seeInfoChargPile.peakTotalPrice + ' 元'}} 平段 {{seeInfoChargPile.flatTotalPrice == null? '暂无费用':seeInfoChargPile.flatTotalPrice + ' 元'}} 低谷 {{seeInfoChargPile.valleyTotalPrice == null? '暂无费用':seeInfoChargPile.valleyTotalPrice + ' 元'}} " style='line-height:30rpx;font-size:20rpx;color:#c13e32;word-wrap: break-word;'></rich-text>
</view>
<view>
</view>
<text class='inline yellow'>尖峰平谷时段</text>
<view style='line-height: 30rpx'>
<text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>高峰：10:00-15:00 18:00-21:00</text>
</view>
<view style='line-height: 30rpx'>
<text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>平段：07:00-10:00 15:00-18:00 21:00-23:00</text>
</view>
<view style='line-height: 30rpx'>
<text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>低谷：23:00至次日07:00</text>
</view>
<view style='line-height: 30rpx'>
<text decode='true' style='font-size:20rpx;color:#aaaaaa;'>尖峰：7\8月11:00-13:00 16:00-17:00</text>
</view>
--> <text class="parkingfee" wx:if="{{carParkingRate}}">充电即减免 <text>{{parkTime}}</text> 小时停车费</text>
<scroll-view class='pictureScroll' scroll-x='true'>
<view wx:for="{{chargfeatureList}}" wx:key="unique" data-index="{{index}}" bindtap="previewImage" class="chargfeatureImage">
<image src="{{item}}" ></image>
</view>
</scroll-view>
<view class="btn_list">
<view class="btn">
<view class="icon">快</view>
<view class="status">空闲 {{fastFree}} / 共 {{fastSum}}</view>
</view>
<view class="btn slow">
<view class="icon slow">慢</view>
<view class="status">空闲 {{slowFree}} / 共 {{slowSum}}</view>
</view>
</view>
</view>
</view>
<view class="title_list">终端列表</view>
<scroll-view class='context' scroll-y='true' bindscrolltolower="bindScrollTolowerEvent" >
<view class="charg" hover-class='active' wx:key='{{key}}' wx:for="{{chargList}}" data-idx="{{item}}" bindtap="{{userInfo.flag ?'chargingLog':''}}">
<view class="runstatus {{item.chargstatusclass}}">
<view class="runstatus_inner ">{{item.chargstatusname}}</view>
</view>
<view class="chargInfo_v">
<view class="chargInfo_v_name">{{item.chargPileName}}</view>
<view class="chargInfo_v_id"><text style="width:300rpx">{{item.chargPileId}}</text><text wx:if="{{!item.openStatus}}" decode="{{true}}" space="nbsp"> </text><text wx:if="{{!userInfo.flag && item.openStatus}}" class="seeReservation" bindtap="seeReservation" bindtap="seeReservation" data-idx="{{item}}">查看预约</text><text class="startpower" wx:if="{{!userInfo.flag && item.chargstatusname=='已插枪'}}" data-keywords="{{item}}" bindtap="{{(!userInfo.flag && item.chargstatusname=='已插枪')?'goScanResult':''}}">启动充电 ></text></view>
</view>
<view class="iconCard" >
<view class="icon {{item.pileType=='慢充'?'slowBar':'fastBar'}}">{{item.pileType=='慢充'?'慢':'快'}}</view>
</view>
</view>
<view class = "bottomm"></view>
</scroll-view>
</view>
</view >