addressInfo.html 10.3 KB

Edit Raw Blame History Permalink

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title>地址详情</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="format-detection" content="email=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-title" content="">
	    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
	    <link href="https://cdn.bootcss.com/framework7/1.6.5/css/framework7.ios.min.css" rel="stylesheet">
    	<link href="https://cdn.bootcss.com/framework7/1.6.5/css/framework7.ios.colors.min.css" rel="stylesheet">
	    <link rel="stylesheet" type="text/css" href="../../../../iconfont/iconfont.css"/>
	    <link href="../../css/self.css"  rel="stylesheet"/>
	    <link rel="stylesheet" href="../js/LArea.css" />
	    <link rel="stylesheet" href="css/addressInfo.css" />
	</head>
	<style>

	</style>
	<body>
		<div class="bao">
			<div class="tc"></div>
			<table class="addressInfot">
				<tr>
					<td>收件人</td>
					<td><input type="text" id="addrname" placeholder="请输入收件人姓名" readonly="readonly" value=""/></td>
				</tr>
				<tr>
					<td>联系电话</td>
					<td><input type="number" id="addrphone" placeholder="请输入联系电话" readonly="readonly" value=""/></td>
				</tr>
				<tr>
					<td>所在地区</td>
					<td>
						<span id="diqu">

						</span>
						<div>
							<input type="text" placeholder="请选择地区" readonly="readonly" id="location" name="location" value="" style="display: none;">
						</div>
					</td>
				</tr>

				<tr>
					<td>详细地址</td>
					<td><input type="text" id="addrss" placeholder="请输入详细地址" readonly="readonly" value=""/></td>
				</tr>
				<tr>
					<td>默认地址</td>
					<td>
						<span id="isDefualt"></span>
						<span class="slidebtn" data-status="0" style="display: none;">
							<span></span>
						</span>
					</td>
				</tr>
			</table>
		</div>

		<button class="addrbtn cbtn" id="addrbtn">编辑</button>
		<button class="addrbtn cbtn" id="baocunbtn" onclick=" Upaddress()" style="display: none;">保存</button>
		<p class="uptip bottomtip" style="text-align: center;"></p>
	</body>
