<!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">
		<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" />
		<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 style="position: relative;">
				<img width="100%" src="images/top-1.png" />
				<div style="position: absolute;left: 0; top: 45%;-webkit-transform: translateY(-50%);width: 100%;text-align: center;">
					<div class="user-head">
						<img id="headDiv" src="" />
					</div>
					<div id="userNickname"></div>
				</div>
			</div>
			<div style="padding:0;background: #fff;margin-bottom: 8px;">
				<div id="menu-nav" class="mui-segmented-control">
					<a class="mui-control-item">
						<div class="iconfont icon-daifukuan">
							<!--<span class="mui-badge">9</span>-->
						</div>
						待付款
					</a>
					<a class="mui-control-item">
						<div class="iconfont icon-daifahuo"></div>
						待发货
					</a>
					<a class="mui-control-item">
						<div class="iconfont icon-yifahuo"></div>
						已发货
					</a>
					<a class="mui-control-item">
						<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="order-list.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5 table-middle">
							<span class="iconfont icon-dingdan"></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="shopping-cart.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5 table-middle">
							<span class="iconfont icon-gouwuche"></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-jifen"></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="coupon_list.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5 table-middle">
							<span class="iconfont icon-quanbao"></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-huiyuanxinxi"></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-huiyuanqia"></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-zhinan"></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">
							<span class="iconfont icon-liucheng"></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="question-and-answer.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5">
							<span class="iconfont icon-wenda"></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:4001234123">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5">
							<span class="iconfont icon-dianhua"></span>电话
						</div>
						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
							<a href="tel:400-1234-123">400-1234-123</a> <span class="mui-icon mui-icon-arrowright"></span>
						</div>
					</div>
				</li>
				<!--<li class="mui-table-view-cell" href="understanding-brands.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5">
							<span class="iconfont icon-dansheng"></span>Aiberle诞生
						</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="brand-story.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5">
							<span class="iconfont icon-linian"></span>Aiberle故事
						</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="development-history.html">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-5">
							<span class="iconfont icon-shiming"></span>Aiberle历程
						</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>
			<br />
		</div>

		<!-- 加载ing -->
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>加载中...</p>
		</div>
		<!-- 加载ing END -->
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/main.js"></script>
		<script>
			mui.ready(function() {
				$(".loading").hide().css("opacity", "0");
			});
			$(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', '#menu-nav>a', function() {
				location.href = 'order-list.html';
			});
		</script>

		<script>
			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("微信用户");
							}
							// $("#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);
					}
				});
			});
			$(document).on('tap', '#center-menu>li', function(event) {
				if(typeof($(this).attr("href")) != "undefined") {
					location.href = $(this).attr("href");
				}
			});
		</script>
	</body>

</html>