weilaibike-work-weapp/pages/logs/logs.wxml

<map id="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='18' markers="{{markers}}" bindmarkertap="marker" show-location="true" data-markers="{{markers}}" controls="{{controls}}" polygons="{{polygons}}" bindregionchange="bindregionchange"></map>
<view class="top">
  <van-dropdown-menu class="top1">
    <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change="change" />
  </van-dropdown-menu>
  <!-- <view class="back"></view> -->
  <view class="flex">
    <van-dropdown-menu>
      <van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" bind:change="change2" />
    </van-dropdown-menu>
    <van-dropdown-menu>
      <van-dropdown-item value="{{ value3 }}" options="{{ option3 }}" bind:change="change3" />
    </van-dropdown-menu>
    <van-dropdown-menu>
      <van-dropdown-item value="{{ value4 }}" options="{{ option4 }}" bind:change="change4" />
    </van-dropdown-menu>
  </view>
</view>
<!-- 还车点和禁停区 -->
<view class="area">
  <view bindtap="parkAreaShow1">
    <image src="/img/stop.png" style="width:48rpx;height:56rpx;"></image>
    <text style="color:{{parkAreaShow==true?'red':'black'}};padding-left:10rpx;">还车点</text>
  </view>
  <view bindtap="no_parkArea1">
    <image src="/img/p.png" style="width:48rpx;height:56rpx;"></image>
    <text style="color:{{no_parkArea==true?'red':'black'}};padding-left:10rpx;">禁停区</text>
  </view>
</view>
<!-- 定位及刷新 -->
<view class="iconHint">
  <view class="flexB">
    <image src="http://resource.weilaibike.com/bike_yunwei/location.png" bindtap="posi"></image>
    <view bindtap="hintIcon" class="how">如何识别地图上的图标</view>
    <image src="http://resource.weilaibike.com/bike_yunwei/ref.png" bindtap="load"></image>
  </view>
</view>
<!-- 提示弹窗 -->
<view class="cover" wx:if="{{hintShow}}" capture-catch:touchmove="preventdefault"></view>
<view class="hintPop" wx:if="{{hintShow}}">
  <view class="hintCon">
    <view class="intr">提示说明：</view>
    <view class="icon">
      <!-- <view> -->
        <view wx:for="{{iconList1}}" wx:key="key">
          <image src="{{item.icon}}"></image>
          <text>{{item.con}}</text>
        </view>
      <!-- </view> -->
      <!-- <view>
        <view wx:for="{{iconList2}}" wx:key="key">
          <image src="{{item.icon}}"></image>
          <text>{{item.con}}</text>
        </view>
      </view> -->
    </view>
    <view class="close" bindtap="closeHint">
      <image src="http://resource.weilaibike.com/common/closePop.png"></image>
    </view>
  </view>
