<!--pages/qiyeyongdian/detail/detail.wxml-->
<!-- 货物信息 -->
<view class="modal-mask" bindtap="hideModal" wx:if="{{datechu}}"></view>
<view wx:if="{{datechu}}">
  <view class="modal-content">
    <!-- 时间 地磅 货物 选项卡 -->

    <view class="modal_year">
      <view class="modal_single {{modalNum == index ?'modal_choice':''}}" wx:for="{{modalTitle}}" wx:key="" bindtap='selectbang' data-index="{{index}}">{{item}}</view>
    </view>

    <!-- 选择时间 -->
    <view class="timewrap1" wx:if="{{modalNum==0}}">

      <view class="timewrap">


        <!-- 开始时间和结束时间 -->

        <view class="timetwo">
          <view class="timebetin" bindtap="xuanshijan" data-time="1">

            <view class="timetop {{timesel==1?'seltimeactive':''}}">开始时间</view>
            <view class="timebottom {{timesel==1?'selnameactive':''}}">{{startdate}}</view>
          </view>
          <view class="timebetin" bindtap="xuanshijan" data-time="2">

            <view class="timetop {{timesel==2?'seltimeactive':''}}">结束时间</view>
            <view class="timebottom {{timesel==2?'selnameactive':''}}">{{enddate}}</view>
          </view>
        </view>

        <view class="timebox" wx:if="{{currentdate}}">
          <view class="timeboxitem {{sel==index?'timeboxactive':''}}" wx:for="{{timearr}}" wx:key="">
            <view class="itemcontent">{{item.year}}</view>
            <view class="itemcontent">{{item.month}}</view>
            <view class="itemcontent">{{item.day}}</view>
          </view>


        </view>
        <view class="qudingdate" wx:else bindtap='qudingxuandate'>确定</view>


        <view wx:if="{{currentdate}}">

          <date-picker id="date-picker" value="{{datePickerValue}}" isShow="{{datePickerIsShow}}" bindsureclick="datePickerOnSureClick" bindcancelclick="datePickerOnCancelClick" />

        </view>


      </view>


    </view>

    <!-- 选择地磅 选择货物 -->
    <view class="dibang" wx:else>
      <!-- 选择地磅 -->
      <scroll-view scroll-y style="height: 400px;" wx:if="{{modalNum==1}}">
        <view class="modal_month">
          <view class="month_single {{changeColor == index?'change':''}}" wx:for="{{monthList}}" wx:key="" data-id="{{index}}" catchtap="choice">{{item}}</view>
        </view>
      </scroll-view>

      <!--选择货物 -->

      <scroll-view scroll-y style="height: 400px;" wx:if="{{modalNum==2}}">
        <view class="modal_month">
          <view class="month_single {{changeColor == index?'change':''}}" wx:for="{{monthList}}" wx:key="" data-id="{{index}}" catchtap="choice">{{item}}</view>
        </view>
      </scroll-view>
      <view class='btns'>
        <view class="cacle" bindtap="quxiaobang">取消</view>
        <view class="cacle sure" bindtap="quedibang">确定</view>
      </view>
    </view>


  </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_yue {{item.sel==true?'change':''}}" wx:for="{{montharr}}" wx:key="" data-id="{{index}}" catchtap="choicemonth">{{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="tab">
    <view wx:for="{{tabList}}" wx:key="" class="tab_single {{tabNum == index?'tab_border':''}}" bindtap='changeTab' data-id="{{index}}">{{item}}</view>
  </view>
  <!-- 月份 -->
  <view class="search_month">
    <view class="rowimg">
      <image src='/img/row.png' class="left"></image>
    </view>
    <view class="date_time">
      <!-- 出库 -->
      <view wx:if="{{tabNum == 0}}" bindtap="toShowModal">
        {{time}}
      </view>
      <!-- 流水 -->
      <view wx:if="{{tabNum == 1}}" bindtap='datexianshi'>{{watertime}}</view>
      <view class="rowimg">
        <image src='/img/row.png' class="down"></image>
      </view>
    </view>
    <view class="rowimg">
      <image src='/img/row.png'></image>
    </view>
  </view>
  <!-- 出库 -->
  <view wx:if="{{tabNum == 0}}">
    <view class="cp_title">
      原料入库信息
    </view>
    <view class="total">
      重量总计（吨）
      <text>1000</text>
    </view>
    <!-- 折线图 -->
    <view class="charts_line">
      <view class="chart">
        <ec-canvas id="mychart" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
      </view>
      <view class="total_power">
        <view>{{showdate}}</view>
      </view>
    </view>
  </view>
  <!-- 流水 -->
  <view wx:if="{{tabNum == 1}}">
    <view class="second_total">重量总计（吨）：1000</view>
    <!-- 数据 -->
    <view class="table">
      <view class="table_title">
        <view wx:for="{{tableTitle}}" wx:key="">{{item}}</view>
      </view>
      <view class="table_tr" wx:for="{{trList}}" wx:key="" bindtap="godetail">
        <view class="tr_time">{{item.date}}</view>
        <view class="tr_pos">{{item.position}}</view>
        <view class="tr_name">{{item.name}}</view>
        <view class="tr_time">{{item.num}}</view>
        <view class="tr_btn">{{item.btn}}</view>
      </view>
    </view>
  </view>

</view>