Files

712 lines
29 KiB
HTML
Raw Permalink 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 select {
color: #E1FFFF;
height: 2em;
}
.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 ifapp = 0;
var uploading = 0;
var image = "", image0 = "", img_url = "";
var opentimes = null;
var sInterval0 = null;
var ifedit = 0, iflayer = 0;
var address = null;
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 qygm = getlocalStorage('qygm');
if (qygm != null) {
if (qygm == 2) {
iflayer = 1;
}
}
var aifapp = getlocalStorage("ifapp");
if (aifapp != null) {
ifapp = aifapp;
}
if (ifapp == 0) {
$(".upload_image0").css("display", "block");
$(".upload_image1").css("display", "none");
} else {
$(".upload_image0").css("display", "none");
$(".upload_image1").css("display", "block");
}
var userinfo = getlocalStorage("userinfo");
var userdata = JSON.parse(userinfo);
var aaa = getlocalStorage("address");
if (aaa != null) {
address = JSON.parse(aaa);
$('#contact').val(address.contact);
$('#tel').val(address.tel);
$('#Province').val(address.Province);
$('#City').val(address.City);
$('#County').val(address.County);
$('#IFFill').val(address.IFFill);
$('#Tradingarea').val(address.Tradingarea);
$('#area').val(getname(address.Province, address.City, address.County, address.IFFill, address.Tradingarea));
$('#detail').val(address.detail);
ifedit = 1;
$("header h1").html("编辑地址");
$(document).attr("title", "编辑地址");
$("title").html("编辑地址");
} else {
$("#contact").val(userdata.RealName);
$("#tel").val(userdata.Phone);
$("header h1").html("添加地址");
$(document).attr("title", "添加地址");
$("title").html("添加地址");
}
opentimes = setInterval(function () {
var selectqydatas = getlocalStorage("address_selectqy_datas");
if (selectqydatas != null) {
var adatas = selectqydatas.split(",");
showaddress(adatas[0], adatas[1], adatas[2], adatas[3], adatas[4])
clearlocalStorage("address_selectqy_datas");
}
}, 1000);
});
function onsave() {
var contact = fTrim($('#contact').val());
var tel = fTrim($('#tel').val());
var Province = fTrim($('#Province').val());
var City = fTrim($('#City').val());
var County = fTrim($('#County').val());
var IFFill = fTrim($('#IFFill').val());
var Tradingarea = fTrim($('#Tradingarea').val());
var detail = fTrim($('#detail').val());
var ifb = true;
if (ifb) {
if (contact == "") {
tishi3("收货人不能为空!");
$("#contact").focus();
ifb = false;
}
}
if (ifb) {
if (tel == "") {
tishi3("手机号码不能为空!");
$("#contact").focus();
ifb = false;
}
}
if (ifb) {
if (Province == "" && City == "" && County == "") {
tishi3("所在地区必须选择!");
$("#area").focus();
ifb = false;
}
}
if (ifb) {
if (IFFill == "-1") {
if (Tradingarea == "") {
tishi3("街道或乡镇不能为空!");
$("#Tradingarea").focus();
ifb = false;
}
}
}
if (ifb) {
if (detail == "") {
tishi3("详细地址不能为空!");
$("#detail").focus();
ifb = false;
}
}
if (ifb) {
if ($("#savebtn").val() != "提交") {
ifb = false;
}
}
if (ifb) {
$("#savebtn").attr("disabled");
$("#savebtn").val("请稍候...");
try {
var datas = {
action: "addAddress",
userId: userId,
LoginId: LoginId,
contact: contact,
tel: tel,
Province: Province,
City: City,
County: County,
IFFill: IFFill,
Tradingarea: Tradingarea,
detail: detail,
};
if (ifedit == 1) {
datas = {
action: "updateAddress",
userId: userId,
LoginId: LoginId,
addressId: address.addressId,
IFIndex: address.IFIndex,
contact: contact,
tel: tel,
Province: Province,
City: City,
County: County,
IFFill: IFFill,
Tradingarea: Tradingarea,
detail: detail,
};
}
$.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("userinfo", JSON.stringify(data.userInfo));
setlocalStorage("myaddress_add_refresh", 1);
var closeInterval = setInterval(function () {
closeWin0();
clearInterval(closeInterval);
}, 300);
} if (data.status == 0) {
tishi3(data.msg);
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
} catch (err) {
tishi3(err);
}
}
}
function getcity() {
var showqy = $("#Province").val() + "," + $("#City").val() + "," + $("#County").val() + "," + $("#IFFill").val() + "," + $("#Tradingarea").val();
setlocalStorage("showqy", showqy);
layer.open({
type: 2,
title: false,
closeBtn: false,
content: "address_selectqy.html",
area: ['100%', '100%']
});
}
function showaddress(Province, City, County, IFFill, Tradingarea) {
$('#Province').val(Province);
$('#City').val(City);
$('#County').val(County);
$('#IFFill').val(IFFill);
$('#Tradingarea').val(Tradingarea);
$('#area').val(getname(Province, City, County, IFFill, Tradingarea));
}
function uploadimg(uploadtype) {
var myForm = document.getElementById("myForm");
/*if (uploadtype == 1) {
myForm = document.getElementById("myForm0");
} else {
myForm = document.getElementById("myForm");
}*/
var formdata0 = new FormData(myForm);
formdata0.append("action", "uploadImage");
formdata0.append("userId", userId);
formdata0.append("LoginId", LoginId);
if (uploadtype == 2) {
formdata0.append("uploadpic", document.getElementById("uploadpic1").files[0]);
}
else if (uploadtype == 1) {
formdata0.append("uploadpic", document.getElementById("uploadpic0").files[0]);
} else {
formdata0.append("uploadpic", document.getElementById("uploadpic").files[0]);
}
if (uploading == 0) {
if (uploadtype == 2) {
$("#image1").attr("src", "../image/load.gif");
} else if (uploadtype == 1) {
$("#image0").attr("src", "../image/load.gif");
} else {
$("#image").attr("src", "../image/load.gif");
}
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) {
//alert(JSON.stringify(data));
var thumb = data.url[0];
if (uploadtype == 2) {
image1 = data.url[1];
$("#image1").attr("src", thumb);
} else if (uploadtype == 1) {
image0 = data.url[1];
$("#image0").attr("src", thumb);
} else {
image = data.url[1];
$("#image").attr("src", thumb);
}
tishi3('上传成功');
} else {
tishi3(data.msg);
if (uploadtype == 2) {
$("#image1").attr("src", "../image/add1.png");
} else if (uploadtype == 1) {
$("#image0").attr("src", "../image/add1.png");
} else {
$("#image").attr("src", "../image/add1.png");
}
}
},
error: function (jqXHR) {
tishi3("发生错误:" + JSON.stringify(jqXHR));
if (uploadtype == 2) {
$("#image1").attr("src", "../image/add1.png");
} else if (uploadtype == 1) {
$("#image0").attr("src", "../image/add1.png");
} else {
$("#image").attr("src", "../image/add1.png");
}
},
});
}
}
function uploadimg0(uploadtype) {
var ifb = true;
try {
var permission = ['camera', 'photos'];
var resultList = api.hasPermission({
list: permission
});
var granted = resultList[0].granted;
if (!granted) {
ifb = false;
api.confirm({
title: '开启权限提示',
msg: "因要上传头像需要获取手机相册权限,应用需要您的授权才能访问相机和相册,是否要授权?",
buttons: ['确认授权', '暂不授权']
}, function (ret, err) {
var index = ret.buttonIndex;
if (index == 1) {
api.requestPermission({
list: permission,
}, function (res) {
if (res.list[0].granted) {
// 已授权,可以继续下一步操作
tishi3('已授权');
} else {
ifb = false;
}
});
}
});
}
} catch (err) {
ifb = true;
}
if (ifb) {
if (uploading == 0) {
if (uploadtype == 2) {
$("#aimage1").attr("src", "../image/load.gif");
} else if (uploadtype == 1) {
$("#aimage0").attr("src", "../image/load.gif");
} else {
$("#aimage").attr("src", "../image/load.gif");
}
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];
if (uploadtype == 2) {
image1 = data.url[1];
$("#aimage1").attr("src", thumb);
} else if (uploadtype == 1) {
image0 = data.url[1];
$("#aimage0").attr("src", thumb);
} else {
image = data.url[1];
$("#aimage").attr("src", thumb);
}
} else {
tishi3(data.msg);
if (uploadtype == 2) {
$("#aimage1").attr("src", "../image/add1.png");
} else if (uploadtype == 1) {
$("#aimage0").attr("src", "../image/add1.png");
} else {
$("#aimage").attr("src", "../image/add1.png");
}
}
}
});
} else {
uploading = 0;
alert(JSON.stringify(err));
if (uploadtype == 2) {
$("#aimage1").attr("src", "../image/add1.png");
} else if (uploadtype == 1) {
$("#aimage0").attr("src", "../image/add1.png");
} else {
$("#aimage").attr("src", "../image/add1.png");
}
}
});
}
}
}
function closeWin0() {
if (iflayer == 1) {
parent.layer.closeAll();
} else {
closeWin();
}
}
</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="closeWin0()">
<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" style="padding:0.8em; box-sizing:border-box;">
<div class="ub ub-ver tixin-item" style="">
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
收货人<font color="red">*</font>
</div>
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
<input id="contact" type="text" style=" width: 100%" />
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
手机号码<font color="red">*</font>
</div>
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
<input id="tel" type="text" style=" width: 100%" />
</div>
</div>
<div class="ub ub-ac" id="city" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
所在地区<font color="red">*</font>
</div>
<div class="ub-f1 uinput9" style="margin-right: .5em;" onclick="getcity()">
<input id="area" type="text" disabled="disabled" value="" style=" font-size:1em; line-height:2em; height:2em;text-align:center; margin-right:0; width: 100%; color: #848484; " />
</div>
<div class="ub" style="width:auto;" onclick="getcity()">
<div class="ub ub-ac ub-pc" style="margin-right: 0; margin-top:0em; width: 1.2em; height:1.2em;"><img style="width: 1.2em;" src="../image/faifeito.png" /></div>
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
详细地址<font color="red">*</font>
</div>
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
<input id="detail" type="text" style=" width: 100%" value="" />
</div>
</div>
<!--<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
您的姓名
</div>
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
<input id="txtjysxm" type="text" style=" width: 100%" value="" />
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
身份证号码
</div>
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
<input id="txtsfz" type="text" style=" width: 100%" value="" />
</div>
</div>
<div class="ub ub-ac" id="sfz" style="padding-top:0.2em; border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
开户姓名
</div>
<div class="ub ub-f1 ub-ac ub-pc uinput11">
<input id="txtkhname" type="text" value="" style="" placeholder="银行卡开户姓名" />
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
银行名称
</div>
<div class="ub ub-f1 ub-ac ub-pc select">
<select id="txtbankname" style="width: 16em;height:2em"></select>
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
银行卡号
</div>
<div class="ub ub-f1 ub-ac ub-pc uinput11">
<input type="number" id="txtbankcard" />
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
开户行
</div>
<div class="ub ub-f1 ub-ac ub-pc uinput11">
<input type="text" id="txtbankaddress" />
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
支付宝姓名
</div>
<div class="ub ub-f1 ub-ac ub-pc uinput11">
<input id="txtAliName" type="text" value="" />
</div>
</div>
<div class="ub ub-ac" style="border-bottom: 1px solid #dfdfdf;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
支付宝账号
</div>
<div class="ub ub-f1 ub-ac ub-pc uinput11">
<input id="txtAliAccount" type="text" value="" />
</div>
</div>
<div class="ub ub-ac zhhide0 uhide" style="border-bottom: 1px solid #dfdfdf; padding:0.8em 0;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
支付宝收款码<font color="red">*</font>
</div>
<div class="ub ub-ac ub-pc" style="padding-right: 0.8em">
<form id="myForm">
<div class="ub ub-ac ub-pc upload_image upload_image0">
<img src="../image/add1.png" id="image" />
<input type="file" id="uploadpic" class="uploadpic_btn" onchange="uploadimg(0)" accept="image/*" />
</div>
<div class="ub ub-ac ub-pc upload_image upload_image1" onclick="uploadimg0(0)">
<img src="../image/add1.png" id="aimage" />
</div>
</form>
</div>
</div>
<div class="ub ub-ac zhhide1 uhide" style="border-bottom: 1px solid #dfdfdf; padding:0.8em 0;">
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:6em;">
微信收款码<font color="red">*</font>
</div>
<div class="ub ub-ac ub-pc" style="padding-right: 0.8em">
<form id="myForm0">
<div class="ub ub-ac ub-pc upload_image upload_image0">
<img src="../image/add1.png" id="image0" />
<input type="file" id="uploadpic0" class="uploadpic_btn" onchange="uploadimg(1)" accept="image/*" />
</div>
<div class="ub ub-ac ub-pc upload_image upload_image1" onclick="uploadimg0(1)">
<img src="../image/add1.png" id="aimage0" />
</div>
</form>
</div>
</div>-->
<input id="Province" type="hidden" />
<input id="City" type="hidden" />
<input id="County" type="hidden" />
<input id="IFFill" type="hidden" />
<input id="Tradingarea" type="hidden" />
</div>
</section>
<footer style="background-color:#fff; border:0;">
<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>