{extend name="wap/default/base" /}
{block name="goodsHead"}{/block}
{block name="resources"}
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/member_index.css">
<style>
.head{
	border-bottom:0;
}
.panel.memberhead{
	background:url(__TEMP__/{$style}/public/images/shoptop.png);
	background-size:100% 100%; 
}
.member{
	    width: 64%;
    float: right;
    margin-top: 26px;
	color:#fff;
}
.img{
	width:100%;
    margin: 5px 0;
}
.code{
    background: #fff;
	overflow: hidden;
}
.rec{
	height: 17px;
    /* margin: 5px 10px; */
    padding: 10px 20px;
	border-bottom: 1px solid #E2E1E1;
	line-height:17px;
}

.module-icon.memberCoupon {
    background:url(__TEMP__/{$style}/public/images/Coupon.png) no-repeat;
	width: 22px;
    height: 22px;
	float: left;
    margin-top: 9px;
	    margin-right: 10px;
    display: inline-block;
	background-size:100% 100%;
}
.member-info{
	background: rgba(255,79,79, 0.8);
	float:left;
	width:33%;
	color: #fff;
	text-align: center;
	line-height:41px;
}
.vertical-bar{
	border-left: 1px solid rgba(250,250,250,0.6);
	height: 32px;
	vertical-align: middle;
	display: inline-block;
	margin-top:5px;
}
.namer{
    position: absolute;
    left: 104px;
}
</style>
  {/block}
{block name="main" }
<!--  <section class="head" style="background:#222;">
		<a class="head_back" onclick="window.history.go(-1)" href="javascript:void(0)" style="width:60px;"><i class="icon-back" style="color:#fff;margin-right:10px;"></i><span style="font-size:15px;color:#fff;">返回</span></a>
		<div class="head-title" style="color:#fff;">店铺中心</div>
	</section> -->
<div class="panel memberhead">
	<div class="member_head">
		<a href="APP_MAIN/Member/personalData.html?shop_id={$shop_id}">
			<p style="float:left;margin: 20px 0 20px 20px;position:relative;">
				<i>
				{eq name="member_img" value="0"}
					<img src="__TEMP__/{$style}/public/images/member_default.png"/>
				{else/}
					<img src="__UPLOAD__/{$member_img}" />
				{/eq}
				</i>
			</p>
			<p class="member" style="text-align:left;margin-right: 20px;margin-top: 40px;">
				<img src="__TEMP__/{$style}/public/images/edit.png" style="float:right;width:20px; margin: 0 10px 0 0;">
				<span class="namer" style="font-size:14px;"><!-- 会员名： -->{$member_info["user_info"]['nick_name']}</span>
			</p>
		</a>
		<div style="overflow: hidden;width: 100%;">
			<a href='APP_MAIN/member/balancewater.html?shop_id={$shop_id}' class="member-info" style="width:49.5%;">
				<span >余额&nbsp;</span><span >{$member_info['balance']}</span>
			</a>
			<!-- <a href='APP_MAIN/member/coinwater?shop_id={$shop_id}' class="member-info" >
				<span >购物币&nbsp;</span><span >{1$member_info['coin']}</span>
			</a> -->
			<i class="vertical-bar"></i>
			<a href='APP_MAIN/member/integralwater.html?shop_id={$shop_id}' class="member-info" style="float:right;width:49.5%;"><span >积分&nbsp;</span><span >{$member_info['point']}</span></a>
		 </div>
	</div>
</div>
<div class="control">
	<div class="control_l">
		<span class="control_l_content">全部订单</span>
	</div>
	<div class="control_r"><a href="APP_MAIN/Order/myOrderList.html?shop_id={$shop_id}" class="right_href">查看全部订单</a></div>
</div>

<div class="panel member-nav" >
	<ul class="fu clear" >
		<li class="last" >
			<a href="APP_MAIN/Order/myOrderList.html?status=0&shop_id={$shop_id}">
				<img src="__TEMP__/{$style}/public/images/pay.png">
				<p>待付款</p>
			</a>
		</li>
		<li class="last">
			<a href="APP_MAIN/Order/myOrderList.html?status=1&shop_id={$shop_id}">
				<img src="__TEMP__/{$style}/public/images/send.png">
				<p>待发货</p>
			</a>
		</li>
		<li class="last">
			<a href="APP_MAIN/Order/myOrderList.html?status=2&shop_id={$shop_id}">
				<img src="__TEMP__/{$style}/public/images/recieve.png">
				<p>待收货</p>
			</a>
		</li>
		<li class="last">
			<a href="APP_MAIN/Order/myOrderList.html?status=3&shop_id={$shop_id}">
				<img src="__TEMP__/{$style}/public/images/recieved.png">
				<p>已收货</p>
			</a>
		</li>
		<li class="last">
			<a href="APP_MAIN/Order/myOrderList.html?status=4&shop_id={$shop_id}">
				<img src="__TEMP__/{$style}/public/images/reback.png"/>
				<p>退款/售后</p>
			</a>
		</li>
	</ul>
</div>


<div>
<!-- {$index_adv['adv_url']} -->
	<a href="APP_MAIN/{$promoter_center}">
		<img src="__UPLOAD__/{$index_adv['adv_image']}" class="img">
	</a>
</div>
<div class="code">
	<a href="APP_MAIN/{$promoter_center}">
		<div class="rec" style="position: relative;">
			<span>推广中心</span>
			<span class="jiantou"></span>
		</div>
	</a>
	
	{if condition="$promoter_info != null"}
	<a href="APP_MAIN/distribution/teamList?promoter_id={$promoter_info['promoter_id']}">
		<div style="width:49%;float:left;padding-top:10px;border-right: 1px solid #E2E1E1;">
			<img src="__TEMP__/{$style}/public/images/team.png" style="width:37px;height:33px; margin: 8px 8px 8px 20px;float:left;"/>
			<span>
				<span>{$counts}人</span>
				<br/>
				<span style="font-size:12px;">我的团队</span>
			</span>
		</div>
	</a>
	<a href="APP_MAIN/distribution/usershopcommission?shop_id={$shop_id}">
		<div style="width:50%;float:right;padding-top:10px;">
			<img src="__TEMP__/{$style}/public/images/yongjin.png" style="width:37px;height:33px; margin: 8px 8px 8px 17px;float:left;"/>
			<span>
				<span>{$commission_cash}</span>
				<br/>
				<span style="font-size:12px;">我的佣金</span>
			</span>
		</div>
	</a>
	{else/}
		{if condition="$apply_promoter_menu !=null"}
		<div class='member_list' style='margin-bottom:0;'>
			<ul style="margin-top:0;">
				<li>
					<a href="APP_MAIN/{$apply_promoter_menu.url}">
						<i class=" module-icon {$apply_promoter_menu.class}" ></i>
						<span >{$apply_promoter_menu.title}</span>
						<span class='jiantou'></span>
					</a>
				</li> 
			</ul>
		</div>
		{/if}
	{/if}
</div>


<div class='member_list'>
{volist name="menu_arr" id="arr_item" }
	<ul>
		{volist name="arr_item" id="vo" }
		<li>
			<a href="APP_MAIN/{$vo.url}">
				<i class=" module-icon {$vo.class}" ></i>
				<span >{$vo.title}</span>
				<span class='jiantou'></span>
			</a>
		</li>
		{/volist} 
	</ul>
{/volist}
</div>

<!--distribution contact us end-->
<script type="text/javascript">
$(function(){
	buttomActive('#bottom_member');
})	
</script>
{/block}