<view class="section">
  <picker mode="date" value="{{date}}" start="2018-01-01" end="2037-12-31" bindchange="bindDateChange" fields='month'>
    <view class="picker">
      {{dates}}
    </view>
  </picker>
</view>

<view class='listContainer'>
  <block wx:for="{{list}}" wx:for-item="item" wx:key="item" wx:for-index="idx">
    <template is="statementTemplate" data="{{item,idx}}" />
  </block>
</view>

<template name="statementTemplate">
  <view class='item'>
    <view class='header'>
      <view class='headerSectionTop'>
        <view class='dateView'>日期:{{item.Date}}</view>
        <view class='dateView'>余额:{{item.Balance}}</view>
      </view>
      <view class='headerSectionBottom'>
        <view class='titleView'>单据类型</view>
        <view class='titleView'>单据号</view>
        <view class='titleView'>金额</view>
      </view>
    </view>

    <view class='infoView'>
      <block wx:for="{{item.Detail}}" wx:for-item="detailItem" wx:key="detailItem" wx:for-index="idx">
        <view class="infoDetail">
          <view class='titleView'>{{detailItem.BillType}}</view>
          <view class='titleView'>{{detailItem.ID}}</view>
          <view class='titleView'>{{detailItem.Money}}</view>
        </view>
      </block>
    </view>
  </view>
</template>