index.wxml 4.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <view class='container'>
  2. <view class="section">
  3. <view class="userAvatarUrl" bindtap="bindUserAvatarUrl">
  4. <!-- <open-data type='userAvatarUrl'></open-data> -->
  5. <image src='{{isLogin?!userInfo.flag?userInfo.avatar:"/images/userhead.png":"/images/user.png"}}'></image>
  6. </view>
  7. <!-- <input bindtouchstart="bindInput" placeholder="搜索位置查找附近的充电桩" value="{{keywords.name}}" /> -->
  8. <!-- <input bindtouchstart="bindInput" placeholder="搜索充电桩" value="{{keywords}}" /> -->
  9. <view class='input' bindtap="bindInput">{{keywords}}</view>
  10. </view>
  11. <view class="{{textData.name?userInfo.flag?'map_container1':'map_container':'map_container_big'}}">
  12. <map class="map" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" show-location="true" markers="{{markers}}" bindmarkertap="makertap" bindregionchange="mapchange" polygon="{{polygon}}">
  13. <view class='map_distance'>
  14. <picker class="picker" bindchange="bindDistanceinfoChange" value="{{distanceinfoindex}}" range-key="text" range="{{distanceinfo}}">
  15. <text>距离{{distanceinfo[distanceinfoindex].text}}</text>
  16. </picker>
  17. </view>
  18. <cover-view class='map_location' bindtap='click_location_control' hover-class='map_location_hover'>
  19. <cover-image src='/images/circle1.png'></cover-image>
  20. </cover-view>
  21. <cover-view class='map_scan' wx:if="{{!userInfo.flag}}" bindtap='click_scan_control' hover-class='map_scan_hover'>
  22. <cover-image src='/images/scan.png' ></cover-image>
  23. </cover-view>
  24. </map>
  25. </view>
  26. <view class="{{userInfo.flag?'map_text1':'map_text'}}" hover-class='active' wx:if="{{textData}}">
  27. <!-- <view class="map-1" bindtap="getRoute">
  28. <image src="/images/jt.png"></image>
  29. <view>路线</view>
  30. </view> -->
  31. <view class='charging_text_title'>
  32. <view class='charging'>
  33. <image src='/images/charging1.png'></image>
  34. </view>
  35. <view class='charging_text_title1'>
  36. <text class='bold'>{{textData.name}}</text>
  37. <text class="h1">{{textData.address}}</text>
  38. </view>
  39. <text class="h1 right">{{textData.distance}}km</text>
  40. </view>
  41. <view style='line-height:0;'>
  42. <text decode='true' class='inline' wx:if="{{userInfo.flag}}">电桩数:{{textData.chargPileNum}}</text>
  43. <text decode='true' class='inline' wx:if="{{!userInfo.flag}}">电桩数:{{textData.chargPileNum}}&nbsp;&nbsp;&nbsp;&nbsp;空闲数:</text>
  44. <text class='fast inline' wx:if="{{!userInfo.flag}}" decode='true'>快{{textData.fastfreenum==null?0:textData.fastfreenum}}&nbsp;&nbsp;</text>
  45. <text class='slow inline' wx:if="{{!userInfo.flag}}">慢{{textData.slowfreenum==null?0:textData.slowfreenum}}</text>
  46. <!-- 初始,待运营,运营中,暂停营业,关闭,未运营 -->
  47. <text decode='true' class='inline' >&nbsp;&nbsp;&nbsp;&nbsp;状态:</text>
  48. <text decode='true' class='inline' wx:if="{{textData.operationState==1}}">初始</text>
  49. <text decode='true' class='inline' wx:if="{{textData.operationState==2}}">待运营</text>
  50. <text decode='true' class='inline' wx:if="{{textData.operationState==3}}">运营中</text>
  51. <text decode='true' class='inline' wx:if="{{textData.operationState==4}}">暂停营业</text>
  52. <text decode='true' class='inline' wx:if="{{textData.operationState==5}}">关闭</text>
  53. <text decode='true' class='inline' wx:if="{{textData.operationState==6}}">未运营</text>
  54. </view>
  55. <text class='fast'>快桩数:{{textData.fastCharg==null?0:textData.fastCharg}}</text>
  56. <text class='slow'>慢桩数:{{textData.slowCharg==null?0:textData.slowCharg}}</text>
  57. <text class='inline' wx:if="{{userInfo.flag}}">当前故障桩:</text><text class='red inline' wx:if="{{userInfo.flag}}">{{textData.breaknum==null?0:textData.breaknum}}</text>
  58. <text wx:if="{{!userInfo.flag}}">实时参考电费:{{textData.chargprice}}元/度</text>
  59. <!--<text decode='true' wx:if="{{!userInfo.flag}}">实时参考服务费:{{textData.serviceprice}}元/度&nbsp;&nbsp;&nbsp;&nbsp;停车费:{{textData.stopprice}}元/小时</text>-->
  60. <text decode='true' wx:if="{{!userInfo.flag}}">实时参考服务费:{{textData.serviceprice}}元/度</text>
  61. <view class='navigation' bindtap="getRoute">
  62. <image src='/images/navigation.png'></image>
  63. </view>
  64. </view>
  65. </view>
  66. <view wx:if='{{!(textData.name)&&showModal&&notice.noticeTitle}}'>
  67. <view class="modal_box">
  68. <view class="title"><image src='/images/notice.png' />公告</view>
  69. <view class='content_title'>{{notice.noticeTitle}}:</view>
  70. <view class='content'>
  71. <view class='modalMsg' ><rich-text nodes='{{notice.noticeContent}}'></rich-text></view>
  72. </view>
  73. <view bindtap='Sure' class='Sure' hover-class='hover_sure'>确定</view>
  74. </view>
  75. </view>