<view class="container">

    <view class="top">订单号：{{order_sn}}</view>
    <view class="message">
        <view>温馨提示：</view>
        <view>1.限时特价、预约资格等购买优惠可能一并取消</view>
        <view>2.如遇订单拆分、使用优惠券无法返还</view>
        <view>3.支付金额，抵扣余额积分都按原路退款</view>
        <view>4.订单一旦取消，无法恢复</view>
    </view>
    <form bindsubmit="sendsm">
        <view bindtap="openReasonModal" class="item" data-id="0">
            <view class="item-name">退款原因:</view>
            <view class="item-input">{{reasonList[reasonSelect]}}</view>
            <view class="item-img">
                <image class="arrow" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image>
            </view>
        </view>
        <view class="item">
            <view class="item-name">联系人:</view>
            <input class="item-input" name="consignee" value="{{user.nickname}}"></input>
        </view>
        <view class="item">
            <view class="item-name">手机号码:</view>
            <input class="item-input" name="mobile" value="{{user.mobile}}"></input>
        </view>
        <button class="submit-btn" formType="submit">申请退款</button>
    </form>
</view>
<view hidden="{{!openReasonModal}}">
    <view bindtap="closeReasonModal" class="cover-layer"></view>
    <view class="reason-modal">
        <icon bindtap="closeReasonModal" class="modal-close" color="gray" size="22" type="cancel"></icon>
        <view class="reason-nav">取消原因</view>
        <radio-group bindchange="reasonChange" class="reason-list">
            <label class="reason-item" wx:for="{{reasonList}}">
                <radio checked="{{index==reasonSelect}}" color="#f23030" value="{{index}}"></radio> {{item}}
            </label>
        </radio-group>
        <view bindtap="closeReasonModal" class="reason-btn">确 定</view>
    </view>
</view>
