<wxs src="../../../utils/filter.wxs" module="filters" />

<view class="container">
    <view class="categoryBox">
        <view class="category {{currentIndex==item.id?'currentClass':''}}" wx:for="{{categoryList}}" wx:key="id"
            data-index="{{item.id}}" data-title='{{item.title}}' bindtap="setClass">
            {{item.title}}
        </view>
    </view>
    <scroll-view class="orderList" scroll-y="true" enhanced show-scrollbar="{{false}}" bindscrolltolower='loadMore'>
        <view class="tips" wx:if="{{currentIndex=='2'}}">温馨提示：退款的订单不计入收益系统
            <!--  <view class="close">×</view> -->
        </view>
        <view class="order" wx:for="{{list}}" wx:key="index">
            <view class="above">
                <view class="userInfo">
                    <image src="{{item.avatar}}" class="avatar" />
                    <view>
                        <view class="nickName">{{item.name}}</view>
                        <view class="addTime">
                            加入时间 ：{{filters.formatDate(item.joinTime,1)}}
                        </view>
                    </view>
                </view>
                <view class="state">{{item.status==1?'已付款':item.status==2?'退款':'其他'}}</view>
            </view>
            <view class="below">
                <view class="row">
                    <view>购买类型：{{item.title}} </view>
                    <view>付款金额 <text class="money">{{filters.twoDecimal(item.amount)}}元</text>
                    </view>
                </view>
                <view class="row" style="font-size: 22rpx;">
                    <view>
                        {{filters.formatDate(item.gmtCreated,1)}}付款
                    </view>
                    <view wx:if="{{item.status==2}}">
                        {{filters.formatDate(item.gmtModified,1)}}退款
                    </view>
                </view>
            </view>
        </view>
    </scroll-view>
    <emptyBg wx:if="{{nullList}}" message="暂无订单记录"></emptyBg>
</view>