jhwxapp/miniprogram/pages/ranyuanguanli-map/map.wxml

<view class="header_title">
  <view class="">
    <van-row>
      <van-col span="4">
        <view class="header_img" bindtap="goRYGL">
          <image src="/images/left.png"></image>
          <text class="header_fh">返回</text>
        </view>
      </van-col>
    </van-row>
  </view>
</view>

<view> 
  <map class="map" 
  id="map" scale="16" 
  latitude="{{latitude}}" longitude="{{longitude}}"  
  markers="{{markers}}" 
  style="width: 100%; height: {{height}}px;"  
  bindmarkertap="getListById" 
  bindcallouttap="controltap" 
  subkey="A2GBZ-AGALG-MP2QK-IJGFW-MRU36-4SF4O"
  bindtap="checkMap"></map> 
</view>

<view class="map_address">
  <view class="map_add">
    {{projectName}}
  </view>
</view>


<view class="map_left" style="bottom:{{ bottom }}">
  <view class="map_left_img">
    <image src="/images/i_location.png" bindtap="personalLocation"></image>
  </view> 
  <view class="map_left_img">
    <image src="/images/i_personnel.png" bindtap="userLocation"></image>
  </view>     
</view>
<view class="map_right" style="bottom:{{ bottom }}">
  <view class="map_right_img">
    <view class="map_right_zi" bindtap="upward">
      <image src="/images/img_11.png"></image>
      刷新
    </view> 
  </view> 
  <view class="map_right_img">
   <view class="map_right_zi"  is-link bindtap="showPopup" >
    <image src="/images/img_12.png"></image>
      列表
    </view> 
  </view>     
</view>

<van-transition name="fade-up"  show="{{ showUp }}">
  <view class="sliding_up"  wx:for="{{list}}">
    <view class="sliding_up_btn"> 
      <view bindtap="downward">
        <image src="/images/sliding_up.png"></image>
      </view>
    </view>
    <view class="sliding_up_content">

      <view class="sliding_up_top">
        <view class="ranking_middle_quantity">
          <view class="ranking_middle_img  {{item.batteryPercent > 20 ? 'ranking_green' :'ranking_red' }}">
            <view class="battery">
              <view class="{{item.batteryPercent > 20 ? 'green_battery' :'red_battery'}}" style="width:{{item.batteryPercent}}%">
                <!-- 电池 -->
              </view>
            </view>
          </view>
          <view class="ranking_middle_quantity_proportion  {{item.batteryPercent > 20 ? 'number_green' :'number_red' }}">{{item.batteryPercent}}%</view>
        </view>
      </view>

      <view class="sliding_up_middle"> 
        <van-row>
          <van-col span="2">
            <view class="sliding_up_middle_left">
              <image src="/images/middle_left.png" bindtap="changeLeftData"></image>
            </view>
          </van-col>
          <van-col span="4">
            <view class="sliding_up_middle_head">
              <image src="{{item.userphoto}}"></image>
            </view>
          </van-col>
          <van-col span="16">
            <view class="sliding_up_middle_center">
              <view class="ranking_middle_name"> 
                {{item.name}}  <text> （{{item.workType}}）</text> 
                <van-tag mark  type="{{item.onlineEvent == '在线' ?'success':'danger'}}">{{item.onlineEvent}}</van-tag>
              </view>
              <view class="ranking_middle_company">
                {{item.uninName}} 
              </view>
            </view>
          </van-col>
          <van-col span="2">
            <view class="sliding_up_middle_right">
              <image src="/images/middl_right.png" bindtap="changeRightData"></image>
            </view>
          </van-col>
        </van-row>
      </view>
      <view class="sliding_up_bottom">
        <van-row>
          <van-col span="12">
            <view class="sliding_up_bottom_title">
              今日工时：<text>{{item.sc}}</text>
            </view>
          </van-col>
          <van-col span="12">
            <view class="sliding_up_bottom_title">
              本月出勤：<text>{{item.attenCount}}天</text>
            </view>
          </van-col>
        </van-row>
        <view class="sliding_up_bottom_info">
          项目名称：<text>{{item.projectName}}</text>
        </view>
        <view class="sliding_up_bottom_info">
          定位时间：<text>{{item.time}}</text>
        </view>
        <view class="sliding_up_bottom_address">
          {{item.projectAddress}}
        </view>
      </view>
    </view>
  </view>
</van-transition>


<van-popup show="{{ showPopup }}" round position="bottom" custom-style="height: 930rpx"  bind:close="onClose">
  <view class="lits_content">
    <van-row>
      <van-col span="8" bindtap="showActive" data-type="1">
        <view class="list_screen {{active1 ?'active':''}}">今日</view>
      </van-col>
      <van-col span="8" bindtap="showActive" data-type="2">
        <view class="list_screen {{active2 ?'active':''}}">本周</view>
      </van-col>
      <van-col span="8" bindtap="showActive" data-type="3">
        <view class="list_screen {{active3 ?'active':''}}">本月</view>
      </van-col>
    </van-row>

    <view class="ranking_max">
      <view class="ranking_min {{currentId == item.id ?'active':' '}}" wx:for="{{lists}}" bindtap="selectList">
        <van-row bindtap="skipUserMap" data-itemid="{{item.id}}" data-index="{{index}}">
          <van-col span="3"> 
            <view class="ranking_left"> 
              <text>{{index}}</text>
            </view>
          </van-col>
          <van-col span="21">
            <view class="ranking_middle"> 
              <view class="ranking_middle_name"> 
                {{item.name}}  <text> {{item.workType}} </text> 
                <van-tag mark  type="{{item.onlineEvent == '在线' ?'success':'danger'}}">{{item.onlineEvent}}</van-tag>
                <view class="ranking_middle_quantity">
                  <view class="ranking_middle_img  {{item.batteryPercent > 20 ? 'ranking_green' :'ranking_red' }} ">
                    <view class="battery">
                      <view class="{{item.batteryPercent > 20 ? 'green_battery' :'red_battery'}}" style="width:{{item.batteryPercent}}%">
                        <!-- 电池 -->
                      </view>
                    </view>
                  </view>
                  <view class="ranking_middle_quantity_proportion  {{item.batteryPercent > 20 ? 'number_green' :'number_red' }}  ">{{item.batteryPercent}}%</view>
                </view>
              </view>
              <view class="ranking_middle_company">
                {{item.uninName}}
              </view>
              <view class="ranking_middle_days">
                本月出勤：<text>{{item.attenCount}}</text> 天
                <view class="ranking_middle_time">{{item.sc}}</view>
              </view>
            </view>
          </van-col>
        </van-row>
      </view>
    </view>
  </view>
</van-popup>

<van-overlay show="{{ryshow}}">
  <view class="gif">
    <image src="../../images/loding2.gif"></image>
    <view>数据加载中！请稍后...</view>
  </view>
</van-overlay>