123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- <view class="container4">
-
- <!-- 返回按钮 -->
- <view class="custom-nav">
- <view class="fixed-back" bindtap="goBack">←</view>
- <view class="nav-title">账单详情</view>
- </view>
- <!-- 第一个卡片:本次抄表信息 -->
- <view class="bill-card">
- <view class="bill-row">
- <text>本次抄表日期</text>
- <text>{{billDetail.currentDate}}</text>
- </view>
- <view class="divider"></view>
- <view class="bill-row">
- <text>本次抄表数</text>
- <text>{{billDetail.currentReading}}</text>
- </view>
- </view>
- <!-- 第二个卡片:上次抄表信息 -->
- <view class="bill-card">
- <view class="bill-row">
- <text>上次抄表日期</text>
- <text>{{billDetail.lastDate}}</text>
- </view>
- <view class="divider"></view>
- <view class="bill-row">
- <text>上次抄表数</text>
- <text>{{billDetail.lastReading}}</text>
- </view>
- </view>
- <!-- 第三个卡片:费用明细 -->
- <view class="bill-card">
- <view class="bill-row">
- <text>用户量</text>
- <text>{{billDetail.usage}}m³</text>
- </view>
- <view class="divider"></view>
- <view class="bill-row">
- <text>总费用</text>
- <text>{{billDetail.totalAmount}}元</text>
- </view>
- <view class="divider"></view>
- <view class="bill-row">
- <text>减免费用</text>
- <text>{{billDetail.discount}}元</text>
- </view>
- <view class="divider"></view>
- <view class="bill-row">
- <text>滞纳金</text>
- <text>{{billDetail.lateFee}}元</text>
- </view>
- </view>
- <!-- 第四个卡片:应缴费用 -->
- <view class="bill-card">
- <view class="bill-row total">
- <text>应缴费用</text>
- <text>{{billDetail.payableAmount}}元</text>
- </view>
- </view>
- </view>
|