Files
littleTiger/template/mobile/rainbow/user/add_address.html

255 lines
10 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<include file="public/header" title="新增收货地址" body="pore_add"/>
<include file="public/header_nav" title="新增收货地址" href="javascript:history.back(-1)"/>
<div class="floor my p edit">
<form action="{:U('Mobile/User/add_address')}" method="post" id="addressForm">
<div class="content">
<div class="floor list7">
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>收货人:</span>
</div>
<div class="fl">
<input type="text" value="{$address.consignee}" name="consignee"/>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>手机号码:</span>
</div>
<div class="fl">
<input type="tel" value="{$address.mobile}" name="mobile" onkeyup="this.value=this.value.replace(/[^\d]/g,'')"/>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)" onclick="locationaddress(this);">
<div class="order">
<div class="fl">
<span>所在地区: </span>
</div>
<div class="fl">
<span id="area">
<volist name="province" id="sub">
<if condition="$address['province'] eq $sub['id']"> {$sub.name}</if>
</volist>
<volist name="city" id="sub">
<if condition="$address['city'] eq $sub['id']"> {$sub.name}</if>
</volist>
<volist name="district" id="sub">
<if condition="$address['district'] eq $sub['id']"> {$sub.name}</if>
</volist>
</span>
<input type="hidden" value="{$address['province']}" name="province" class="hiddle_area"/>
<input type="hidden" value="{$address['city']}" name="city" class="hiddle_area"/>
<input type="hidden" value="{$address['district']}" name="district" class="hiddle_area"/>
</div>
<div class="fr">
<i class="Mright"></i>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>详细地址:</span>
</div>
<div class="fl">
<input type="text" value="{$address.address}" name="address"/>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>设为默认地址</span>
</div>
<div class="fr">
<i id='default_addr' class="Mright turnoff <if condition="$address.is_default == 1">turnup</if>"></i>
</div>
</div>
<input type="hidden" name="is_default" value="{$address.is_default}"/>
</div>
</a>
</div>
</div>
</div>
<input type="hidden" name="id" value="{$address.address_id}" />
<div class="edita">
<div class="content30">
<input type="button" value="保存该地址" class="dotm_btn1 beett" onclick="checkForm(this)" />
</div>
</div>
</form>
</div>
<!--选择地区-s-->
<div class="container" >
<div class="city">
<div class="screen_wi_loc">
<div class="classreturn loginsignup">
<div class="content">
<div class="ds-in-bl return seac_retu">
<a href="javascript:void(0);" onclick="closelocation();"><img src="__STATIC__/images/return.png" alt="返回"></a>
</div>
<div class="ds-in-bl search center">
<span class="sx_jsxz">选择地区</span>
</div>
<div class="ds-in-bl suce_ok">
<a href="javascript:void(0);">&nbsp;</a>
</div>
</div>
</div>
</div>
<div class="province-list"></div>
<div class="city-list" style="display:none"></div>
<div class="area-list" style="display:none"></div>
</div>
</div>
<!--选择地区-e-->
<div class="ed_shdele">
<div class="sfk">是否删除该地址?</div>
<div class="lineq">
<span class="clos">取消</span>
<span class="sur">确定</span>
</div>
</div>
<div class="mask-filter-div" style="display: none;"></div>
<script src="__STATIC__/js/mobile-location.js"></script>
<script type="text/javascript">
$(function(){
$('.turnoff').click(function(){
$(this).toggleClass('turnup');
$("input[name=is_default]").val(Number($(this).hasClass('turnup')));
});
})
</script>
<script type="text/javascript">
$(function(){
$('.menu').click(function(){
$('.ed_shdele').show();
$('.mask-filter-div').show();
})
$('.ed_shdele .clos').click(function(){
$('.ed_shdele').hide();
$('.mask-filter-div').hide();
})
});
</script>
<script type="text/javascript">
function checkForm(obj){
$(obj).attr('disabled',true);
var consignee = $('input[name="consignee"]').val();
var address = $('input[name="address"]').val();
var mobile = $('input[name="mobile"]').val();
var area = $('#area').text();
var error = '';
if(consignee == ''){
error = '收货人不能为空 <br/>';
}
if(address == ''){
error = '请填写地址 <br/>';
}
if(!checkMobile(mobile)){
error = '手机号码格式有误 <br/>';
}
if(area == '') {
error = '所在地区不能为空 <br/>';
}
if(error){
$(obj).attr('disabled',false);
showErrorMsg(error)
return false;
}
$.ajax({
type : "POST",
url:"{:U('Mobile/User/add_address')}",//+tab,
dataType:'JSON',
data :$('#addressForm').serialize(),
success: function(data)
{
// $(obj).attr('disabled',false);
if(data.status == 1){
layer.open({content: data.msg,time:2,end:function () {
window.location.href=data.url;
}});
}else{
$(obj).attr('disabled',false);
showErrorMsg(data.msg);
}
},
error:function(){
$(obj).attr('disabled',false);
showErrorMsg('请稍后再试');
}
});
}
function locationaddress(e){
$('.container').animate({width: '14.4rem', opacity: 'show'}, 'normal',function(){
$('.container').show();
});
if(!$('.container').is(":hidden")){
$('body').css('overflow','hidden')
cover();
$('.mask-filter-div').css('z-index','9999');
}
}
function closelocation(){
var province_div = $('.province-list');
var city_div = $('.city-list');
var area_div = $('.area-list');
if(area_div.is(":hidden") == false){
area_div.hide();
city_div.show();
province_div.hide();
return;
}
if(city_div.is(":hidden") == false){
area_div.hide();
city_div.hide();
province_div.show();
return;
}
if(province_div.is(":hidden") == false){
area_div.hide();
city_div.hide();
$('.container').animate({width: '0', opacity: 'show'}, 'normal',function(){
$('.container').hide();
});
undercover();
$('.mask-filter-div').css('z-index','inherit');
return;
}
}
//选择地址回调
function select_area_callback(province_name , city_name , district_name , province_id , city_id , district_id){
var area = province_name+' '+city_name+' '+district_name;
$("#area").text(area);
$("input[name=province]").val(getCookie('province_id'));
$("input[name=city]").val(getCookie('city_id'));
$("input[name=district]").val(getCookie('district_id'));
}
</script>
</body>
</html>