gather/pages/applyRefund/applyRefund.wxml

<!--pages/applyRefund/applyRefund.wxml-->
<view class="applyRefund">

  <view class="notice">
  <image class="icon" src="../../images/icon/warn.png" mode=""/>
    部分退款时，有积分消费的，优先返还积分。
  </view>

  <view class="apply-type box">
    <view class="title">售后类型</view>
    <radio-group bindchange="radioChange">
      <view class="item">
          <radio class="radio" value="1" color="#FF941A" />
          <view class="info">
            <view class="title">我要退款</view>
            <view class="desc">没收到货，货已收到货与商家协商后无需退货只退款</view>
          </view>
      </view>
      <view class="item">
          <radio class="radio" value="2" color="#FF941A"/>
          <view class="info">
            <view class="title">我要退货退款</view>
            <view class="desc">已收到货，需要退还已收到的商品</view>
          </view>
      </view>

    </radio-group>
  </view>

  <view class="refund-goods box">
      <view class="title-box">
        <view class="title">退款商品</view>
        <view class="price">退款金额：￥21</view>
      </view>
      <view class="good-list">
        <view class="all">
          <checkbox bindtap='onSelectedAll'  checked="{{isAll}}" color="#105c3e" />全选
        </view>
        <view class="good-item" wx:for="{{goodList}}">
        	<checkbox bindtap='onSelectedItem' data-index="{{index}}" value="{{index}}" checked="{{item.checked}}" color="#105c3e" />
          <view class="img"></view>
          <view class="info">
            <view class="good-name">赶海季生鲜大闸蟹</view>
            <view class="desc">规格：5kg，盒</view>
            <view class="price">单价：￥1.8</view>
          </view>
          <view class="price-box">
            <view class="price">￥103.95</view>
            <view class="num-box">
              <view class="btn">-</view>
              <view class="num">1</view>
              <view class="btn">+</view>
            </view>
          </view>
        </view>
      </view>
        <view class="open-btn">
          展开（共7件） <image class="arrow" src="../../images/icon/black-down-arrow.png" mode=""/>
        </view>
    </view>

    <view class="reason-box box">
      <view class="title-box">
        <view class="title">退款原因</view>
        <view class="choose" bindtap="choose" >请选择退款原因 <image class="icon" src="../../images/icon/more.png" mode=""/> </view>
      </view>
      <view class="content">
        <textarea class="reason" placeholder="补充描述和凭证，有助于提高退款效率" value=""/> 
        <view class="upload"  bindtap="getUploadImg">
          <image src="../../images/icon/photo.png" mode="" class="photo"/>
        </view>
      </view>
    </view>


    <van-action-sheet show="{{ show }}" title="" bind:click-overlay="close">
      <view class="reason-content">
      <view class="title">选择退款原因</view>
        <view class="notice" style="position: static;width: 100%;">
          <image class="icon" src="../../images/icon/warn.png" mode=""/>
          部分退款时，有积分消费的，优先返还积分。
        </view>

        <view class="reason-list">
          <view class="title-box">
            <view class="sub-title">请选择退款原因</view>
            <view class="desc">(必选)</view>
          </view>
          <radio-group bindchange="chooseReason">
            <view class="item" wx:for="{{reasonList}}" wx:key="{{index}}">
              <radio class="radio" value="1" color="#FF941A" />
              <view class="text">{{item.name}}</view>
            </view>
          </radio-group>
        </view>
        <view class="submit-box">
          <view class="btn">确认</view>
        </view>
      </view>
    </van-action-sheet>

    <view class="submit-box">
      <view class="btn">提交</view>
    </view>

</view>