{template '_header'}
<style>
.tleft .weui-media-box__title{font-size:13px !important;}
.tleft .weui-media-box__desc{font-size:12px !important;font-weight:400;}
.f-red{font-size: 17px;line-height: 26px;}
.weui-media-box_appmsg.zmui-media50 .weui-media-box__hd{border-radius: 50%;}
.width50{padding-left:15px;}
</style>
<div class="page bg-zmpag">
	<div class="{$_W['css']['bg']} weui-header">
		<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<h1 class="weui-header-title">完成订单</h1>
		<div class="weui-header-right"><a class="zmui-icon zmui-icon-more f-white open-popup" data-target="#half"></a></div>
	</div>
	<form action="" method="post" class="form-horizontal form" id="shop-form" name="form1">
	<input type="hidden" name="sqk" id="sqk" value="{$dps}"/>
	<input type="hidden" name="odtm" value="{TIMESTAMP}"/>
	<div class="weui-panel js-addbox1 {if $nosw} hide{/if}">
		<div class="weui-panel__hd">收货方</div>
		<div class="weui-panel__bd">
			<input type="hidden" name="addid" id="add0" value="{$row['id']}" />
			<div class="weui-media-box weui-media-box_text">
				<h4 class="weui-media-box__title f13">收货方：　<font id="add1">{$row['username']} {$row['tel']}</font></h4>
				<p class="weui-media-box__desc" id="add2">{$row['province']} {$row['city']} {$row['district']} {$row['address']} </p>
				<ul class="weui-media-box__info" style="line-height:20px;" >
					<li class="weui-media-box__info__meta"><a href="javascript:geteditadd();" class="open-popup weui-cell_link" data-target="#bjadd"><i class="zmui-icon zmui-icon-edit2"></i>编辑</a></li>
					<li class="weui-media-box__info__meta weui-media-box__info__meta_extra"><a href="javascript:getalladd();" class="weui-cell_link"><i class="zmui-icon zmui-icon-huanyipi"></i>更换</a></li>
					<li class="weui-media-box__info__meta weui-media-box__info__meta_extra"><a href="javascript:newadd();" class="open-popup weui-cell_link" data-target="#bjadd"><i class="zmui-icon zmui-icon-gengduo2"></i>新加</a></li>
					{if $_W['account']['level'] == ACCOUNT_SERVICE_VERIFY}
					<li class="weui-media-box__info__meta weui-media-box__info__meta_extra"><a href="javascript:getwxadd();" class="open-popup weui-cell_link" data-target="#bjadd"><i class="zmui-icon zmui-icon-daoru"></i>导入</a></li>
					{/if}
					{if $_W['account']['location'] && in_array('zmcn_location',$_W['module_ban'])}
					<li class="weui-media-box__info__meta weui-media-box__info__meta_extra"><a href="javascript:wxgetadd();" class="open-popup weui-cell_link" data-target="#bjadd"><i class="zmui-icon zmui-icon-dingwei"></i>定位</a></li>
					{/if}
				</ul>
			</div>
		</div>
	</div>
	<div class="weui-panel">
		<div class="weui-panel__hd">订单详情</div>
		<div class="weui-panel__bd" style="padding-right:5px;padding-left:5px">
			<table class="ui-table ui-border">
				<thead><tr><th style="width:60%;">商品</th><th style="width:20%;">数量</th><th style="width:20%;">单价</th></tr></thead>
				<tbody>
					{loop $dind $good}
						<tr class="f14"><td class="tleft nll"><h5 class="weui-media-box__title">{$good['name']}<h5>{if !empty($good['optionname'])}<p class="weui-media-box__desc">{$good['optionname']}</p>{/if}</td><td>{$good['sl']}</td><td class="tright">{$good['price']}</td></tr>
					{/loop}
					<tr class="f14"><td colspan="3" class="tright">合计金额：￥<b id='zje'>{$zhongj}</b>元</td></tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="weui-panel {if $nosw} hide{/if}">
		<div class="weui-panel__hd">送货方式</div>
		<div class="weui-panel__bd">
			<div class="weui-cell weui-cell_select weui-cell_select-after zmui-selectr">
				<div class="weui-cell__hd"><label class="weui-label">送货方式：</label></div>
				<div class="weui-cell__bd"> 
					<select class="weui-select" name="order[sendtype]" onchange="getdata(this.value)">
						{if $nosw}
						<option value="3" {if $nosw}selected{/if}>自动发货</option>
						{else}
						<option value="1" >发货</option>
						<option value="2" >自提</option>
						<option value="0" >现买</option>
						{/if}
					</select>
				</div>
			</div>
		</div>
	</div>
	<div class="weui-panel {if $nosw} hide{/if}">
        <div class="weui-panel__hd">订单说明</div>
		<div class="weui-panel__bd">
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<textarea class="weui-textarea" id="weui-textarea" placeholder="请输入留言！" rows="3" name="order[bremark]"></textarea>
					<div class="weui-textarea-counter"><span id='textarea_num'>剩余50字</span></div>
				</div>
			</div>  
		</div>
	</div>
	<input type="hidden" name="order[goodsprice]" id="goodsprice" value="{$zhongj}" />
	<input type="hidden" name="order[sendprice]" id="expprice" value="{php echo (int)$express['deftprice'];}" />
	<div class="weui-btn-area paybt">
		<a href='javascript:xdupform();' class='weui-btn {$_W['css']['bg']}'>提交订单</a>
	</div>
	</form>
