liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<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">
		<meta content="telephone=no" name="format-detection" />
		<title>我的</title>
		<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/main.css" />
		<style>
			html,body{background: #F2F2F2;}
			.mui-content {
				background: #f2f2f2;
			}
			
			.center-header {
				position: relative;
				background: #9fa0a0;
				height: 160px;
			}
			
			.center-header .wecat-head {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				text-align: center;
				color: #fff;
			}
			
			.center-header .bottom-vip {
				font-size: 12px;
				background: #2f2d3a;
				position: absolute;
				left: 14px;
				right: 14px;
				bottom: 0;
				height: 40px;
				border-radius: 15px 15px 0 0;
				color: #fff;
				padding: 10px 0;
			}
			
			.center-header .bottom-vip .mui-table-cell:first-child {
				width: 7em;
			}
			
			.center-header .vip-l {
				margin: 0 14px;
				vertical-align: middle;
			}
			
			.center-header .vip-icon {
				display: inline-block;
				vertical-align: middle;
				margin-right: 2px;
				width: 15px;
			}
			
			.center-header .vip-title {
				vertical-align: middle;
			}
			
			.center-header .vip-arrow {
				display: inline-block;
				vertical-align: middle;
				margin-left: 5px;
				margin-right: 12px;
				width: 7px;
				padding-bottom: 3px;
			}
			
			.center-header .sign-in {
				position: absolute;
				right: 4px;
				top: 5px;
				color: #fff;
				padding: 5px 10px;
				height: 28px;
			}
			
			.center-header .sign-in>img {
				width: 19px;
			}
			
			.center-header .sign-in>span {
				vertical-align: top;
				font-size: 12px;
			}
			
			.center-header #userNickname {
				font-size: 14px;
			}
			
			#menu-nav .mui-control-item {
				line-height: 1.2;
				padding: 6px 0 12px 0;
				color: #666;
				font-size: 12px;
			}
			p{color: #999;font-size: 12px;}
			.center-content{background: #f2f2f2;padding:10px 14px 14px 14px;}
			.center-content .my-count{padding: 12px 0;background: #fff;border-radius: 8px;margin-bottom: 8px;}
			.center-content .mui-navigate-right:after{font-size: 20px;color: #999;top: 48%;}
			.center-content .mui-table-view:after{left: 15px;right: 15px; background: #e5e5e5;}
			.my-center-no .mui-table-view-cell .mui-icon{color: #999;font-size: 18px;}
			.order-box{padding:0;background: #fff;margin-bottom: 8px;border-radius: 8px;overflow: hidden;}
			.order-box .mui-badge{background: transparent;color: #bbb;font-size: 12px;}
			strong{font-size: 16px;}
			.order-box strong{font-size: 14px;}
			.my-center-no{border-radius: 8px;overflow: hidden;font-size: 12px;}
			.dalog {
				position: fixed;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				background: rgba(0, 0, 0, .7);
				display: none;
				z-index: 99;
			}
			
			.dalog>div {
				position: absolute;
				width: 270px;
				height: 290px;
				left: 50%;
				margin-left: -135px;
				top: 50%;
				margin-top: -150px;
				text-align: center;
			}
			
			.dalog .tp-box {
				background: #fff;
				padding: 10px 12px;
				border-radius: 8px;
				margin-bottom: 8px;
			}
			.dalog ul{
				padding-top: 12px;
			}
			.dalog ol{
				width: 185px;
				display: block;
				margin: 0 auto;
				text-align: left;
				padding-bottom: 4px;
			}
			.dalog ol>li{
				font-size: 12px;
				margin:0;
				white-space: nowrap;
			}
			.dalog ul>li {
				margin:0 0 16px 0;
				color: #727171;
			}
			.dalog ul>li:last-child{
				margin-bottom: 10px;
			}
			.dalog ul li p {
				color: #666;
			}
			
			.dalog .btn-see-integral {
				border-radius: 25px;
				background: #727171;
				color: #fff;
				padding: 5px 22px;
				border: 0;
				font-size: 14px;
			}
			
			.dalog .icon-guanbicha {
				color: #fff;
				font-size: 26px;
			}
			
			.dalog strong {
				font-size: 22px;
				letter-spacing: 4px;
			}
			
			.dalog .icon-A-zhucewancheng {
				font-size: 40px;
			}
		</style>
		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
		<script>
			//屏蔽分享
			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
				WeixinJSBridge.call('hideOptionMenu');
			});
		</script>
	</head>

	<body>
		<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
			<a class="mui-tab-item">
				<span class="iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item">
				<span class="iconfont icon-gouwuche"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item">
				<span class="iconfont icon-dingdan"></span>
				<span class="mui-tab-label">订单</span>
			</a>
			<a class="mui-tab-item mui-active">
				<span class="iconfont icon-wode"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</footer>
		<div class="mui-content">
			<div class="center-header">
				<div class="wecat-head">
					<div class="user-head">
						<img id="headDiv" src="images/tx-1.jpg" />
					</div>
					<div id="userNickname">微信用户</div>
					<!--<div class="mui-table" style="padding-top: 15px;">
						<div class="mui-table-cell amount-div">
							<h5 style="font-size: 14px;padding-bottom: 10px;">待入帐</h5>
							<div class="cl-red" style="font-size: 20px;">¥<span id="await-amount">0</span></div>
						</div>
						<div class="mui-table-cell amount-div">
							<h5 style="font-size: 14px;padding-bottom: 10px;">可提现</h5>
							<div class="cl-red" style="font-size: 20px;">¥<span id="uables-amount">0</span></div>
							<div style="width: 1px;height: 30px;background: #ccc;-webkit-transform: scaleX(.3);position: absolute;right: 0;bottom: 5px;"></div>
						</div>
					</div>-->
				</div>
				<div class="bottom-vip">
					<div class="mui-table">
						<div class="mui-table-cell join-vip"><span class="vip-l vip-note" type="3">会员权益</span></div>
						<div class="mui-table-cell mui-text-right">
							<img class="vip-icon" src="images/vip-1.png" />
							<span class="vip-title">aiberle爱贝源会员</span>
							<img class="vip-arrow" src="images/arrow-1.png" />
						</div>
					</div>
				</div>
				<!-- <div class="sign-in">
					<img src="images/qiandao-1.png" />
					<span>签到</span>
				</div> -->
			</div>

			<div class="center-content">
				<div class="mui-table mui-text-center my-count">
						<div class="mui-table-cell go-integral-center">
							<strong class="user_surplus_integral">0.00</strong>
							<p>积分</p>
						</div>
						<div class="mui-table-cell coupon_list" >
							<strong>0</strong>
							<p>券包</p>
						</div>
						<div class="mui-table-cell amount-div">
							<strong id="uables-amount">¥0.00</strong>
							<p>返现</p>
						</div>
					</div>
				
				<div class="order-box">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right go_order_list">
								<strong>我的订单</strong><span class="mui-badge">查看全部订单</span>
							</a>
						</li>
					</ul>
					<div id="menu-nav" class="mui-segmented-control">
						<a class="mui-control-item" name="1">
							<div class="iconfont icon-daifukuan">
							</div>
							待付款
						</a>
						<a class="mui-control-item" name="2">
							<div class="iconfont icon-daifahuo"></div>
							待发货
						</a>
						<a class="mui-control-item" name="5">
							<div class="iconfont icon-yifahuo"></div>
							已发货
						</a>
						<a class="mui-control-item" name="-1">
							<div class="iconfont icon-yiwancheng"></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_list.html">
						<div class="mui-table">
							<div class="mui-table-cell mui-col-xs-5 table-middle">
								<span class="iconfont icon-A-shouhuoxinxi"></span>收货信息
							</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="vip-info.html">
						<div class="mui-table">
							<div class="mui-table-cell mui-col-xs-5 table-middle">
								<span class="iconfont icon-A-gerenxinxi"></span>个人信息
							</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">
								<span class="iconfont icon-A-kefudianhua"></span>客服电话
							</div>
							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
								<a class="tel" href="tel:400-8006692">400-8006692</a> <span class="mui-icon mui-icon-arrowright"></span>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-table">
							<div class="mui-table-cell mui-col-xs-5 table-middle">
								<span class="iconfont icon-A-zhanghaoanquan"></span>账号与安全
							</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">
						<div class="mui-table">
							<div class="mui-table-cell mui-col-xs-5 table-middle">
								<span class="iconfont icon-A-yijianxiang"></span>会员意见收集
							</div>
							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
								<span class="mui-icon mui-icon-arrowright"></span>
							</div>
						</div>
					</li>
					
				</ul>
			</div>
		</div>
		<div class="dalog">
				<div>
					<div class="tp-box">
						<ul>
							<li><strong>积分也能当钱花</strong></li>
							<li>
								<ol>
									<li>·注册会员即可获得100积分</li>
									<li>·会员专享折扣</li>
									<li>·购买产品，享受积分抵扣现金优惠</li>
									<li>·积分换购特惠商品权益</li>
									<li>·会员专享生日大礼包</li>
								</ol>
							</li>
							<li><button type="button" class="mui-btn btn-see-integral">成为会员</button></li>
						</ul>
					</div>
					<br />
					<div class="mui-text-center">
						<i class="iconfont icon-guanbicha"></i>
					</div>
				</div>
			</div>
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>加载中...</p>
		</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>
			$(document).on('tap', '.my-btn-cancel', function() {
				$(this).hide();
				$('#search-hot').hide();
				$('#search').autocompleter("close");
				$(".autocompleter-list").empty().css("height", "auto");
				$('.autocompleter-hint').removeClass('autocompleter-hint-show').empty();
				$(".icon-caidan").show();
			});
			$(document).on('tap', '.icon-caidan', function() {
				$("#menu").css("height", $(window).height());
				$("#menu>li").addClass("active");
			});
			$(document).on('tap', '.icon-guanbi', function() {
				$("#menu>li").removeClass("active");
				$("#menu").css("height", "0px");
			});
			$(document).on('tap', '.amount-div', function() {
				location.href = "my-reward.html";
			});
			/*菜单跳转*/
			$(document).on('tap', '#menu-nav>a', function() {
				var status = $(this).attr("name");
				location.href = 'order-list.html?salesStatus=' + status;
			});
			$(document).on('tap', '.go_order_list', function() {
				location.href = 'order-list.html?salesStatus=-1';
			});
			// 弹窗
			$(document).on('tap', '.join-vip', function() {
				var type = $(".vip-note").attr('type');//1:成为会员  3：会员权益
				if(type == 1){
					$('.dalog').show();
				}else{
					location.href='vip-equity.html';
				}
			});
			// 关闭弹窗
			$(document).on('tap', '.icon-guanbicha', function() {
				$('.dalog').hide();
			});
			// 成为会员
			$(document).on('tap', '.btn-see-integral', function() {
				location.href='register-vip.html';
			});
			mui.ready(function() {
				$.ajax(base_path + '/wechat/agent/member?dates=' + new Date().getTime(), {
					dataType: 'json',
					type: 'post',
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					timeout: 15000,
					success: function(dt) {
						var data = dt.data;
						if(dt.status) {
							// userIdentity = data.userIdentity;
							if(data.userHead != null && typeof(data.userHead) != "undefined" && data.userHead != '') {
								//var imgObj = $("<img src='" + data.userHead + "?" + new Date().getTime() + "'/>");
								$("#headDiv").attr("src", data.userHead);
							} else {
								$("#headDiv").attr("src", "images/tx-1.jpg");
							}
							if(data.userNickname != null && typeof(data.userNickname) != "undefined" && data.userNickname != '') {
								$("#userNickname").html(decodeURI(data.userNickname));
							} else {
								$("#userNickname").html("微信用户");
							}
							if(data.userIsVip == 1){
								$('.vip-l').text('成为会员');
								$('.vip-note').attr('type',1);
							}
							if(isEmpty(data.userSurplusIntegral)){
								$('.user_surplus_integral').text(data.userSurplusIntegral);
							}
							// $("#userNickname").append('<img class="vip_icon" src="http://static.iamberry.com/images/shop/dl_icon.png" />');
							// 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);
					}
				});
				$.ajax("post", "/wechat/welfare/getAmount", {
					"time": new Date().getTime()
				}, function(res) {
					$("#uables-amount").text((res.data.amonutUsable / 100).toFixed(2));
					// $("#await-amount").text((res.data.amonutAwait / 100).toFixed(2));
				});
				$(".loading").hide().css("opacity", "0");
			});
			$(document).on('tap', '#center-menu>li', function(event) {
				if(typeof($(this).attr("href")) != "undefined") {
					location.href = $(this).attr("href");
				} else {
					mui.alert("正在建设中！敬请期待")
				}
			});
			$(document).on('tap', '.go-integral-center', function(event) {
				location.href = 'integral-center.html';
			});
			$(document).on('tap', '.coupon_list', function(event) {
				location.href = 'coupon_list.html';
			});
		</script>
	</body>

</html>