zhh
/
huahuibao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>填写收花人信息</title>
    <link href="/css/pay/receiveInfo.css?version=<?= $this->context->version ?>" rel="stylesheet" type="text/css">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="/css/bootstrap.css?version=<?= $this->context->version ?>">
    <link rel="stylesheet" href="/css/custom.css?version=<?= $this->context->version ?>">
    <script src="/js/jquery-1.11.1.min.js?version=<?= $this->context->version ?>"></script>
	<script src="/js/bootstrap.min.js?version=<?= $this->context->version ?>"></script>
	<script type="text/javascript" src="/js/jweixin-1.0.0.js?version=<?= $this->context->version ?>" ></script>

	<script src="/js/mobiscroll/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
	<script src="/js/mobiscroll/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
	<link href="/css/mobiscroll/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
	<link href="/css/mobiscroll/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
	<script src="/js/mobiscroll/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
	<script src="/js/mobiscroll/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
	<!-- S 可根据自己喜好引入样式风格文件 -->
	<script src="/js/mobiscroll/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
	<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&libraries=geometry&key=OFWBZ-2NTHP-EHNDD-LKWQY-GANM7-PXBJH"></script>
	<link href="/css/mobiscroll/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
<style>
label{
	font-weight:normal;
}
</style>
</head>
<body>
<div name="xhCenterModal" class="xhCenterModal"></div>
<div class="panel panel-default" style="border:none;">
	<div class="panel-body" id="payModal">
		<form role="form" id="pay-form" action="" method="post">
			<input type="hidden" name="_csrf" value="<?= Yii::$app->request->csrfToken ?>" />
			<input type="hidden" name="payId" value="<?=$orderData['payId'] ?>" />
			<input type="hidden" name="requestUrl" value="" />
			<input type="hidden" name="userName" value="" />

			<div class="form-group">
				<div class="col-sm-10" style="border:1px solid #ccc">
					<p class="goods-name">公众号：</p>
                    <p class="goods-price">已支付：</p>
				</div>
			</div>
		
			<div class="form-group">
				<label class="col-sm-2 control-label">*收花人姓名：</label>
				<div class="col-sm-10">
					<input type="text" class="form-control validate" name="receiveUserName" >
					<p></p>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">*收花人电话：</label>
				<div class="col-sm-10">
					<input type="tel" class="form-control validate" name="receiveMobile" >
					<p></p>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">*送达地址：</label>
				<div class="col-sm-10">
							<div id="citySelect" style="margin-bottom:5px;display:inline-block;">
			                    <select name="province" class="prov" style="width:80px;display:inline-block;height:30px;border-radius:4px;"><option value="福建">福建</option></select> 
			                    <select name="city" class="city" style="width:90px;display:inline-block;height:30px;border-radius:4px;"><option value="厦门">厦门</option></select>
			                </div>
							<input  data-type="area" class="form-control validate" oninput="getArea(this.value);" onpropertychange="getArea(this.value)" name="receiveAddress" placeholder=" 小区、大厦或县乡名，如金尚小区" type="text" isSelect="false" >
							<div style="z-index: 999; background: rgb(243, 243, 243);" id="infoDiv">
								<div style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; color: rgb(51, 51, 51); line-height: 20px; font-family: 'Tahoma 宋体 Arial'; border: 0px none;"></div>
							</div>
							<input data-type="area" class="form-control" name="receiveFloor" style="margin-top:5px;" placeholder=" 楼号或门牌号，如23楼1008室（选填）" type="text" >
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">*送达日期：</label>
				<div class="col-sm-10">
					<input type="text" class="form-control validate" id="appDateTime" name="reachTime">
					<p></p>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">*订花人姓名：</label>
				<div class="col-sm-10">
					<input type="text" class="form-control validate" name="bookName" >
					<p></p>
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-2 control-label">*订花人电话：</label>
				<div class="col-sm-10">
					<input type="tel" class="form-control validate" name="bookMobile" >
					<p></p>
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-2 control-label">*是否要贺卡：</label>
				<div class="col-sm-10">
					<p style="margin-top:8px;display:inline-block">
						<label class="radio-inline">
							<input type="radio" name="needCard" value="1" checked="checked">
							要
						</label>
						<label class="radio-inline">
							<input type="radio" name="needCard" value="0">
							不要
						</label>
					</p>
					<textarea class="form-control" cols="5" name="blessing" placeholder="请填写卡片内容，留空则寄出空白卡片"></textarea>
				</div>
			</div>			

			<div class="form-group">
				<label class="col-sm-2 control-label">*匿名派送：</label>
				<div class="col-sm-10">
					<p style="margin-top:8px;display:inline-block">
						<label class="radio-inline">
							<input type="radio" name="anonymity" value="0" checked="checked">
							不匿名
						</label>
						<label class="radio-inline">
							<input type="radio" name="anonymity" value="1">
							匿名
						</label>
					</p>
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-2 control-label">备注信息：</label>
				<div class="col-sm-10">
					<textarea class="form-control" cols="5" name="remark" placeholder="其它重要信息，请在此填写"></textarea>
				</div>
			</div>
			
			<div class="form-group-separator"></div>
			<div class="form-group" style="text-align:center;">
				<button type="button" name="payConfirmButton" class="btn btn-info btn-single" style="background-color: #68b828;border-color: #e5e5e5;">确认</button>
			</div>								
		</form>						
	</div>
