<!--pages/deepExcavation/index.wxml-->
<!-- <view class="header_title">
  <view class="header_title_row">
    <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>
</van-popup> -->

<view class="max_new_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="deep_select">
    <van-row>
      <van-col span="12">
        <view class="deep_select_padding">
          <deep-select columns="{{DeviceGroupData}}" selectValue="{{sensorTypeName}}" selectIndex="{{sensorTypeIndex}}" placeholder="请选择设备组" bindchange="onDeviceGroupSelect"></deep-select>
        </view>
      </van-col>
      <van-col span="12">
        <view class="deep_select_padding">
          <deep-select columns="{{DeviceGroupNameData}}" placeholder="请选择设备组名称" bindchange="onDeviceGroupNameSelect"></deep-select>
        </view>
      </van-col>
    </van-row>
  </view>

  <view class="deep_point_position">
      <view class="{{statePosit == 1?'active':''}}" bindtap="onStatePosit" data-state="1">位移（<text>{{shiftCount}}</text>）</view>
      <view class="{{statePosit == 2?'active':''}}" bindtap="onStatePosit" data-state="2">倾斜（<text>{{tiltCount}}</text>）</view>
      <view class="{{statePosit == 3?'active':''}}" bindtap="onStatePosit" data-state="3">应力（<text>{{stressCount}}</text>）</view>
  </view>
  <van-sticky offset-top="{{ 78 }}">
    <view class="modify_video_nav modify_video_nav_af">
        <view class="{{stateNav==1?'active':''}}" bindtap="onStateSelect" data-state="1"><text>报警({{callPoliceCount}})</text></view>
        <view class="{{stateNav==2?'active':''}}" bindtap="onStateSelect" data-state="2"><text>预警({{earlyWarningCount}})</text></view>
        <view class="{{stateNav==3?'active':''}}" bindtap="onStateSelect" data-state="3"><text>离线({{offlineCount}})</text></view>
        <view class="{{stateNav==4?'active':''}}" bindtap="onStateSelect" data-state="4"><text>正常({{normalCount}})</text></view>
    </view>
  </van-sticky>
  <view class="deep_modular_max">
  
    <view class="deep_modular_min" wx:for="{{sensorArray}}" wx:if="{{item.type == 2}}"> 
      <view class="deep_modular_title"> 
          <view class="deep_qingxie">{{item.pointName}}</view> 
          <select-btn bindchange="onQingxie1" data-deviceId="{{item.deviceId}}"></select-btn> 
      </view> 
      <bar-chart chart-id="chart1" wx:if="{{item.displayState}}" chart-data="{{item.lineChart}}"></bar-chart>  
      <bar-chart chart-id="chart1" wx:if="{{!item.displayState}}" chart-data="{{item.lineChartSum}}"></bar-chart>  
    </view> 

    <view class="deep_modular_min" wx:for="{{sensorArray}}" wx:if="{{item.type == 1}}">
      <view class="deep_modular_title">
          <view class="deep_weiyi">{{item.pointName}}</view>
          <select-btn bindchange="onWeiyi1" data-deviceId="{{item.deviceId}}"></select-btn>
      </view>
      <bar-chart-warning chart-id="chart2" wx:if="{{item.displayState}}" chart-data="{{item.lineChart}}"></bar-chart-warning> 
      <bar-chart-warning chart-id="chart2" wx:if="{{!item.displayState}}" chart-data="{{item.lineChartSum}}"></bar-chart-warning> 
    </view>
  </view>
</view>

<!-- 底部导航
<van-tabbar active="{{ active }}" bind:change="onChange" active-color="#ffffff" inactive-color="#7d95d6">
  <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 bindtap="RYGL">
    <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>
    <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> -->

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