审查视图

public/themes/simpleboot3/portal/personalcenter/my_wallet.html 11.4 KB
4  
anyv authored
1 2 3 4 5 6 7 8 9 10 11
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>学考无忧-我的钱包</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
</head>
5  
anyv authored
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
<style>
    .tx_maskPhone {
        display: none;
        z-index: 2;
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .btn{
        margin-top: 0.15rem;
        background: #fff;
        color: #0090FF;
    }
</style>
4  
anyv authored
27 28
<body>
<!-- 弹窗 -->
5  
anyv authored
29 30
<div class="tx_mask" onclick="$(this).hide()">
    <div class="tx_maskCon" onclick="zZFun(this)">
4  
anyv authored
31
        <div class="tx_maskConImg">
2  
anyv authored
32
            <img src="__TMPL__/public/assets/images/70.png" alt="" />
4  
anyv authored
33 34 35
        </div>
        <div class="tx_maskCon2">
            <!-- 输入金额 -->
2  
anyv authored
36
            <input class="tx_maskInput" type="text" placeholder="输入提现金额" id="money" onblur="messagess()"/>
1  
anyv authored
37
            <div style="font-size: 0.24rem;cursor: pointer;color: #333;margin-top: 0.2rem">最大提现金额({$balance})元</div>
4  
anyv authored
38
            <!-- 确定 -->
5  
anyv authored
39
            <div class="tx_maskOk tx_maskYeah" onclick="sure_to()">确定</div>
4  
anyv authored
40 41 42 43 44 45 46 47
            <!-- 提现说明 -->
            <div class="tx_maskTxt">
                <div class="tx_maskTxt1">
                    <div class="tx_maskConImg2">
                        <img src="__TMPL__/public/assets/images/69.png" alt="" />
                    </div>
                    <span>提现说明</span>
                </div>
5  
anyv authored
48
                <p class="tx_maskTxt2">满1元可提现,提现将扣取0.6%的手续费</p>
4  
anyv authored
49 50 51 52
            </div>
        </div>
    </div>
</div>
5  
anyv authored
53
5  
anyv authored
54 55
<div class="tx_maskPhone" onclick="$(this).hide()">
    <div class="tx_maskCon" onclick="zZFun(this)">
5  
anyv authored
56 57 58 59 60
        <div class="tx_maskConImg">
            <img src="__TMPL__/public/assets/images/70.png" alt="" />
        </div>
        <div class="tx_maskCon2">
            <!-- 输入手机号 -->
1  
anyv authored
61 62 63
            <input  class="tx_maskInput" style="margin-bottom: 0.25rem;" type="number" placeholder="请输入手机号" maxlength="11" id="phone" style="cursor: pointer"/>
            <input class="tx_maskInput" style="margin-bottom: 0.25rem;" id="Ver_code" type="text" placeholder="请输入验证码" style="cursor: pointer"/>
            <input type="button" class="btn" id="code" value="获取验证码" onclick="codeButton()" style="cursor: pointer">
5  
anyv authored
64 65 66 67 68 69 70 71
            <!-- 确定 -->
            <div class="tx_maskOk tx_maskYes" onclick="Message_validation()">确定</div>
        </div>
    </div>
</div>


4  
anyv authored
72 73 74 75
<div class="log_nine_top">
    <div class="log_top_co">
        <!-- 顶部 -->
        <div class=" order_top log_nine_top">
anyv authored
76
            <a href="javascript:history.back(-1)">
4  
anyv authored
77 78 79 80 81 82 83 84
                <img src="__TMPL__/public/assets/images/left2.png" alt="" />
            </a>
            <p style="color:white">我的钱包</p>
        </div>
    </div>
    <!-- 账户余额 -->
    <div class="log_nine_money">
        <div class="nine_money_one">账户余额(元)</div>
5  
anyv authored
85
        <div class="nine_money_two">{$b_money}</div>
4  
anyv authored
86 87 88 89 90 91 92
    </div>
    <div class="nine_money_explain">
        <div class="nine_money_explain_one">
            <div class="nine_money_explain_one_img">
                <img src="__TMPL__/public/assets/images/61.png" alt="" />
            </div>
            <div class="nine_money_explain_title">
5  
anyv authored
93
                累计收益:{$cumulative_moneyss}
4  
anyv authored
94 95 96 97 98 99 100
            </div>
        </div>
        <div class="nine_money_explain_one">
            <div class="nine_money_explain_two_img">
                <img src="__TMPL__/public/assets/images/62.png" alt="" />
            </div>
            <div class="nine_money_explain_title">
anyv authored
101
                正在提现:<span id="tixian_money">{$money}</span>
4  
anyv authored
102 103 104 105 106 107 108 109 110 111
            </div>
        </div>
    </div>
</div>
<!-- 其他信息 -->
<div class="log_nine_center">
    其他信息
</div>
<!-- 列表 -->
<div class="log_nine_list">
anyv authored
112
    <a href="{:url('Personalcenter/invitation_list')}">
4  
anyv authored
113 114 115 116 117 118 119 120 121 122 123 124 125 126
        <div class="log_nine_list_one">
            <div class="log_nine_list_one_left">
                <div class="log_nine_list_one_left_img">
                    <img src="__TMPL__/public/assets/images/63.png" alt="" />
                </div>
                <div class="log_nine_list_one_left_title">
                    邀请名单
                </div>
            </div>
            <div class="log_nine_list_one_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
anyv authored
127
    <a href="{:url('Personalcenter/withdrawal_subsidiary')}">
4  
anyv authored
128 129 130 131 132 133 134 135 136 137 138 139 140 141
        <div class="log_nine_list_one">
            <div class="log_nine_list_one_left">
                <div class="log_nine_list_one_left_img">
                    <img src="__TMPL__/public/assets/images/65.png" alt="" />
                </div>
                <div class="log_nine_list_one_left_title">
                    提现明细
                </div>
            </div>
            <div class="log_nine_list_one_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
anyv authored
142
    <if condition="$status eq 3">
anyv authored
143
        <a href="{:url('Personalcenter/income_record')}">
anyv authored
144 145 146 147 148 149 150 151
            <div class="log_nine_list_one">
                <div class="log_nine_list_one_left">
                    <div class="log_nine_list_one_left_img">
                        <img src="__TMPL__/public/assets/images/65.png" alt="" />
                    </div>
                    <div class="log_nine_list_one_left_title">
                        收益记录
                    </div>
6  
anyv authored
152
                </div>
anyv authored
153 154
                <div class="log_nine_list_one_right">
                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
6  
anyv authored
155 156
                </div>
            </div>
anyv authored
157 158 159
        </a>
    </if>
    <if condition="$status eq 2">
anyv authored
160
        <a href="{:url('Personalcenter/mall_profit')}">
anyv authored
161 162 163 164 165 166
            <div class="log_nine_list_one">
                <div class="log_nine_list_one_left">
                    <div class="log_nine_list_one_left_img">
                        <img src="__TMPL__/public/assets/images/72.png" alt="" />
                    </div>
                    <div class="log_nine_list_one_left_title">
anyv authored
167
                        商城盈利
anyv authored
168 169 170 171
                    </div>
                    <div class="log_nine_list_one_left_title_add">
                        (服务费扣点{$money_ratio.platform_ratio})
                    </div>
4  
anyv authored
172
                </div>
anyv authored
173 174
                <div class="log_nine_list_one_right">
                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
4  
anyv authored
175 176
                </div>
            </div>
anyv authored
177 178 179 180
        </a>
    </if>

5  
anyv authored
181 182 183


4  
anyv authored
184 185 186 187 188 189 190 191 192 193 194
</div>
<!-- 按钮 -->
<div class="log_seven_btn">
    <div class="log_seven_btn_contant">
        提现
    </div>
</div>

<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script>
5  
anyv authored
195 196 197 198 199 200 201 202 203 204 205
    function selectBlur() {

        setTimeout(function () {

            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;

            window.scrollTo(0, Math.max(scrollHeight - 1, 0));

        }, 100);

    }
anyv authored
206
    $("input").on("blur",function(){window.scroll(0,0)});
5  
anyv authored
207 208 209
    <!--验证弹窗-->
    var state;
    $.post("{:url('Personalcenter/id_first_withdrawal')}",{},function(data){
5  
anyv authored
210
        state = data;
5  
anyv authored
211 212 213 214 215 216 217 218 219 220
    });
    $(".log_seven_btn_contant").click(function() {
        console.log(state);
        if(state != false){
            $(".tx_maskPhone").css("display","block");
        }else{
            $(".tx_mask").css("display","block");
            return false;
        }
    });
5  
anyv authored
221
    /**
5  
anyv authored
222 223
     *手机号验证点击确定时
     */
1  
anyv authored
224 225
    var yzm;
    var phone;
5  
anyv authored
226
    function Message_validation(){
5  
anyv authored
227
        selectBlur();
1  
anyv authored
228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245
        yzm = $('#Ver_code').val();
        phone = $('#phone').val();
        if(phone == '' || !(/^1[34578]\d{9}$/.test(phone))){
            alert('手机号有错误,请重新输入');
        }else if(yzm == ''){
            alert('请输入验证码');
        }else{
            $.post("{:url('Personalcenter/is_money_code')}",{yzm:yzm,phone:phone},function(data){
                console.log(data)
                if(data != false){
                    $(".tx_maskPhone").css("display","none");
                    $(".tx_mask").css("display","block");
                }else{
                    alert('验证码错误!');

                }
            });
        }
5  
anyv authored
246 247 248 249
    }
</script>
<script>
    /**
5  
anyv authored
250 251
     *当光标离开
     */
5  
anyv authored
252
    function messagess(){
1  
anyv authored
253 254 255 256
        money = $('#money').val();
        if(money < 0){
            alert('提现金额错误');
        }else if(money>{$balance}){
5  
anyv authored
257
            alert('提现金额超出余额');
1  
anyv authored
258 259 260 261 262 263 264
        }
    }

    /**
     *点击确认时
     */
    function sure_to(){
5  
anyv authored
265
        money = $('#money').val();
4  
anyv authored
266
        if(money == ''){
5  
anyv authored
267 268
            alert('提现不能为空');
        }else if(money < 0){
5  
anyv authored
269 270
            alert('提现金额错误');
        }else if(money>{$balance}){
1  
anyv authored
271
            alert('提现金额超出余额');
5  
anyv authored
272 273 274
        }else{
            $.post("{:url('Personalcenter/add_money_expend')}",{money:money},function(data){
                if(data){
anyv authored
275
                    $('#tixian_money').text(data);
anyv authored
276
                    $('#money').val('');
5  
anyv authored
277 278 279 280
                }else{
                    alert('提交提现失败!');
                }
            });
5  
anyv authored
281 282 283 284
        }
    }
</script>
<script>
5  
anyv authored
285
5  
anyv authored
286 287 288 289 290 291
//    提现弹窗
    $(".tx_maskYeah").click(function () {

        $(".tx_mask").css("display","none");
        $(".tx_maskPhone").css("display","none");
4  
anyv authored
292
    });
5  
anyv authored
293 294 295 296
//    var data;
//    $.post("{:url('Personalcenter/is_money_code')}",{yzm:yzm},function(data){
//            data = data
//        }),
5  
anyv authored
297
//    手机验证弹窗
5  
anyv authored
298 299 300 301 302 303 304 305 306 307 308 309 310 311
//    $(".tx_maskYes").click(function(){
//        var one = $("#phone").val();
//        var two = $("#Ver_code").val();
//
//        if(one!=""&&two!=""&&two!=data){
//            $(".tx_maskPhone").css("display","none");
//            $(".tx_mask").css("display","block")
//        }else{
//            return false;
//            console.log(123)
//        }
//
//
//    });
5  
anyv authored
312
5  
anyv authored
313 314 315 316 317
    //短信验证码
    function codeButton() {
        var code = $("#code");
        code.attr("disabled", "disabled");
        phone = $('#phone').val();
1  
anyv authored
318 319
        if(phone == '' || !(/^1[34578]\d{9}$/.test(phone))){
            alert('手机号有误,请重新输入');
5  
anyv authored
320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340
        }else{
            $.post("{:url('Personalcenter/send_message')}",{phone:phone},function(data){
                if(data){
                    setTimeout(function() {
                        code.css("opacity", "0.8");
                    }, 1000);
                    var time = 60;
                    var set = setInterval(function() {
                        code.val("(" + --time + ")秒后重新获取");
                    }, 1000);
                    setTimeout(function() {
                        code.attr("disabled", false).val("重新获取验证码");
                        clearInterval(set);
                    }, 60000);
                }else{
                    alert('发送失败!');
                }
            });
        }

    }
5  
anyv authored
341 342 343 344
// 关闭弹窗
function zZFun(e) {
    window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
}
4  
anyv authored
345 346 347 348
</script>
</body>

</html>