charging.wxml 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!--pages/charging/charging.wxml-->
  2. <view class="map_text" hover-class='active'>
  3. <view class='charging_text_title'>
  4. <view class='charging'>
  5. <image src='/images/charging2.png'></image>
  6. </view>
  7. <view class='charging_text_title1'>
  8. <text class='bold'>{{chargPile.address}}</text>
  9. <text class="h1">{{chargPile.chargPileName}}</text>
  10. </view>
  11. </view>
  12. <text class="left">终端编号:{{chargPileId}}</text>
  13. <text class="right">数据每分钟自动刷新</text>
  14. <view class='chargeover'>
  15. <image src='/images/chargeover_1.png'></image>
  16. <canvas class="progress_canvas" canvas-id="canvasProgress"> </canvas>
  17. <view class='chargeover_text_view' wx:if="{{chargingOrder.chargPileStatus==2}}">
  18. <text class="text2">{{yczds}}</text>
  19. <text class="text1">已充电量(度)</text>
  20. <!-- <text class="text2">01小时04分</text>
  21. <text class="text1">剩余充满时间</text> -->
  22. <text class="text2">{{chargingRate}}%</text>
  23. <text class="text1">电池电量</text>
  24. </view>
  25. <view class='chargeover_text_view' wx:if="{{chargingOrder.chargPileStatus==1}}">
  26. <text class="text4">充电桩启动中</text>
  27. </view>
  28. </view>
  29. <!--<view class='chargeover'>
  30. <image src='/images/chargeover_1.png'></image>
  31. <image src='/images/chargeover{{chargingRate}}.png'></image>
  32. <view class='chargeover_text_view'>
  33. <text class="text2">17.15</text>
  34. <text class="text1">已充电量(度)</text>-->
  35. <!-- <text class="text2">01小时04分</text>
  36. <text class="text1">剩余充满时间</text> -->
  37. <!--<text class="text2">{{chargingRate}}%</text>
  38. <text class="text1">电池电量</text>
  39. </view>
  40. </view> -->
  41. <view class='text_context' >
  42. <text class="text1">已充时长</text>
  43. <text class="text3">{{chargingTime}}</text>
  44. <text class="text1">充电费用</text>
  45. <text class="text3 inline">{{totalMoney}}</text>
  46. <text class="inline">元</text>
  47. </view>
  48. <text class="help" decode='true'>客服电话:18211188302&nbsp;&nbsp;&nbsp;&nbsp;工作时间:工作日 08:00-17:00</text>
  49. </view>
  50. <button class='{{chargingOrder.chargPileStatus==2?"charg_button":"charg_button_disable"}}' bindtap='{{chargingOrder.chargPileStatus==2?"stopCharging":""}}'>停止充电</button>