waibao
/
NN2022090201


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>新增地址</title>

		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">

		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="icon" type="image/png" href="js/i/favicon.png">

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<link rel="icon" sizes="192x192" href="i/app-icon72x72@2x.png">

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">

		<!-- Tile icon for Win8 (144x144 + tile color) -->
		<meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
		<meta name="msapplication-TileColor" content="#0e90d2">

		<link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
		<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
		<link rel="stylesheet" href="__CDN__/assets/shop/plugins/area/iosSelect.css" />
	</head>

	<body>
		<!-- Header -->
		<header data-am-widget="header" class="am-header am-header-default">
			<div class="am-header-left am-header-nav">
          		<a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
      		</div>
			<h1 class="am-header-title">添加收货地址</h1>
		</header>
		<!-- Content -->
		<div class="wapper" data-html="form">
			<div class="am-main">
				<form class="am-form am-form-horizontal am-bg-white" id="form1">
					<div class="am-form-group">
    					<label class="am-u-sm-3 am-form-label">收货人</label>
						<div class="am-u-sm-9">
  							<input type="text" name="userName">
						</div>
  					</div>
  					<div class="am-form-group">
    					<label class="am-u-sm-3 am-form-label">手机号</label>
						<div class="am-u-sm-9">
  							<input type="text" name="userPhone">
						</div>
  					</div>
  					<div class="am-form-group" >
    					<label class="am-u-sm-3 am-form-label">省市区</label>
						<div class="am-u-sm-9 am-form-label" id="select_contact">
							<input type="hidden" name="contact_province_code" data-id="0001" id="contact_province_code" value="" data-province-name="">                     
        					<input type="hidden" name="contact_city_code" id="contact_city_code" value="" data-city-name=""><span data-city-code="" data-province-code="" data-district-code="" id="show_contact">选择地址</span> 
						</div>
  					</div>
  					<input type="hidden" name="area" value=""/>
  					<div class="am-form-group">
    					<label class="am-u-sm-3 am-form-label">详细地址</label>
						<div class="am-u-sm-9">
  							<input type="text" name="address" >
						</div>
  					</div>
  					<div class="am-form-group">
  						<label class="am-u-sm-3 am-form-label">设为默认地址</label>
						<div class="am-u-sm-9">
  							<label class="am-checkbox am-secondary am-margin-0">
							  <input type="checkbox"  value="1" name="isdefault"  data-am-ucheck>
							</label>
						</div>
    				</div>
				</form>
				<div class="am-padding-sm am-bg-white">
					<div class=""><button type="button" class="am-btn am-btn-black am-btn-block am-radius submitbtn">确定</button></div>
				</div>
			</div>
		</div>

		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="__CDN__/assets/shop/js/jquery.min.js"></script>
		<!--<![endif]-->
		<!--[if lte IE 8 ]>
		<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
		<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
		<script src="js/amazeui.ie8polyfill.min.js"></script>
		<![endif]-->
		<script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
		<script src="__CDN__/assets/shop/plugins/area/zepto.js"></script>
		<script src="__CDN__/assets/shop/plugins/area/areaData_v2.js"></script>
		<script src="__CDN__/assets/shop/plugins/area/iosSelect.js"></script>
		<script src="__CDN__/assets/shop/js/app.js"></script>
		<script src="__CDN__/assets/libs/layer/layer.js"></script>
		<script type="text/javascript">
		    var selectContactDom = $('#select_contact');
		    var showContactDom = $('#show_contact');
		    var contactProvinceCodeDom = $('#contact_province_code');
		    var contactCityCodeDom = $('#contact_city_code');
		    selectContactDom.bind('click', function () {
		        var sccode = showContactDom.attr('data-city-code');
		        var scname = showContactDom.attr('data-city-name');
		
		        var oneLevelId = showContactDom.attr('data-province-code');
		        var twoLevelId = showContactDom.attr('data-city-code');
		        var threeLevelId = showContactDom.attr('data-district-code');
		        var iosSelect = new IosSelect(3, 
		            [iosProvinces, iosCitys, iosCountys],
		            {
		                title: '',
		                itemHeight: 35,
		                relation: [1, 1],
		                oneLevelId: oneLevelId,
		                twoLevelId: twoLevelId,
		                threeLevelId: threeLevelId,
		                callback: function (selectOneObj, selectTwoObj, selectThreeObj) {
		                    contactProvinceCodeDom.val(selectOneObj.id); 
		                    contactProvinceCodeDom.attr('data-province-name', selectOneObj.value);
		                    contactCityCodeDom.val(selectTwoObj.id);
		                    contactCityCodeDom.attr('data-city-name', selectTwoObj.value);
		
		                    showContactDom.attr('data-province-code', selectOneObj.id);
		                    showContactDom.attr('data-city-code', selectTwoObj.id);
		                    showContactDom.attr('data-district-code', selectThreeObj.id);
		                    showContactDom.html(selectOneObj.value + ' ' + selectTwoObj.value + ' ' + selectThreeObj.value);
		                    $('input[name=area]').val(selectOneObj.value + ' ' + selectTwoObj.value + ' ' + selectThreeObj.value);
		                }
		        });
		    });
		    $('.submitbtn').click(function(){
		        var formData = new FormData($('#form1')[0]);
		            $.ajax({
		                type: "POST",
		                url: "{:url('api/shop/addressadd')}",
		                data: formData,
		                contentType: false,
		                processData: false,
		                success: function(data) {
		                	if(data.code>0)
	                		{
		                		 layer.msg(data.msg,{time:1000},function(){
                                     location="{:url('shop/order/addresslist',['type'=>$type])}";

				                  }); 
	                		}else{
	                			layer.msg(data.msg);
	                		} 
		                },
		                error: function(XMLHttpRequest, textStatus, errorThrown) {
		                    layer.msg("{:__('网络错误,请稍后重试')}");
		                }
		            });
		    });
		</script>
	</body>

</html>