222 lines
8.9 KiB
HTML
222 lines
8.9 KiB
HTML
{extend name="default/base/base_member" /}
|
||
{block name="member_main"}
|
||
|
||
|
||
|
||
<div class="dsm-default-form fl">
|
||
<form method="post" action="" id="address_form">
|
||
<dl>
|
||
<dt>{$Think.lang.consignee}：</dt>
|
||
<dd>
|
||
<span class="w400">
|
||
<input type="text" class="text" maxlength="20" name="true_name" value="{$address.address_realname}">
|
||
</span>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>{$Think.lang.area}：</dt>
|
||
<dd>
|
||
<span class="w400">
|
||
<div onclick="change_map()">
|
||
<input type="hidden" value="{$address.city_id|default=''}" name="city_id" id="_area_2">
|
||
<input type="hidden" value="{$address.area_id|default=''}" name="area_id" id="_area">
|
||
<input type="hidden" name="area_info" id="region" value="{$address.area_info|default=''}"/>
|
||
</div>
|
||
</span>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>{$Think.lang.street_address}：</dt>
|
||
<dd>
|
||
<span class="w400">
|
||
<input type="text" class="text" maxlength="20" name="address" value="{$address.address_detail}" onkeyup="local.search($(this).val());">
|
||
</span>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>{$Think.lang.tel_phone}：</dt>
|
||
<dd>
|
||
<span class="w400">
|
||
<input type="text" class="text" maxlength="20" name="tel_phone" value="{$address.address_tel_phone}">
|
||
</span>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>{$Think.lang.mob_phone}：</dt>
|
||
<dd>
|
||
<span class="w400">
|
||
<input type="text" class="text" maxlength="20" name="mob_phone" value="{$address.address_mob_phone}">
|
||
</span>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>{$Think.lang.default}：</dt>
|
||
<dd>
|
||
<input type="checkbox" class="checkbox vm mr5" name="is_default" id="is_default" value="1" {if $address.address_is_default eq '1'}checked="checked"{/if} />
|
||
<label for="is_default">{$Think.lang.set_default_shipping_address}</label>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>{$Think.lang.map_location}：</dt>
|
||
<dd>
|
||
<input name="longitude" id="longitude" value="{$address.address_longitude}" type="hidden" />
|
||
<input name="latitude" id="latitude" value="{$address.address_latitude}" type="hidden" />
|
||
<div id="allmap" style="width:530px;height: 350px;margin-top: 20px"></div>
|
||
</dd>
|
||
</dl>
|
||
<dl class="bottom">
|
||
<dt></dt>
|
||
<dd>
|
||
<input type="submit" class="submit" value="{$Think.lang.ds_submit}">
|
||
</dd>
|
||
</dl>
|
||
</form>
|
||
</div>
|
||
|
||
|
||
<script src="{$Think.PLUGINS_SITE_ROOT}/mlselection.js"></script>
|
||
<script type="text/javascript" src="{$Think.HTTP_TYPE}api.map.baidu.com/api?v=2.0&ak={$baidu_ak}"></script>
|
||
<script>
|
||
var local;
|
||
var map;
|
||
var lst_name='';
|
||
function change_map(){
|
||
var name=$("#area_info").val();
|
||
|
||
if(name!='' && lst_name!=name){
|
||
lst_name=name;
|
||
map.setCurrentCity(name);
|
||
map.centerAndZoom(name,16);
|
||
map.clearOverlays();
|
||
local.search(name);
|
||
}
|
||
|
||
}
|
||
$(function(){
|
||
|
||
map = new BMap.Map("allmap");
|
||
var lng = '{$address.address_longitude}';
|
||
var lat = '{$address.address_latitude}';
|
||
if(!lng && !lat){
|
||
var geolocation = new BMap.Geolocation();
|
||
geolocation.getCurrentPosition(function (r) {
|
||
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
|
||
var lng = r.point.lng;
|
||
var lat = r.point.lat;
|
||
var point = new BMap.Point(lng, lat);
|
||
map.centerAndZoom(point, 16);
|
||
map.addControl(new BMap.NavigationControl());
|
||
map.enableScrollWheelZoom();
|
||
var marker = new BMap.Marker(point); // 创建标注
|
||
map.addOverlay(marker); // 将标注添加到地图中
|
||
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
|
||
document.getElementById("longitude").value = lng;
|
||
document.getElementById("latitude").value = lat;
|
||
|
||
} else {
|
||
alert('failed' + this.getStatus());
|
||
}
|
||
}, {enableHighAccuracy: true})
|
||
}else{
|
||
var point = new BMap.Point(lng, lat);
|
||
map.centerAndZoom(point, 16);
|
||
map.addControl(new BMap.NavigationControl());
|
||
map.enableScrollWheelZoom();
|
||
var marker = new BMap.Marker(point); // 创建标注
|
||
map.addOverlay(marker); // 将标注添加到地图中
|
||
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
|
||
}
|
||
|
||
|
||
var options = {
|
||
onSearchComplete: function(results){
|
||
// 判断状态是否正确
|
||
if (local.getStatus() == BMAP_STATUS_SUCCESS){
|
||
if(results.getCurrentNumPois()>0){
|
||
|
||
map.clearOverlays(); //清除标注 或者可以把market 放入数组
|
||
var point = new BMap.Point(results.getPoi(0).point.lng , results.getPoi(0).point.lat);
|
||
var marker = new BMap.Marker(point);
|
||
map.centerAndZoom(point, 16);
|
||
map.addOverlay(marker);
|
||
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
|
||
|
||
document.getElementById("longitude").value = results.getPoi(0).point.lng;
|
||
document.getElementById("latitude").value = results.getPoi(0).point.lat;
|
||
|
||
}
|
||
}
|
||
}
|
||
};
|
||
local = new BMap.LocalSearch(map, options);
|
||
map.addEventListener("click", function(e){
|
||
// alert(e.point.lng + ", " + e.point.lat);
|
||
map.clearOverlays(); //清除标注 或者可以把market 放入数组
|
||
var point = new BMap.Point(e.point.lng , e.point.lat);
|
||
var marker = new BMap.Marker(point);
|
||
map.addOverlay(marker);
|
||
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
|
||
|
||
document.getElementById("longitude").value = e.point.lng;
|
||
document.getElementById("latitude").value = e.point.lat;
|
||
});
|
||
})
|
||
$(function () {
|
||
$("#region").ds_region();
|
||
});
|
||
$(document).ready(function () {
|
||
$('#address_form').validate({
|
||
submitHandler: function (form) {
|
||
ds_ajaxpost('address_form','url','{:url('Memberaddress/index')}');
|
||
},
|
||
rules: {
|
||
true_name: {
|
||
required: true
|
||
},
|
||
address: {
|
||
required: true
|
||
},
|
||
tel_phone: {
|
||
required: check_phone,
|
||
minlength: 6,
|
||
maxlength: 20
|
||
},
|
||
mob_phone: {
|
||
required: check_phone,
|
||
minlength: 11,
|
||
maxlength: 11,
|
||
digits: true
|
||
}
|
||
},
|
||
messages: {
|
||
true_name: {
|
||
required: '{$Think.lang.please_fill_name_consignee}'
|
||
},
|
||
address: {
|
||
required: '{$Think.lang.please_fill_address_consignee}'
|
||
},
|
||
tel_phone: {
|
||
required: '{$Think.lang.fill_least_one_phone}',
|
||
minlength: '{$Think.lang.please_correct_fill_phone_number}',
|
||
maxlength: '{$Think.lang.please_correct_fill_phone_number}'
|
||
},
|
||
mob_phone: {
|
||
required: '{$Think.lang.fill_least_one_phone}',
|
||
minlength: '{$Think.lang.please_fill_phone_number_correctly}',
|
||
maxlength: '{$Think.lang.please_fill_phone_number_correctly}',
|
||
digits: '{$Think.lang.please_fill_phone_number_correctly}'
|
||
}
|
||
}
|
||
});
|
||
function check_phone() {
|
||
return ($('input[name="tel_phone"]').val() == '' && $('input[name="mob_phone"]').val() == '');
|
||
}
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
{/block}
|
||
|
||
|