<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>信息修改</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
|
<style>
|
.mui-bar-nav {
|
background: #245ca7;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.mui-title {
|
color: #FFFFFF;
|
}
|
.mui-icon-back:before, .mui-icon-left-nav:before {
|
color: #FFFFFF;
|
}
|
.mui-content{
|
width: 96%;
|
margin: auto;
|
}
|
</style>
|
</head>
|
<body>
|
<header class="mui-bar mui-bar-nav">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">信息修改</h1>
|
</header>
|
<div class="mui-content">
|
<div class="mui-content-padded" style="margin: 0;">
|
<form class="mui-input-group">
|
<div class="mui-input-row">
|
<label>新密码：</label>
|
<input id="newPassword1" type="password" class="mui-input-password" placeholder="请输入新密码">
|
</div>
|
<div class="mui-input-row">
|
<label>确认密码：</label>
|
<input id="newPassword2" type="password" class="mui-input-password" placeholder="请再次输入新密码">
|
</div>
|
<div class="mui-input-row">
|
<label>修改手机：</label>
|
<input id="newMobile" type="text" class="mui-input-clear" placeholder="请输入手机号">
|
</div>
|
<div class="mui-input-row">
|
<label>用户昵称：</label>
|
<input id="newCname" type="text" placeholder="">
|
</div>
|
</form>
|
<div class="mui-button-row">
|
<button style="width: 60%;margin-top: 10px;height: 40px;font-size: 18px;" type="button" class="mui-btn mui-btn-primary"
|
onclick="userUpdate()">提交</button>
|
</div>
|
</div>
|
</div>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
<script src="./js/echarts.min.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
var url; //接口路径
|
var data = {
|
"interfaceId": "5004",
|
"sign": "10004",
|
"outId": "10004",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"newPassword1": "",
|
"newPassword2": "",
|
"newMobile": "",
|
"newCname": ""
|
}
|
};
|
mui.init();
|
mui.plusReady(function() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
data.tokenAuth = user.tokenAuth;
|
data.data.newCname = user.cname;
|
url = user.url + "/api-phone/gateway";
|
//渲染用户名
|
$("#newCname").val(user.cname);
|
});
|
|
//更新用户信息
|
function userUpdate(){
|
//验证密码
|
var newPassword1 = mui("#newPassword1")[0].value;
|
if (newPassword1 == '') {
|
mui.alert("请输入密码！", '提示',["确定"],function(){},"div");
|
return;
|
}
|
var newPassword2 = mui("#newPassword2")[0].value;
|
if (newPassword2 == '') {
|
mui.alert("请输入确认密码！", '提示',["确定"],function(){},"div");
|
return;
|
}
|
if(newPassword1 != newPassword2){
|
mui.alert("密码不一致，请重新输入！", '提示',["确定"],function(){},"div");
|
return;
|
}
|
|
//验证手机号格式
|
var newMobile = mui("#newMobile")[0].value;
|
if (newMobile) {
|
var flag = /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(newMobile);
|
if(!flag){
|
mui.alert('手机号格式不正确！', '提示',["确定"],function(){},"div");
|
return;
|
}
|
}
|
var newCname = mui("#newCname")[0].value;
|
|
//赋值
|
data.data.newPassword1 = newPassword1;
|
data.data.newPassword2 = newPassword2;
|
data.data.newMobile = newMobile;
|
data.data.newCname = newCname;
|
upDate();
|
}
|
|
//发送更新请求
|
function upDate() {
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data),
|
success: function(result) {
|
if (result.code == "0000") {
|
mui.toast("更新成功，请重新登陆！");
|
//获取信息，并将密码设为空，返回登录页面
|
var user = JSON.parse(localStorage.getItem('user'));
|
user.password = "";
|
localStorage.setItem('user', JSON.stringify(user));
|
plus.runtime.restart();
|
} else {
|
mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
|
}
|
},
|
error: function() {
|
mui.alert('系统繁忙,请重试！', '提示', ["确定"], function() {}, "div");
|
}
|
})
|
}
|
</script>
|
</body>
|
</html>
|
