2 Star 1 Fork 2

徐子玉 / 品贷网

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
addressLogistics.html 21.99 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:21 . + pdw
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605
<!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>
<li>到货地址</li>
</ul>
</div>
<!--<div class="addressAdminTil">
<ul class="addressLogisticsTil">
<li class="addressActive">提货地址</li>
<li>到货地址</li>
</ul>
</div>-->
<!--地址-->
<div class="addAddress clearfix">
<div class="addAddress_Con addressLogistics addressShipments">
<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 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="proveAddressLogistics">
<ul class="proveAddress_til clearfix">
<li class="proveAddress_til1">所在地区</li>
<li class="proveAddress_til2">详细地址</li>
<li class="proveAddress_til3">操作</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('');
var type = 1;
if($('.aaaa').html() == "到货地址"){
type = 2;
}
loadAddrList("",type);
// $.post("api.php?act=getPostAddress", {},
// function(data) {
// if (data != '') {
//
// });
$.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); //详细地址
}
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 = $('.addressLogistics').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 defaultChk = $('.i-chk');
var isDefault = 0;
if (defaultChk.attr('checked') == 'checked') {
isDefault = 1;
}
var type = 1;
if($('.aaaa').html() == "到货地址"){
type = 2;
}
var takeAddr = new LocAddr();
takeAddr.provinceName =province;
takeAddr.cityName = city;
takeAddr.districtName = district;
takeAddr.townName = town;
takeAddr.postAddress = address;
var takeJson = JSON.stringify(takeAddr);
$.post("api.php?act=logisticAddressSubmit", {
postAddressId: postAddressId,
type: type,
strJson: takeJson
},
function(result) {
if (result.indexOf('Fa_') == 0) {
alert(result.substr(3));
}
else {
result = $.parseJSON(result);
$.each(result, function(n,value) {
var newPostId = value.postAddressId;
if (newPostId != 0) {
$('.addressLogistics').attr('postAddressId', "");
}
});
var type = 1;
if($('.aaaa').html() == "到货地址"){
type = 2;
}
loadAddrList("",type);
alert("提交成功!");
}
});
}
});
var LocAddr = function () {
this.provinceName = "";
this.cityName = "";
this.districtName = "";
this.townName = "";
this.postAddress = "";
};
//验证
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(); //详细地址
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;
}
$(function() {
//var addressLogistics = $('.addressLogistics');
$('.indent_right_box_title ul li').click(function() {
$(this).addClass('aaaa').siblings().removeClass('aaaa');
//var boxLi = $(this).index();
//addressLogistics.eq(boxLi).show().siblings().hide();
var type = 1;
if($('.aaaa').html() == "到货地址"){
type = 2;
}
loadAddrList("",type);
});
});
function loadAddrList(city,type){
$.ajax({
type:"post",
url:"api.php?act=getLogisticAddr",
data:{
city:city,
type:type
},
async:true,
success:function(result){
if(result != "Failure"){
//有地址时清空输入信息
$(".proveAddressP").attr("nums", '2');
var html = "";
result = $.parseJSON(result);
$.each(result, function(n, value) {
html += '<div class="proveAddress_conLi" postAddrId="' + value.postAddressId + '">';
html += '<div class="proveAddress_conLi2_li proveAddress_til1_conLi">';
if(value.provinceName != ""){
html += value.provinceName + '|';
}
if(value.cityName != ""){
html += value.cityName + '|';
}
html += value.districtName + '|' + value.townName + '</div>';
html += '<div class="proveAddress_conLi2_li proveAddress_til2_conLi">' + value.postAddress + '</div>';
html += '<div class="proveAddress_conLi1_li proveAddress_til3_conLi"><a href="#anchor1" class="recomposeAddress">修改</a>|<a href="javascript:;" class="removeAddress">删除</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_til1_conLi').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_til2_conLi').html(); //详细地址
//var isDefault = $(this).parent().siblings('.proveAddress_conLi_li7').find('a').html();
$('.addressLogistics').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); //详细地址
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();
}
});
});
}
else{
$('.proveAddress_con').html("");
}
}
});
}
</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

搜索帮助