liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
							<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/vip_center.css" />
	<script>
        // 屏蔽分享
        window.hiddenAllWechatMenu = true;
	</script>
</head>
<body style="background: #fff;">
<div class="loading-bg">
	<div class="mui-loading">
		<div class="mui-spinner">
		</div>
		&nbsp;&nbsp;加载中...
	</div>
</div>
<nav class="mui-bar mui-bar-tab" id="footer-bar">
	<a class="mui-tab-item" >
		<div class="iconfont icon-shouye"></div>
		<span class="mui-tab-label">首页</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
		<span class="mui-tab-label">购物车</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-dingdan"></div>
		<span class="mui-tab-label">订单</span>
	</a>
	<a class="mui-tab-item mui-active">
		<div class="iconfont icon-wode"></div>
		<span class="mui-tab-label">我的</span>
	</a>
</nav>
<div class="mui-content" style="background: #fff;">
	<div class="vip-tt">
		<!-- <img src="/iamberry/common/shop/images/member_photo-bg_2.png"> -->
		<div class="tx bg-orange" id="headDiv">
			<img src="images/logo_head.png" id="userHead">
		</div>
		<div class="nikname">
			<div>
				<span id="userNickname">水时代</span>
			</div>
			<div >
				<span id="vipName">普通用户</span>
				<!--<span class="go_daili_2wm"  id="2WM"  style="display:none">立即分享二维码 ></span>-->
				<span class="see-rights">查看权益<span class="mui-icon mui-icon-arrowright" style="font-size: 18px;"></span></span>
			</div>
		</div>
	</div>
	<div class="vip-show">
		凡购买滤芯套装，立减100元/套，结算时系统自动减免
	</div>
	<br />
	<ul class="mui-table-view my-view-order">
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right">
		       <span class="mui-badge">查看全部</span>
		                    我的订单
		    </a>
		</li>
	</ul>
	<div style="padding:0 0 20px 0;background: #fff;">
		<div id="menu-order" class="mui-segmented-control">
			<a class="mui-control-item go_pay_count">
				<div class="iconfont icon-daifukuan"></div>
				待付款
			</a>
			<a class="mui-control-item go_pay_ping">
				<div class="iconfont icon-pindan"></div>
				拼单中
			</a>
			<a class="mui-control-item go_deliver_count">
				<div class="iconfont icon-daifahuo"></div>
				待发货
			</a>
			<a class="mui-control-item go_delivered_count">
				<div class="iconfont icon-yifahuo"></div>
				已发货
			</a>
			<!--<a class="mui-control-item go_all_count">
				<div class="iconfont icon-alldingdan"></div>
				全部订单
			</a>-->
		</div>
	</div>
	<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-center-no" id="center-menu" >
		<li class="mui-table-view-cell" href="coupon_bag.html?tabindex=10">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-5 table-middle">
					我的券包
				</div>
				<div class="mui-table-cell mui-col-xs-5 mui-text-right">
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
			</div>
		</li>
		<li class="mui-table-view-cell" href="faq.html">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-5">
					常见问答
				</div>
				<div class="mui-table-cell mui-col-xs-5 mui-text-right">
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
			</div>
		</li>
		<li class="mui-table-view-cell" href="after_service_watero.html">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-5">
					售后服务
				</div>
				<div class="mui-table-cell mui-col-xs-5 mui-text-right">
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
			</div>
		</li>
		<li class="mui-table-view-cell" href="tel:400-8006692">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-5">
					客服电话
				</div>
				<div class="mui-table-cell mui-col-xs-5 mui-text-right">
					<!--<span class="mui-h5" style="position: absolute;width: 100px;right: 25px;top: 2px;">400-8006692</span>-->
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
			</div>
		</li>
        <li class="mui-table-view-cell" href="coupon_dec.html" id="coupon-sys" style="display: none;">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-5">
                	滤芯兑换券
                </div>
                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
                    <span class="mui-h5" style="position: absolute;width: 100px;right: 25px;top: 3px;">使用说明</span><span class="mui-icon mui-icon-arrowright"></span>
                </div>
            </div>
        </li>
	</ul>
