2 Star 1 Fork 2

徐子玉 / 品贷网

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
addressAdmin.html 34.22 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:21 . + pdw
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>收货信息-品代网(pindai123.com)--国内首家建材行业供应链交易平台,F2B2C运营模式开创网络建材市场新纪元。</title>
<meta name="keywords" content="代理,加盟,招商,批发,零售,建材网上商城,PPR,PVC,PE,管材,管件,波纹管,缠绕管,卫浴,陶瓷,龙头,浴缸,地漏,吊顶,灯具,开关,插线板,插座,电线,电缆,水暖五金,地板,油漆,地暖,太阳能,净水器,装修材料" />
<meta name="description" content="品代网(pindai123.com)是中国首家采用云管理系统,互联网加实体营销管理为一体的交易平台。专业的建材行业综合网上购物平台,销售管材管件,水暖卫浴,厨卫洁具,灯具开关,板材五金,油漆涂料,电线电缆,家装材料,建筑材料,五金配件,防水等。正品低价,品质保证,便捷操作,诚信服务。">
<meta name="author" content="Administrator">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/indent.css" />
<!-- 个人中心 -->
<link rel="stylesheet" href="css/userinfor.css" />
<link rel="stylesheet" href="css/add.css"/>
<link rel="stylesheet" href="css/addressAdmin.css" />
<!--右边栏-->
<link rel="stylesheet" href="css/right_side.css" />
<script src="js/jquery-1.7.2.min.js"></script>
<!--右边栏-->
<script type="text/javascript" src="js/right-side/parabola.js"></script>
<script type="text/javascript" src="js/right-side/right_side.js"></script>
</head>
<body>
<!-- 右侧固定导航链接 -->
<!--<div class="mui-mbar-tabs">
{$userright_html}
</div>-->
<!-- top_header 顶部 -->
{$user_head_html}
<!--top_logo -->
<div class="top_logo">
{$userinfo_head_html}
</div>
<!-- indent -->
<div id="indent">
<div class="wrap_1200 clearfix">
<!-- 左侧边栏 -->
<div class="indent_left clearfix">
{$indentleft_html}
</div>
<!-- 右侧 -->
<div class="indent_right clearfix" id="anchor1">
<!-- 地址管理-->
<div class="my_info">
<div class="indent_right_box">
<div class="indent_right_box_title">
<ul>
<li class="aaaa">收货地址</li>
</ul>
</div>
<!--<div class="addressAdminTil">地址管理</div>-->
<!--新增地址-->
<div class="addAddress clearfix">
<div class="addAddress_Til">新增收货地址</div>
<div class="addAddress_Con">
<div class="addAddress_ConLi clearfix">
<div class="addAddress_ConLiLeft">所在地区</div>
<div class="addAddress_ConLiRight clearfix">
<!--省-->
<div class="addAddress_sel addAddress_province">
<div class="addAddress_menuTil">
<div class="addAddress_P addAddress_P_province"></div>
<span class="arrowiconDown"></span>
</div>
<ul class="addAddress_menuCon" id="province" style="display: none;">
</ul>
</div>
<!--市-->
<div class="addAddress_sel addAddress_city">
<div class="addAddress_menuTil">
<div class="addAddress_P addAddress_P_city"></div>
<span class="arrowiconDown"></span>
</div>
<ul class="addAddress_menuCon" id="citys" style="display: none;">
</ul>
</div>
<!--区-->
<div class="addAddress_sel addAddress_dist">
<div class="addAddress_menuTil">
<div class="addAddress_P addAddress_P_dist"></div>
<span class="arrowiconDown"></span>
</div>
<ul class="addAddress_menuCon" id="district" style="display:none;">
</ul>
</div>
<!--街道-->
<div class="addAddress_sel addAddress_street">
<div class="addAddress_menuTil">
<div class="addAddress_P addAddress_P_street">街道</div>
<span class="arrowiconDown"></span>
</div>
<ul class="addAddress_menuCon" id="town" style="display:none;">
</ul>
</div>
</div>
<div class="addAddress_ConLiError addAddress_ConLiErrorDiqu" style="display: none;">请选择省、市、区、街道</div>
</div>
<div class="addAddress_ConLi addAddress_ConLi_long clearfix">
<div class="addAddress_ConLiLeft">详细地址</div>
<div class="addAddress_ConLiRight">
<textarea style="text" class="addAddressTextarea" placeholder="建议您如实填写详细收货地址,例如街道名称,门牌号码,楼层和房间号等信息"/></textarea>
</div>
<div class="addAddress_ConLiError addAddress_ConLiErrorDizhi" style="display: none;">请正确填写详细地址</div>
</div>
<div class="addAddress_ConLi clearfix">
<div class="addAddress_ConLiLeft">邮政编码</div>
<div class="addAddress_ConLiRight">
<input style="text" class="addAddressInputText aaInputTextPostcode" placeholder="请填写邮政编码"/>
</div>
<div class="addAddress_ConLiError addAddress_ConLiErrorYubian" style="display: none;">请正确填写邮政编码址</div>
</div>
<div class="addAddress_ConLi clearfix">
<div class="addAddress_ConLiLeft">收货人姓名</div>
<div class="addAddress_ConLiRight">
<input style="text" class="addAddressInputText aaInputTextPeople" placeholder="请填写收货人姓名"/>
</div>
<div class="addAddress_ConLiError addAddress_ConLiErrorName" style="display: none;">请正确填写收货人姓名</div>
</div>
<div class="addAddress_ConLi clearfix">
<div class="addAddress_ConLiLeft">手机号码</div>
<div class="addAddress_ConLiRight">
<input style="text" class="addAddressInputText aaInputTextPhone" placeholder="请填写收货人手机号码"/>
</div>
<div class="addAddress_ConLiError addAddress_ConLiErrorPhone" style="display: none;">请正确填写收货人手机号码</div>
</div>
<div class="addAddress_ConLi margin-left-65">
<input type="checkbox" checked="false" class="i-chk" name="defaultAddress"/>
<span>设置为默认收货地址</span>
</div>
<div class="addAddress_ConLi">
<a href="javascript:;" class="addAddress_send">保存</a>
</div>
</div>
</div>
<!-- 已有地址管理 -->
<p class="proveAddressP" nums="1">*最多保存10条地址</p>
<div class="proveAddress">
<ul class="proveAddress_til clearfix">
<li class="proveAddress_til_li1">收货人</li>
<li class="proveAddress_til_li2">所在地区</li>
<li class="proveAddress_til_li3">详细地址</li>
<li class="proveAddress_til_li5">邮编</li>
<li class="proveAddress_til_li4">电话/手机</li>
<li class="proveAddress_til_li5">操作</li>
</ul>
<div class="proveAddress_con">
</div>
</div>
</div>
</div>
<!-- 地址管理 end-->
</div>
</div>
</div>
<!--sidebar-->
{$sidebar_html}
<!-- 版权 -->
<div id="footermain">
{$foot_html}
</div>
<script type="text/javascript">
$(document).ready(function () {
$.post("api.php?act=province", {},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<li pname="' + value.name + '" pid="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
$('#province').html(html);
});
$('input,textarea').val('');
$.post("api.php?act=getPostAddress", {},
function (data) {
if (data != '') {
//有地址时清空输入信息
$(".proveAddressP").attr("nums",'2');
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<div class="proveAddress_conLi" postAddrId="' + value.postAddressId + '">';
html += '<div class="proveAddress_conLi1_li proveAddress_conLi_li1">' + value.postName + '</div>';
html += '<div class="proveAddress_conLi2_li proveAddress_conLi_li2">' + value.provinceName + '|' + value.cityName + '|' + value.districtName + '|' + value.townName + '</div>';
html += '<div class="proveAddress_conLi2_li proveAddress_conLi_li3">' + value.postAddress + '</div>';
html += '<div class="proveAddress_conLi1_li proveAddress_conLi_li4">' + value.postCode + '</div>';
html += '<div class="proveAddress_conLi1_li proveAddress_conLi_li5">' + value.postTel + '</div>';
html += '<div class="proveAddress_conLi1_li proveAddress_conLi_li6"><a href="#anchor1" class="recomposeAddress">修改</a>|<a href="javascript:;" class="removeAddress">删除</a></div>';
if (n == 0) {
html += '<div class="proveAddress_conLi1_li proveAddress_conLi_li7"><a href="javascript:;" class="defaultAddress">默认地址</a></div>';
}
else {
html += '<div class="proveAddress_conLi1_li proveAddress_conLi_li7"><a href="javascript:;" class="set_defaultAddress" style="display: none;">设为默认</a></div>';
}
html += '</div>';
});
$('.proveAddress_con').html(html);
//设为默认地址按钮 显示/隐藏
$('.proveAddress_conLi').on('mouseover mouseout', function (event) {
if (event.type == 'mouseover') {
$(this).find('.set_defaultAddress').show();
} else {
$(this).find('.set_defaultAddress').hide();
}
});
$('.recomposeAddress').on('click', function () {
var postAddressId = $(this).parents('.proveAddress_conLi').attr('postAddrId');
var province = ''; //省
var city = ''; //市
var district = ''; //区
var town = ''; //街道
var area = $(this).parent().siblings('.proveAddress_conLi_li2').html();
var areas = new Array();
areas = area.split('|');
for (i = 0; i < areas.length; i++)
{
if (i == 0) {
province = areas[i];
}
if (i == 1) {
city = areas[i];
}
if (i == 2) {
district = areas[i];
}
if (i == 3) {
town = areas[i];
}
}
var address = $(this).parent().siblings('.proveAddress_conLi_li3').html(); //详细地址
var postCode = $(this).parent().siblings('.proveAddress_conLi_li4').html(); //邮编
var postName = $(this).parent().siblings('.proveAddress_conLi_li1').html(); //收货人
var postTel = $(this).parent().siblings('.proveAddress_conLi_li5').html(); //联系电话
var isDefault = $(this).parent().siblings('.proveAddress_conLi_li7').find('a').html();
$('.addAddress_Til').attr('postAddressId', postAddressId);
$('.addAddress_P_province').html(province); //省
$('.addAddress_P_city').html(city); //市
$('.addAddress_P_dist').html(district); //区
$('.addAddress_P_street').html(town); //街道
$('.addAddressTextarea').val(address); //详细地址
$('.aaInputTextPostcode').val(postCode); //邮编
$('.aaInputTextPeople').val(postName); //收货人
$('.aaInputTextPhone').val(postTel); //联系电话
if (isDefault == '默认地址') {
$('.i-chk').attr('checked', true);
}
else {
$('.i-chk').attr('checked', false);
}
provBind();
});
$('.removeAddress').on('click', function () {
if (confirm("确定要删除数据吗")) {
var postAddressId = $(this).parents('.proveAddress_conLi').attr('postAddrId');
$.post("api.php?act=postAddressDelete", {
postAddressId: postAddressId
},
function (data) {
if (data == 'success') {
alert('删除成功!');
window.location.reload();
}
});
}
});
$('.set_defaultAddress').on('click', function () {
var postAddressId = $(this).parents('.proveAddress_conLi').attr('postAddrId');
$.post("api.php?act=defaultPostAddr", {
postAddressId: postAddressId
},
function (data) {
if (data == 'success') {
window.location.reload();
}
});
});
}
});
$.post('api.php?act=userGetInfo', {},
function (data) {
var nums = $(".proveAddressP").attr("nums");
data = $.parseJSON(data);
$.each(data, function (n, value) {
if( nums == '1' ){
$('.addAddress_P_province').html(value.ProvinceName); //省
$('.addAddress_P_city').html(value.CityName); //市
$('.addAddress_P_dist').html(value.DistrictName); //区
$('.addAddress_P_street').html(value.TownName); //街道
$('.addAddressTextarea').val(value.Address); //详细地址
$('.aaInputTextPhone').val(value.phoneNumber); //联系电话
}
var isDefault = $(this).parent().siblings('.proveAddress_conLi_li7').find('a').html();
if (isDefault == '默认地址') {
$('.i-chk').attr('checked', true);
}
else {
$('.i-chk').attr('checked', false);
}
if( nums == '1' ){
provBind();
}
});
});
});
//点击省,绑定城市
$('#province').on('click', 'li', function () {
$('.addAddress_P.addAddress_P_province').html($(this).attr('pname'));
$('.addAddress_P.addAddress_P_province').attr('pname', $(this).attr('pname'));
var pid = $(this).attr('pid');
$.post("api.php?act=city", {
pid: pid
},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<li cname="' + value.name + '" cid="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
if (data != '') {
$('#citys').slideDown(200);
$('#citys').html(html);
}
});
$(this).parents('.addAddress_menuCon').hide();
});
//点击城市,绑定区
$('#citys').on('click', 'li', function () {
$('.addAddress_P.addAddress_P_city').html($(this).attr("cname"));
$('.addAddress_P.addAddress_P_city').attr("cname", $(this).attr('cname'));
var cid = $(this).attr('cid');
$.post("api.php?act=district", {
cid: cid
},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<li dname="' + value.name + '" did="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
if (data != '') {
$('#district').slideDown(200);
$('#district').html(html);
}
});
$(this).parents('.addAddress_menuCon').hide();
});
//点击区,绑定街道
$('#district').on('click', 'li', function () {
$('.addAddress_P.addAddress_P_dist').html($(this).attr("dname"));
$('.addAddress_P.addAddress_P_dist').attr("dname", $(this).attr('dname'));
var did = $(this).attr('did');
$.post("api.php?act=town", {
did: did
},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<li tname="' + value.name + '" tid="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
if (data != '') {
$('#town').slideDown(200);
$('#town').html(html);
}
});
$(this).parents('.addAddress_menuCon').hide();
});
//点击街道 并验证
$('#town').on('click', 'li', function () {
$('.addAddress_P.addAddress_P_street').html($(this).attr("tname"));
$('.addAddress_P.addAddress_P_street').attr("tname", $(this).attr('tname'));
$(this).parents('.addAddress_menuCon').hide();
var addAdderessPro = $('.addAddress_P_province').html(); //省
var addAdderessCity = $('.addAddress_P_city').html(); //市
var addAdderessDist = $('.addAddress_P_dist').html(); //区
var addAdderessStreet = $('.addAddress_P_street').html(); //街道
if (addAdderessPro == "" || addAdderessCity == "" || addAdderessDist == "" || addAdderessStreet == "街道") {
$('.addAddress_ConLiErrorDiqu').show();
}
else {
$('.addAddress_ConLiErrorDiqu').hide();
}
});
// 下拉框展开/收缩
$('.addAddress_menuTil').on('click', function () {
if ($(this).siblings('.addAddress_menuCon').is(':hidden')) {
$('.addAddress_menuCon').css('display', 'none');
$(this).siblings('.addAddress_menuCon').css('display', 'block');
} else {
$(this).siblings('.addAddress_menuCon').css('display', 'none');
}
});
$('.addAddress_send').on('click', function () {
var flag = verify();
if ((flag == 0)) {//验证
var postAddressId = $('.addAddress_Til').attr('postAddressId');
var province = $('.addAddress_P_province').html(); //省
var city = $('.addAddress_P_city').html(); //市
var district = $('.addAddress_P_dist').html() == "" ? '' : $('.addAddress_P_dist').html(); //区
var town = $('.addAddress_P_street').html() == "街道" ? '' : $('.addAddress_P_street').html(); //街道
var address = $('.addAddressTextarea').val(); //详细地址
var postCode = $('.aaInputTextPostcode').val(); //邮编
var postName = $('.aaInputTextPeople').val(); //收货人
var postTel = $('.aaInputTextPhone').val(); //联系电话
var defaultChk = $('.i-chk');
var isDefault = 0;
if (defaultChk.attr('checked') == 'checked') {
isDefault = 1;
}
$.post("api.php?act=postAddressSave", {
postAddressId: postAddressId,
province: province,
city: city,
district: district,
town: town,
address: address,
postCode: postCode,
postName: postName,
postTel: postTel,
isDefault: isDefault
},
function (data) {
if (isNaN(data)) {
alert(data);
}
else {
var newPostId = data;
if (newPostId != 0) {
$('.addAddress_Til').attr('postAddressId', newPostId);
}
window.location.reload();
}
});
}
});
//失去焦点时验证
$('input,textarea').on('blur', function () {
regYoubian = /^[0-9]{6}$/;
regPhone = /^[1][3578][0-9]{9}$/;
if ($(this).val() == "") {
$(this).parent().siblings('.addAddress_ConLiError').show();
}
else {
if ($(this).attr('placeholder') == '请填写邮政编码') {
if (!regYoubian.test($(this).val())) {
$(this).parent().siblings('.addAddress_ConLiError').show();
}
else {
$(this).parent().siblings('.addAddress_ConLiError').hide();
}
}
else if ($(this).attr('placeholder') == '请填写收货人手机号码') {
if (!regPhone.test($(this).val())) {
$(this).parent().siblings('.addAddress_ConLiError').show();
}
else {
$(this).parent().siblings('.addAddress_ConLiError').hide();
}
}
else {
$(this).parent().siblings('.addAddress_ConLiError').hide();
}
}
});
//验证
function verify() {
var errorCount = 0;
var addAdderessPro = $('.addAddress_P_province').html(); //省
var addAdderessCity = $('.addAddress_P_city').html(); //市
var addAdderessDist = $('.addAddress_P_dist').html(); //区
var addAdderessStreet = $('.addAddress_P_street').html(); //街道
var addAdderessArea = $('.addAddressTextarea').val(); //详细地址
var addAdderessPostcode = $('.aaInputTextPostcode').val(); //邮编
var addAdderessPeople = $('.aaInputTextPeople').val(); //收货人
var addAdderessPhone = $('.aaInputTextPhone').val(); //联系电话
regYoubian = /^[0-9]{6}$/;
regPhone = /^[1][3578][0-9]{9}$/;
if (addAdderessPro == "" || addAdderessCity == "" || addAdderessDist == "" || addAdderessStreet == "街道" || addAdderessDist == '' || addAdderessStreet == '') {
if (addAdderessPro == "台湾" || addAdderessPro == "香港" || addAdderessPro == "澳门" || addAdderessPro == "海外" || addAdderessPro == "其他") {
if (addAdderessPro == '' || addAdderessCity == '') {
$('.addAddress_ConLiErrorDiqu').show();
errorCount++;
}
}
else {
$('.addAddress_ConLiErrorDiqu').show();
errorCount++;
}
}
if (addAdderessArea == "") {
$('.addAddress_ConLiErrorDizhi').show();
errorCount++;
}
if (addAdderessPostcode == "") {
$('.addAddress_ConLiErrorYubian').show();
errorCount++;
}
if (addAdderessPeople == "") {
$('.addAddress_ConLiErrorName').show();
errorCount++;
}
if (addAdderessPhone == "") {
$('.addAddress_ConLiErrorPhone').show();
errorCount++;
}
if (!regYoubian.test(addAdderessPostcode)) {
$('.addAddress_ConLiErrorYubian').show();
errorCount++;
}
if (!regPhone.test(addAdderessPhone)) {
$('.addAddress_ConLiErrorPhone').show();
errorCount++;
}
if (errorCount == 0) {
$('.addAddress_ConLiError').hide();
}
return errorCount;
}
</script>
<script type="text/javascript">
function provBind() {
$.post("api.php?act=province", {},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
if (value.name == $('.addAddress_P.addAddress_P_province').html()) {
$('.addAddress_P.addAddress_P_province').attr('pid', value.id);
}
html += '<li pname="' + value.name + '" pid="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
$('#province').html(html);
cityBind();
});
}
function cityBind() {
var pid = $('.addAddress_P.addAddress_P_province').attr('pid');
$.post("api.php?act=city", {
pid: pid
},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
if (value.name == $('.addAddress_P.addAddress_P_city').html()) {
$('.addAddress_P.addAddress_P_city').attr("cid", value.id);
}
html += '<li cname="' + value.name + '" cid="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
if (data != '') {
$('#citys').html(html);
districtBind();
}
});
}
function districtBind() {
var cid = $('.addAddress_P.addAddress_P_city').attr("cid");
$.post("api.php?act=district", {
cid: cid
},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
if (value.name == $('.addAddress_P.addAddress_P_dist').html()) {
$('.addAddress_P.addAddress_P_dist').attr("did", value.id);
}
html += '<li dname="' + value.name + '" did="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
if (data != '') {
$('#district').html(html);
townBind();
}
});
}
function townBind() {
var did = $('.addAddress_P.addAddress_P_dist').attr("did");
$.post("api.php?act=town", {
did: did
},
function (data) {
var html = "";
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<li tname="' + value.name + '" tid="' + value.id + '"><a href="javascript:;">' + value.name + '</a></li>';
});
if (data != '') {
$('#town').html(html);
}
});
$(this).parents('.addAddress_menuCon').hide();
}
</script>
</body>
</html>
1
https://gitee.com/xuqipeter/pdw.git
git@gitee.com:xuqipeter/pdw.git
xuqipeter
pdw
品贷网
master

搜索帮助