<!--pages/payment/record/record.wxml-->
<view class="container payment-record">
  <view class="top-opt">
    <picker class="left" bindchange="bindPickerChange" value="{{index}}" range="{{years}}">
      <view class="picker">
        <text class="label">{{years[index]}}</text>
        <image class="icon-up" src="/static/img/icon_up.png"></image>
      </view>
    </picker>
    <!-- <view class="right" >
      <text data-url="invoice" bindtap="toOtherPage">发票管理</text>
    </view> -->
  </view>
  <mp-tabs tabs="{{months}}" activeTab="{{activeTab}}" bindtabclick="onTabClick" bindchange="onChange" 
    tab-underline-color="#0091FF" tab-active-text-color="#0091FF" swiperClass="tabs-swiper">
		<block wx:for="{{months}}" wx:key="title">
			<view class="tab-content" data-set="{{item}}" slot="tab-content-{{activeTab}}">
				<scroll-view class="wrap" scroll-y="true">
          <page-tips icon="img_nodata" content="暂无相关信息" wx:if="{{record[activeTab] && !record[activeTab].length}}"></page-tips>
          <view class="card" wx:for="{{record[activeTab]}}" wx:key="index">
            <image class="icon-method" src="/static/img/bg-payment-method{{item.method}}.png"></image>
            <view class="top">
              <view class="item">
                <text class="label">缴费户名：</text>
                <text>{{item.accountname}}</text>
              </view>
              <view class="item">
                <text class="label">缴费户号：</text>
                <text>{{item.accountnumber}}</text>
              </view>
              <view class="item">
                <text class="label">缴费方式：</text>
                <text>{{item.paywayname}}</text>
              </view>
              <view class="item">
                <text class="label">缴费金额：</text>
                <text>{{item.fee}}元</text>
              </view>
              <view class="item">
                <text class="label">预存余额：</text>
                <text>{{item.remaining}}元</text>
              </view>
              <view class="item">
                <text class="label">缴费时间：</text>
                <text>{{item.tranttime}}</text>
              </view>
              <view class="item">
                <text class="label block">交易流水号：</text>
                <text class="block">{{item.payseriesno}}</text>
              </view>
              <view class="item" wx:if="{{item.outtradeno}}">
                <text class="label block">商户订单号：</text>
                <text class="block">{{item.outtradeno}}</text>
              </view>
            </view>
          </view>
        </scroll-view>
			</view>
		</block>
	</mp-tabs>
</view>

