<view class='container'>
  <view class="section">
    <view class='input' bindtap="bindInput">
      <image src='/images/search.png'></image>
      <text>{{keywords}}</text>
    </view>
    <view class='city_select' bindtap="howtouse">使用说明</view>
    <view class='city_select' style="width: 50rpx;"> </view>
    <view style="display: none;" class='city_select'>{{city==null?'北京市':city}}</view>
    <view style="display: none;"  class='down'>
      <image src='/images/down.png'></image>
    </view>
    <view  style="display: none;" class='howtouse' bindtap="howtouse">使用说明</view>
  </view>
  <view class="{{textData.name?'map_container':'map_container_big'}}">
    <view wx:if="{{textData}}" class='map_textdata_fast'>
      <text decode="true">●&nbsp;快充&nbsp;{{textData.fastfreenum==null?0:textData.fastfreenum}}/</text>
      <text style='color:#969696;'>{{textData.fastCharg==null?0:textData.fastCharg}}</text>
    </view>
    <view wx:if="{{textData}}" class='map_textdata_slow'>
      <text decode="true">●&nbsp;慢充&nbsp;{{textData.slowfreenum==null?0:textData.slowfreenum}}/</text>
      <text style='color:#969696;'>{{textData.slowCharg==null?0:textData.slowCharg}}</text>
    </view>
    <map class="map" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" show-location="true" markers="{{markers}}" bindmarkertap="makertap" bindregionchange="mapchange" polygon="{{polygon}}">
      <view class='map_distance'>
        <picker class="picker" bindchange="bindDistanceinfoChange" value="{{distanceinfoindex}}" range-key="text" range="{{distanceinfo}}">
          <text>距离{{distanceinfo[distanceinfoindex].text}}</text>
        </picker>
      </view>
      <cover-view  wx:if='{{(!(!(textData.name)&&showModal&&notice.noticeTitle))  && (!showPrivacy)}}' class='map_location' bindtap='click_location_control' hover-class='map_location_hover'>
        <cover-image class='circle1' src='/images/circle1.png'></cover-image>
      </cover-view>
      <cover-view wx:if='{{(!(!(textData.name)&&showModal&&notice.noticeTitle))  && (!showPrivacy)}}' class='map_center'>
        <cover-image src='/images/map_center.png'></cover-image>
      </cover-view>
    </map>
  </view>
  <view class="map_text" hover-class='active' wx:if="{{textData}}" bindtap='seeInfo'>
  <view class="see_info" >查看详情 > </view>
    <view class="map_text_info">
      <view class='charging_text_title'>
        <view class='charging_text_title1'>
          <text class='bold'>{{textData.name}}</text>
          <text class="tag"  wx:if='{{textData && textData.stationTagList && textData.stationTagList.length > 0}}'>
            <block wx:for="{{textData.stationTagList}}" wx:key="unique" data-index="{{index}}">
                <text class="tagItem">{{item}}</text> 
            </block>   
          </text>
          <text class="h1">{{textData.address}}</text>
        </view>
      </view>
      <view class='chargprice'>
        <text class='inline yellow'>{{textData.chargprice == null? '暂无电费' : textData.chargprice}}</text>
        <text decode="true" class='inline price'>&nbsp;{{textData.chargprice == null? '' : '元/度'}}</text>
      </view>
      <view style="width: 100%;height: 40rpx;display: flex;flex-direction: row;">
      <text class='inline border'>服务费：{{textData.serviceprice == null? '暂无服务费' : textData.serviceprice + ' 元/度'}}</text>
      <view class="parkingfee" wx:if="{{carParkingRate}}"><image src="/images/v2_rxmjcu.png" style="height:30rpx;width:30rpx"/><text class='inline'>减免停车费</text></view>
    </view>
      <!-- <text class='inline border'>停车费：{{textData.stopprice}}元/小时</text> -->
     
      
    </view>
    <view class='navigationTap' catchtap="getRoute"></view>
    <view class='navigation_info'>
      <view class='navigation'>
        <image src='/images/navigation.png'></image>
      </view>
      <text>{{textData.distance}}km</text>
    </view>
  </view>
</view>

<!-- 通知 -->
<van-dialog custom-class="privacy_box" 
use-slot
width="300"
custom-class="privacy_box_modal"
show-confirm-button="{{false}}"
show ="{{showPrivacy}}"
>  
<view class="privacy_box">
<text class="title">个人信息保护指引</text>
<text style="height:40rpx">感谢您使用派捷充电！</text>
<text style="height:140rpx">为向您提供更好的充电服务，在使用我们的产品前，请您阅读并同意<text bindtap="handleOpenPrivacyContract" class="userPrivacy">《用户隐私保护指引》</text>。
</text>
<text style="height:150rpx">当您点击同意并开始使用产品服务时，即表示你已理解并同意该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法使用相关产品服务。</text>
<button class="agree" id="agree-btn" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgreePrivacyAuthorization">同意并继续</button>
   <navigator class="reject" open-type="exit" target="miniProgram">不同意</navigator>
</view>   
</van-dialog>

<!-- 公告 -->
<view wx:if='{{(!(textData.name)&&showModal&&notice.noticeTitle) && (!showPrivacy)}}'>

  <view class="modal_box">
    <view class="title">
      <image src='/images/notice.png' />
    </view>
    
    <view class="content_msg">
      <view class='content_title'>{{notice.noticeTitle}}</view>
      <view class='content'>
        <view class='modalMsg'>
          <rich-text nodes='{{notice.noticeContent}}'></rich-text>
        </view>
      </view>
      <view bindtap='Sure' class='Sure' hover-class='hover_sure'>知道了</view>
    </view>

  </view>
</view>
<view class='footer'>
  <view class='footer_1'>
    <image src='/images/index_selected.png'></image>
    <text class='selected'>首页</text>
  </view>
  <view class='footer_2' bindtap="click_scan_control_outer" wx:if='{{!userInfo.flag}}'>
    <image src='/images/scan.png'></image>
  </view>
  <view class='footer_3' bindtap='bindUserAvatarUrl'>
    <image src='/images/ucenter.png'></image>
    <text>我的</text>
  </view>
</view>