<!--pages/refundDetail/refundDetail.wxml-->
<view class="page-refund-detail">
  <view class="header-wrap">
    <image class="header-bg" src="/assets/imgs/7_1_0/address-line.png"></image>
    <view class="refund-status">
      <view class="status">待审核</view>
      <view class="desc">退款申请已经提交，等待商家处理哦~</view>
    </view>
  </view>

  <view class="logistics-wrap">
    <view class="logistics-info">
      <view class="logistics-item">
        <text>物流公司</text>
        <text class="company">xxxxxxx</text>
      </view>
      <view class="logistics-item">
        <text>快递单号</text>
        <text class="company">456575687686786</text>
      </view>
      <view class="write-logistics" bindtap="tapWriteLogis">
        <button class="btn btn-primary btn-outline write-btn">填写物流信息</button>
      </view>
    </view>
  </view>

   <view class="pro-wrap">
      <view class="pro-header">
        <text class="choose-pro">选择商品</text>
        <view class="pro-total-price">
          退款总金额 <text class="total-price">￥306</text>
        </view>
      </view>
      <view class="pro-list">
        <image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
        <view class="pro-info">
          <view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
          <view class="pro-desc">
            规格
          </view>
          <view class="pro-price">
            <text class="price">￥258</text>
            <text class="number">x 1</text>
          </view>
        </view>
      </view>

      <view class="pro-list">
        <image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
        <view class="pro-info">
          <view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
          <view class="pro-desc">
            规格
          </view>
          <view class="pro-price">
            <text class="price">￥258</text>
            <text class="number">x 1</text>
          </view>
        </view>
      </view>
  </view>

  <view class="refund-info">
    <view class="refund-item">
      <text class="refund-label">退款原因</text>
      <text class="refund-desc">物流原因</text>
    </view>
    <view class="refund-item">
      <text class="refund-label">退款时间</text>
      <text class="refund-desc">2019</text>
    </view>
    <view class="refund-item">
      <text class="refund-label">退单编号</text>
      <text class="refund-desc">物流原因</text>
    </view>
    <view class="refund-item">
      <text class="refund-label">订单编号</text>
      <text class="refund-desc">物流原因</text>
    </view>
    <view class="refund-item">
      <text class="refund-label">寄回信息</text>
      <text class="refund-desc" selectable="true">物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因</text>
      <view class="copy" bindtap="copy" data-content="物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因">复制</view>
    </view>
    <view class="refund-item">
      <text class="refund-label">退货凭证</text>
      <view class="refund-certificate">
        <view class="refund-img">
          <image src="/assets/imgs/7_1_0/address-line.png"></image>
        </view>
        <view class="refund-img">
          <image src="/assets/imgs/7_1_0/address-line.png"></image>
        </view>
        <view class="refund-img">
          <image src="/assets/imgs/7_1_0/address-line.png"></image>
        </view>
        <view class="refund-img">
          <image src="/assets/imgs/7_1_0/address-line.png"></image>
        </view>
        <view class="refund-img">
          <image src="/assets/imgs/7_1_0/address-line.png"></image>
        </view>
      </view>
    </view>
  
  </view>
  <view class="cancel">
    <button class="btn btn-primary btn-lg">撤销退款</button>
  </view>
</view>

<apply-refund show="{{showApplyRefundModal}}"/>