</div>
<script src="js/mui.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/main.js"></script>
<script src="js/page/wechat-utils-1.0.js"></script>
<!--<script src="js/shop/vip_center.js?v=2017040701"></script>-->
<script>
    mui.ready(function() {
        marquee_Show();
        getCartNum();
        $.ajax(base_path + '/agent/member?dates=' + new Date().getTime(), {
            dataType: 'json',
            type: 'post',
            timeout: 15000,
            xhrFields: {
				withCredentials: true
			},
			crossDomain: true,
            success: function(dt) {
            	if (dt.isRedirect) {
					location.href = dt.redirectURL;
				} else {
                var data = dt.data;
                if(dt.status) {
                    if(data.userHead != null && typeof(data.userHead) != "undefined" && data.userHead != '') {
                        var imgObj = $("<img src='" + data.userHead + "?" + new Date().getTime() + "'/>");
                        $("#headDiv").empty().append(imgObj)
                    }
                    if(data.userNickname != null && typeof(data.userNickname) != "undefined" && data.userNickname != '') {
                        $("#userNickname").html(decodeURI(data.userNickname))
                    }
                    var userNickname = $("#userNickname").html();
                    if(data.userIsVip == 2) {
                        //$("#2WM").show();
                        if(userNickname != "") {
                            $("#userNickname").html(userNickname )
							$("#vipName").html('<img style="width: 12px;" src="images/s-vip.png" /><span class="mui-h6">VIP用户</span>');
                        }
                        $(".vip-show,#coupon-sys").show();
                    } else {
                        if(userNickname != "") {
                            $("#userNickname").html(userNickname)
                            $("#vipName").html('<span class="mui-h6">普通用户</span>');
                            $(".see-rights").hide();
                        }
                    }
                    $.ajax({
                        type: 'post',
                        url: base_path + '/probationOrder/membersProbationOrder',
                        data: {},
                        dataType: 'json',
                        timeout: 15000,
                        xhrFields: {
                        	withCredentials: true
                        },
                        crossDomain: true,
                        success: function(dts) {
                        	if (dt.isRedirect) {
                        		location.href = dt.redirectURL;
                        	} else {
                            if(dts.status) {
                                var str = '';
                                if(dts.data.probationOrderDtoList.length == 0) {
                                    $("#try_order_list").hide()
                                }
                                mui(dts.data.probationOrderDtoList).each(function(index) {
                                    switch(this.probationStatus) {
                                        case 1:
                                            str = "待派送";
                                            break;
                                        case 2:
                                            str = "派送中";
                                            break;
                                        case 3:
                                            str = "待支付";
                                            break;
                                        case 4:
                                            str = "暂停试用";
                                            break;
                                        case 5:
                                            str = "支付完成";
                                            break;
                                        default:
                                            str = "订单关闭";
                                            break
                                    }
                                    var str1 = '',
                                        str2 = '';
                                    if(str == "待支付") {
                                        str1 = '<a data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="正在支付" class="mui-btn try-btn-pay mui-pull-right" style="margin-right: 12px;" proid="' + this.probationOrderid + '">立即支付</a>';
                                        str2 = '<div>试用剩余时间：<span id="time_out' + (index + 1) + '"></span></div>'
                                    }
                                    $("#try_order_list").append('<li class="mui-table-view-cell mui-media"><a class="go_try_order" proid="' + this.probationOrderid + '" style="margin-left: -20px;"><span class="mui-media-object mui-pull-left wh-80"><img src="' + this.productIntroduceImg + '"></span><div class="mui-media-body center-middle"><div>' + str + '</div><div>订单号：' + this.probationOrderid + '</div>' + str2 + '</div></a><div class="btn-box">' + str1 + '</div></li>');
                                    if(str == "待支付") {
                                        addTimer('time_out' + (index + 1), this.probationRemainingTime / 1000)
                                    }
                                })
                            } else {
                                mui.alert(dts.data.message)
                            }
                            }
                        },
                        error: function(xhr, type, errorThrown) {
                            console.log(xhr);
                            mui.alert("请检查网络或刷新页面重试！")
                        }
                    });
                    document.querySelector('.loading-bg').style.display = 'none'
                } else {
                    var btnArray = ['否', '是'];
                    mui.confirm(dt.message, '提示', btnArray, function(e) {
                        if(e.index == 1) {
                            location.reload(true)
                        }
                    })
                }
                }
            },
            error: function(xhr, type, errorThrown) {
                console.log(xhr)
            }
        });
        if(marquee != '') {
            $('body').append('<div class="marquee-show"><div></div></div>')
        }
    });

    var isPay = true;
    mui('body').on('tap', '.try-btn-pay', function() {
        var th = this;
        if(isPay) {
            mui(this).button('loading');
            isPay = false;
            $.ajax({
                type: 'post',
                url: base_path + '/probation/pay',
                data: {
                    "orderId": th.getAttribute("proid")
                },
                dataType: 'json',
                timeout: 15000,
                xhrFields: {
				withCredentials: true
			},
			crossDomain: true,
                success: function(dt) {
                	if (dt.isRedirect) {
                		location.href = dt.redirectURL;
                	} else {
                    if(dt.status) {
                        var obj = JSON.parse("{" + dt.data.info + "}");
                        WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
                            if(res.err_msg == 'get_brand_wcpay_request:ok') {
                                $.ajax({
                                    type: 'post',
                                    url: base_path + '/probation/check_probation_pay_success',
                                    data: {
                                        "orderId": th.getAttribute("proid")
                                    },
                                    dataType: 'json',
                                    timeout: 15000,
                                    xhrFields: {
                                    	withCredentials: true
                                    },
                                    crossDomain: true,
                                    success: function(data) {
                                    	if (dt.isRedirect) {
                                    		location.href = dt.redirectURL;
                                    	} else {
                                        if(data.status) {
                                            if(data.data == 5) {
                                                mui.alert("支付成功", '', function() {
                                                    mui.openWindow({
                                                        url: base_path + '/probation/try_order?orderId=' + th.getAttribute("proid")
                                                    })
                                                })
                                            } else {
                                                mui.alert(data.message, '', function() {
                                                    mui(th).button('reset')
                                                })
                                            }
                                        } else {
                                            mui(th).button('reset');
                                            mui.alert(data.message)
                                        }
                                        }
                                    },
                                    error: function(xhr, type, errorThrown) {
                                        isPay = true;
                                        console.log(xhr);
                                        mui(th).button('reset');
                                        mui.alert("请检查网络或刷新页面重试！")
                                    }
                                })
                            } else {
                                isPay = true;
                                mui(th).button('reset');
                                mui.alert("对不起，支付失败!请稍后重试!")
                            }
                        })
                    } else {
                        mui(th).button('reset');
                        mui.alert(dt.message)
                    }
                    }
                },
                error: function(xhr, type, errorThrown) {
                    isPay = true;
                    console.log(xhr);
                    mui(th).button('reset');
                    mui.alert("请检查网络或刷新页面重试！")
                }
            })
        } else {
            mui.alert("正在请求支付中~~请稍后!");
            return
        }
    });
    var addTimer = function() {
        var list = [],
            interval;
        return function(id, time) {
            if(!interval) {
                interval = setInterval(go, 1000)
            }
            list.push({
                ele: document.getElementById(id),
                time: time
            })
        };

        function go() {
            for(var i = 0; i < list.length; i += 1) {
                list[i].ele.innerHTML = getTimerString(list[i].time ? list[i].time -= 1 : 0);
                if(!list[i].time) {
                    list.splice(i--, 1)
                }
            }
        }

        function getTimerString(time) {
            d = Math.floor(time / 86400), h = Math.floor((time % 86400) / 3600), m = Math.floor(((time % 86400) % 3600) / 60), s = Math.floor(((time % 86400) % 3600) % 60);
            if(time > 0) {
                return d + "天" + h + "时" + m + "分" + s + "秒"
            } else {
                return "试用已结束"
            }
        }
    }();
	$(document).on('tap', '#center-menu>li', function() {
		var href = $(this).attr("href");
		location.href =href;
	});
    $(document).on('tap', '.see-rights', function() {
        location.href ='member_benefits.html';
    });

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