|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<title>学考无忧-新增地址</title>
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
|
|
|
<style>
|
|
|
.mui-poppicker-header,
|
|
|
.mui-picker {
|
|
|
background-color: white;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="add_addressBox">
|
|
|
<!-- 顶部 -->
|
|
|
<div class="ad_top" style="background-color:white;">
|
|
|
<a href="javascript:history.back(-1)">
|
|
|
<img class="ad_topImg" src="__TMPL__/public/assets/images/left.png" alt="">
|
|
|
</a>
|
|
|
<h1>收货地址</h1>
|
|
|
<p style="color:#FF7700;" onclick="add_save()">保存</p>
|
|
|
</div>
|
|
|
<!-- 内容 -->
|
|
|
<div class="add_con">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<label for="">姓名</label>
|
|
|
<input type="text" placeholder="请输入姓名" id="name">
|
|
|
</li>
|
|
|
<li>
|
|
|
<label for="">手机号</label>
|
|
|
<input type="text" placeholder="请输入手机号" id="phone">
|
|
|
</li>
|
|
|
<li class="add_conThere">
|
|
|
<label for="">地区</label>
|
|
|
<div class="add_city" id="city_text" type="text" placeholder="">选择省市区</div>
|
|
|
<img src="__TMPL__/public/assets/images/29.png" alt="">
|
|
|
</li>
|
|
|
<li>
|
|
|
<label for="">详细地址</label>
|
|
|
<input type="text" placeholder="街道、小区、门牌号码" id="address_content">
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="add_detailAddress">
|
|
|
<textarea placeholder="请输入详细地址,不少于15字" maxlength="200" id="address_content_con"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="__TMPL__/public/assets/js/jquery.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
|
|
|
<script>
|
|
|
/**
|
|
|
*保存
|
|
|
*/
|
|
|
function add_save(){
|
|
|
if($('#name').val() == ''){
|
|
|
alert('姓名不能为空');
|
|
|
}else if($('#phone').val() == ''){
|
|
|
alert('手机号不能为空');
|
|
|
}else if($('#city_text').text() == ''){
|
|
|
alert('地区不能为空');
|
|
|
}else if($('#address_content').val() == ''){
|
|
|
alert('详细地址不能为空');
|
|
|
}else{
|
|
|
name = $('#name').val();
|
|
|
phone = $('#phone').val();
|
|
|
region = $('#city_text').text();
|
|
|
address_content = $('#address_content').val();
|
|
|
address_content_con = $('#address_content_con').val();
|
|
|
detailed = address_content+address_content_con;
|
|
|
$.post("{:url('Personalcenter/add_shop_address')}",{name:name,phone:phone,region:region,detailed:detailed},function(data){
|
|
|
if(data){
|
|
|
window.location.href = "{:url('Personalcenter/shop_address')}";
|
|
|
}else{
|
|
|
alert('保存失败!');
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
<script>
|
|
|
//mui 地址
|
|
|
var city_picker = new mui.PopPicker({
|
|
|
layer: 3
|
|
|
});
|
|
|
city_picker.setData(cityData3);
|
|
|
$("#city_text").on("tap", function() {
|
|
|
setTimeout(function() {
|
|
|
city_picker.show(function(items) {
|
|
|
$("#city_text").text((items[0] || {}).text + "," + (items[1] || {}).text + "," + (items[2] || {}).text); //该ID为接收城市ID字段
|
|
|
$('#city_text').css('color', 'black');
|
|
|
$("#city_text").html((items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text);
|
|
|
});
|
|
|
}, 200);
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|