charginfo.wxml 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!--pages/charging/charging.wxml-->
  2. <view style="height: 100%;width: 100%;overflow: scroll;">
  3. <view class="charginfo" hover-class='active'>
  4. <view class="map_text">
  5. <view class="map_text_info">
  6. <view class='charging_text_title'>
  7. <view class='charging_text_title1'>
  8. <text class='name'>{{name}}</text>
  9. <text class="grey">{{address}}</text>
  10. </view>
  11. </view>
  12. <text class="inline" style='color:#cea568;font-size: 28rpx;'>全天时段费用:</text>
  13. <view class="rtable">
  14. <view class="rtr" style="font-size: 28rpx;">
  15. <view class="rtd t1">时段</view>
  16. <view class="rtd t2">电费</view>
  17. <view class="rtd t2">服务费</view>
  18. <view class="rtd t2">总费用</view>
  19. </view>
  20. <block wx:for="{{resultTable}}" wx:key="*this">
  21. <view wx:if="{{item.currentTime}}" class="rtr active" >当前费用</view>
  22. <view class="rtr {{item.currentTime?'active':''}}" >
  23. <view class="rtd t1">{{item.startTimeStr}} - {{item.endTimeStr}}</view>
  24. <view class="rtd t2">{{item.elecPrice}}{{item.elecPrice=='暂无费用'?'':'元'}}</view>
  25. <view class="rtd t2">{{item.servicePrice}}{{item.servicePrice=='暂无费用'?'':'元'}}</view>
  26. <view class="rtd t2">{{item.sumPrice}}{{item.sumPrice=='暂无费用'?'':'元'}}</view>
  27. </view>
  28. </block>
  29. </view>
  30. <!--
  31. <text class='inline yellow'>{{seeInfoChargPile.totalprice == null? '暂无费用' : ' ¥ ' + seeInfoChargPile.totalprice}}</text>
  32. <view style='line-height:0;margin: 5rpx 0;'>
  33. <rich-text space='nbsp' nodes="{{seeInfoChargPile.chargprice == null? '暂无实时电费' : '实时电费 ' + seeInfoChargPile.chargprice + ' 元/度'}} {{seeInfoChargPile.serviceprice == null? '暂无实时服务费' : '实时服务费 ' + seeInfoChargPile.serviceprice + ' 元/度'}}" style='line-height:30rpx;font-size:20rpx;word-wrap: break-word;color:#AAAAAA' ></rich-text>
  34. </view>
  35. <text class='inline yellow' style="margin: 5rpx 0;">全天时段费用</text>
  36. <view style='line-height:0;margin: 5rpx 0;'>
  37. <rich-text space="nbsp" nodes="电 费:尖峰 {{seeInfoChargPile.sharpChargPrice == null? '暂无费用':seeInfoChargPile.sharpChargPrice + ' 元'}} 高峰 {{seeInfoChargPile.peakChargPrice== null? '暂无费用':seeInfoChargPile.peakChargPrice + ' 元'}} 平段 {{seeInfoChargPile.flatChargPrice == null? '暂无费用':seeInfoChargPile.flatChargPrice + ' 元'}} 低谷 {{seeInfoChargPile.valleyChargPrice == null? '暂无费用':seeInfoChargPile.valleyChargPrice + ' 元'}} " style='line-height:30rpx;font-size:20rpx;word-wrap: break-word;color:#AAAAAA;'></rich-text>
  38. </view>
  39. <view style='line-height:0;margin: 5rpx 0;'>
  40. <rich-text space='nbsp' nodes="服务费:尖峰 {{seeInfoChargPile.sharpServicePrice == null? '暂无费用':seeInfoChargPile.sharpServicePrice + ' 元'}} 高峰 {{seeInfoChargPile.peakServicePrice== null? '暂无费用':seeInfoChargPile.peakServicePrice + ' 元'}} 平段 {{seeInfoChargPile.flatServicePrice== null? '暂无费用':seeInfoChargPile.flatServicePrice + ' 元'}} 低谷 {{seeInfoChargPile.valleyServicePrice== null? '暂无费用':seeInfoChargPile.valleyServicePrice + ' 元'}} " style='line-height:30rpx;font-size:20rpx;color:#AAAAAA;word-wrap: break-word;'></rich-text>
  41. </view>
  42. <view style='line-height:0;margin: 5rpx 0;'>
  43. <rich-text space='nbsp' nodes="总费用:尖峰 {{seeInfoChargPile.sharpTotalPrice == null? '暂无费用':seeInfoChargPile.sharpTotalPrice + ' 元'}} 高峰 {{seeInfoChargPile.peakTotalPrice == null? '暂无费用':seeInfoChargPile.peakTotalPrice + ' 元'}} 平段 {{seeInfoChargPile.flatTotalPrice == null? '暂无费用':seeInfoChargPile.flatTotalPrice + ' 元'}} 低谷 {{seeInfoChargPile.valleyTotalPrice == null? '暂无费用':seeInfoChargPile.valleyTotalPrice + ' 元'}} " style='line-height:30rpx;font-size:20rpx;color:#c13e32;word-wrap: break-word;'></rich-text>
  44. </view>
  45. <view>
  46. </view>
  47. <text class='inline yellow'>尖峰平谷时段</text>
  48. <view style='line-height: 30rpx'>
  49. <text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>高峰:10:00-15:00&nbsp;&nbsp;18:00-21:00</text>
  50. </view>
  51. <view style='line-height: 30rpx'>
  52. <text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>平段:07:00-10:00&nbsp;&nbsp;15:00-18:00&nbsp;&nbsp;21:00-23:00</text>
  53. </view>
  54. <view style='line-height: 30rpx'>
  55. <text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>低谷:23:00至次日07:00</text>
  56. </view>
  57. <view style='line-height: 30rpx'>
  58. <text decode='true' style='font-size:20rpx;color:#aaaaaa;'>尖峰:7\8月11:00-13:00&nbsp;&nbsp;16:00-17:00</text>
  59. </view>
  60. --> <text class="parkingfee" wx:if="{{carParkingRate}}">充电即减免 <text>{{parkTime}}</text> 小时停车费</text>
  61. <scroll-view class='pictureScroll' scroll-x='true'>
  62. <view wx:for="{{chargfeatureList}}" wx:key="unique" data-index="{{index}}" bindtap="previewImage" class="chargfeatureImage">
  63. <image src="{{item}}" ></image>
  64. </view>
  65. </scroll-view>
  66. <view class="btn_list">
  67. <view class="btn">
  68. <view class="icon">快</view>
  69. <view class="status">空闲 {{fastFree}} / 共 {{fastSum}}</view>
  70. </view>
  71. <view class="btn slow">
  72. <view class="icon slow">慢</view>
  73. <view class="status">空闲 {{slowFree}} / 共 {{slowSum}}</view>
  74. </view>
  75. </view>
  76. </view>
  77. </view>
  78. <view class="title_list">终端列表</view>
  79. <scroll-view class='context' scroll-y='true' bindscrolltolower="bindScrollTolowerEvent" >
  80. <view class="charg" hover-class='active' wx:key='{{key}}' wx:for="{{chargList}}" >
  81. <view class="runstatus {{item.chargstatusclass}}">
  82. <view class="runstatus_inner ">{{item.chargstatusname}}</view>
  83. </view>
  84. <view class="chargInfo_v">
  85. <view class="chargInfo_v_name">{{item.chargPileName}}</view>
  86. <view class="chargInfo_v_id"><text style="width:300rpx">{{item.chargPileId}}</text><text wx:if="{{!item.openStatus}}" decode="{{true}}" space="nbsp">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</text><text wx:if="{{item.openStatus}}" class="seeReservation" bindtap="seeReservation" bindtap="seeReservation" data-idx="{{item}}">查看预约</text><text class="startpower" wx:if="{{!userInfo.flag && item.chargstatusname=='已插枪'}}" data-keywords="{{item}}" bindtap="{{(!userInfo.flag && item.chargstatusname=='已插枪')?'goScanResult':''}}">启动充电 ></text></view>
  87. </view>
  88. <view class="iconCard" >
  89. <view class="icon {{item.pileType=='慢充'?'slowBar':'fastBar'}}">{{item.pileType=='慢充'?'慢':'快'}}</view>
  90. </view>
  91. </view>
  92. <view class = "bottomm"></view>
  93. </scroll-view>
  94. </view>
  95. </view >