Files
g.hnyhua.cn/Mtxfw.VipSite/mobile/mydata0.html

681 lines
26 KiB
HTML
Raw Normal View History

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>个人资料</title>
<link rel="stylesheet" type="text/css" href="/css/api.css" />
<link rel="stylesheet" type="text/css" href="/css/content.css" />
<script type="text/javascript" src="/scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
<script type="text/javascript" src="/script/main.js?t=0"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/Scripts/long.js"></script>
<script type="text/javascript" src="/script/moment.js"></script>
<script type="text/javascript" src="/script/area.js?t=0"></script>
<script type="text/javascript" src="/script/api.js"></script>
<style type="text/css">
html, body {
overflow: hidden;
}
#wrapper {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.pullDown {
position: absolute;
top: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullUp {
position: absolute;
bottom: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
display: block;
}
#wrapper_content .ub-f1 {
}
.uinput11 input, .uinput11 textarea {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 0.5em;
color: #000;
border: 1px solid #ddd;
}
.dbtnbox {
margin: 0 auto;
width: 100%;
text-align: center;
padding: 0;
box-sizing: border-box;
}
.dbtnbox input[type='button'] {
height: 3.5em;
line-height: 3.5em;
border-radius: 0;
}
.uploadpic_btn {
position: absolute;
width: 5em;
height: 5em;
right: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
}
</style>
<script type="text/javascript">
var userId = null;
var LoginId = null;
var CartId = null;
var opentimes = null;
var sInterval0 = null;
var t = 0, uploading = 0, ifupuser=0;
var image = "", image0 = "", avatar = "", img_url = "";
var myScroll = null;
var pullDown = 1; // 下拉刷新避免多次执行
var pullUp = 1; // 上拉加载避免多次执行
var downHeight = 0;
var upHeight = 0;
var isload = true;//设置是否终止滚动加载
var curScrollHeight = 0;//当前滚动位置
var curCount = 1;//计数器,防止滚动时重复执行加载下一页
$(document).ready(function () {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
CartId = getlocalStorage("CartId");
var ifapp = 0;
var aifapp = getlocalStorage("ifapp");
if (aifapp != null) {
ifapp = aifapp;
}
if (ifapp == 0) {
$("#myForm").css("display", "block");
$("#myForm0").css("display", "none");
$("#myForm1").css("display", "block");
$("#myForm2").css("display", "none");
} else {
$("#myForm").css("display", "none");
$("#myForm0").css("display", "block");
$("#myForm1").css("display", "none");
$("#myForm2").css("display", "block");
}
opentimes = setInterval(function () {
var selectqydatas = getlocalStorage("address_selectqy_datas");
if (selectqydatas != null) {
var adatas = selectqydatas.split(",");
showaddress(adatas[0], adatas[1], adatas[2])
clearlocalStorage("address_selectqy_datas");
}
}, 1000);
rdata(1);
});
function onScroll() {
if (myScroll != null) {
myScroll.destroy();
myScroll = null;
}
myScroll = new IScroll('#wrapper', {
probeType: 2,
fadeScrollbars: false
});
myScroll.on('scroll', function () {
var y = myScroll.y;
downHeight = $(".pullDown").height();
upHeight = $(".pullUp").height();
// 下拉加载
if (y >= downHeight && pullDown) {
$(".pullDown").addClass("refresh").html("松开刷新...");
myScroll.minScrollY = downHeight;
pullDown = 0;
}
if (y <= downHeight && y >= 0 && !pullDown) {
$(".pullDown").removeClass("refresh").html("下拉刷新...");
pullDown = 1;
myScroll.minScrollY = 0;
}
// 上拉刷新
var maxHeight = myScroll.maxScrollY;
if (y < (maxHeight - upHeight) && pullUp) {
$(".pullUp").addClass("loading").html("松开加载...");
myScroll.maxScrollY = maxHeight - upHeight;
pullUp = 0;
}
if (y > maxHeight && y < (maxHeight + upHeight) && !pullUp) {
$(".pullUp").removeClass("loading").html("上拉加载...");
myScroll.maxScrollY = maxHeight + upHeight;
pullUp = 1;
}
});
myScroll.on('scrollEnd', function () {
if ($(".pullDown").hasClass("refresh")) {
$(".pullDown").text("正在刷新...");
opentimes = setTimeout(function () {
clearInterval(opentimes);
rdata();
$(".pullDown").removeClass("refresh").html("下拉刷新...");
pullDown = 1;
myScroll.refresh();
}, 2000);
}
});
myScroll.on('refresh', function () {
$(".pullUp").removeClass("loading").html("上拉加载...");
pullUp = 1;
});
}
function rdata(ag) {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
if (ag == 1) {
$(".ajaxLoader").removeClass("uhide");
}
$.ajax({
type: 'GET',
url: "/apiajax.ashx",
data: "&action=getuserinfo&ifweb=1&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
dataType: "JSON",
error: function (xhr, type) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
if (data) {
if (data.status == 1) {
avatar = data.user.avatar;
if (avatar != "") {
$("#myForm #avatar").attr("src", "/GetFiles.ashx?image=" + avatar + "&itsize=100x100&itmode=cut");
$("#myForm0 #avatar").attr("src", "/GetFiles.ashx?image=" + avatar + "&itsize=100x100&itmode=cut");
}
$("#txtusername").val(data.user.username);
$("#txtrealname").val(data.user.realname);
$("#txtsfz").val(data.user.sfz);
if (data.user.sfzimage != "") {
$("#myForm1 img").attr("src", data.user.sfzimage);
$("#myForm2 img").attr("src", data.user.sfzimage);
}
ifupuser = data.user.ifupuser;
$(".ajaxLoader").addClass("uhide");
} else {
tishi3(data.msg);
$(".ajaxLoader").addClass("uhide");
if (data.msg == "您未登录") {
onlink("/");
}
}
} else {
tishi3("网络错误!");
$(".ajaxLoader").addClass("uhide");
}
}
});
}
function onsave() {
var realname = fTrim($("#txtrealname").val());
var sfz = "";
/*var sfz = fTrim($("#txtsfz").val());
var ncname = fTrim($("#txtncname").val());
var Province = fTrim($("#Province").val());
var City = fTrim($("#City").val());
var County = fTrim($("#County").val());
var address = fTrim($("#txtaddress").val());*/
var ifb = true;
if (ifb) {
if (realname == "") {
tishi3("姓名不能为空!");
$("#txtrealname").focus();
ifb = false;
}
}
/* if (ifb) {
if (sfz == "") {
tishi3("身份证号码不能为空!");
$("#txtsfz").focus();
ifb = false;
}
}*/
if (ifb) {
$("#savebtn").attr("disabled", "disabled");
$("#savebtn").val("请稍候...");
try {
var datas = {
action:"updateUserInfo",
userId: userId,
LoginId: LoginId,
realname: realname,
sfz: sfz
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
$("#savebtn").removeAttr("disabled");
$("#savebtn").val("保存");
if (data) {
if (data.status == 1) {
tishi3(data.msg);
setlocalStorage("myrefresh", 1);
rdata(1);
} if (data.status == 0) {
tishi3(data.msg);
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
} catch (err) {
tishi3(err);
}
}
}
function getcity() {
var showqy = $("#Province").val() + "," + $("#City").val() + "," + $("#County").val();
setlocalStorage("showqy", showqy);
layer.open({
type: 2,
title: false,
content: "address_selectqy.html",
area: ['100%', '100%']
});
}
function showaddress(Province, City, County) {
$('#Province').val(Province);
$('#City').val(City);
$('#County').val(County);
$('#area').val(getname(Province, City, County));
}
function uploadimg() {
var myForm = document.getElementById("myForm");
var formdata0 = new FormData(myForm);
formdata0.append("action", "uploadavatar");
formdata0.append("userId", userId);
formdata0.append("LoginId", LoginId);
formdata0.append("uploadpic", document.getElementById("uploadpic").files[0]);
$.ajax({
type: "POST",
url: "/apiajax.ashx",
data: formdata0,
dataType: 'JSON',
cache: false, // 不缓存
processData: false, // jQuery不要去处理发送的数据
contentType: false, // jQuery不要去设置Content-Type请求头
success: function (data) {
tishi2close();
if (data.status == 1) {
//alert(JSON.stringify(data));
tishi3('上传成功');
var thumb = data.url[0];
image = data.url[1];
$("#myForm #avatar").attr("src", thumb);
$("#myForm0 #avatar").attr("src", thumb);
setlocalStorage("myrefresh", 1);
} else {
tishi3(data.msg);
}
},
error: function (jqXHR) {
tishi3("发生错误:" + JSON.stringify(jqXHR));
},
});
}
function uploadimg0() {
try {
api.getPicture({
sourceType: 'album',
encodingType: 'png',
mediaValue: 'pic',
destinationType: 'url',
allowEdit: false,
quality: 100,
saveToPhotoAlbum: false
}, function (ret, err) {
if (ret) {
api.ajax({
url: apiurl + "/apiajax.ashx",
method: 'post',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: {
values: { "action": "uploadavatar", "userId": userId, "LoginId": LoginId},
files: {
"uploadpic": ret.data
}
},
dataType: 'json'
},
function (data, status) {
if (data) {
if (data.status == 1) {
tishi3('上传成功');
var thumb = data.url[0];
image = data.url[1];
$("#myForm #avatar").attr("src", thumb);
$("#myForm0 #avatar").attr("src", thumb);
setlocalStorage("myrefresh", 1);
}
}
});
} else {
alert(JSON.stringify(err));
}
});
} catch (errr) {
alert(errr);
}
}
function dpreview() {
if (ifupuser == 0) {
var val = $("#uploadpic0").val();
if (val != "") {
var file = document.getElementById("uploadpic0").files[0];
var myForm = document.getElementById("myForm");
var formdata0 = new FormData(myForm);
formdata0.append("action", "uploadImage");
formdata0.append("userId", userId);
formdata0.append("LoginId", LoginId);
formdata0.append("uploadpic", file);
uploading = 1;
$.ajax({
type: "POST",
url: "/apiajax.ashx?ifweb=1",
data: formdata0,
dataType: 'JSON',
cache: false, // 不缓存
processData: false, // jQuery不要去处理发送的数据
contentType: false, // jQuery不要去设置Content-Type请求头
success: function (data) {
tishi2close();
uploading = 0;
if (data.status == 1) {
var thumb = data.url[0];
var image = data.url[1];
$("#myForm1 img").attr("src", thumb);
$("#myForm2 img").attr("src", thumb);
image0 = image;
}
}
});
}
}
}
function dpreview0() {
if (ifupuser == 0) {
try {
uploading = 1;
api.getPicture({
sourceType: 'album',
encodingType: 'png',
mediaValue: 'pic',
destinationType: 'url',
allowEdit: false,
quality: 100,
saveToPhotoAlbum: false
}, function (ret, err) {
if (ret) {
api.ajax({
url: apiurl + "/apiajax.ashx",
method: 'post',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: {
values: { "action": "uploadImage", "userId": userId, "LoginId": LoginId, t: 0 },
files: {
"file1": ret.data
}
},
dataType: 'json'
},
function (data, status) {
if (data) {
uploading = 0;
if (data.status == 1) {
var thumb = data.url[0];
var image = data.url[1];
$("#myForm1 img").attr("src", thumb);
$("#myForm2 img").attr("src", thumb);
image0 = image;
}
}
});
} else {
uploading = 0;
alert(JSON.stringify(err));
}
});
} catch (errr) {
alert(errr);
uploading = 0;
}
}
}
</script>
</head>
<body class="wrap">
<header><div class="ub">
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
</div>
<h1 class="ub-f1">
个人资料
</h1>
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0; min-width:3em; padding-right:1em;">
</div>
</div></header>
<section class="ub-f1" id="wrapper">
<div id="wrapper_content">
<p class="pullDown">下拉刷新...</p>
<div class="clear"></div>
<div class="ub ub-ver">
<div class="ub ub-ac" style="background-color: #ffffff;margin-bottom: .04em;">
<div class="ub ub-f1" style="padding:2.2em 1.2em;width:4em;">
头像
</div>
<div class="ub ub-ae ub-pc" style="margin-right: 1em;width:5em; padding-top:0em;">
<form id="myForm">
<img src="../image/profile.png" id="avatar" style="width:5em;height:5em;border-radius: 2.5em">
<input type="file" id="uploadpic" class="uploadpic_btn" onchange="uploadimg()" accept="image/*" />
</form>
<form id="myForm0">
<img src="../image/profile.png" id="avatar" onclick="uploadimg0()" style="width:5em;height:5em;border-radius: 2.5em">
</form>
</div>
</div>
<div class="ub ub-ac" id="zhanghao" style="background-color: #ffffff;margin-bottom: .08em;">
<div class="ub ub-f1" style="padding:1em 1.2em;width:4em;">
用户名<font color="red" class="redico uhide">*</font>
</div>
<div class="ub ub-ac ub-pc" style="">
<div class="ub ub-ac ub-pc uinput11" style="padding-right: 0.8em">
<input type="text" id="txtusername" disabled="disabled" style=" border:0; width: 12em;background:none;" />
</div>
</div>
</div>
<div class="ub ub-ac zhhide" style="background-color: #ffffff;margin-bottom: .04em;">
<div class="ub ub-f1" style="padding:1em 1.2em;width:4em;">
姓名<font color="red">*</font>
</div>
<div class="ub ub-ac ub-pc" style="">
<div class="ub ub-ac ub-pc uinput11" style="padding-right: 0.8em">
<input type="text" id="txtrealname" style="width: 12em" />
</div>
</div>
</div>
<!--<div class="ub ub-ac zhhide" id="sfz" style="background-color: #ffffff;margin-bottom: .08em;">
<div class="ub ub-f1" style="padding:1em 1.2em;">
身份证号码
</div>
<div class="ub ub-ac ub-pc uinput11" style="padding-right: 0.8em">
<input id="txtsfz" type="text" value="" style=" width: 12em;" />
</div>
</div>
<div class="ub ub-ac zhhide" id="sfz" style="background-color: #ffffff;margin-bottom: .08em;">
<div class="ub ub-f1" style="padding:1em 1.2em;">
身份证照片<font color="red">*</font>
</div>
<div class="ub ub-ac ub-pc" style="padding-right: 6.6em;">
<form id="myForm1">
<div class="ub ub-ac ub-pc upload_image">
<img src="../image/add1.png" />
<input type="file" id="uploadpic0" class="uploadpic_btn" onchange="dpreview()" accept="image/*" />
</div>
</form>
<form id="myForm2">
<div class="ub ub-ac ub-pc upload_image" onclick="dpreview0()">
<img src="../image/add1.png" />
</div>
</form>
</div>
</div>
<!--
<div class="ub ub-ac" style="background-color: #ffffff;margin-bottom: .04em;">
<div class="ub ub-f1" style="padding:1em 1.2em;">
昵称
</div>
<div class="ub ub-ac ub-pc" style="">
<div class="ub ub-ac ub-pc uinput11" style="padding-right: 0.8em">
<input type="text" id="txtncname" style=" width: 12em" />
</div>
</div>
</div>
<div class="ub ub-ac" id="city" style="background-color: #ffffff;margin-bottom: .08em;">
<div class="ub ub-f1" style="padding:1em 1.2em;">
所在地区
</div>
<div class="ub ub-ac ub-pc uinput11" style="width: 14em;padding-right: 0.8em" onclick="getcity()">
<input id="area" type="text" disabled value="" style=" border:0; width: 11.8em;background:none;color:#848484" />
<div class="ub ub-ac ub-pc" style="margin-right: 0.8em; margin-top:0.3em; width: 1.2em; height:1.2em;"><img style="width: 1.2em;" src="../image/faifeito.png" /></div>
</div>
</div>
<div class="ub ub-ac" id="sfz" style="background-color: #ffffff;margin-bottom: .08em;">
<div class="ub ub-f1" style="padding:1em 1.2em;">
收货地址
</div>
<div class="ub ub-ac ub-pc uinput11" style="padding-right: 0.8em">
<input id="txtaddress" type="text" value="" style=" width: 12em;" />
</div>
</div>
<!--div class="ub ub-ac zhhide" id="phonesms" style="background-color: #ffffff;margin-bottom: .08em;">
<div class="ub ub-f1" style="padding:1em 1.2em;width:4em;">
二级密码<font color="red">*</font>
</div>
<div class="ub ub-ac ub-pc">
<div class="ub ub-ac ub-pc uinput11" style="width:10em;padding-right: 0.8em">
<input type="password" id="txtpwd2" style=" width: 10em" />
</div>
</div>
</div-->
<div style=" height: 3em;"></div>
</div>
<input id="Province" type="hidden" />
<input id="City" type="hidden" />
<input id="County" type="hidden" />
<div class="clear"></div>
<p class="pullUp">上拉加载...</p>
</div>
</section>
<footer>
<div class="dbtnbox">
<input id="savebtn" type="button" class="mybtn" onclick="onsave()" value="保存">
</div>
</footer>
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
</div>
</body>
</html>