wechat-pilelog/pages/charginfo/charginfo.wxml

<!--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="grey">{{address}}</text>
        </view>
      </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 style='line-height:0;'>
      <text decode='true' class='inline'>费用：&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{seeInfoChargPile.sharpChargPrice}}</text>
      <text decode='true' class='inline'>元尖&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{seeInfoChargPile.peakChargPrice}}</text>
      <text decode='true' class='inline'>元峰&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{seeInfoChargPile.flatChargPrice}}</text>
      <text decode='true' class='inline'>元平&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{seeInfoChargPile.valleyChargPrice}}</text>
      <text decode='true' class='inline'>元谷&nbsp;&nbsp;</text>
    </view> -->
    <!-- <text class="inline"></text> -->
    <view>
    <!-- <rich-text style='line-height:30rpx;word-break:break-all;color: #575757;font-size:26rpx;'><span style="font-weight:bold;color:#000">北京地区</span>峰谷时段划分如下所示（如有峰谷差异电价，详情请咨询场站现场负责人）：</rich-text> -->
  </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>

    <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' data-keywords="{{item}}" wx:key='{{key}}' wx:for="{{chargList}}"   bindtap="{{(!userInfo.flag && item.chargstatusname=='已插枪')?'goScanResult':''}}">
      <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">{{item.chargPileId}}</view>
      </view>
      <view class="iconleft" >
        <view class="icon {{item.pileType=='慢充'?'slowBar':'fastBar'}}">{{item.pileType=='慢充'?'慢':'快'}}</view>
        <view class="startpower" wx:if="{{!userInfo.flag && item.chargstatusname=='已插枪'}}" >启动充电 ></view>
      </view>
    </view>
    <view class = "bottomm"></view>
  </scroll-view>

</view>
</view >