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

<!-- 设备状态 -->

<view class="shebeizhuang" wx:if="{{state==1}}">

  <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="2015-09-01" end="2017-09-01" bindchange="bindstateDateChange" fields="month">
          <view class="picker">
            {{statedate}}
          </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="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>