</html>
<script src="../../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../../js/layui/layui/layui.js"></script>
<script src="../js/LAreaData1.js"></script>
<script src="../js/LAreaData2.js"></script>
<script src="../js/LArea.js"></script>
<!--md5 start-->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js?v=1.1"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js?v=1.1"></script>
<!--md5 end-->
<script src="../../../../js/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script>
	var func = {
		defaultup:'0',
		dataid:''
	}
	$(function(){
		jsajax.setcss("css/addAddress2.css");
		layui.use(['layer'], function(){
		  //向世界问个好
		});
		//默认开关按钮 start
		//var slidebtn = false;
		$('.slidebtn').click(function(){
			if(func.defaultup=='0'){
				$(this).addClass('active');
				func.defaultup = '1';
			}else{
				$(this).removeClass('active');
				func.defaultup = '0';
			}
		});
		//默认开关按钮 end
		//设置地址初始位置
		var area1 = new LArea();
        area1.init({
            'trigger': '#location', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
            //'valueTo': '#value1', //选择完毕后id属性输出到该位置
            'keys': {
                id: 'id',
                name: 'name'
            }, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
            'type': 1, //数据源类型
            'data': LAreaData //数据源
        });
        area1.value=[0,0,0];//控制初始位置，注意：该方法并不会影响到input的value


		//根据上个页面传来的id值获取单个数据信息
		var src = location.href;
		var src1=src2='';
		if(src.split('?')[1]&&src.split('?')[1]!=''){
			src1 = src.split('?')[1];
			if(src1.split('=')[1]&&src1.split('=')[1]!=''){
				func.dataid = src1.split('=')[1];
				getAddress(func.dataid);
			}
		}
		$('#location').click(function(){
			document.activeElement.blur();
		})
		//点击编辑按钮
		$('body').on('click','#addrbtn',function(){
			$('title').text('编辑地址');
			$('.addressInfot td>input[type="text"]').removeAttr('readonly');
			$('.addressInfot td>input[type="number"]').removeAttr('readonly');
			$('.tc').css('display','none');
			console.log($('.addressInfot td>input[type="text"]').removeAttr('readonly'));
			$('#addrname').focus();
			$('#diqu').css('display','none');
			$('#location').css('display','block');
			$('#isDefualt').css('display','none');
			$('.slidebtn').css('display','block');
			$('#addrbtn').css('display','none');
			$('#baocunbtn').css('display','block');
			//window.location.href = 'editAddr.html';
		});

		//点击保存按钮
		/*$('body').on('click','#baocunbtn',function(){
			Upaddress(func.dataid);
		});*/
	});

	//根据id获取收货地址详情
	function getAddress(id){
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var deviceInfo = mUrl.getDevice();
		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:deviceInfo},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token},
			{keyname:'id',value:id},
		];

		var mdsign = jsajax.getsign(sortd);
		var jsond = {
			app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			deviceInfo:deviceInfo,
			salt:salt,
			sign:mdsign,
			sign_type:'md5',
			token:token,
			id:id
		};
		console.log('数据 '+JSON.stringify(jsond));
		jsajax.defaultReq(
			mUrl.checkAddress,
			JSON.stringify(jsond),
			function(data){
				console.log('返回 '+JSON.stringify(data));
				if(data.code==0){
					var datas = data.data;//所有数据
					var areaa = datas.area;//区域
					var address = datas.address;//详细地址
					var createEmpid = datas.createEmpid; //创建人
					var city = datas.city;//城市
					var isDefault = datas.isDefault;//是否是默认的地址
					var province = datas.province;//省份
					var phone = datas.phone;//手机号
					var custId = datas.custId;
					var recipient = datas.recipient;//收件人
					var id = datas.id;//邮寄地址id
					var createDate = datas.createDate;//创建时间

					var px = province==city?province:(province+","+city);
					var diqu = px+","+areaa;
					datafull(recipient,phone,diqu,address,isDefault);
				}
			}
		);
	}

	//点击保存更新邮寄地址内容
	function Upaddress(){
		var id = func.dataid;
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var deviceInfo = mUrl.getDevice();
		var recipient =$.trim($('#addrname').val()) ;//收件人
		var phone = $.trim($('#addrphone').val());
		var locations = $.trim($('#location').val());//所有地址
		var addrss = $.trim($('#addrss').val());//地址
		var provice = shi = qu="";
		if(!recipient||recipient==''||!phone||phone==''||!locations||locations==''||!addrss||addrss==''){
			layer.msg('请将信息填写完整', {
			    time: 1500 //2秒关闭（如果不配置，默认是3秒）
			}, function(){});
			return false;
		}

		if(locations.split(',')[0]&&locations.split(',')[0]!=''){
			provice = locations.split(',')[0];
		}
		if(locations.split(',')[1]&&locations.split(',')[1]!=''){
			shi = locations.split(',')[1];
		}
		if(locations.split(',')[2]&&locations.split(',')[2]!=''){
			qu = locations.split(',')[2];
		}
		if(qu==''){
			qu = shi;
			shi = provice;
		}
		console.log("www   "+provice+shi+qu);
		/*provice = locations.split(' ')[0];
		shi = locations.split(' ')[1];
		qu = locations.split(' ')[2];*/
		/*if(recipient==''){
			$('.bottomtip').text('收件人不能为空！');
			return false;
		}
		if(locations==''){
			$('.bottomtip').text('请选择城市地址！');
			return false;
		}*/
		if(phone!=''&&!(/^1[34578]\d{9}$/.test(phone))&&!/^0\d{2,3}-?\d{7,8}$/.test(phone)){
			layer.msg('手机号格式错误', {
			    time: 1500 //2秒关闭（如果不配置，默认是3秒）
			}, function(){});
			return false;
		}
		/*if(phone!=''&&!(/^1[34578]\d{9}$/.test(phone))){
			$('.bottomtip').text('手机号格式错误！');
			return false;
		}*/


		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:deviceInfo},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token},
			{keyname:'id',value:id},
			{keyname:'recipient',value:recipient},
			{keyname:'province',value:provice},
			{keyname:'city',value:shi},
			{keyname:'area',value:qu},
			{keyname:'address',value:addrss},
			{keyname:'phone',value:phone},
			{keyname:'isDefault',value:func.defaultup},
		];
		var mdsign = jsajax.getsign(sortd);
		var jsond = {
			app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			deviceInfo:deviceInfo,
			salt:salt,
			sign:mdsign,
			sign_type:'md5',
			token:token,
			id:id,
			recipient:recipient,
			province:provice,
			city:shi,
			area:qu,
			address:addrss,
			phone:phone,
			isDefault:func.defaultup
		};/**/
		console.log('数据 '+JSON.stringify(jsond));
		jsajax.defaultReq(
			mUrl.Upaddress,
			JSON.stringify(jsond),
			function(data){
				console.log(JSON.stringify(data));
				if(data.code=='0'){
					//window.history.go(-1);
					var urll =  document.referrer;
					window.location.href = document.referrer;
				}else{
					alert(data.message);
				}
			}
		);

	}
	//获取到的数据填充
	function datafull(addrname,addrphone,diqu,addrss,isDefualt){
		$('#addrname').val(addrname);
		$('#addrphone').val(addrphone);
		$('#diqu').text(diqu);
		$('#location').val(diqu);
		$('#addrss').val(addrss);
		if(isDefualt=='1'){
			$('#isDefualt').text('是');
			$('.slidebtn').addClass('active');
			func.defaultup = '1';
		}else{
			$('#isDefualt').text('否');
			$('.slidebtn').removeClass('active');
			func.defaultup = '0';
		}
		//addrname addrphone diqu location addrss isDefualt
	}
</script>
<!--三级联动 start-->
<!--<script src="../js/framework7.min.js"></script>
<script src="../js/regionsObject2.js"></script>
<script src="../js/cityPicker.js"></script>-->
<!--三级联动 end-->