293 lines
12 KiB
HTML
293 lines
12 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>修改地址--{$tpshop_config['shop_info_store_title']}</title>
|
||
|
|
<link rel="stylesheet" href="__STATIC__/css/style.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="__STATIC__/css/iconfont.css"/>
|
||
|
|
<script src="__STATIC__/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||
|
|
<script src="__STATIC__/js/mobile-util.js" type="text/javascript" charset="utf-8"></script>
|
||
|
|
<script src="__STATIC__/js/layer.js" type="text/javascript" ></script>
|
||
|
|
<style type="text/css">
|
||
|
|
.area_roll{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body class="g4" style="min-height: 27.73333rem;position: relative;">
|
||
|
|
<div class="classreturn loginsignup">
|
||
|
|
<div class="content">
|
||
|
|
<div class="ds-in-bl return">
|
||
|
|
<a href="javascript:history.back(-1)"><img src="__STATIC__/images/return.png" alt="返回"></a>
|
||
|
|
</div>
|
||
|
|
<div class="ds-in-bl search center">
|
||
|
|
<span>编辑收货地址</span>
|
||
|
|
</div>
|
||
|
|
<empty name="$Request.param.source"> <!--如果是下订单时提交过了的页面-->
|
||
|
|
<div class="ds-in-bl menu">
|
||
|
|
<a href="javascript:btn_del();"><img src="__STATIC__/images/dele.png" alt="删除"></a>
|
||
|
|
</div>
|
||
|
|
</empty>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="floor my p edit">
|
||
|
|
<form action="{:U('Mobile/User/edit_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="text" value="{$address.mobile}" name="mobile" />
|
||
|
|
</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>
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<input type="hidden" name="is_default" value="{$address.is_default}"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" name="id" value="{$address.address_id}" />
|
||
|
|
<div class="edita">
|
||
|
|
<div class="content30">
|
||
|
|
<?php $source = I('source');?>
|
||
|
|
<notempty name="$source"> <!--如果是下订单时提交过了的页面-->
|
||
|
|
<input type="button" value="保存并使用该地址" class="dotm_btn1 beett" onclick="checkForm()" />
|
||
|
|
<input type="hidden" name="source" value="{$Request.param.source}" />
|
||
|
|
<input type="hidden" name="order_id" value="{$Request.param.order_id}" />
|
||
|
|
<input type="hidden" name="act_id" value="{$Request.param.act_id}" />
|
||
|
|
<input type="hidden" name="goods_num" value="{$Request.param.goods_num}" />
|
||
|
|
<input type="hidden" name="goods_id" value="{$Request.param.goods_id}" />
|
||
|
|
<input type="hidden" name="item_id" value="{$Request.param.item_id}" />
|
||
|
|
<input type="hidden" name="action" value="{$Request.param.action}" />
|
||
|
|
<else/>
|
||
|
|
<input type="button" value="保存该地址" class="dotm_btn1 beett" onclick="checkForm()" />
|
||
|
|
</notempty>
|
||
|
|
</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);"> </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"><a href="{:U('/Mobile/User/del_address',array('id'=>$address[address_id]))}'">确定</a></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mask-filter-div" style="display: none;"></div>
|
||
|
|
<script src="__PUBLIC__/js/global.js"></script>
|
||
|
|
<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')));
|
||
|
|
});
|
||
|
|
$('.ed_shdele .clos').click(function(){
|
||
|
|
$('.ed_shdele').hide();
|
||
|
|
$('.mask-filter-div').hide();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
function btn_del(){
|
||
|
|
$('.ed_shdele').show();
|
||
|
|
$('.mask-filter-div').show();
|
||
|
|
};
|
||
|
|
|
||
|
|
function checkForm(){
|
||
|
|
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){
|
||
|
|
layer.open({content:error,time:2});
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
$.ajax({
|
||
|
|
type : "POST",
|
||
|
|
url:"{:U('Mobile/User/edit_address')}",//+tab,
|
||
|
|
dataType:'JSON',
|
||
|
|
data :$('#addressForm').serialize(),
|
||
|
|
success: function(data)
|
||
|
|
{
|
||
|
|
if(data.status == 1){
|
||
|
|
layer.open({content: data.msg,time:2,end:function () {
|
||
|
|
window.location.href=data.url;
|
||
|
|
}})
|
||
|
|
}else{
|
||
|
|
layer.open({content: data.msg,time:2});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error:function(){
|
||
|
|
layer.open({content:'请稍后再试',time:2});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//黑色遮罩层-隐藏
|
||
|
|
function undercover(){
|
||
|
|
$('.mask-filter-div').hide();
|
||
|
|
}
|
||
|
|
//黑色遮罩层-显示
|
||
|
|
function cover(){
|
||
|
|
$('.mask-filter-div').show();
|
||
|
|
}
|
||
|
|
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>
|