ssj_parent/pages/initiate_refund/initiate_refund.wxml

<!--pages/initiate_refund/initiate_refund.wxml-->
<view class='container'>
  <view class='wrapper'>
    <view class='puzzle'>
            <view class='task-title'>
                <!-- <image src='../../assets/puzzle-1@2x.png' class='task-title-img'></image>   -->
               <view class='task-title-tet'>退单申请</view> 
                <view class='task-title-btn'>{{orderTime}}</view> 
            </view>
            
            <view class="puzzle-say "> 
              <view class='li-nav'>

                <view class='li-nav-list'>
                  <view class='li-nav-list-span'></view>
                  <view class='li-nav-list-text'> 年级科目: {{grade}}|{{courseName}}</view>
                </view>
                <view class='li-nav-list'>
                  <view class='li-nav-list-span'></view>
                  <view class='li-nav-list-text'> 购买课次 : {{totalCount}}课次，其中已消费{{finishCount}}课次，共计{{costMoney}}元</view>
                </view>
                <view class='li-nav-list'>
                  <view class='li-nav-list-span'></view>
                  <view class='li-nav-list-text'>退款金额 : {{refundPrice}}元</view>
                </view>

              </view>
              <view class='li-reason'>
                  <view class='refund-text'>退款理由</view>
                  <view class="fefund-reason {{index==idx?'refund-active':''}}" wx:for='{{refundReason}}' wx:key='index' data-index='{{index}}' data-value='{{item}}' bindtap='selectReason'>{{item}}</view>
              </view>
              <view class='li-nav-info'>
                    <view class='refund-text'>持卡人信息</view>
                    <view class='li-inputList'>
                        <view class='li-input-name'>持卡人姓名</view>
                        <view class='li-input-content'>
                          <input class='li-input' type='text' placeholder='请填写姓名' placeholder-class='input-placeholder' bindblur='cardName' data-type='cardName'></input>
                        </view>
                    </view>
                    
                    <view class='li-inputList'>
                        <view class='li-input-name'>银行卡号码</view>
                        <view class='li-input-content'>
                          <input class='li-input' type='number' placeholder='请填写银行卡号' placeholder-class='input-placeholder'  bindblur='cardNum' data-type='cardNum'></input>
                        </view>
                    </view>
                    <view class='li-inputList'>
                        <view class='li-input-name'>开户银行</view>
                        <view class='li-input-content'>
                          <input class='li-input' type='text' placeholder='请填写银行名' placeholder-class='input-placeholder'  bindblur='cardBank' data-type='cardBank'></input>
                        </view>
                    </view>
                    <view class='li-inputList'>
                        <view class='li-input-name'>预留手机号</view>
                        <view class='li-input-content'>
                          <input class='li-input' type='number' placeholder='请填写手机号' placeholder-class='input-placeholder'  bindblur='bankPhone' data-type='bankPhone'></input>
                        </view>
                    </view>
                    <view class='li-inputList'>
                        <view class='li-input-name'>开户支行</view>
                        <view class='li-input-content'>
                          <input class='li-input' type='text' placeholder='请填写支行名' placeholder-class='input-placeholder'  bindblur='subbranch' data-type='subbranch'></input>
                        </view>
                    </view>
              </view>
            </view> 
    </view>
    <button class='refund-btn' bindtap='submitRefund'>确定退款</button>
  </view>
</view>