</div>
<div id="bjadd" class='weui-popup__container popup-bottom'>
	<div class="weui-popup__overlay weui-popup-overlay"></div>
	<div class="weui-popup__modal">
		<div class="toolbar">
			<div class="toolbar-inner">
				<a href="javascript:;" class="picker-button close-popup {$_W['css']['fb']}">关闭</a>
				<h1 class="title">编辑地址</h1>
			</div>
		</div>
		<div class="weui-panel__bd" style="height:46px;"></div>
		<input type="hidden" id="addid" value="0" />
		<div class="weui-cells weui-cells_form">
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">收货人：</label></div>
				<div class="weui-cell__bd"> 
					<input type="text" class="weui-input"  name="realname" id="realname" placeholder="请输入联系人姓名" value="">
				</div>
			</div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">电话：</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel" name="mobile" id="mobile" pattern="[0-9]*" value="" placeholder="请输入手机号码"/>
                </div>
            </div>
            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__hd"><label for="" class="weui-label">省市县:</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  name="ssx" value="" id="ssx" placeholder="请选择省市县" />
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">地址：</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" name="address" id="address" placeholder="请输入发货地址" value="" />
                </div>
            </div>
			<div class="weui-cell weui-cell_switch">
				<div class="weui-cell__hd">是否默认：</div>
                <div class="weui-cell__bd"></div>
				<div class="weui-cell__ft">
					<input class="weui-switch" type="checkbox" name="ismr" id="ismr" checked="checked">
				</div>
			</div>
			  <div class="weui-cell">
				<div class="weui-cell__bd">
				  <textarea class="weui-textarea" onchange="smart();" id="textarea" placeholder="可粘贴你的地址电话收货人，系统将会智能识别" rows="3"></textarea>
				</div>
			  </div>
		</div>
		
		<div class="weui-btn-area">
			<a href="javascript:getbaochunadd();" class="weui-btn {$_W['css']['bg']} close-popup" style="width:92%;">提交保存</a>
		</div>

		<br>
	</div>
</div>
<div id="xzadd" class='weui-popup__container'>
	<div class="weui-popup__modal">
		<div class="weui-search-bar" id="searchBar" style="height: 45px;">
			<div><a class="zmui-icon-slider-left f-red close-popup">　</a></div>
			<form class="weui-search-bar__form" id="search-form" onSubmit="searchs();return false;" style="height: 26px;">
				<div class="weui-search-bar__box" style="height: 26px;">
					<i class="weui-icon-search"></i>
					<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" value="" required="">
					<a href="javascript:" class="weui-icon-clear noqq" id="searchClear"></a>
				</div>
				<label class="weui-search-bar__label" style="height: 26px;" id="searchText">
					<i class="weui-icon-search"></i>
					<span>搜索</span>
				</label>
			</form>
			<a href="javascript:searcho();" class="weui-search-bar__cancel-btn noqq">退出</a>
			<div class="close-popup">　<span class="f-red">Ｘ</span></div>
		</div>
		<div class="weui-panel weui-panel_access"><div class="weui-panel__bd " id="alladd">正在加载地址库...</div></div>
		<br><br>
	</div>
</div>
<script id="addtemp" type="text/x-jquery-tmpl">
<div class="weui-media-box weui-media-box_appmsg zmui-media50">
	<div class="weui-media-box__hd bg-blue">
		<i class="weui-media-box__thumb f-white f30">${avatar}</i>
	</div>
	<div class="weui-media-box__bd">
		<h4 class="weui-media-box__title f16 js-so" id="add1a${id}">${title}</h4>
		<p class="weui-media-box__desc js-so" id="add2a${id}">${add}</p>
	</div>
	<a href="javascript:chaadd(${id});" class="weui-cell__ft width50 close-popup"><span class="zmui-glabel zmui-glabel-y bg-fw5">选用</span></a>
</div>
</script>

{template '_footer'}
<script>
	var myadd_url="index.php?i={$_W['uniacid']}&c=entry&do=myadd&m={$_W['current_module']['fname']}";
</script>

