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.address}}</text>
        <text class="h1">{{chargPile.chargPileName}}</text>
      </view>
    </view>
    <text style='margin-bottom:10rpx;'>终端编号：{{chargPile.chargPileId}}</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;'>
      <text decode='true' style='color:red;font-size:24rpx;margin-bottom:10rpx;'>电&nbsp;&nbsp;&nbsp;费：{{chargPile.chargprice}}元&nbsp;&nbsp;服务费：{{chargPile.serviceprice}}元&nbsp;&nbsp;总费用：{{chargPile.totalprice}}元</text>
    </view>
    <text class="inline">参考价格：</text>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:#a3a3a3;margin-bottom:10rpx;'>服务费：尖峰{{chargPile.sharpServicePrice}}元&nbsp;&nbsp;高峰{{chargPile.peakServicePrice}}元&nbsp;&nbsp;平段{{chargPile.flatServicePrice}}元&nbsp;&nbsp;低谷{{chargPile.valleyServicePrice}}元&nbsp;&nbsp;</text>
    </view>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:#FF0000;margin-bottom:10rpx;'>电&nbsp;&nbsp;&nbsp;费：尖峰{{chargPile.sharpChargPrice}}元&nbsp;&nbsp;高峰{{chargPile.peakChargPrice}}元&nbsp;&nbsp;平段{{chargPile.flatChargPrice}}元&nbsp;&nbsp;低谷{{chargPile.valleyChargPrice}}元&nbsp;&nbsp;</text>
    </view>
    <view style='line-height:0;'>
      <text decode='true' style='font-size:24rpx;color:red;margin-bottom:10rpx;'>总费用：尖峰{{chargPile.sharpTotalPrice}}元&nbsp;&nbsp;高峰{{chargPile.peakTotalPrice}}元&nbsp;&nbsp;平段{{chargPile.flatTotalPrice}}元&nbsp;&nbsp;低谷{{chargPile.valleyTotalPrice}}元&nbsp;&nbsp;</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='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>
    <rich-text style='line-height:48rpx;color:red;font-size:32rpx;word-break:break-all;'>您当前余额为：{{repaidbalance}}元。建议参考充电总费用（元/度电）与您爱车的电池容量（度），避免因费用不足导致充电量不足的情况发生。</rich-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>
  <button wx:if="{{chargPile}}" class='charg_button' bindtap="beginCharge" >开始充电</button>