payment.wxml 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!--pages/payment/payment.wxml-->
  2. <view class="container payment">
  3. <view class="card">
  4. <view class="box">
  5. <!-- <view class="item">
  6. <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
  7. <view class="picker">
  8. <text class="label">账单1</text>
  9. <image class="icon-up" src="/static/img/icon_up.png"></image>
  10. </view>
  11. </picker>
  12. </view> -->
  13. <view class="item">
  14. <text class="label">缴费账期</text>
  15. <text>{{debtInfo.year}}年{{debtInfo.month}}月</text>
  16. </view>
  17. <view class="item">
  18. <text class="label">本期应缴</text>
  19. <text>{{debtInfo.receFee}}元</text>
  20. </view>
  21. <view class="item">
  22. <text class="label">累计欠费</text>
  23. <text>{{debtInfo.totalDebt}}元</text>
  24. </view>
  25. <view class="item">
  26. <text class="label">缴费单位</text>
  27. <text>{{debtInfo.uintName}}</text>
  28. </view>
  29. <view class="item">
  30. <text class="label">缴费户名</text>
  31. <text>{{debtInfo.accountName}}</text>
  32. </view>
  33. <view class="item">
  34. <text class="label">缴费户号</text>
  35. <text>{{debtInfo.accountNumber}}</text>
  36. </view>
  37. <view class="item">
  38. <text class="label">客户地址</text>
  39. <text>{{debtInfo.address}}</text>
  40. </view>
  41. </view>
  42. <image class="bg" src="/static/img/bg-payment-card.png"></image>
  43. </view>
  44. <view class="amount">
  45. <view class="box">
  46. <view class="title">缴费金额</view>
  47. <view class="input">
  48. <text>¥</text>
  49. <input type="digit" value="{{amount}}" bindinput="setAmount" placeholder="{{amountTip}}" placeholder-style="font-size:32rpx"/>
  50. </view>
  51. <view class="tags">
  52. <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}}"
  53. data-value="{{item}}" bindtap="setAmount">{{item}}</button>
  54. </view>
  55. </view>
  56. </view>
  57. <button class="btn-big" bindtap="submit">立即缴费</button>
  58. <view class="tips">
  59. <text>温馨提示:缴费金额超出部分将存入余额账户,在下个缴费周期自动抵扣。</text>
  60. </view>
  61. <view class="nav">
  62. <text data-url="history" bindtap="toOtherPage">历史账单</text>
  63. <text class="line">|</text>
  64. <text data-url="record" bindtap="toOtherPage">缴费记录</text>
  65. </view>
  66. </view>