You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
384 lines
16 KiB
384 lines
16 KiB
<!DOCTYPE html>
|
|
<!--[if IE 8]> <html class="ie ie8"> <![endif]-->
|
|
<!--[if IE 9]> <html class="ie ie9"> <![endif]-->
|
|
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{:lang('modify information')} {$site_name} </title>
|
|
<meta name="keywords" content="{$menu.menu_seo_key|default=$site_seo_keywords}" />
|
|
<meta name="description" content="{$menu.menu_seo_des|default=$site_seo_description}">
|
|
{include file="public:head" /}
|
|
</head>
|
|
<body class="detailsbg">
|
|
<div class="contenter">
|
|
{include file="public:nav" /}
|
|
<!--banner开始-->
|
|
<div class="detailsbanner"></div>
|
|
<!--banner结束-->
|
|
<!--body开始-->
|
|
<div class="content modeub bodymb">
|
|
<!--mode left开始-->
|
|
<!-- 控制个人中心选中菜单的样式 -->
|
|
<div style="display: none;">{$menu_type=5}</div>
|
|
{include file="public:usernav"/}
|
|
<!--mode left结束-->
|
|
<!--mode right开始-->
|
|
<div class="modef1 moderight">
|
|
<div class="basictop">
|
|
<div class="moderighttag modeub modeac">
|
|
<div class="linecolor"></div>
|
|
<div class="basictitle">{:lang('modify information')}</div>
|
|
</div>
|
|
<form id="runedit" action="{:url('home/Center/runedit')}" method="post">
|
|
<div class="modifytag">
|
|
<div class="modeub">
|
|
<div class="modifyleft modifyleftactive modifymr" onclick="formchange(this)">基本信息</div>
|
|
<div class="modifyleft modifymr" onclick="formchange(this)">修改密码</div>
|
|
<div class="modifyleft modifymr" onclick="formchange(this)">修改手机码</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">头像</div>
|
|
<div id="logo_img" class="logobackimg basicconicon modeub modeac modepc companyheader">
|
|
<img id="logo_img2" src="{$member_list_headpic|get_imgurl=1}" style="border-radius:110px;width:108px;height: 108px;">
|
|
</div>
|
|
<div class="headeright">
|
|
<div class="headerightdes">jpg、png、gif 格式图片 100*100px</div>
|
|
<div class="headerightbun modeub modeac modepc">替 换 头 像
|
|
<input type="file" name="member_list_headpic" id="member_list_headpic" class="upfileter" style="left: 0px;" accept="image/gif,image/png,image/jpeg">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">{:lang('nickname')}</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="text" id="input-user_nicename" placeholder="{:lang('nickname')}" name="member_list_nickname" class="centerinput" value="{$member_list_nickname|default=$member_list_username}">
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">{:lang('sex')}</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
{php}
|
|
$sexs=array("1"=>lang('ProMonkey'),"2"=>lang('ProMM'),"3"=>lang('secrecy'));
|
|
{/php}
|
|
<div class="selectbg modeub modeac">
|
|
<select id="input-sex" name="member_list_sex">
|
|
{foreach name="sexs" item="vo"}
|
|
{php}$sexselected=$key==$member_list_sex?"selected":"";{/php}
|
|
<option value="{$key}" {$sexselected}>{$vo}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">{:lang('personal website')}</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="text" name="user_url" placeholder="http://www.szcaee.cn" class="centerinput" value="{$user_url}">
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub ">
|
|
<div class="headertitle modeub modeac modepc">{:lang('signature')}</div>
|
|
<div class="headertextarea modeub">
|
|
<div class="textarealeft logobackimg"></div>
|
|
<div class="modef1 textareacenter modeub modeac">
|
|
<textarea id="input-signature" placeholder="{:lang('signature')}" class="form-control" name="signature">{$signature}</textarea>
|
|
</div>
|
|
<div class="textarearight logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">{:lang('province')}</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<div class="selectbg modeub modeac">
|
|
<select name="member_list_province" class="form-control" id="province" onChange="loadRegion('province',2,'city','{:url('admin/Ajax/getRegion')}');">
|
|
<option value="0">{:lang('province')}</option>
|
|
{volist name="province" id="vo"}
|
|
<option value="{$vo.id}" {if condition="$member_list_province eq $vo['id']"}selected{/if}>{$vo.name}</option>
|
|
{/volist}
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle">
|
|
<div class="shititle">{:lang('city')}</div>
|
|
</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<div class="selectbg modeub modeac">
|
|
<select name="member_list_city" class="form-control" id="city" onchange="loadRegion('city',3,'town','{:url('admin/Ajax/getRegion')}');">
|
|
<option value="0">{:lang('city')}</option>
|
|
{foreach name="city" item="v"}
|
|
<option {if condition="$member_list_city eq $v['id']"}selected{/if} value="{$v.id}">{$v.name}</option>
|
|
{/foreach}
|
|
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle">
|
|
<div class="shititle">{:lang('town')}</div>
|
|
</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<div class="selectbg modeub modeac">
|
|
<select name="member_list_town" class="form-control" id="town">
|
|
<option value="0">{:lang('town')}</option>
|
|
{volist name="town" id="vy"}
|
|
<option {if condition="$member_list_town eq $vy['id']"}selected{/if} value="{$vy.id}">{$vy.name}</option>
|
|
{/volist}
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="buttontip modeub modeac modepc">
|
|
<div class="buttonright modeub">
|
|
<div class="leftbutton2"></div>
|
|
<div class="modef1 centerbutton2 modeub modeac modepc submit_btn2">{:lang('save')}</div>
|
|
<div class="rightbutton2"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form style="display: none" id="runchangepwd" action="{:url('home/Center/runchangepwd')}" method="post">
|
|
<div class="modifytag">
|
|
<div class="modeub">
|
|
<div class="modifyleft modifymr" onclick="formchange(this)">基本信息</div>
|
|
<div class="modifyleft modifyleftactive modifymr" onclick="formchange(this)">修改密码</div>
|
|
<div class="modifyleft modifymr" onclick="formchange(this)">修改手机码</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">原始密码</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="password" autocomplete="off" maxlength="20" class="centerinput" id="input-old_password" placeholder="原始密码(5-20位)" name="old_password">
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">新密码</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="password" autocomplete="off" maxlength="20" class="centerinput" id="input-password" placeholder="新密码(5-20位)" name="password">
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">重复密码</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="password" autocomplete="off" maxlength="20" class="centerinput" id="input-repassword" placeholder="重复密码(5-20位)" name="repassword">
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="buttontip modeub modeac modepc">
|
|
<div class="buttonright modeub">
|
|
<div class="leftbutton2"></div>
|
|
<div class="modef1 centerbutton2 modeub modeac modepc submit_btn">{:lang('save')}</div>
|
|
<div class="rightbutton2"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form style="display: none" id="changetel" action="{:url('home/Center/changetel')}" method="post">
|
|
<div class="modifytag">
|
|
<div class="modeub">
|
|
<div class="modifyleft modifymr" onclick="formchange(this)">基本信息</div>
|
|
<div class="modifyleft modifymr" onclick="formchange(this)">修改密码</div>
|
|
<div class="modifyleft modifyleftactive modifymr" onclick="formchange(this)">修改手机码</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">新手机号</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="number" maxlength="11" pattern="^1[3-9]\d{9}$" name="member_list_tel" placeholder="手机号" class="centerinput" required>
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modifyheader modeub modeac">
|
|
<div class="headertitle modeub modeac modepc">验证码</div>
|
|
<div class="headerightinput modeub">
|
|
<div class="inputleft logobackimg"></div>
|
|
<div class="modef1 inputcenter modeub modeac">
|
|
<input type="text" class="centerinput" placeholder="6位验证码(120s有效)" id="verify-m" style="height:40px;" name="verify" required>
|
|
<div class="fillecode modeub modeac modepc" style="position: inherit;right: 100px;cursor: pointer">获取验证码</div>
|
|
</div>
|
|
<div class="inputright logobackimg"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="buttontip modeub modeac modepc">
|
|
<div class="buttonright modeub">
|
|
<div class="leftbutton2"></div>
|
|
<div class="modef1 centerbutton2 modeub modeac modepc submit_btn">{:lang('save')}</div>
|
|
<div class="rightbutton2"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
<!--mode right结束-->
|
|
</div>
|
|
<!--body结束-->
|
|
{include file="public:footer"/}
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="__PUBLIC__/others/region.js"></script>
|
|
<script type="text/javascript">
|
|
function formchange(t) {
|
|
$(t).parents("form").hide();
|
|
$(t).parents("form").parent().find("form").eq($(t).parent().children().index(t)).show();
|
|
}
|
|
$(function() {
|
|
$(".modifyleft").css("box-sizing","content-box");
|
|
$(".submit_btn").on('click', function (e) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: $(this).parents("form:first").attr("action"),
|
|
data: $(this).parents("form:first").serialize(),
|
|
async: false,
|
|
success: function (data) {
|
|
if (data.code == 1) {
|
|
layer.alert(data.msg, {icon: 6}, function (index) {
|
|
layer.close(index);
|
|
window.location.href = data.url;
|
|
});
|
|
} else {
|
|
layer.alert(data.msg, {icon: 5}, function (index) {
|
|
layer.close(index);
|
|
});
|
|
}
|
|
}
|
|
})
|
|
});
|
|
$(".submit_btn2").click(function(){
|
|
var formData = new FormData($("#runedit")[0]);
|
|
$.ajax({type:"POST",
|
|
url:$("#runedit").attr("action"),
|
|
data:formData,
|
|
contentType: false,
|
|
processData: false,
|
|
mimeType:"multipart/form-data",
|
|
async: false,
|
|
success:function (data) {
|
|
data = JSON.parse(data)
|
|
if (data.code == 1) {
|
|
layer.alert(data.msg, {icon: 6}, function (index) {
|
|
layer.close(index);
|
|
window.location.href = data.url;
|
|
});
|
|
}else{
|
|
layer.alert(data.msg, {icon: 5}, function (index) {
|
|
layer.close(index);
|
|
});
|
|
}
|
|
}
|
|
})
|
|
});
|
|
$('#changetel .fillecode').click(function(){
|
|
var account = $("#changetel input[name='member_list_tel']"),obj=$(this);
|
|
if(!account.val()){
|
|
account.focus();return false;
|
|
}else if(!(/^1[3456789]\d{9}$/.test(account.val()))){
|
|
|
|
return false;
|
|
}
|
|
var url="{:url('home/Center/sendsms')}";
|
|
$.ajax({
|
|
type:"POST",
|
|
url:url,
|
|
dataType:"json",
|
|
data:{account:account.val()},
|
|
beforeSend:function()
|
|
{
|
|
obj.attr("disabled","disabled");
|
|
},
|
|
success:function(data)
|
|
{
|
|
if(data.code==1){
|
|
var numts=60;
|
|
obj.html("再获取："+numts);
|
|
var codets=setInterval(function(){
|
|
numts--;
|
|
obj.html("再获取："+numts);
|
|
if(numts==0)
|
|
{
|
|
obj.html("获取验证码");
|
|
clearInterval(codets);
|
|
obj.removeAttr("disabled");
|
|
}
|
|
},1000);
|
|
}else{
|
|
obj.removeAttr("disabled");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
var old_img='{$member_list_headpic|get_imgurl=1}';
|
|
$("#member_list_headpic").change(function (e) {
|
|
var fileObj = e.currentTarget.files[0];
|
|
if(fileObj.type !='image/jpeg'&& fileObj.type !='image/gif'&& fileObj.type !='image/png'){
|
|
layer.msg("请选择正确的图片类型", {icon: 5,time:3000});
|
|
$(this).val('');
|
|
$('#logo_img2').attr('src',old_img);
|
|
return false;
|
|
}
|
|
if(fileObj.size>(10*1024*1024)){
|
|
layer.msg("请选择小于10M的图片", {icon: 5,time:3000});
|
|
$(this).val('');
|
|
$('#logo_img2').attr('src',old_img);
|
|
return false;
|
|
}
|
|
var reader = new FileReader();
|
|
//使用该对象读取file文件
|
|
reader.readAsDataURL(fileObj);
|
|
//读取文件成功后执行的方法函数
|
|
reader.onload=function(e) {
|
|
// 读取成功后返回的一个参数e，整个的一个进度事件
|
|
console.log(e);
|
|
// 选择所要显示图片的img，要赋值给img的src就是e中target下result里面的base64编码格式的地址
|
|
$('#logo_img2').attr('src',e.target.result);
|
|
}
|
|
});
|
|
|
|
})
|
|
</script>
|
|
</html>
|