<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/PersonCenter.css" />
<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
<title>个人中心</title>
<style>
[ v-cloak]{
display:none;
}
</style>
</head>
<body>
<div class="container" id="personcenter" v-cloak>
<!--遮罩-->
<div class="wrap">
<!--弹层-->
<div class="popup">
<p>— 咨询热线 —</p>
<span>1540098838</span>
<div class="popup_footer">
立即拨打
</div>
</div>
</div>
<!--个人信息-->
<div class="person">
<div class="person_info">
<img :src="personinfo.head_img" />
<p class="person_name">{{personinfo.nickname}}</p>
<span class="person_info_btn">全部订单</span>
</div>
</div>
<!--待支付-制作中--->
<div class="white">
<div class="white_item pend_pay" v-for="item in persontype" @click="jump(item)">
<i class="iconfont icon-wallet_icon"></i>
<p>{{item.status}}</p>
<span v-if="item.count>0" class="white_item_num">{{item.count}}</span>
</div>
</div>
<!--我的钱包-->
<div class="menu_list">
<div class="menu_item my_wallet">
<i class="iconfont icon-qianbao"></i>
<p>我的钱包</p>
<span>></span>
</div>
<div class="menu_item discount_page">
<i class="iconfont icon-youhuiquan"></i>
<p>我的优惠券</p>
<span>></span>
</div>
<div class="menu_item liwu">
<i class="iconfont icon-liwu"></i>
<p>分享有礼</p>
<span>></span>
</div>
<div class="menu_item service">
<i class="iconfont icon-VectorSmartObject" style="color:#CDBEEC"></i>
<p>联系客服</p>
<span>></span>
</div>
<div class="menu_item aboutus" @click="aboutus()">
<i class="iconfont icon-erji" style="color:#CDBEEC"></i>
<p>关于我们</p>
<span>></span>
</div>
</div>
<!--footer-->
<div class="footer" v-cloak>
<div class="footer_item">
<a href="{:U('Template/index')}"><img src="/themes/simplebootx/Portal/Template/img/menu_icon1_select@2x_81.png" /><span>首页</span></a>
</div>
<div class="footer_item">
<a href="{:U('Template/shopcar')}"><img src="/themes/simplebootx/Portal/Template/img/9拷贝@2x.png" />
<span>购物车</span>
</a>
<p class="foot_cartnum" v-if="cartnum>0">{{cartnum}}</p>
</div>
<div class="footer_item footer_active">
<a href="{:U('Template/PersonCenter')}"><img src="/themes/simplebootx/Portal/Template/img/menu_icon3_select@2x_57.png" /><span>我的</span></a>
</div>
</div>
</div>
<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/personcenter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var service = document.getElementsByClassName('service')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
var popup_footer = document.getElementsByClassName('popup_footer')[0];
popup_footer.onclick = function(ev) {
var oEvent = ev || event
oEvent.concelable = true;
oEvent.stopPropagation();
}
service.onclick = function() {
wrap.style.display = 'block';
}
wrap.onclick = function() {
wrap.style.display = 'none';
}
var person_info_btn = document.getElementsByClassName('person_info_btn')[0];
person_info_btn.onclick = function() {
window.location.href ="{:U('Template/myorder')}"
}
var my_wallet = document.getElementsByClassName('my_wallet')[0];
my_wallet.onclick = function() {
window.location.href = "{:U('Template/wallet')}";
}
var discount_page = document.getElementsByClassName('discount_page')[0];
discount_page.onclick = function() {
window.location.href = "{:U('Template/discount')}";
}
var liwu = document.getElementsByClassName('liwu')[0];
liwu.onclick = function() {
window.location.href = "{:U('SceneQrCode/index')}";
}
//待支付，制作中等跳转页面
var pend_make = document.getElementsByClassName('pend_make')[0];
var pend_pay = document.getElementsByClassName('pend_pay')[0];
var pend_take = document.getElementsByClassName('pend_take')[0];
var pend_evaluate = document.getElementsByClassName('pend_evaluate')[0];
var pend_finish = document.getElementsByClassName('pend_finish')[0];
pend_pay.onclick = function() {
window.location.href = "/index.php?g=&m=template&a=myorder&status=1";
}
pend_make.onclick = function() {
window.location.href = "/index.php?g=&m=template&a=myorder&status=2";
}
pend_take.onclick = function() {
window.location.href = "/index.php?g=&m=template&a=myorder&status=3";
}
pend_evaluate.onclick = function() {
window.location.href = "/index.php?g=&m=template&a=myorder&status=4";
}
pend_finish.onclick = function() {
window.location.href = "/index.php?g=&m=template&a=myorder&status=5";
}
//待支付，制作中 数量
var white_item_num = document.getElementsByClassName('white_item_num');
for(i = 0; i < white_item_num.length; i++) {
if(parseInt(white_item_num[i].innerHTML) < 1) {
white_item_num[i].style.display = 'none';
}
}
</script>
</body>
</html>