gather/pages/DetailsOfRefund/DetailsOfRefund.wxml

<view class="DetailsOfRefund">
  <view class="result-box box">
    <view class="result">
      <view class="title">{{statusObj[returnMoneySts].title}}</view>
      <view class="desc">{{statusObj[returnMoneySts].desc}}</view>
    </view>
    <view class="result">
    <view class="title-box">
      <view class="title small">退款金额</view>
      <view class="price">￥{{goodsTotal}}</view>
    </view>
      <view class="desc" wx:if="{{returnMoneySts == 70}}">退还金额：{{refundAmount}}元 退还积分：{{offsetPoints}}（已过期{{refundExpiredScore||0}}）</view>
      <view class="desc" wx:else>申请通过后，将退回至原账户</view>
    </view>
  </view>

  <view class="write-info box" wx:if="{{returnMoneySts == 65&&applyType == 2}}">
    <view class="sub-title">配送信息</view>
    <view class="form-box">
      <view class="form-item">
        <view class="label">
          <view class="icon">*</view>
          取件时间
        </view>
        <view class="value {{time?'black':''}}" data-type="time" bind:tap="choose">
          {{time||'请选择时间'}} <image class="more" src="../../images/icon/black-down-arrow.png" mode=""/>
        </view>
      </view>
      <view class="form-item">
        <view class="label">
          <view class="icon">*</view>
          取件地址
        </view>
        <view class="value-box">
          <view class="value {{userAddr?'black':''}}" data-type="address" bind:tap="choose">
            {{userAddr?userAddr.addressName+userAddr.addrDetail:'请选择取件地址'}} <image class="more" src="../../images/icon/black-down-arrow.png" mode=""/>
          </view>
          <view class="value {{userAddr?'black':''}}" wx:if="{{userAddr}}">
            {{userAddr.receiver + ' ' +userAddr.mobile}}  
          </view>
        </view>
      </view>
      <view class="form-item">
        <view class="label">
          <view class="icon">*</view>
          退货方式
        </view>
        <view class="value black">
          上门取件 
        </view>
      </view>
    </view>
    <view class="notice">无需支付配送费</view>
    <view class="desc">1.因个人原因退货，需客户承担商品返还商家的运费</view>
    <view class="desc">2.请确保商品不影响二次销售，否则商家会拒绝收货</view>
    <view class="btn">提交</view>
  </view>

  <view class="write-info-box box">
    <view class="sub-title">退货方式</view>
    <view class="btn-box">
      <view class="text-box">
        <view class="title">自行寄回商品</view>
        <view class="desc">寄出后请填写快递单号</view>
      </view>
      <view class="btn" bind:tap="writeInfo" data-refundsn="{{refundSn}}">填写快递信息</view>
    </view>
    <view class="shop-info">
      <view class="sub-title">退货地址</view>
      <view class="name-box">
        <view class="name">杨锦新 </view>
        <view class="tel">18900000000</view>
      </view>
      <view class="address">贵州省-贵阳市-观山湖区富力中心A座3401</view>
    </view>
  
  </view>

  <!-- <view class="oprate-box box">
      <view class="item">
        <image class="icon" src="../../images/icon/del-icon.png" mode=""/>
        <view class="label">
          删除订单
        </view>
      </view>
      <button class='item' open-type="contact" >
        <image class="icon" src="../../images/icon/chat-icon.png" mode=""/>
        <view class="label">
          联系商家
        </view>
     </button>
      <view class="item" >
        <image class="icon" src="../../images/icon/buy-icon.png" mode=""/>
        <view class="label">
          再次购买
        </view>
      </view>
    </view> -->

    <view class="process-box box">
      <view class="sub-title">退款流程</view>
      
      <view class="step-box">
        <view class="step-item" wx:for="{{records}}" >
          <view class="point {{index == 0?'active':''}}"></view>
          <view class="line"></view>
          <view class="title">{{refundStatusObj[item.auditStatus]}}</view>
          <view class="desc">{{item.instructions}}</view>
          <view class="time">{{item.updateTime}}</view>
        </view>
      
          <view class="img-list">
            <!-- <view class="img"></view> -->
           <image wx:for="{{photoFiles}}" src="{{item}}" mode="" class="img"/>
          </view>
      </view>

    </view>

    <view class="refund-goods box">
      <view class="title-box">
        <view class="title">退款商品</view>
        <view class="price">退款金额：￥{{goodsTotal}}</view>
      </view>
      <view class="good-list">
        <view class="good-item" wx:for="{{orderItems}}" wx:key="*this">
          <image src="{{item.pic}}" mode="" class="img"/>
          <view class="info">
            <view class="good-name">{{item.prodName}}</view>
            <!-- <view class="desc">规格：5kg，盒</view> -->
            <view class="price">单价：￥{{item.price}}</view>
          </view>
          <view class="price-box">
            <view class="price">￥{{((item.productCount*100)*(item.price*100))/10000}}</view>
            <view class="num">x{{item.productCount}}</view>
          </view>
        </view>

      </view>
        <!-- <view class="open-btn">
          展开（共7件） <image class="arrow" src="../../images/icon/black-down-arrow.png" mode=""/>
        </view> -->
    </view>

    <!-- <view class="goods-info box">
      <view class="item">
        <view class="label">商品金额</view>
        <view class="value">￥{{goodsTotal}}</view>
      </view>
      <view class="item">
        <view class="label">运费（快递）</view>
        <view class="value">￥{{freightAmount}}</view>
      </view>
      <view class="item">
        <view class="label">积分（{{offsetPoints}}）</view>
        <view class="value">￥{{(offsetPoints/100)}}</view>
      </view>
      <view class="total">
        <view class="label">总计：</view>
        <view class="value">￥{{refundAmount}}</view>
      </view>
    </view> -->

    <view class="order-info box">
      <view class="title">订单信息</view>
      <view class="item">
        <view class="label">订单编号</view>
        <view class="value-box">
          <view class="value">{{orderNumber}}</view>
          <image bind:tap="copyBtn" data-value="{{orderNumber}}" class="icon" src="../../images/icon/copy.png" mode=""/>
        </view>
      </view>
      <view class="item">
        <view class="label">售后编号</view>
        <view class="value-box">
          <view class="value">{{refundSn}}</view>
          <image class="icon" bind:tap="copyBtn" data-value="{{refundSn}}" src="../../images/icon/copy.png" mode=""/>
        </view>
      </view>
      <view class="item">
        <view class="label">申请时间</view>
        <view class="value">{{applyTime}}</view>
      </view>
      <view class="item">
        <view class="label">服务类型</view>
        <view class="value">{{['','仅退款','退货退款'][applyType]}}</view>
      </view>
      <view class="item">
        <view class="label">申请原因</view>
        <view class="value">{{buyerReason}}</view>
      </view>
    </view>

    <van-popup show="{{ selectTimeshow }}" round position="bottom" custom-style="height: 45%" bind:close="timeOnClose">
    <view class="popup-box">
      <view class="popup-title">选择上门时间</view>
      <van-picker columns="{{ columns }}" show-toolbar bind:cancel="onCancel" bind:confirm="onConfirm" bind:change="onChange" />
    </view>
  </van-popup>

</view>