<!--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>
          <view  class="grey_underline" bindtap="{{!!offlineServicecall?'callphone':''}}"><text class="grey">线下运维电话:</text><block wx:if="{{!!offlineServicecall}}"><image src="/images/phone_underline.png"/><text class="phone"  > {{offlineServicecall}}</text></block></view>
        </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&nbsp;&nbsp;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&nbsp;&nbsp;15:00-18:00&nbsp;&nbsp;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&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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 >
