root
/
bab-icon


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							<!DOCTYPE html>
<html class="bg-white">
<head>
    <meta charset="utf-8">
    <!--此行代码为禁止苹果手机自动识别电话号码-->
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>清楚注册信息</title>
    <link rel="stylesheet" type="text/css" href="{{asset('wap/css/weui.min.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('wap/css/common.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('wap/css/pay-page.css')}}"/>
    <script src="{{asset('wap/js/jquery-2.1.4.js')}}"></script>
    <script src="{{asset('wap/js/vue.js')}}?a=1"></script>
    <script src="{{asset('wap/js/common.js')}}?a=1"></script>

</head>
<body>
<div id="app">
    <!-- 导航栏 -->

    <!-- 支付详情 -->
    <div class="pay-detail">
        <div class="pay-layout">
            <div class="spend-total">清除账户</div>
            <div class="input-money">

                <form id="zfb_pay" method="post" action="{{route('pay.clear')}}">
                    <input type="text" v-model="pay_money" name="pay_money" mix="0.01" autofocus="autofocus" style="width: 90%"></input>
                </form>
            </div>
            <div class="prompt">请输入需要清除的手机号码多个使用,连接</div>
        </div>
    </div>
    <!-- button -->
    <div class="button-layout" @click="creatZfbPay">
        <div class="button">
            <span>支付</span>
        </div>
    </div>
    <!--BEGIN toast-->
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">@{{success_msg}}</p>
        </div>
    </div>

    <!--BEGIN toast-->
    <div id="textMoreToast" v-show="error_show">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast weui-toast_text-more">
            <i class="weui-icon-warn weui-icon_toast"></i>
            <p class="weui-toast__content">@{{error_msg}}</p>
        </div>
    </div>

</div>
<script>
    $(function () {
        var vm = new Vue({
            el: '#app',
            data: {
                pay_money: '',
                success_msg: '',
                error_msg: '',
                error_show: false,
                success_show: false,
                is_pay: false,
                is_ajax: false,

            },
            methods: {
                'errorMgs': function (error_msg) {
                    this.error_msg = error_msg;
                    this.error_show = true;
                    setTimeout(function () {
                        vm.error_show = false;
                    }, 2000)
                },
                'successMsg': function (success_msg) {
                    this.success_msg = success_msg;
                    this.success_show = true;
                    setTimeout(function () {
                        vm.success_show = false;
                    }, 2000)
                },

                'creatZfbPay': function () {
                    console.log('---------------------')
                    if (this.is_ajax) {
                        return false;
                    }
                    this.is_ajax = true;
                    sendAjax('{{route('pay.clear')}}', {
                        'pay_money': this.pay_money,
                    }, function (data) {
                        vm.is_ajax = false;
                        if (data.code * 1 == 1) {
                            vm.successMsg(data.msg);
                            vm.pay_money='';
                        } else {
                            vm.errorMgs(data.msg);
                        }
                    })

                }
            },
            watch: {

            },
            created: function () {

            }

        });
    })

</script>
</body>
</html>