wechat-pilelog/pages/charging/charging.wxml

<!--pages/charging/charging.wxml-->
<view class="map_text" hover-class='active'>
  <view class='charging_text_title'>
    <view class='charging'>
      <image src='/images/charging2.png'></image>
    </view>
    <view class='charging_text_title1'>
      <text class='bold'>{{chargPile.address}}</text>
      <text class="h1">{{chargPile.chargPileName}}</text>
    </view>
  </view>
  <text class="left">终端编号：{{chargPileId}}</text>
  <text class="right">数据每分钟自动刷新</text>
  <view class='chargeover'>
    <image src='/images/chargeover_1.png'></image>
    <canvas class="progress_canvas" canvas-id="canvasProgress"> </canvas>
    <view class='chargeover_text_view' wx:if="{{chargingOrder.chargPileStatus==2}}">
      <text class="text2">{{yczds}}</text>
      <text class="text1">已充电量(度)</text>
      <!-- <text class="text2">01小时04分</text>
      <text class="text1">剩余充满时间</text> -->
      <text class="text2">{{chargingRate}}%</text>
      <text class="text1">电池电量</text>
    </view>
    <view class='chargeover_text_view' wx:if="{{chargingOrder.chargPileStatus==1}}">
      <text class="text4">充电桩启动中</text>
    </view>
  </view>





  <!--<view class='chargeover'>
    <image src='/images/chargeover_1.png'></image>
    <image src='/images/chargeover{{chargingRate}}.png'></image>
    <view class='chargeover_text_view'>
      <text class="text2">17.15</text>
      <text class="text1">已充电量(度)</text>-->
      <!-- <text class="text2">01小时04分</text>
      <text class="text1">剩余充满时间</text> -->
      <!--<text class="text2">{{chargingRate}}%</text>
      <text class="text1">电池电量</text>
    </view>
  </view> -->
  <view class='text_context' >
    <text class="text1">已充时长</text>
    <text class="text3">{{chargingTime}}</text>
    <text class="text1">充电费用</text>
    <text class="text3 inline">{{totalMoney}}</text>
    <text class="inline">元</text>
  </view>
  <text class="help" decode='true'>客服电话：18211188302&nbsp;&nbsp;&nbsp;&nbsp;工作时间：工作日 08:00-17:00</text>
</view>

<button class='{{chargingOrder.chargPileStatus==2?"charg_button":"charg_button_disable"}}' bindtap='{{chargingOrder.chargPileStatus==2?"stopCharging":""}}'>停止充电</button>