wechat-pilelog/pages/scan_result/scan_result.wxml

<!--pages/scan_result/scan_result.wxml-->
  <view wx:if="{{chargPile}}"  class="map_text" hover-class='active' >
    <!-- <view class="map-1" bindtap="getRoute">
      <image src="/images/jt.png"></image>
      <view>路线</view>
    </view> -->
    <view class='charging_text_title'>
      <view class='charging'>
        <image src='/images/charging2_1.png'></image>
      </view>
      <view class='charging_text_title1'>
        <text class='bold'>{{chargPile.chargPileName}}</text>
        <text class="h1">终端编号：{{chargPile.chargPileId}}</text>
      </view>
    </view>
    <!-- <text style='margin-bottom:10rpx;'>地址：{{chargPile.address}}</text> -->
    <rich-text space='nbsp' nodes="地址：{{chargPile.address}}" style='line-height:30rpx;font-size:24rpx;margin-bottom:10rpx;word-wrap: break-word;' ></rich-text>
    <!-- <text class='fast' wx:if="{{chargPile.pileType=='快充'}}">快桩：2小时</text>
    <text class='slow' wx:if="{{chargPile.pileType=='慢充'}}">慢桩：2小时</text> -->
    <text class="inline">实时参考费用：</text>
    <view style='line-height:0;'>
      <rich-text space='nbsp' nodes="电   费：{{chargPile.chargprice}}元  服务费：{{chargPile.serviceprice}}元  总费用：{{chargPile.totalprice}}元" style='line-height:30rpx;font-size:24rpx;margin-bottom:10rpx;word-wrap: break-word;' ></rich-text>
    </view>
    <text class="inline">参考价格：</text>
    <view style='line-height:0;'>
      <rich-text space='nbsp' nodes="服务费：尖峰{{chargPile.sharpServicePrice}}元  高峰{{chargPile.peakServicePrice}}元  平段{{chargPile.flatServicePrice}}元  低谷{{chargPile.valleyServicePrice}}元  " style='line-height:30rpx;font-size:24rpx;color:#a3a3a3;margin-bottom:10rpx;word-wrap: break-word;'></rich-text>
    </view>
    <view style='line-height:0;margin-bottom:10rpx'>
      <rich-text space="nbsp" nodes="电   费：尖峰{{chargPile.sharpChargPrice}}元  高峰{{chargPile.peakChargPrice}}元  平段{{chargPile.flatChargPrice}}元  低谷{{chargPile.valleyChargPrice}}元  " style='line-height:30rpx;font-size:24rpx;margin-bottom:10rpx;word-wrap: break-word;'></rich-text>
    </view>
    <view style='line-height:0;'>
      <rich-text space='nbsp' nodes="总费用：尖峰{{chargPile.sharpTotalPrice}}元  高峰{{chargPile.peakTotalPrice}}元  平段{{chargPile.flatTotalPrice}}元  低谷{{chargPile.valleyTotalPrice}}元  " style='line-height:30rpx;font-size:24rpx;color:red;margin-bottom:10rpx;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'>{{chargPile.sharpChargPrice}}</text>
      <text decode='true' class='inline'>元尖&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{chargPile.peakChargPrice}}</text>
      <text decode='true' class='inline'>元峰&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{chargPile.flatChargPrice}}</text>
      <text decode='true' class='inline'>元平&nbsp;&nbsp;</text>
      <text decode='true' class='slow inline'>{{chargPile.valleyChargPrice}}</text>
      <text decode='true' class='inline'>元谷&nbsp;&nbsp;</text>
    </view> -->
    <!-- <text class="inline"></text> -->
    <view style="margin-bottom:10rpx;margin-top:10rpx">
    <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>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:#a3a3a3;margin-bottom:10rpx;'>高峰：10:00-15:00&nbsp;&nbsp;18:00-21:00</text>
    </view>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:#a3a3a3;margin-bottom:10rpx;'>平段：07:00-10:00&nbsp;&nbsp;15:00-18:00&nbsp;&nbsp;21:00-23:00</text>
    </view>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:#a3a3a3;margin-bottom:10rpx;'>低谷：23:00至次日07:00</text>
    </view>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:#a3a3a3;margin-bottom:10rpx;'>尖峰：7\8月11:00-13:00&nbsp;&nbsp;16:00-17:00</text>
    </view>
      <!-- 
    <view wx:if="{{chargPile.showinfo}}">
      <rich-text style='line-height:48rpx;color:red;font-size:32rpx;word-break:break-all;'>信息展现：{{chargPile.showinfo}}</rich-text> 
    </view> -->
  </view>
  <view  style='margin-top:24rpx;'>
    <rich-text style='line-height:48rpx;color:red;font-size:32rpx;word-break:break-all;'>您当前余额为：{{repaidbalance}}元。</rich-text><rich-text style='line-height:48rpx;color:black;font-size:32rpx;word-break:break-all;'>建议参考充电总费用（元/度电）与您爱车的电池容量（度），避免因费用不足导致充电量不足的情况发生。</rich-text>
  </view>
  <view wx:if="{{chargPile.showinfo}}" style='margin-top:24rpx;'>
    <rich-text style='line-height:48rpx;color:black;font-size:32rpx;word-break:break-all;'>{{chargPile.showinfo}}</rich-text>
  </view>
  <button wx:if="{{chargPile}}" class='charg_button' bindtap="beginCharge" >开始充电</button>

<!-- <view style="width: 100%;margin-top:50rpx">
  <ad unit-id="adunit-8eb13875bcf592b0" ad-intervals="30"></ad>
</view> -->