<!--pages/meterBalanceRecord/index.wxml-->
<navigator title="电费扣款记录" canBack="{{true}}" />
<view class="pageWrapper">
    <view class="timeChooseWrapper">
        <view> 选择时间 </view>
        <view class="time" bind:tap="clickTime">

            <view class="timeText"> {{time}} </view>
            <van-icon name="arrow-down" />
        </view>
    </view>

    <view class="customTable" wx:if="{{list.length}}">
        <!-- <view class="customTableTile">
            <van-row>
                <van-col span="4">
                    <view style="text-align: center;"> 日期 </view>
                </van-col>
                <van-col span="6">
                    <view style="text-align: center;"> 充值金额 </view>
                </van-col>
                <van-col span="6">
                    <view style="text-align: center;"> 电费 </view>
                </van-col>
                <van-col span="8">
                    <view style="text-align: center;"> 电表余额 </view>
                </van-col>
            </van-row>
        </view>
        <view class="customTableContent" wx:for="{{list}}" wx:key="id">
            <view class="tableRow">
                <van-row>
                    <van-col span="4">
                        <view style="text-align: center;"> {{ item.day }} </view>
                    </van-col>
                    <van-col span="6">
                        <view style="text-align: center;" wx:if="{{item.type === 1 || item.type === 7}}"> {{ item.topFee }} </view>
                        <view style="text-align: center;" wx:elif="{{item.type === 5 || item.type === 6 || item.type === 8}}"> -{{ item.topFee }} </view>
                        <view style="text-align: center;" wx:else> 0 </view>
                    </van-col>
                    <van-col span="6">
                        <view style="text-align: center;" wx:if="{{item.type == 1 || item.type === 5 || item.type === 6 || item.type === 7 || item.type === 8}}">
                            0
                        </view>
                        <view style="text-align: center;" wx:else> {{item.money}} </view>
                    </van-col>
                    <van-col span="8">
                        <view style="text-align: center;"> {{item.balance}} </view>
                    </van-col>
                </van-row>
            </view>
            
        </view> -->
        <table 
            header="{{header}}" 
            list="{{list}}" 
            border="{{true}}"
            topStyle="text-align: center" 
            bodyStyle="text-align: center" 
            topColor="rgb(242,248,246)"  
        />
    </view>
    <empty bind:refresh="getList" wx:else />
</view>


<timePicker 
  type="month" 
  currentDate="{{timeStamp}}" 
  show="{{timeVisible}}" 
  bind:cancel="onTimeCancel" 
  bind:close="onTimeClose" 
  bind:confirm="onTimeConfirm" 
/>