<title-bar title="基本信息统计"></title-bar>
<scroll-view scroll-y style="height: calc(100vh - {{topBarH}}px);" refresher-enabled bindrefresherrefresh="refresh" bindscrolltolower="getList" refresher-triggered="{{freshIng}}">
  <view class="content">
    <view class="filter">
      <picker mode="date" value="{{dateFilter}}" bindchange="bindDateChange">
        <view class="picker">
          开始时间: {{dateFilter}}
        </view>
      </picker>
      <view class="line"></view>
      <picker mode="date" value="{{dateFilter}}" bindchange="bindDateChange">
        <view class="picker">
          结束时间: {{dateFilter}}
        </view>
      </picker>
    </view>
    <!-- 关键字搜索 -->
    <input class="search" placeholder="可输入姓名/年龄/电话号码查询" />
    <view class="table">
      <view catchtap="changeItem" data-item="{{item}}" data-index="{{index}}" class="tab-item {{currentIndex==index?'tab-item-checked':''}}" wx:for="{{tab}}" wx:key="{{item.label}}">
        <text class="lab">{{item.label}}</text>
        <text class="val">{{item.val}}</text>
        <text class="flex">人</text>
        <image wx:if="{{currentIndex==index}}" class="arrow" src="/images/icon-checked.png" />
      </view>
    </view>
    <!-- 列表 -->
    <view class="item">
      <view class="h-div child" catchtap="toDetail" data-item="{{item}}" wx:for="{{list}}">
        <view class="single" />
        <view class="v-div h-center">
          <view class="h-div">
            <text class="lab">姓名：</text>
            <text class="val">张三</text>
          </view>
          <view class="h-div">
            <text class="lab">性别：男</text>
            <text class="age">年龄：26</text>
          </view>
          <view class="h-div">
            <text class="lab">联系电话：</text>
            <text class="phone">18140159609</text>
          </view>
          <view class="h-div">
            <text class="lab">家庭住址：</text>
            <text class="lab address">xxxxx</text>
          </view>
        </view>
      </view>
    </view>
    <view class="space"></view>
  </view>
</scroll-view>