zdxiangqing.wxml 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <view class="container4">
  2. <!-- 返回按钮 -->
  3. <view class="custom-nav">
  4. <view class="fixed-back" bindtap="goBack">←</view>
  5. <view class="nav-title">账单详情</view>
  6. </view>
  7. <!-- 第一个卡片:本次抄表信息 -->
  8. <view class="bill-card">
  9. <view class="bill-row">
  10. <text>本次抄表日期</text>
  11. <text>{{billDetail.currentDate}}</text>
  12. </view>
  13. <view class="divider"></view>
  14. <view class="bill-row">
  15. <text>本次抄表数</text>
  16. <text>{{billDetail.currentReading}}</text>
  17. </view>
  18. </view>
  19. <!-- 第二个卡片:上次抄表信息 -->
  20. <view class="bill-card">
  21. <view class="bill-row">
  22. <text>上次抄表日期</text>
  23. <text>{{billDetail.lastDate}}</text>
  24. </view>
  25. <view class="divider"></view>
  26. <view class="bill-row">
  27. <text>上次抄表数</text>
  28. <text>{{billDetail.lastReading}}</text>
  29. </view>
  30. </view>
  31. <!-- 第三个卡片:费用明细 -->
  32. <view class="bill-card">
  33. <view class="bill-row">
  34. <text>用户量</text>
  35. <text>{{billDetail.usage}}m³</text>
  36. </view>
  37. <view class="divider"></view>
  38. <view class="bill-row">
  39. <text>总费用</text>
  40. <text>{{billDetail.totalAmount}}元</text>
  41. </view>
  42. <view class="divider"></view>
  43. <view class="bill-row">
  44. <text>减免费用</text>
  45. <text>{{billDetail.discount}}元</text>
  46. </view>
  47. <view class="divider"></view>
  48. <view class="bill-row">
  49. <text>滞纳金</text>
  50. <text>{{billDetail.lateFee}}元</text>
  51. </view>
  52. </view>
  53. <!-- 第四个卡片:应缴费用 -->
  54. <view class="bill-card">
  55. <view class="bill-row total">
  56. <text>应缴费用</text>
  57. <text>{{billDetail.payableAmount}}元</text>
  58. </view>
  59. </view>
  60. </view>