<!--pages/payment/payment.wxml-->
<view class="container payment">
  <view class="card">
    <view class="box">
     <!--  <view class="item">
        <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
          <view class="picker">
            <text class="label">账单1</text>
            <image class="icon-up" src="/static/img/icon_up.png"></image>
          </view>
        </picker>
      </view> -->
      <view class="item">
        <text class="label">缴费账期</text>
        <text>{{debtInfo.year}}年{{debtInfo.month}}月</text>
      </view>
      <view class="item">
        <text class="label">本期应缴</text>
        <text>{{debtInfo.receFee}}元</text>
      </view>
      <view class="item">
        <text class="label">累计欠费</text>
        <text>{{debtInfo.totalDebt}}元</text>
      </view>
      <view class="item">
        <text class="label">缴费单位</text>
        <text>{{debtInfo.uintName}}</text>
      </view>
      <view class="item">
        <text class="label">缴费户名</text>
        <text>{{debtInfo.accountName}}</text>
      </view>
      <view class="item">
        <text class="label">缴费户号</text>
        <text>{{debtInfo.accountNumber}}</text>
      </view>
      <view class="item">
        <text class="label">客户地址</text>
        <text>{{debtInfo.address}}</text>
      </view>
    </view>
    <image class="bg" src="/static/img/bg-payment-card.png"></image>
  </view>
  <view class="amount">
    <view class="box">
      <view class="title">缴费金额</view>
      <view class="input">
        <text>¥</text>
        <input type="digit" value="{{amount}}" bindinput="setAmount" placeholder="{{amountTip}}" placeholder-style="font-size:32rpx"/>
      </view>
      <view class="tags">
        <button wx:for="{{amountTags}}" class="tag {{item < debtInfo.totalDebt ? 'disabled' : ''}} {{item == activeAmount ? 'active' : ''}}" wx:key="index" type="default" size="mini" plain="{{true}}" disabled="{{item < debtInfo.totalDebt}}"
          data-value="{{item}}" bindtap="setAmount">{{item}}</button>
      </view>
    </view>
  </view>
  <button class="btn-big" bindtap="submit">立即缴费</button>
  <view class="tips">
    <text>温馨提示：缴费金额超出部分将存入余额账户，在下个缴费周期自动抵扣。</text>
  </view>
  <view class="nav">
    <text data-url="history" bindtap="toOtherPage">历史账单</text>
    <text class="line">|</text>
    <text data-url="record" bindtap="toOtherPage">缴费记录</text>
  </view>
</view>