| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>申请公众号</title>
- <link href="/css/main/apply.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>
- <style>
- label{
- font-weight:normal;
- }
- .xhMask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color:gray;filter:alpha(opacity=25);opacity:0.2;display:none;}
- .xhBeCenterBox{position:fixed;width:40px;height:40px;display:block;z-index:999;display:none;}
- .xhCenterModal{
- background-color: #8dc63f;
- border-color: #8dc63f;
- color: #ffffff;
- position:fixed;
- width:20%;
- font-size:12px;
- height:auto;
- padding:15px;
- z-index:999;
- display:none;
- width:180px;
- text-align:center;
- border-radius:4px;
- }
- </style>
- </head>
- <body>
- <div name="xhCenterModal" class="xhCenterModal"></div>
- <div name="applyBeCenterMask" class="xhMask"></div>
- <div class="xhBeCenterBox" name="applyBeCenter"><img src="/images/loader.gif" style="width:42px;" /></div>
- <div class="panel panel-default" style="border:none;">
- <div class="panel-body">
- <form role="form">
- <div class="form-group">
- <label class="col-sm-2 control-label">*公众号名称(花店名):</label>
- <div class="col-sm-10">
- <input type="text" class="form-control" name="applyName" placeholder="请填写未被使用的公众号名称" value="">
- <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" name="email" placeholder="请填写未申请过公众号的邮箱" value="">
- <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" name="mobile" placeholder="">
- <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" name="authCode" placeholder="" style="width:50%;display:inline">
- <button type="button" name="createAuthCode" getMobileMsgStatus="yes" class="btn btn-info btn-single">
- <span name="getAuthCodeText">获取验证码</span>
- <span style="display:none;font-size:12px;" name="reGetAuthCode"><i style="font-size:12px;font-style:normal;">120</i> 秒后重新获取</span>
- </button>
- <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" name="telephone" placeholder="如:0592-3531672">
- <p></p>
- </div>
- </div>
-
- <div style="margin-left:14px;">
- <div class="form-group" style="display:inline-block;padding:0;margin-right:8px;margin-bottom:0px;">
- <label class="col-sm-2 control-label" style="padding:0px;" >*营业执照</label>
- <div class="col-sm-10" style="padding:0px;">
- <div style="width:81px;height:100px;display:inline-block;">
- <a href="javascript:;" class="a-upload" name="businessLicense">选择图片</a>
- <div style="width:80px;height:50px;display:inline-block;margin-bottom:4px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
- <img src="/images/nopicture2.png" name="businessLicense" style="width:80px;" />
- </div>
- </div>
- <input type="hidden" name="businessLicense" value="" />
- <p></p>
- </div>
- </div>
- <div class="form-group" style="display:inline-block;padding:0;margin-right:8px;margin-bottom:0px;">
- <label class="col-sm-2 control-label" style="padding:0px;">*身份证正面</label>
- <div class="col-sm-10" style="padding:0px;">
- <div style="width:81px;height:100px;display:inline-block;">
- <a href="javascript:;" class="a-upload" name="idCard">选择图片</a>
- <div style="width:80px;height:50px;display:inline-block;margin-bottom:3px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
- <img src="/images/nopicture2.png" name="idCard" style="width:80px;" />
- </div>
- </div>
- <input type="hidden" name="idCard" value="" />
- <p></p>
- </div>
- </div>
- <div class="form-group" style="display:inline-block;padding:0;margin-bottom:0px;">
- <label class="col-sm-2 control-label" style="padding:0px;">*身份证反面</label>
- <div class="col-sm-10" style="padding:0px;">
- <div style="width:81px;height:100px;display:inline-block;">
- <a href="javascript:;" class="a-upload" name="idCardBack">选择图片</a>
- <div style="width:80px;height:50px;display:inline-block;margin-bottom:3px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
- <img src="/images/nopicture2.png" name="idCardBack" style="width:80px;" />
- </div>
-
- </div>
- <input type="hidden" name="idCardBack" value="" />
- <p></p>
- </div>
- </div>
- </div>
-
- <div style="margin-left:14px;">
- <div class="form-group" style="display:inline-block;padding:0;margin-right:8px;margin-bottom:0px;">
- <label class="col-sm-2 control-label" style="padding:0px;" >*户主银行卡</label>
- <div class="col-sm-10" style="padding:0px;">
- <div style="width:81px;height:100px;display:inline-block;">
- <a href="javascript:;" class="a-upload" name="bankCard">选择图片</a>
- <div style="width:80px;height:50px;display:inline-block;margin-bottom:4px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
- <img src="/images/nopicture2.png" name="bankCard" style="width:80px;" />
- </div>
-
- </div>
- <input type="hidden" name="bankCard" value="" />
- <p></p>
- </div>
- </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" name="bankCardInfo" placeholder="写明支行或分行,如建设银行厦门故宫支行">
- <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" name="bankCardNo" placeholder="">
- <p></p>
- </div>
- </div>
- <div class="form-group-separator"></div>
- <div class="form-group" style="text-align:center;">
- <button type="button" name="submit" class="btn btn-info btn-single" style="background-color: #68b828;border-color: #e5e5e5;">提交</button>
- </div>
- </form>
- </div>
- </div>
- <script src="/js/util.js?version=<?= $this->context->version ?>"></script>
- <script>
- var wWidth = $(window).width();
- var wHeight = $(window).height();
- var scrollHeight = $(document).scrollTop();//获取当前窗口距离页面顶部高度
- var applyBeCenter = $("div[name=applyBeCenter]");
- var applyHeight = applyBeCenter.outerHeight();//取div高
- var applyWidth = applyBeCenter.outerWidth();//取div宽
- var rH = (wHeight - applyHeight) / 2 + scrollHeight;
- var rW = (wWidth - applyWidth) /2;
- applyBeCenter.css({"z-index":998,"position":"absolute","left":rW,"top":rH,});
- var applyBeCenterMask = $("div[name=applyBeCenterMask]");
- //浏览器有滚动条时的操作
- $(window).scroll(function() {
- scrollHeight = $(document).scrollTop();
- rH = (wHeight - applyHeight) / 2 + scrollHeight;
- rW = (wWidth - applyWidth) /2;
- applyBeCenter.css({"z-index":998,"position":"absolute","left":rW,"top":rH,});
- });
- function showPop()
- {
- applyBeCenterMask.css('display','block');
- applyBeCenter.css("display","block");
- }
- function hidePop()
- {
- applyBeCenterMask.css('display','none');
- applyBeCenter.css("display","none");
- }
- <?php if($this->context->isWeixin){ ?>
- //微信分享
- var shareTitle = '申请公众号';
- var descContent = '按要求提供相应的资料,即可申请公众号哦~';
- var lineLink = '<?= Yii::$app->params['openUrl'] ?>/main/apply?authScope=snsapi_userinfo';
- var imgUrl = '<?= Yii::$app->params['openUrl'] ?>/images/main/gzh.png';
- wx.config({
- debug:false,
- appId: '<?= $this->context->signPackage['appId'] ?>',
- timestamp: <?= $this->context->signPackage['timestamp'] ?>,
- nonceStr: '<?= $this->context->signPackage['nonceStr'] ?>',
- signature: '<?= $this->context->signPackage['signature'] ?>',
- jsApiList: [
- 'checkJsApi',
- 'onMenuShareTimeline',
- 'onMenuShareAppMessage',
- 'onMenuShareQQ',
- 'onMenuShareWeibo',
- 'chooseImage',
- 'uploadImage',
- ]
- });
- wx.ready(function () {
- var shareData = {
- title: shareTitle,
- link: lineLink,
- imgUrl: imgUrl,
- desc:descContent,
- };
- wx.onMenuShareAppMessage(shareData);
- wx.onMenuShareTimeline(shareData);
- wx.onMenuShareQQ(shareData);
- wx.onMenuShareWeibo(shareData);
- });
- var applyName = $("input[name=applyName]");
- var email = $("input[name=email]");
- var mobile = $(":input[name=mobile]");
- var telephone = $(":input[name=telephone]");
- var authCode = $(":input[name=authCode]");
- var businessLicense = $("input[name=businessLicense]");
- var idCard = $("input[name=idCard]");
- var idCardBack = $("input[name=idCardBack]");
- var bankCard = $("input[name=bankCard]");
- var bankCardInfo = $("input[name=bankCardInfo]");
- var bankCardNo = $("input[name=bankCardNo]");
- var needValidate = [applyName,email,mobile,telephone,authCode,businessLicense,idCard,idCardBack,bankCard,bankCardInfo,bankCardNo];
- //选择图片
- $("a[name=businessLicense]").click(function(){
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
- sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
- success: function (res) {
- localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
- var myLocalId = localIds[0];
- showPop();
-
- wx.uploadImage({
- localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
- isShowProgressTips: 0, // 默认为1,显示进度提示
- success: function (res) {
- var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
- $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- $("input[name=businessLicense]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
- $("img[name=businessLicense]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
- hidePop();//隐藏浮层
- }
- }
- });
- }
- });
- }
- });
- });
- //选择图片
- $("a[name=idCard]").click(function(){
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
- sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
- success: function (res) {
- localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
- var myLocalId = localIds[0];
- showPop();//显示浮层
-
- wx.uploadImage({
- localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
- isShowProgressTips: 0, // 默认为1,显示进度提示
- success: function (res) {
- var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
- $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- $("input[name=idCard]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
- $("img[name=idCard]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
- hidePop();//隐藏浮层
- }
- }
- });
- }
- });
- }
- });
- });
- //选择图片
- $("a[name=idCardBack]").click(function(){
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
- sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
- success: function (res) {
- localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
- var myLocalId = localIds[0];
- showPop();//显示浮层
-
- wx.uploadImage({
- localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
- isShowProgressTips: 0, // 默认为1,显示进度提示
- success: function (res) {
- var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
- $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- $("input[name=idCardBack]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
- $("img[name=idCardBack]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
- hidePop();//隐藏浮层
- }
- }
- });
- }
- });
- }
- });
- });
- //选择图片
- $("a[name=bankCard]").click(function(){
- wx.chooseImage({
- count: 1, // 默认9
- sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
- sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
- success: function (res) {
- localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
- var myLocalId = localIds[0];
- showPop();//显示浮层
-
- wx.uploadImage({
- localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
- isShowProgressTips: 0, // 默认为1,显示进度提示
- success: function (res) {
- var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
- $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- $("input[name=bankCard]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
- $("img[name=bankCard]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
- hidePop();//隐藏浮层
- }
- }
- });
- }
- });
- }
- });
- });
- <?php } ?>
- setStats(applyName, '请填写公众号名称', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请填写公众号名称';
- }else if(getLength(val) >=0 && getLength(val) <=40){
- $.ajax({type:"GET",url:"/main/check-merchant-name?applyName="+val,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- info[0] = true;
- }else{
- info[1] = data.msg;
- }
- }});
- }else{
- info[0] = false;
- info[1] = '填写错误';
- }
- return info;
- });
- setStats(email,'请填写邮箱',function(val,msg){
- var info = [false,msg];
- val = $.trim(val);
- if(val.length <= 0){
- info[1] = '请填写邮箱';
- }else if(isEmail(val) == false){
- info[1] = '邮箱填写错误';
- }else{
- $.ajax({type:"GET",url:"/main/check-email?email="+val,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- info[0] = true;
- }else{
- info[1] = data.msg;
- }
- }});
- }
- return info;
- });
- setStats(mobile,'请填写手机号',function(val,msg){
- var info = [false,msg];
- val = $.trim(val);
- if(val.length <= 0){
- info[1] = '请填写手机号';
- }else if((/^1[0-9]\d{9}$/.test(val)) == false){
- info[1] = '手机号填写不正确';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(telephone, '请填写座机', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请填写座机';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(authCode, '请填写验证码', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请填写验证码';
- }else if(val.length > 0){
- $.ajax({type:"GET",url:"/main/check-code?authCode="+val,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- info[0] = true;
- }else{
- info[1] = data.msg;
- }
- }});
- }else{
- info[0] = false;
- }
- return info;
- });
- setStats(businessLicense, '请上传照片', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请上传照片';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(idCard, '请上传照片', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请上传照片';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(idCardBack, '请上传照片', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请上传照片';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(bankCard, '请上传照片', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请上传照片';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(bankCardInfo, '请填写开户银行', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请填写开户银行';
- }else{
- info[0] = true;
- }
- return info;
- });
- setStats(bankCardNo, '请填写银行卡号', function(val, mess){
- var info=[false, mess];
- if(val.length <= 0){
- info[1] = '请填写银行卡号';
- }else{
- info[0] = true;
- }
- return info;
- });
- function setStats(obj,mess,check)
- {
- obj.focus(function(){
- $(this).siblings('p').html('');
- });
- obj.blur(function(){
- var val = obj.val();
- var info = check(val,mess);
- if(info[0]){
- $(this).attr('checkStatus','yes');
- $(this).siblings('p').html('');
- }else{
- $(this).attr('checkStatus','no');
- $(this).siblings('p').css('color','red').html(info[1]);
- }
- });
- }
- $("button[name=submit]").click(function(){
- var that = $(this);
- if(that.attr('checkStatus') == 'yes'){
- xhPopMsg('请稍候……',1000);
- return;
- }
- that.attr('checkStatus','yes');
- setTimeout(function(){
- that.attr('checkStatus','no');
- },1500);
- var applySubmitStatus = true;
- for(var ord=0;ord<needValidate.length;ord++){
- var singleObj = needValidate[ord]
- if(singleObj.attr('checkStatus') == undefined){
- singleObj.blur();
- }
- if(singleObj.attr('checkStatus') == 'no'){
- applySubmitStatus = false;
- }
- }
- if(applySubmitStatus == false){
- return;
- }
- var data = "_csrf=<?= Yii::$app->request->csrfToken ?>&applyName="+applyName.val()+"&email="+email.val()+"&mobile="+mobile.val();
- data += "&authCode="+authCode.val()+"&businessLicense="+businessLicense.val()+"&idCard="+idCard.val()+"&idCardBack="+idCardBack.val();
- data += "&bankCard="+bankCard.val()+"&bankCardInfo="+bankCardInfo.val()+"&bankCardNo="+bankCardNo.val()+"&telephone="+telephone.val();
- $.ajax({type:"POST",url:'/main/apply-submit',dataType:'json',data:data,async:false,success:function(data){
- xhPopMsg(data.msg,1600);
- if(data.code == 'A0001'){
- setTimeout(function(){
- window.location.href = '/main/apply-success';
- },1800);
- }
- }});
- });
- var createAuthCode = $("button[name=createAuthCode]");
- var getAuthCodeText = $("span[name=getAuthCodeText]");
- var reGetAuthCode = $("span[name=reGetAuthCode]");
- //获取手机验证码
- createAuthCode.click(function(){
- var mobileVal = mobile.val();
- if(mobileVal.length <= 0){
- xhPopMsg('请填写手机号');
- return;
- }
- if(mobile.attr('checkStatus') == undefined){//手机未验证
- xhPopMsg('手机号填写错误');
- return;
- }
- if(mobile.attr('checkStatus') == 'no'){//手机验证未通过
- xhPopMsg('手机号填写错误');
- return;
- }
- if(createAuthCode.attr('getMobileMsgStatus') == 'yes'){
- $.ajax({type:"GET",url:"/main/generate-code?mobile="+mobileVal,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- createAuthCode.attr('getMobileMsgStatus','no');
- getAuthCodeText.css("display","none");
- reGetAuthCode.css("display","block").parent().css("background-color","#CCCCCC").css("border-color","#CCCCCC");
- var timeI = reGetAuthCode.find('i')
- var orTime = timeI.text();
- var timeNum = parseInt(timeI.text());
- var setInt = setInterval(function(){
- timeNum--;
- timeI.text(timeNum);
- if(timeNum == 0){
- clearInterval(setInt);
- getAuthCodeText.css('display','block').parent().css("background-color","#18a8df").css("border-color","#1590be");
- reGetAuthCode.css('display','none');
- timeI.text(orTime);
- createAuthCode.attr('getMobileMsgStatus','yes');
- }
- },1200);
- }else{
- xhPopMsg(data.msg);
- }
- }});
- }
- });
- </script>
- </body>
- </html>
|