<import-sjs
  name="utils"
  from="../order-center-card/index.sjs"
/>
<wrapper>
  <head-nav-blue a:if="{{detailData}}" positionY="{{-100}}">
    <view
      class="refund-detail-container"
    >
      <!-- 地址栏 -->
      <view class="order-address">
        <mall-store-address
          shop="{{detailData.shop}}"
          showNavigateIcon="{{true}}"
          orderId="{{orderId}}"
        ></mall-store-address>
        <!-- refund -->
      </view>
      <!-- 订单item -->
      <view class="order-list-container">
        <block a:if="{{list.length > 5 && !loadMore}}">
          <block a:for="{{list.slice(0,5)}}">
            <order-item orderItem="{{item}}" refundDetailStatus="{{detailData.refundDetailStatus || 'REFUND'}}" ></order-item>
          </block>
        </block>
        <block a:else>
          <block a:for="{{list}}">
            <order-item orderItem="{{item}}" refundDetailStatus="{{detailData.refundDetailStatus || 'REFUND'}}"></order-item>
          </block>
        </block>
        <view
          class="load-more"
          onTap="loadMoreItem"
          a:if="{{list.length > 5 && !loadMore}}"
        >
          展开 {{list.length}} 件商品
        </view>
        <refund-detail-foot-list detail="{{detailData}}" />
      </view>
    </view>
  </head-nav-blue>
</wrapper>