index.html

{echo:JS::import("form")}
{echo:JS::import('dialog?skin=tinysimple');}
<link type="text/css" rel="stylesheet" href="{url:#css/ucenter.css}" />
<script type="text/javascript" charset="UTF-8" src="{url:#js/jquery.iframe-post-form.js}"></script>
<div class="container clearfix">
	{widget:name=sub_navs action=ucsidebar sidebar=$sidebar act=$actionId}
	<div class=" clearfix uc-content" >
	<h1 class="title"><span>用户中心：</span></h1>
		<dl class="ucenter-index clearfix">
			<dt class="sub-1 clearfix">
				{if:$user['head_pic']==''}
				<img id="head-pic" class="ie6png" src="{url:#images/no-img.png}" width="120" height="120">
				{else:}
				<img id="head-pic" class="ie6png" src="{url:@$user[head_pic]}" width="120" height="120">
				{/if}
				<p style="padding: 10px 30px;"><a href="javascript:;" id="upload-link">修改头像</a></p>
			</dt>
			<dd class="sub-2">
				<table width="100%" class="simple">
					<tr>
						<td colspan=2><b>{$user['name']}</b>，欢迎你！<span class="fr">最后一次登录：{$user['login_time']}</span></td>
					</tr>
					<tr>
						<td width="50%">账户余额：{$currency_symbol}{$customer['balance']}</td>
						<td width="50%">订单交易总金额：{$currency_symbol}{echo:sprintf("%01.2f",$order['amount'])}</td>
					</tr>
					<tr>
						<td>我的积分：{$customer['point']}</td>
						<td>会员级别：{$customer['gname']|'普通会员'}</td>
					</tr>
					<tr>
						<td>进行中的订单：{$order['pending']} </td>
						<td>待评价的商品：{$comment['num']}</td>
					</tr>
				</table>
			</dd>
		</dl>
	</div>
</div>
<div id="head-dialog" style="display: none">
	<div class="box" style="width:400px;">
		<h2>上传头像：</h2>
		<div class="content mt20 p10">
			<form enctype="multipart/form-data" action="{url:/ucenter/upload_head}" method="post"  id="uploadForm">
				<p><input type="file" name="imgFile"></p>
				<p class="mt20 tc"><button class="btn" id="upload-btn">上传</button></p>
			</form>
		</div>
	</div>
</div>
<script type="text/javascript">
	$("#upload-link").on("click",function (){
		art.dialog({id:'head-dialog',lock:true,content:document.getElementById('head-dialog')});
	});

	$("#uploadForm").iframePostForm({
		iframeID: 'iframe-post-form',
		json:true,
		post: function(){
			$("#upload-btn").text("上传中...")
		},
		complete: function(data){
			if(data['error']==1){
				alert(data['message']);
			}else{
				var root_url = "{url:@}"
				$("#head-pic").attr("src",root_url+data['url']+'?i='+Math.random());
				art.dialog({id:'head-dialog'}).close();
			}
			$("#upload-btn").text("上传");
		}
	});
</script>