<script type="text/javascript">
    function getdata(id){
		for(i=1;i<4;i++){
			if(i==id){
				$(".js-addbox"+i).removeClass("hide");
			}else{
				$(".js-addbox"+i).addClass("hide");
			}
		}
		if(id==1){$('html, body').animate({scrollTop: 40}, 1000);}
	}
    function xdupform() {
		$.showLoading();
		var formParam = $("#shop-form").serialize();
		var sdk=$('#sqk').val();
		$.post(window.location.href, formParam , function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$.toast("订单提交成功，现在进入付款....", "text");
				window.location  = "{php echo $this->createMobileUrl('orderpay')}&id=" + s.message.id;
			}else{
				$('#sqk').val(sdk);
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
    function geteditadd() {
		$.showLoading();
        var id = $("#add0").val();
		$.get(myadd_url, {id:id,op:'get'}, function(s){
			$.hideLoading();
			if (s.message) {
				$('#realname').val(s.message.username);
				$('#mobile').val(s.message.tel);
				$('#address').val(s.message.address);
				$('#ssx').val(s.message.ssx);
				$('#addid').val(s.message.id);
				$.toast("操作成功", function() {console.log('close');});
			}
		}, 'json');
	}
	function newadd() {$("#addid").val(0);}
    function getbaochunadd() {
        var id = $("#addid").val();
        var na = $("#realname").val();
        var sj = $("#mobile").val();
        var ss = $.trim($("#ssx").val());
        var ad = $("#address").val();
		if(na.length<2){$.alert('收货人要两个字以上', "系统提示");return;}
		if(sj.length!=11){$.alert('请填写11位手机号码', "系统提示");return;}
		if(ss.length<6){$.alert('请填写地区', "系统提示");return;}
		if(ad.length<5){$.alert('地址尽量写详细，但不要带有地区', "系统提示");return;}
		$.showLoading();
		if($("#ismr").is(':checked')){var mr = 1;}else{var mr = 0;}
		$.post(myadd_url, {id:id,op:'baoc',na:na,sj:sj,ss:ss,ad:ad,mr:mr}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$('#add0').val(s.message.id);
				$('#add1').html(na + ' ' + sj);
				$('#add2').html(ss + ' ' + ad);
				//$.toptip(s.message.ts, 'success');
				$.toast("提交成功", function() {console.log('close');});
				var ssx=ss.split(" "); 
			}else{
				//$.toptip(s.message.ts, 'error');
				$.toast("操作失败", "cancel", function(toast) {console.log(toast);});
			}
		}, 'json');
	}
    function chaadd(id) {
		$('#add0').val(id);
		var add1 = $('#add1a' + id).html();
		var add2 = $.trim($('#add2a' + id).html());
		$('#add1').html(add1);
		$('#add2').html(add2);
        console.log("close popup");
		$.toast("操作成功", function() {console.log('close');});
		var ssx=add2.split(" "); 

	}
    function getalladd() {
		if($('#alladd').html().length>100){$("#xzadd").popup();return;}
		$.showLoading();
		$.get(myadd_url, {}, function(s){
			$.hideLoading();
			if(s.message.zt==0){
				$('#alladd').html('');
				$("#addtemp").tmpl(s.message.data).appendTo("#alladd");
				$("#xzadd").popup();
			}	

		}, 'json');	
	}
    function getwxadd() {
		wx.ready(function () {
			wx.openAddress({
				success : function(result) {
					$('#realname').val(result.userName);
					$('#mobile').val(result.telNumber);
					$('#ssx').val(result.provinceName + ' ' + result.cityName + ' ' + result.countryName);
					$('#address').val(result.detailInfo);
					$("#addid").val(0);
				}
			});
		});
	}
	var search = 0;
    function searchs() {
		var txt=$("#searchInput").val();
		if($.trim(txt)!=""){
			$("#alladd .weui-media-box_appmsg").hide();
			$("#alladd .js-so").filter(":contains('"+txt+"')").parent().parent().show();
			search=1;
		}else{
			$("#alladd .weui-media-box_appmsg").show();search=0;
		}
    }
    function searcho() {
		if(search==1){$("#alladd .weui-media-box_appmsg").show();search=0;}
    }
	$(function(){
		$("#weui-textarea").on("input paste" , function(){
			var num_left=50-$(this).val().length;
			if(num_left<0){
				$("#textarea_num").text("超过"+(-num_left)+"字");
				$("#textarea_num").css("color","#E44443");
			}else{
				$("#textarea_num").text("剩余"+(num_left)+"字");
				$("#textarea_num").css("color","#999999");
			}
		});
		$("form").submit(function(){
		  $(":submit",this).attr("disabled","disabled");  
		}); 
	});
</script>
<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/zm_citypicker.min.js?t=20190721"></script>
<script>$("#ssx").cityPicker({title: "选择您所在地区"});</script>
<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/area-list.js"></script>
<script src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/address-parse.js"></script>
<script>
	parseArea(areaList);
	function smart(){
		var value = $('#textarea').val();
		var result = parse(value);
		result.province = result.province.replace('市','');
		$('#realname').val(result.name);
		$('#mobile').val(result.mobile);
		$('#ssx').val(result.province + ' ' + result.city + ' ' + result.area);
		$('#ssx').cityPicker.prototype.defaults={province: result.province , city: result.city , district: result.area};
		$('#address').val(result.addr);
	}
</script>