apply-after-sale.wxml 3.3 KB
<!--pages/apply-after-sale/apply-after-sale.wxml-->
<view class="container">
  <!--订单详情 -->
  <view class="orderBox">
    <view class="orderNumber">
      <view>订单号:</view>
      <view>{{id}}</view>
    </view>
    <view class="productBox">
      <view class="pic">
        <image src="{{postList.listGoodsVoList[0].goodsPic}}" mode="aspectFill"></image>
      </view>
      <view class="text">
        <view class="name">{{postList.listGoodsVoList[0].goodsName}}</view>
        <view class="detail">{{postList.listGoodsVoList[0].goodsAttributes}}</view>
        <view class="priceBox">商品小计:
          <view class="price">¥{{postList.listGoodsVoList[0].goodsPrice}}</view>
        </view>
        <view></view>
      </view>
    </view>
  </view>
  <!-- 退货详情 -->
  <view class="salesBox">
    <view class="boxItem">
      <view class="left">
        <view>
          <image src="/images/05-06/jianshu.png" mode="aspectFill"></image>
        </view>
        <view>退货件数</view>
      </view>
      <view class="right">{{postList.listGoodsVoList[0].goodsQuantity}}</view>
    </view>
    <view class="boxItem">
      <view class="left">
        <view>
          <image src="/images/05-06/price.png" mode="aspectFill"></image>
        </view>
        <view>退款金额</view>
      </view>
      <view class="right">{{postList.payAmount}}</view>
    </view>
    <van-cell is-link bindtap="showPopup">
      <view class="popupBox">
        <view class="popupLeft">
          <view style="padding-top:8rpx">
            <image src="/images/05-06/price.png" mode="aspectFill"></image>
          </view>
          <view> 退款原因</view>
        </view>
        <view class="reason">
          <view>{{text}}</view>
          <view style="margin-left:16rpx">
            <image src="/images/04-01/arrow.png" mode="aspectFill"></image>
          </view>
        </view>
      </view>
    </van-cell>
    <van-popup show="{{ show }}" bindtap="onClose" position="bottom" custom-style="height: 40%;">
      <van-picker columns="{{columns}}" default-index="{{}}" bind:change="onChange" bind:cancel="onCancel"
        bind:confirm="onConfirm" show-toolbar></van-picker>
    </van-popup>
  </view>

  <!-- 备注 -->
  <view class="commentBox">
    <view class="title">备注说明
    </view>
    <textarea name="" id="" cols="30" rows="10" placeholder="请输入您想备注的" maxlength="300" bindinput="textInput"
      value="{{areaValue}}"></textarea>
    <view class="length">300/{{wordNumber}}</view>
  </view>
  <!-- 上传凭证 -->
  <view class="photoBox">
    <view class="photoText">
      <view class="lefttext">上传凭证</view>
      <view class="right">最多可上传3张</view>
    </view>
    <view class="photo">
      <view class="photoOne" bindtap="chooseImage">
        <image src="/images/05-06/photo.png" mode="aspectFill"></image>
      </view>
      <view class="photoOne" wx:for="{{imgs}}" data-index="{{index}}">
        <image src="{{item}}" mode="aspectFill"></image>
        <view class="delBox" bindtap="delPic">
          <image src="/images/05-06/chaIcon.png" mode="aspectFill"></image>
        </view>
      </view>>
    </view>
  </view>
  <!-- buttom -->
  <view class="applyBox">
    <view class="applyBtn" bindtap="refund">申请退款</view>
  </view>
</view>