YouTuan_wxapp/pages/confirmrefund/confirmrefund.wxml

<!--pages/confirmrefund/confirmrefund.wxml-->
<nav-bar navbar-data="{{navbarData}}"></nav-bar>
<view class="content">
  <!-- 步骤条 -->
  <view class="steps">
    <view class="info">
      <view class="one">
        <view class="one-1"></view>
        <view class="one-2"></view>
        <view class="one-3"></view>
      </view>
      <view class="body1">
        <p>申请退款</p>
        <p>等待商家处理</p>
      </view>
    </view>
    <view class="foot1">
      <p>{{billdata.apply_refund_time}}</p>
      <view>
        <view class="gray-button" catchtap="cheXiaoApply">
          <p>撤销申请</p>
        </view>
      </view>
    </view>
  </view>
  <!-- 商品列表 -->
  <view class="good">
    <view class="good-top">
      <text class="good-top-title">退款商品</text>
      <text class="good-top-count">共{{billdata.commodity_list.length}}件</text>
    </view>
    <view class="good-card" wx:for="{{billdata.commodity_list}}">
      <van-image width="128rpx" height="128rpx" radius="13.5" src="{{item.commodity_img}}" />
      <view class="good-info">
        <view class="good-info-top">
          <view class="good-title">
            <text>{{item.commodity_name}}</text>
          </view>
          <view class="good-original-price">
            <text>C$ {{item.commodity_price}}</text>
          </view>
          <view class="good-current-price">
            <text>C$ {{item.commodity_price}}</text>
          </view>
        </view>
        <view class="good-info-bottom">
          <text style="font-size: 28rpx;color: #989898;">x {{item.commodity_number}}</text>
        </view>
      </view>
    </view>
  </view>
  <!-- 按钮组 -->
  <view class="button-group">
    <button catchtap="callHead">
      <text class="iconfont icon-dianhua"></text>
      <text>联系团长</text>
    </button>
    <button>
      <text>平台咨询</text>
    </button>
    <button catchtap="modifyApply">
      <text>修改申请</text>
    </button>
  </view>
  <!-- 退款金额 -->
  <view class="refund-amount">
    <group-title title="退款金额"></group-title>
    <text>C${{billdata.payment_amount}}</text>
  </view>
  <!-- 退款信息 -->
  <view class="order">
    <group-title title="退款信息"></group-title>
    <view class="order-card">
      <view class="order-card-row">
        <text class="left">退款原因</text>
        <text class="right">{{billdata.refund_reason}}</text>
      </view>
      <view class="order-card-row" style="margin-top: 18rpx;">
        <text class="left">订单编号</text>
        <text class="right">{{billdata.refund_number}}</text>
        <view class="button" catchtap="copy">复制</view>
      </view>
    </view>
  </view>
  <view class="foot">
    <text>您申请的退款拼团已截团，申请后不会原路径返回，需要联系商家私下退款</text>
  </view>
</view>
<van-popup show="{{ show }}" round bind:close="onClose">
  <view class="popup">
    <!-- 退款原因 -->
    <view class="reason">
      <view class="reason-top">
        <text class="reason-top-title">退款原因</text>
      </view>
      <view class="reason-content">
        <textarea bindinput="inputReason" value="{{refund_reason}}"></textarea>
      </view>
      <view class="reason-top">
        <text class="reason-top-title">退款凭证</text>
      </view>
      <view class="reason-upload">
        <image wx:if="{{refund_voucher}}" src="{{refund_voucher}}" class="upload-img"></image>
        <view class="reason-upload-view" style="{{refund_voucher != '' ? 'margin-left: 20rpx' : ''}}" catchtap="uploadVoucher">
          <image src="/images/add.png"></image>
        </view>
      </view>
      <button class="reason-button" catchtap="confirmModify">确认修改</button>
    </view>
  </view>
</van-popup>