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_text_title1'>
      <text class='bold'>{{chargPile.address}}</text>
      <text class="h1">{{chargPile.chargPileName}}</text>
    </view>
  </view>
  <text class="left">终端编号：{{chargPileId}}</text>
  <view class='chargeover'>
    <image src='/images/chargeover_1.png'></image>
    <!-- <canvas class="progress_canvas" canvas-id="canvasProgress"> </canvas> -->
    <ec-canvas class="progress_canvas" id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-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='text_context' >
    <text class="text1">已充时长</text>
    <text class="text3">{{chargingTime}}</text>
  </view>
  <view class="context">
    <view class='context_view' bindtap="goPurse" hover-class='active'>
      <image class='chargemoney' src='/images/chargemoney.png'></image>
      <text>电流</text>
      <text class='text2'>3.5kW-16A</text>
    </view>
    <view class='context_view1' bindtap="goCharginglog" hover-class='active'>
      <image class='relevance' src='/images/relevance.png'></image>
      <text>电压</text>
      <text class='text2'>220V</text>
    </view>
    <view class='context_view' hover-class='active'>
      <image class='exchange' src='/images/exchange.png'></image>
      <text>费用</text>
      <text class='text2'>{{totalMoney}}元</text>
    </view>
  </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>