<view class="detailhead">
  <view class="detailname {{state==1?'sheactive':''}}" bindtap="selectshebei" data-id="1">设备状态</view>
  <view class="detailname {{state==2?'sheactive':''}}" bindtap="selectshebei" data-id="2">设备详情</view>
  <view class="detailname {{state==3?'sheactive':''}}" bindtap="selectshebei" data-id="3">设备月报</view>
</view>

<!-- 日期弹出层 -->


<!-- 车辆状况日期弹出层 -->
<view class="modal-mask" bindtap="hideModal" wx:if="{{showModal}}"></view>
<view wx:if="{{showModal}}">
  <view class="modal-content">
    <!-- 年份 -->
    <view class="modal_year">
      <picker bindchange="bindyearChange" value="{{index}}" range="{{yeararray}}">
        <view class="picker">
          {{yearname}}年
        </view>
      </picker>
    </view>
    <!-- 月份 -->
    <view class="modal_month">
      <view class="month_single {{item.sel==true?'change':''}}" wx:for="{{monthList}}" wx:key="" data-id="{{index}}" catchtap="choice">{{item.name}}</view>
    </view>
    <view class="date_descript {{showt==true?'tactive':''}}" bindtap="three">近30天</view>
    <view class='btns'>
      <view class="cacle" bindtap="hideModal">取消</view>
      <view class="cacle sure" bindtap="hideModal">确定</view>
    </view>
  </view>
</view>
<view wx:if="{{showModal==false}}">
  <!-- 设备状态 -->
  <view class="shebeizhuang" wx:if="{{state==1}}">

    <view class="date">
      <view class="dateleft">
        <image src="/img/row.png"></image>
      </view>
      <view class="datetime" bindtap='toShowModal'>
        <view class="datesel">

          {{time}}

        </view>

        <view class="datepic">
          <image src="/img/row.png"></image>
        </view>
      </view>

      <view class="dateright">
        <image src="/img/row.png"></image>
      </view>
    </view>
    <view class="containerzhu">
      <ec-canvas id="mychart-dom-graph" canvas-id="mychart-graph" ec="{{ ec1 }}"></ec-canvas>
    </view>

  </view>
  <!-- 设备详情 -->
  <view class="shebeidetail" wx:if="{{state==2}}">
    <view class="beginkaiji">开机时间</view>
    <view class="hournum">13604.61</view>
    <view class="xian"></view>

    <view class="desbox">
      <view class="desboxhead">设备描述</view>
      <view class="destext">
        该公司的生产线是专业设备，大设备中有小设备，小设备中还有更小的设备，而且这些设备并不是成套购买的，组装成生产线后不容易清点。在本案中，原本是两条生产线都抵押给银行了，但在法院现场清点中，我们发现还有相当数量的设备未设定抵押。在法院委托评估的报告中罗列了110项设备，而两家银行合计抵
      </view>
    </view>

    <view class="shepic">
      <view class="pictitle">设备照片</view>
      <view class="piclist">
        <view class="listitem">
          <image src="/img/logo3.png"></image>
        </view>
        <view class="listitem">
          <image src="/img/logo3.png"></image>
        </view>
        <view class="listitem">
          <image src="/img/logo3.png"></image>
        </view>
        <view class="listitem">
          <image src="/img/logo3.png"></image>
        </view>
      </view>

    </view>
  </view>
  <!-- 设备月报 -->
  <view class="yuebao" wx:if="{{state==3}}">
    <view class="date">
      <view class="dateleft">
        <image src="/img/row.png"></image>
      </view>
      <view class="datetime">
        <view class="datesel">
          <picker mode="date" value="{{date}}" start="" end="" bindchange="bindDateChange" fields="month">
            <view class="picker">
              {{date}}
            </view>
          </picker>
        </view>

        <view class="datepic">
          <image src="/img/row.png"></image>
        </view>
      </view>

      <view class="dateright">
        <image src="/img/row.png"></image>
      </view>
    </view>

    <view class='shebeiworktime'>
      <view class="tophour">
        设备工作总时长(小时)
      </view>

      <view class="timenum">
        <text class="timeleft">13604.61</text>
        <text class="timeright">4.1%</text>
      </view>
    </view>

    <view class="timelist">
      <view class="timeitem">
        <view class="timetop">
          18044.32
        </view>
        <view class="timebottom">
          总工作时长(h)
        </view>
      </view>
      <view class="timeitem">
        <view class="timetop">
          18044.32
        </view>
        <view class="timebottom">
          日均工作时长(h)
        </view>
      </view>
      <view class="timeitem">
        <view class="timetop">
          18044.32
        </view>
        <view class="timebottom">
          低于上月总工作时长(h)
        </view>
      </view>
      <view class="timeitem">
        <view class="timetop">
          18044.32
        </view>
        <view class="timebottom">
          低于上月日均工作时长(h)
        </view>
      </view>
    </view>

    <!-- 半年度开工曲线 -->

    <view class="container">
      <ec-canvas id="mychart-dom-graph" canvas-id="mychart-graph" ec="{{ ec }}"></ec-canvas>
    </view>
  </view>
</view>