<view class="head">
    <picker mode="selector" range='{{accountList}}' range-key='accountname' value='{{active}}' bindchange='changeAccount'>
        <navigator class="line-1" url="#">{{accountList[active].accountname}}</navigator>
    </picker>
    <view style="display: flex;align-items: center;">
        <picker mode="date" end='{{enddate||dateEnd}}' data-name="begindate" bindchange='changeDate'>
            <navigator url="#">{{begindate||language['开始日期']||'开始日期'}}</navigator>
        </picker>
        <text style="padding: 0 20rpx;">-</text>
        <picker mode="date" start='{{begindate}}' end='{{dateEnd}}' data-name="enddate" bindchange='changeDate'>
            <navigator url="#">{{enddate||language['截止日期']||'截止日期'}}</navigator>
        </picker>
    </view>
</view>

<swiper class="swiper-box" current='{{active}}' circular indicator-dots indicator-active-color='var(--assist)' bindchange='changeAccount'>
    <swiper-item wx:for="{{accountList}}" wx:key="name">
        <view class="upper">
            <view class="name">
                {{language[item.accountname]||item.accountname}}({{language['元']||'元'}})
            </view>
            <view class="price">
                {{language[item.balance]||item.balance}}
            </view>
        </view>
        <view class="lower" wx:if="{{item.hraccountname}}">
            <view class="item">
                <view class="name">{{language['预计金额(元)']||'预计金额(元)'}}</view>
                <view class="price">
                    {{item.expectedReward}}
                </view>
            </view>
        </view>
        <view class="lower" wx:else>
            <view class="item">
                <view class="name">{{language['信用额度(元)']||'信用额度(元)'}}</view>
                <view class="price">
                    {{item.creditquota}}
                </view>
            </view>
            <view class="item">
                <view class="name">{{language['可用额度(元)']||'可用额度(元)'}}</view>
                <view class="price">
                    {{item.usable}}
                </view>
            </view>
        </view>
        <image class="image" mode="aspectFill" src="/static/image/qia.png" />
        <view class="top" />
        <view class="angle" />
        <view class="bottom" />
    </swiper-item>
</swiper>
<view class="total">
    {{language['收入总计']||'收入总计'}}:{{expend}}，{{language['支出总计']||'支出总计'}}:{{earning}}
</view>

<view hover-class="{{usertype==21||usertype==22?'':'navigator-hover'}}" class="record" wx:for="{{recordList}}" wx:key="sa_accountclassid" data-item="{{item}}" bind:tap="{{usertype==21||usertype==22?'':'toDetail'}}">
    <view class="content">
        <view class="title">{{item.type==0?language['支出']||'支出':language['收入']||'收入'}}{{item.source? '-' + (language[item.source]||item.source):""}}</view>
        <view class="exp">{{language['凭证单号']||'凭证单号'}}：{{item.billno || ' --'}}</view>
        <view class="exp">{{language['备注']||'备注'}}：{{language[item.showRemarks]||item.showRemarks || ' --'}}</view>
    </view>
    <view class="price" style="color:{{item.balance>=0?'#DB0D27':'var(--success)'}} ;">
        {{item.amount}}
    </view>
</view>

<Yl_Empty wx:if="{{recordList.length==0}}" />