<!-- 头部 -->
<view class="header_title" >
  <view class="">
    <van-row>
      <van-col span="3">
        <view class="header_img" bindtap="showPopup"><image src="/images/core.png"></image></view>
      </van-col>
      <van-col span="4">
        <view class="header_img" bindtap="goGCLB">
          <image src="/images/left.png"></image>
          <text class="header_fh">返回</text>
        </view>
      </van-col>
      <van-col span="10">
        <view class="header_name">人员管理</view>
      </van-col>
    </van-row>
  </view>
</view>

<!-- 左侧账号信息 -->
<van-popup show="{{ show }}" position="left" custom-style="width: 70%;height:100%;background:#191d28" bind:close="onClose" >
  <view class="left_max">
    <van-row class="demo clearfix">
      <van-col span="10">
        <view class="left_head"><image src="http://fileimg.makalu.cc/szgl/9015e824c5004e629049c4f72967cfdc.png"></image></view>
      </van-col>
      <van-col span="14">
        <view class="left_info">
          <view class="left_info_name">{{userName}}</view>
          <view class="left_info_name">{{loginName}}</view>
        </view>
      </van-col>
    </van-row>

    <!-- <view class="left_manage_max">
    </view>
    <view class="left_manage_min">
      <view class="left_manage" bindtap="TCDL">
        <view class="left_sign">
          退出登录
        </view>
      </view>
    </view> -->
  </view>
</van-popup>


<view class="max_content" >
  <project-select init="{{initData}}" bindchange="onProjectSelect"></project-select>

  <!-- <view class="video_add">
    <view class="video_address">
      <view class="video_address_min" bindtap="GOMAP">
        {{projectName}}
      </view>
    </view>
  </view> -->

  <view class="echarts_max" style="margin-top: 60rpx;">
    <view class="echarts_min">
      <view class="eharts_title">
        施工队分布 <text class="unit">单位：人</text>
      </view>  

      <view class="eharts_con eharts_con_heng">
        <ec-canvas ec="{{ ec_1 }}" id="mychart-one"></ec-canvas>
      </view>  
    </view>
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">
        工种分布 <text class="unit">单位：人</text>
      </view>  

      <view class="eharts_con">
        <ec-canvas ec="{{ ec_2 }}" id="mychart-two"></ec-canvas>
      </view>  
    </view>
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">安全教育学习情况</view> 
      <view class="eharts_number study">劳务人员入场人数：<text>{{sumLearnedNum}}</text> 人</view>
      <van-row>
        <van-col span="12">
          <view class="eharts_con eharts_con_jdt">
            <van-circle value="{{ value1 }}"  layer-color="#1e4973" color="{{gradientColor}}" text="{{value1}}%" size="120" stroke-width="13" z-index="999"/>
            <view class="eharts_number study">已学习：<text>{{learnedNum}}</text> 人</view>
          </view> 
        </van-col>
        <van-col span="12">
          <view class="eharts_con eharts_con_jdt">
            <van-circle value="{{ value2}}"  layer-color="#1e4973" color="{{gradientColor}}" text="{{value2}}%" size="120" stroke-width="13" z-index="999"/>
            <view class="eharts_number study">未学习：<text>{{notLearnedNum}}</text> 人</view>
          </view> 
        </van-col>
      </van-row>
    </view> 
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">安全帽监测</view> 
      <view class="eharts_number study">安全帽总数：<text>{{hardHatNum}}</text> </view>
      <van-row>
        <van-col span="12">
          <view class="eharts_con eharts_con_jdt">
            <van-circle value="{{ value3 }}"  layer-color="#1e4973" color="{{gradientColor}}" text="{{value3}}%" size="120" stroke-width="13" z-index="999"/>
            <view class="eharts_number study">今日在线：<text>{{onlineNum}}</text> </view>
          </view> 
        </van-col>
        <van-col span="12">
          <view class="eharts_con eharts_con_jdt">
            <van-circle value="{{ value4}}"  layer-color="#1e4973" color="{{gradientColor}}" text="{{value4}}%" size="120" stroke-width="13" z-index="999"/>
            <view class="eharts_number study">今日离线：<text>{{notOnlineNum}}</text> </view>
          </view> 
        </van-col>
      </van-row>
    </view> 
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">
        工时排名<text class="hj_float" bindtap="onclick1">{{time}} </text>
         <van-action-sheet show="{{ show1 }}" actions="{{ actions1 }}" bind:close="onClose" bind:select="onSelect1" />
      </view>  
      
      <view class="ranking">
        <view class="ranking_min" wx:for="{{list}}">
          <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 class="personnel_orientation" bindtap="goUserMap">
        人员定位：<text>{{userLocation}}</text> >>
      </view>

    </view> 
  </view>

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

<!-- 底部导航 -->

  <van-tabbar active="{{ active }}" bind:change="onChange" active-color="#ffffff"  inactive-color="#7d95d6" z-index="9999" >
  <van-tabbar-item bindtap="XMGK" >
    <image
      slot="icon"
      src="/images/footer_5.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    <image
      slot="icon-active"
      src="/images/foot_5.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    项目概况
  </van-tabbar-item>

  <van-tabbar-item bindtap="SBGL">
    <image
      slot="icon"
      src="/images/footer_2.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    <image
      slot="icon-active"
      src="/images/foot_2.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    设备管理
    </van-tabbar-item>

  <van-tabbar-item>
    <image
      slot="icon"
      src="/images/footer_3.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    <image
      slot="icon-active"
      src="/images/foot_3.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    人员管理
  </van-tabbar-item>

  <van-tabbar-item bindtap="XMSP">
    <image
      slot="icon"
      src="/images/footer_7.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    <image
      slot="icon-active"
      src="/images/foot_7.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    安全管理
  </van-tabbar-item>

  <van-tabbar-item bindtap="GDGN">
    <image
      slot="icon"
      src="/images/footer_1.png"
      mode="aspectFit"
      style="width:40rpx; height: 40rpx;"
    />
    <image
      slot="icon-active"
      src="/images/foot_1.png"
      mode="aspectFit"
      style="width:40rpx; height:40rpx;"
    />
    更多功能
  </van-tabbar-item>
</van-tabbar>