charginfo.wxml 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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="tag" wx:if='{{stationTagList && stationTagList.length > 0}}'>
  10. <block wx:for="{{stationTagList}}" wx:key="unique" data-index="{{index}}">
  11. <text class="tagItem">{{item}}</text>
  12. </block>
  13. </text>
  14. <text class="grey address">{{address}}</text>
  15. <view class="grey_underline" bindtap="{{!!offlineServicecall?'callphone':''}}"><text class="grey">线下运维电话:</text><block wx:if="{{!!offlineServicecall}}"><image src="/images/phone_underline.png"/><text class="phone" > {{offlineServicecall}}</text></block></view>
  16. </view>
  17. </view>
  18. <text class="inline" style='color:#cea568;font-size: 28rpx;'>全天时段费用:</text>
  19. <view class="rtable">
  20. <view class="rtr" style="font-size: 28rpx;">
  21. <view class="rtd t1">时段</view>
  22. <view class="rtd t2">电费</view>
  23. <view class="rtd t2">服务费</view>
  24. <view class="rtd t2">总费用</view>
  25. </view>
  26. <block wx:for="{{resultTable}}" wx:key="*this">
  27. <view wx:if="{{item.currentTime}}" class="rtr active" >当前费用</view>
  28. <view class="rtr {{item.currentTime?'active':''}}" >
  29. <view class="rtd t1">{{item.startTimeStr}} - {{item.endTimeStr}}</view>
  30. <view class="rtd t2">{{item.elecPrice}}{{item.elecPrice=='暂无费用'?'':'元'}}</view>
  31. <view class="rtd t2">{{item.servicePrice}}{{item.servicePrice=='暂无费用'?'':'元'}}</view>
  32. <view class="rtd t2">{{item.sumPrice}}{{item.sumPrice=='暂无费用'?'':'元'}}</view>
  33. </view>
  34. </block>
  35. </view>
  36. <!--
  37. <text class='inline yellow'>{{seeInfoChargPile.totalprice == null? '暂无费用' : ' ¥ ' + seeInfoChargPile.totalprice}}</text>
  38. <view style='line-height:0;margin: 5rpx 0;'>
  39. <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>
  40. </view>
  41. <text class='inline yellow' style="margin: 5rpx 0;">全天时段费用</text>
  42. <view style='line-height:0;margin: 5rpx 0;'>
  43. <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>
  44. </view>
  45. <view style='line-height:0;margin: 5rpx 0;'>
  46. <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>
  47. </view>
  48. <view style='line-height:0;margin: 5rpx 0;'>
  49. <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>
  50. </view>
  51. <view>
  52. </view>
  53. <text class='inline yellow'>尖峰平谷时段</text>
  54. <view style='line-height: 30rpx'>
  55. <text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>高峰:10:00-15:00&nbsp;&nbsp;18:00-21:00</text>
  56. </view>
  57. <view style='line-height: 30rpx'>
  58. <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>
  59. </view>
  60. <view style='line-height: 30rpx'>
  61. <text decode='true' style='font-size:20rpx;color:#aaaaaa;line-height: 0rpx;'>低谷:23:00至次日07:00</text>
  62. </view>
  63. <view style='line-height: 30rpx'>
  64. <text decode='true' style='font-size:20rpx;color:#aaaaaa;'>尖峰:7\8月11:00-13:00&nbsp;&nbsp;16:00-17:00</text>
  65. </view>
  66. --> <text class="parkingfee" wx:if="{{carParkingRate}}">充电即减免 <text>{{parkTime}}</text> 小时停车费</text>
  67. <scroll-view class='pictureScroll' scroll-x='true'>
  68. <view wx:for="{{chargfeatureList}}" wx:key="unique" data-index="{{index}}" bindtap="previewImage" class="chargfeatureImage">
  69. <image src="{{item}}" ></image>
  70. </view>
  71. </scroll-view>
  72. <view class="btn_list">
  73. <view class="btn">
  74. <view class="icon">快</view>
  75. <view class="status">空闲 {{fastFree}} / 共 {{fastSum}}</view>
  76. </view>
  77. <view class="btn slow">
  78. <view class="icon slow">慢</view>
  79. <view class="status">空闲 {{slowFree}} / 共 {{slowSum}}</view>
  80. </view>
  81. </view>
  82. </view>
  83. </view>
  84. <view class="title_list">终端列表</view>
  85. <view class="tabList">
  86. <view data-idx="0" class="tab {{activeTab=='0'?'active':''}}" bindtap="toggleTabs">充电桩</view>
  87. <view data-idx="1" class="tab {{activeTab=='1'?'active':''}}" bindtap="toggleTabs">机器人充电车</view>
  88. </view>
  89. <scroll-view class='context' scroll-y='true' bindscrolltolower="bindScrollTolowerEvent" >
  90. <!-- 充电桩 start -->
  91. <view wx:if="{{activeTab=='0'}}" class="charg" hover-class='active' wx:key='{{key}}' wx:for="{{chargList}}" data-idx="{{item}}" bindtap="{{userInfo.flag ?'chargingLog':''}}">
  92. <view class="runstatus {{item.chargstatusclass}}">
  93. <view class="runstatus_inner ">{{item.chargstatusname}}</view>
  94. </view>
  95. <view class="chargInfo_v">
  96. <view class="chargInfo_v_name">{{item.chargPileName}}</view>
  97. <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="{{!userInfo.flag && 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>
  98. </view>
  99. <view class="iconCard" >
  100. <view class="icon {{item.pileType=='慢充'?'slowBar':'fastBar'}}">{{item.pileType=='慢充'?'慢':'快'}}</view>
  101. </view>
  102. </view>
  103. <!-- 充电桩 end -->
  104. <!-- 机器人充电车 start -->
  105. <!--
  106. <view wx:if="{{activeTab=='1'}}" class="charg" hover-class='active' wx:key='{{key}}' wx:for="{{ele_chargList}}" data-idx="{{item}}" bindtap="{{userInfo.flag ?'chargingLog':''}}">
  107. -->
  108. <view wx:if="{{activeTab=='1'}}" class="charg" hover-class='active' wx:key='{{key}}' wx:for="{{ele_chargList}}" data-idx="{{item}}" bindtap="goEleCarMap">
  109. <view class="runstatus {{item.chargstatusclass}}">
  110. <view class="runstatus_inner ">{{item.chargstatusname}}</view>
  111. </view>
  112. <view class="chargInfo_v">
  113. <view class="chargInfo_v_name">{{item.chargPileName}}</view>
  114. <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 class="startpower" wx:if="{{!userInfo.flag && item.chargstatusname=='已插枪'}}" data-keywords="{{item}}" bindtap="{{(!userInfo.flag && item.chargstatusname=='已插枪')?'goEleCarMap':''}}">呼叫充电车 ></text></view>
  115. </view>
  116. <!-- <view class="iconCard" >
  117. <view class="icon {{item.pileType=='慢充'?'slowBar':'fastBar'}}">{{item.pileType=='慢充'?'慢':'快'}}</view>
  118. </view> -->
  119. </view>
  120. <!-- 机器人充电车 end -->
  121. <view class = "bottomm"></view>
  122. </scroll-view>
  123. </view>
  124. </view >