<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="expires" content="0">
<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 name="format-detection" content="telphone=no, email=no" />
<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: 13em;
padding-left: 12px;
}
.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 "><img class="vip-icon" src="images/vip-1.png" /> Aiberle爱贝源会员</div>
<div class="mui-table-cell mui-text-right join-vip">
<span class="vip-title"><span class="vip-l vip-note" type="3">会员权益</span></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</strong>
<p>积分</p>
</div>
<div class="mui-table-cell coupon_list" >
<strong class="coupon_num">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) {
if (dt.isRedirect) {
location.href = dt.redirectURL;
} else {
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);
}
$('.coupon_num').text(data.couponCount);
// $("#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(base_path + '/wechat/welfare/getAmount?dates=' + new Date().getTime(), {
dataType: 'json',
type: 'post',
xhrFields: {
withCredentials: true
},
crossDomain: true,
timeout: 15000,
success: function(res) {
if(res.status) {
$("#uables-amount").text((res.data.amonutUsable / 100).toFixed(2));
}
},
error: function(xhr, type, errorThrown) {
//异常处理；
console.log(xhr);
}
});
$(".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>