movecar_wx/pages/index/index.wxml

<view class="container">
  <!-- 地图组件 wx:if="{{workorderdata.length<1}}" -->
  <map 
    id="map"
    class="map"
    style="{{workorderdata.length < 1 ? 'height: 100%':'height: 70%'}}"
    longitude="{{longitude}}"
    latitude="{{latitude}}"
    scale="{{scale}}"
    markers="{{markers}}"
    polyline="{{polyline}}"
    show-location
    bindregionchange="onRegionChange"
  ></map>
   
  <!-- 底部操--作面板 -->
  <view class="bottom-panel" wx:if="{{workorderdata.length > 0 }}">
    
  <!-- 客户信息--(叫车后显示) -->
    <view  wx:if="{{userdata.operationRole==5}}">
    <view class="driver-info" wx:for="{{workorderdata}}" wx:key="index" data-id="{{item.workorderId}}" bindtap="details">
      <image src="{{driverAvatar}}" class="driver-avatar"></image>
   <view style="width: 100%;">
      <view style="width: 100%;display: flex;justify-content: space-between;">
      <view class="driver-details">
        <!-- <view class="driver-name"><text style="color: #222;">司机：</text>  {{item.driverName||'匹配中'}}</view> -->
        <view class="driver-name">车牌号：{{item.carName||'匹配中'}}</view>
        <view class="driver-car" wx:if="{{item.chargedischargeType==1}}">订单类型：充电</view>
        <view class="driver-car" wx:if="{{item.chargedischargeType==2}}">订单类型：放电</view>
        <view class="driver-car">目的地：{{item.poiName}}</view>
      </view>
      <view class="cancel-btn">
        <view wx:if="{{item.workorderType==0}}">待处理</view>
<view wx:if="{{item.workorderType==1}}">待出发</view>
<view wx:if="{{item.workorderType==2}}">行驶中</view>
<view wx:if="{{item.workorderType==3}}">到达地点</view>
<view wx:if="{{item.workorderType==4}}">工作中</view>
<!-- <view wx:if="{{item.workorderType==5}}">完成工作</view> -->
<view wx:if="{{item.workorderType==5&&item.workorderExaminetye==0}}">待审核</view>
<view wx:if="{{item.workorderType==5&&item.workorderExaminetye==1}}">审核成功</view>
<view wx:if="{{item.workorderType==5&&item.workorderExaminetye==2}}">审核失败</view>
      
      </view>
      </view>
      <view class="driver-arrive1">预约时间：{{item.workorderStarttime}}</view>
    </view>
    </view>
    </view>
    <!-- 司机信息--(叫车后显示) --> 
    <view  wx:if="{{userdata.operationRole==4}}">
    <view class="driver-info" wx:for="{{workorderdata}}" wx:key="index" data-id="{{item.workorderId}}" bind:tap="details">
      <image src="{{driverAvatar}}" class="driver-avatar" mode="widthFix"></image>
   <view style="width: 100%;">
      <view style="width: 100%;display: flex;justify-content: space-between;">
      <view class="driver-details">
        <view class="driver-name">{{item.poiName}}</view>
        <view class="driver-car">客户: {{item.receiver}}</view>
        <view class="driver-car" wx:if="{{item.chargedischargeType==1}}">订单类型：充电</view>
        <view class="driver-car" wx:if="{{item.chargedischargeType==2}}">订单类型：放电</view>
      </view>
      <!-- <button class="cancel-btn" data-id="{{item.workorderId}}" bind:tap="details">去查看</button> -->
      <view class="cancel-btn">
        <view wx:if="{{item.workorderType==0}}">待处理</view>
<view wx:if="{{item.workorderType==1}}">待出发</view>
<view wx:if="{{item.workorderType==2}}">行驶中</view>
<view wx:if="{{item.workorderType==3}}">到达地点</view>
<view wx:if="{{item.workorderType==4}}">工作中</view>
<view wx:if="{{item.workorderType==5}}">完成工作</view>
<view wx:if="{{item.workorderType==6}}">待审核</view>
<view wx:if="{{item.workorderType==7}}">审核失败</view>
      
      </view>
      </view>
      <view class="driver-arrive1">约定到达时间：{{item.workorderCreatetime}}</view>
    </view>

    </view>
    
    </view>
    <!-- <view class="available" wx:if="{{workorderdata.length<1}}">
<image src="https://esos-iot.bjdexn.cn/myminio/project/9efa1691f71a48b6ae20648c0a2dae56.png" mode="aspectFit"/>
</view>  -->
   
    <view style="height: 140rpx;" wx:if="{{userdata.operationRole==5}}"></view>
     <!-- <button class="call-btn" bindtap="onelectricity">
      <text class="call-btn_left_electricity">预约</text>
    </button> -->
  </view>
   
  <!-- 附近车辆--数量提示 -->
  <view class="cars-nearby" wx:if="{{carsNearby > 0}}">
    <view class="cars-icon">
      <text class="iconfont icon-car"></text>
    </view>
    <view class="cars-count">附近有 {{carsNearby}} 辆车</view>
  </view>
</view>
<button class="call-btn" bindtap="onelectricity" wx:if="{{userdata.operationRole==5}}">
      <text class="call-btn_left_electricity">预约</text>
    </button>
<view class="positioning" bind:tap="positioning" style="{{workorderdata.length < 1 ? 'top: 85%':'top: 55%'}}">
  <t-icon name="focus" size="40rpx" data-name="focus" bind:tap="onIconTap" />

</view>