<wrapper className="refund-container">
  <!-- 弹框内容 -->
  <popup-container
    show="{{ show }}"
    title=""
    onClose="onClosePopup"
  >
    <!-- 标题栏 -->
    <view
      slot="header"
      class="header"
    >
      <view class="title">
        {{ title }}
      </view>
      <view
        onTap="onPopupClose"
        class="cancel"
      >
        取消
      </view>
    </view>
    <view class="refund-pop-container">
      <list>
        <block a:for="{{refundList}}">
          <list-item
            arrow="{{true}}"
            onClick="onItemTap"
            data-refundid="{{item.refundId}}"
          >
            <view class="money">
              退款金额：¥{{item.realRefund}}
              <block a:if="{{item.refundDetailStatus && item.refundDetailStatus !== 'REFUND'}}">，退货数量：{{item.refundNum}}</block>
              <block a:if="{{item.deliveryCostBack || item.packingFeeBack}}">(含配送/打包费¥{{item.deliveryCostBack+item.packingFeeBack}})</block>
            </view>
            <view class="refund-num">
              退款单号： {{item.refundId}}
            </view>
          </list-item>
        </block>
      </list>
    </view>
  </popup-container>
</wrapper>
<view onTap="onOpenPopup">
  <slot></slot>
</view>