</view>
<!-- 侧边栏 -->
<view class="cover" wx:if="{{sideShow}}" capture-catch:touchmove="preventdefault" bindtap="closeSide"></view>
<view class="side" wx:if="{{sideShow}}">
  <view class="record">
    <image src="http://resource.weilaibike.com/bike_yunwei/repair.png" bindtap="reqair" style="margin-right:10rpx;"></image>
    <image src="http://resource.weilaibike.com/bike_yunwei/record.png" bindtap="bike_detail"></image>
  </view>
  <view class="bikeNo flexA">
    <input placeholder="请输入车牌号" value="{{bikeDetail.bike_info.bike_no}}" bindinput="bindKeyInput" bindblur="bindKeyInput" placeholder-class="place"></input>
    <text bindtap="getBike_info">查找</text>
    <text bindtap="scanCode">扫描</text>
  </view>
  <view class="info " style="background:url('http://resource.weilaibike.com/bike_yunwei/sideBg.png') no-repeat;background-size:100% 100%;">
    <view class="infoCon">
      <view class="infoLeft">
        <view style="font-size: 30rpx;font-weight:bold;padding:15rpx 0;">车辆检测信息</view>
        <view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}">车牌号：{{bikeDetail.bike_info.bike_no}}</view>
        <view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}">当前电量：{{bikeDetail.bike_info.battery_power}}%</view>
        <view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}">车辆状态：{{bikeDetail.bike_info.tab_name}}</view>
      </view>
      <view class="infoRight">
        <image src="http://resource.weilaibike.com/bike_yunwei/sideRef.png" bindtap="refresh_power"></image>
      </view>
    </view>
    <view style="margin-bottom:{{screenHeight=='xSeries' ? '12rpx' : '7rpx'}}" class="last">{{bikeDetail.bike_info.tab_name=="中控离线"?'离线时间':'最后定位'}}：{{bikeDetail.bike_info.last_time}}</view>
  </view>
  <view class="position flexB" bindtap="bikePosition">
    <text>车辆位置</text>
    <van-icon name="arrow" color="#8A8A8A" />
  </view>
  <view class="order " bindtap="recentOrder">
    <view class="flexB recent">
      <text>最近订单</text>
      <van-icon name="arrow" color="#8A8A8A" size="16px" />
    </view>
    <!-- <view wx:if="{{bikeDetail.bike_order[0].mobile}}" style="color:#28282877;">{{bikeDetail.bike_order[0].mobile}} {{bikeDetail.bike_order[0].username}}</view> -->
     <view class="flex" style="color:#28282877;">
      <view wx:if="{{bikeDetail.bike_order[0].mobile}}" >{{bikeDetail.bike_order[0].mobile}} </view>
      <view wx:if="{{bikeDetail.bike_order[0].mobile}}"  style="width:287rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-left:15rpx;"> {{bikeDetail.bike_order[0].username}}</view>
    </view>
    <view wx:if="{{!bikeDetail.bike_order[0].mobile}}" style="color:#28282877;">暂无订单信息</view>
    <view>
      <text style="color:#28282877;margin-right:10rpx;">{{bikeDetail.bike_order[0].order_status}}</text>
      <text wx:if="{{bikeDetail.bike_order[0].mobile}}" style="color:#28282877;">{{bikeDetail.bike_order[0].start_use_bike_time_app}}-{{bikeDetail.bike_order[0].end_use_bike_time_app}}</text>
    </view>
  </view>
  <view class="directive">
    <view class="dire">车辆检测指令</view>
    <view style="height:75%;">
      <view class="flexA list" style="height:100%;">
        <view style="text-align:center;margin-top:10rpx;" bindtap="whistle">
          <image src="/img/whistle.png" style="width:58rpx;height:58rpx;"></image>
          <text style="margin-top:15rpx;">鸣笛</text>
        </view>
        <view style="text-align:center;margin-top:10rpx;" bindtap="unlock">
          <image src="/img/open-lock.png" style="width:58rpx;height:58rpx;"></image>
          <text style="margin-top:15rpx;">开电车锁</text>
        </view>
        <view style="text-align:center;margin-top:10rpx;" bindtap="close_lock">
          <image src="/img/close-lock.png" style="width:58rpx;height:58rpx;"></image>
          <text style="margin-top:15rpx;">关电车锁</text>
        </view>
        <view style="text-align:center;" bindtap="battery_load">
          <image src="/img/battery-load.png" style="width:58rpx;height:58rpx;"></image>
          <text style="margin-top:15rpx;">开电池锁</text>
        </view>
        <view style="text-align:center;" bindtap="online">
          <image src="/img/online.png" style="width:62rpx;height:60rpx;"></image>
          <text style="margin-top:15rpx;">上线</text>
        </view>
        <view style="text-align:center;" bindtap="more">
          <image src="/img/more.png" style="width:62rpx;height:60rpx;"></image>
          <text style="margin-top:15rpx;">更多</text>
        </view>
      </view>
    </view>
  </view>
  <view class="amend flexC" bindtap="modify">修改车辆信息 +</view>
</view>
<view class="background" wx:if="{{moreShow}}" bindtap="moreHidn"></view>
<view class="more" wx:if="{{moreShow}}">
  <view bindtap="Offline">
    <image src="/img/offline.png" style="width:62rpx;height:60rpx;"></image>
    <text>下线</text>
  </view>
  <view bindtap="renewalPower">
    <image src="/img/renewalPower.png" style="width:62rpx;height:60rpx;"></image>
    <text>更新电量</text>
  </view>
  <view bindtap="renewalLocation">
    <image src="/img/renewalLocation.png" style="width:62rpx;height:60rpx;"></image>
    <text>更新位置</text>
  </view>
  <view bindtap="renewal">
    <image src="/img/renewal.png" style="width:62rpx;height:60rpx;"></image>
    <text>重启中控</text>
  </view>
  <view bindtap="recover">
    <image src="http://resource.weilaibike.com/bike_yunwei/park.png" style="width:50rpx;height:50rpx;"></image>
    <text>设为停车区</text>
  </view>
</view>
<footer params="{{current}}" wx:if="{{footerShow}}"  bind:scanCode="scanCode"></footer>