</div>

<div name="payBeCenter" class="xhBeCenterBox" style="display:none;">
    <div class="lay-body" id="J_MainBody" style="padding-top:0px;">
        <div class="reg">
        	<div style="padding-top:5px;margin-bottom:5px;"><span name="close" style="display:block;float:right;margin-right:10px;color:white;font-size:25px;">×</span></div>
            <div class="reg-form">
                    <div class="m-form reg-phone">
                        <input type="password" name="payPassword" class="m-full-txt reg-phone-number J_Phone" placeholder="支付密码">
                    </div>
					<div style="margin:0 5%;font-size:12px;color:red;" name="payMention"></div>
                    <div class="login-btn clearfix">
                    <button type="button" name="makeSureToPay">确认</button>
                    <div style="font-size:12px;padding-top:4px;padding-bottom:4px;margin-top:12px;">
                    <?php if(!empty($user['payPassword'])){ ?>
                    &nbsp;
                    <?php }else{ ?>
                    您还没有设置支付密码哦，<a style="font-size:12px;" href="/center/password?account=<?= $this->context->merchant['id'] ?>">点此设置</a>
                    <?php } ?>
                    </div>
                    </div>
            </div>
        </div>
    </div>
</div>

<script>
var account = "<?= $this->context->merchant['id'] ?>";
var orderId = "<?= $orderData['id'] ?>";
var _csrf = "<?= Yii::$app->request->csrfToken ?>";
var notWXpay = true;//不执行微信支付

var payBeCenter					= $("div[name=payBeCenter]");
var entireSiteBeCenterMask 		= $("div[name=entireSiteBeCenterMask]");
var payHeight = payBeCenter.outerHeight();//取div标签的高宽
var payWidth = payBeCenter.outerWidth();
var wWidth = $(window).width();//取浏览器高宽  
var wHeight = $(window).height();
var scrollHeight = $(document).scrollTop();//获取当前窗口距离页面顶部高度 
var lH = (wHeight - payHeight) / 2 + scrollHeight; 
var lW = (wWidth - payWidth) /2;
payBeCenter.css({"z-index":998,"position":"absolute","left":lW,"top":lH,});

var appId,nonceStr,package,paySign,signType,timeStamp;
function jsApiCall()
{
	WeixinJSBridge.invoke(
		'getBrandWCPayRequest', {
	           "appId":appId,     		//公众号名称，由商户传入     
	           "timeStamp":timeStamp,  	//时间戳，自1970年以来的秒数     
	           "nonceStr" : nonceStr, 	//随机串     
	           "package" : package,     
	           "signType" : signType,   //微信签名方式：     
	           "paySign" : paySign 		//微信签名 
		},
		function(res){
			WeixinJSBridge.log(res.err_msg);
			//alert(res.err_code+'|'+res.err_desc+'|'+res.err_msg);
			if(res.err_msg == 'get_brand_wcpay_request:ok'){
				window.location.href='/pay/receive-success';
		  }
	   }
    );
}
</script>

<script src="/js/util.js?version=<?= $this->context->version ?>"></script>
<script type="text/javascript" src="/js/city/jquery.cityselect.js?version=<?= $this->context->version ?>"></script>
<script src="/js/frontend/pay/detail.js" type="text/javascript"></script>
</body>
</html>