charging.wxml 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!--pages/charging/charging.wxml-->
  2. <view class="map_text" hover-class='active'>
  3. <view class='charging_text_title'>
  4. <view class='charging_text_title1'>
  5. <text class="bold">{{chargPile.chargPileName}}</text>
  6. <text class='h1'>终端编号:{{chargPileId}}</text>
  7. </view>
  8. </view>
  9. <view class="adress_df">地址:{{chargPile.address}}</view>
  10. <view class="desc_text">充电过程中禁止拔枪,如发生火灾请拨打119报警!</view>
  11. <view class="desc_text">如发生异常情况请联系客服</view>
  12. <view class="desc_text" style="color:#8F8E94" bindtap="phoneCall">客服电话:4009608068</view>
  13. <view class='chargeover'>
  14. <image class='over' src='/images/chargeover_1.png'></image>
  15. <ec-canvas force-use-old-canvas="true" class="progress_canvas" id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
  16. </view>
  17. <view class='text_context' >
  18. <text class="text1">已充时长</text>
  19. <text class="text3">{{chargingTime}}</text>
  20. </view>
  21. <view class="context">
  22. <view class='context_view' bindtap="goPurse" hover-class='active'>
  23. <image class='electric' src='/images/electric.png'></image>
  24. <text>电流</text>
  25. <text class='text2'>{{cdscdl}}A</text>
  26. </view>
  27. <view class='context_view1' bindtap="goCharginglog" hover-class='active'>
  28. <image class='voltage' src='/images/voltage.png'></image>
  29. <text>电压</text>
  30. <text class='text2'>{{cdscdy}}V</text>
  31. </view>
  32. <view class='context_view' hover-class='active'>
  33. <image class='money' src='/images/money.png'></image>
  34. <text>费用</text>
  35. <text class='text2'>{{totalMoney}}元</text>
  36. </view>
  37. </view>
  38. <view class="e_warn" bindtap="exceptionWarn"><image src="/images/warn.png"/><text>异常订单申诉</text></view>
  39. <button class='{{chargingOrder.chargPileStatus==2?"charg_button":"charg_button_disable"}}' bindtap='{{chargingOrder.chargPileStatus==2?"stopCharging":""}}'>停止充电</button>
  40. </view>