<view class="header">
    <view class="tabs">
        <view class="tabs-item {{listType == 'refunding' ? 'show' : ''}}" bindtap="onTabs" data-type="refunding">处理中</view>
        <view class="tabs-item {{listType == 'refunded' ? 'show' : ''}}" bindtap="onTabs" data-type="refunded">已完成</view>
    </view>
</view>

<view class="order-content" wx:if="{{listsArr.length > 0}}">
    <view class="order-content-li" wx:for="{{listsArr}}" wx:key="listsArr">
        <view class="order-store">
            <view class="order-store-title nowrap">
                <image src="https://storage.funnyzhibo.com/images/2020/05/06/shop_icon.png"></image>
                {{item.shop.name}}
            </view>
            <view class="order-store-stateText">
                <image src="https://storage.funnyzhibo.com/images/2020/05/20/refund_icon.png"></image>
                {{item.state.text}}
            </view>
        </view>
        <navigator wx:for="{{item.items}}" wx:key="items" wx:for-item="items" class="order-goods" hover-class="none"
            url="/pages/refund_details/refund_details?id={{item.orderid}}">
            <image class="order-goods-cover" src="{{items.cover}}" mode="aspectFill"></image>
            <view class="order-goods-content">
                <view class="order-goods-content-name nowrap">{{items.goods_name}}</view>
                <view class="order-goods-content-size nowrap">数量：{{items.qty}}</view>
                <view class="order-goods-content-price nowrap">
                    产品价格：￥{{items.price}}
                </view>
            </view>
        </navigator>
        <view class="order-total">
            退款总额
            <text>退款 ￥{{item.refund_total}} 元</text>
        </view>
        <view class="order-btns">
            <navigator class="order-btn" hover-class="none" url="/pages/order/refundInfo/refundInfo?refund_no={{item.refund_no}}">查看详情
            </navigator>
            <navigator class="order-btn order-btn-back" hover-class="none" url="/pages/order/refundWrite/refundWrite?refund_no={{item.refund_no}}" wx:if="{{item.can.deliver}}">我要退货
            </navigator>
        </view>
    </view>
</view>

<!-- 为空 -->
<view class="pack-center pages-hint" wx:else>
    <image src="/static/imgs/text_null.png"></image>
    <view>暂无数据</view>
</view>