<view class="container">
  <view class="report-form">
    <picker bindchange="bindCompanyChange" value="{{companyIndex}}" range="{{companys}}">
      <view class="form-item">
        {{companys[companyIndex]}}
        <icon class="icon" size="10" icon="scene_tit_arrow"></icon>
      </view>
    </picker>
    <picker mode="date" value="{{date}}" start="2020-07-01" bindchange="bindDateChange">
      <view class="form-item">
        {{date}}
        <icon class="icon" size="10" icon="scene_tit_arrow"></icon>
      </view>
    </picker>
  </view>

  <view class="type-list">
    <view bindtap="changeActive" data-index="{{index}}" class="type-item {{active === index ? 'active' : ''}}" wx:for="{{ typeList }}" wx:key="{{index}}">{{item}}</view>
    
  </view>
  <summary wx:if="{{ active === 0 }}" />
  <scene-report wx:if="{{ active === 1}}" date="{{date}}" sceneNum="{{sceneNum}}" />
  <customer-report wx:if="{{ active === 2 }}" />
</view>