旅游助力

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>旅游助力</title> <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" /> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <meta name="apple-mobile-web-app-title" content="" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-touch-fullscreen" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <link rel="stylesheet" href="https://bhhmedia.ch.com/bhh/css/ui_module_7823309.css" /> <link rel="stylesheet" href="https://bhhmedia.ch.com/bhh/css/activity/9879_d314e01.css" /> <link rel="stylesheet" href="https://bhhmedia.ch.com/bhh/js/vanui/index.css" /> <script src="https://bhhmedia.ch.com/bhh/lib/plugins/gio/js/gdpUtil.js"></script> </head> <body> <div class="p-9879-wrap" id="J-9879Page" v-cloak>  <div v-if="!isPC" class="p-9879-m-wrap full-wrap" style="overflow-y: auto;"> <div class="content-plan"> <div class="content-wrap"> <div class="title"> <div class="title-shadow t-h-center"> <span class="t-middle">-额度高放款快-</span> </div> </div> <div class="g-from-chunk"> <div class="item flex-h-center" > <input type="text" placeholder="请输入手机号" v-model="mobile" @blur="srollWin"> </div> <div class="item verify-chunk"> <div class="import-chunk flex-h-center"> <input placeholder="请输入验证码" maxlength="6" v-model="verificationCode" @blur="srollWin"> </div> <div class="verify-btn t-h-center flex-center" style="color: deepskyblue">   <span class="t-middle" v-html="verifyText" @click="verifyCode"></span> </div> <input type="hidden"> </div> <div class="btn t-h-center" @click="submitData()"> <span class="t-middle"> 申请领钱 </span> </div> <div class="g-check"> <span style="color: white">点击按钮，即表示同意<a href="javascript.history.go(0)" @click.stop.prevent="protocol" style="text-decoration:underline;color: #f9cd15;">相关协议</a></span> </div> </div> </div> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_m_1_6cc3fb6.jpg" alt /> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_m_2_8789009.jpg" alt /> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_m_3_c6c0723.jpg" alt /> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_m_4_1825e25.jpg" alt /> </div>  <div class="g-pop" v-show="TrueOrError"> <div class="pop-content"> <div> <div class="hint-icon"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/succ_m_6d1e516.png" alt=""> </div> <h3 v-show="newOrOld">注册成功</h3> <h3 v-show="!newOrOld">您已注册过花花借钱</h3> <p class="t-f30">-关注公众号,极速提款-</p> <p class="t-f26 t-gray6">或微信搜索"春秋白花花"公众号</p> <div class="qr-chunk"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/xxly-m_cd046ba.png" alt=""> </div> <p class="t-f34" style="font-size: 12px">手机截屏保存至相册，打开微信扫一扫</p> </div> <i class="pop-close-icon" @click="closeWindow()"></i> </div> </div> </div>  <div v-else class="p-9879-PC-wrap"> <div class="from-chunk"> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_pc_1_9b58d5b.jpg" alt=""> </div> <div class="from-chunk-wrap"> <div class="from-chunk-content"> <div class="title-text-pic"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/from-pc-text_5700d92.jpg" alt=""> </div>  <div class="g-from-chunk"> <div class="item"> <input type="text" placeholder="请输入手机号" v-model="mobile"> </div> <div class=" verify-chunk"> <div class="import-chunk item"> <input placeholder="请输入验证码" maxlength="6" v-model="verificationCode"> </div> <div class="verify-btn t-h-center" style="color: deepskyblue">   <span class="t-middle" v-html="verifyText" @click="verifyCode"></span> </div> <input type="hidden"> </div> <div class="btn t-h-center" @click="submitData()"> <span class="t-middle"> 申请领钱 </span> </div> <div class="g-check" style="font-size: 12px"> <span style="color: black">点击按钮，即表示同意<a href="javascript.history.go(0)" @click.stop.prevent="protocol" style="text-decoration:underline;color:deepskyblue;">相关协议</a></span> </div> </div> </div> <div class="from-QR-content"> <div class="qr-content"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/xxly-pc_61c7e35.png" alt=""> </div> <p>扫一扫</p> <p>关注"春秋白花花"公众号</p> </div> </div> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_pc_2_23b6e1a.jpg" alt=""> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_pc_3_7c44b4e.jpg" alt=""> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_pc_4_6e5e1d0.jpg" alt=""> </div> <div class="img-box"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/pic_pc_5_e172eb6.jpg" alt=""> </div>  <div class="g-pop" v-show="TrueOrError"> <div class="pop-content"> <div v-show="newOrOld"> <div class="hint-icon"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/sueese_2f1aa4b.png" alt=""> </div> <h3>恭喜你，注册成功</h3> </div> <div v-show="!newOrOld"> <div class="hint-icon"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/hint_1342afb.png" alt=""> </div> <h3>您已注册过花花借钱</h3> </div> <div class="qr-chunk"> <img src="https://bhhmedia.ch.com/bhh/images/activity/9879/xxly-pc_61c7e35.png" alt=""> </div> <p class="small-text">扫码关注公众号，可立即查看额度</p> <i class="close-icon" @click="closeWindow()"></i> </div> </div>- </div> <action-sheet :list="ruleList" v-model="showRule"></action-sheet> </div> <script src="https://bhhmedia.ch.com/bhh/js/flexible_d171afb.js"></script>  <script src="https://bhhmedia.ch.com/bhh/js/vue_424a427.js"></script> <script src="https://bhhmedia.ch.com/bhh/js/vanui/vant.min_75769bb.js"></script> <script src="https://bhhmedia.ch.com/bhh/js/common_2916f19.js"></script> <script src="https://bhhmedia.ch.com/bhh/js/serverconfig_c804b57.js"></script> <script src="https://bhhmedia.ch.com/bhh/js/jquery-1.10.1.min_45ac1eb.js"></script> <script src="https://bhhmedia.ch.com/bhh/components/loading_be55e2c.js"></script> <script src="https://bhhmedia.ch.com/bhh/components/actionSheet.umd.min_10b238e.js"></script> <link rel="stylesheet" href="https://bhhmedia.ch.com/bhh/components/actionSheet_ea02fc6.css" /> <script>Vue.component("smsBtn",{props:["text","handler","validator"],data:function(){return{disabled:!1,countDown:60,counter:0,buttonText:this.text}},template:'<div size="small" class="t-middle" type="default" :disabled="disabled" @click="send">{{buttonText}}</div>',methods:{send:function(){this.disabled||(this.handler(),this.$nextTick(function(){this.validator&&(this.disabled=!0,this.buttonText=this.countDown||"60秒后重发",this.counter=parseInt(this.countDown||60),this.countDownTimer=setInterval(function(){this.counter--,this.buttonText=this.counter+"秒后重发",this.counter<=0&&this.reset()},1e3))}))},reset:function(){this.disabled=!1,this.buttonText="发送验证码",clearInterval(this.countDownTimer)}}}),new Vue({el:"#J-9879Page",mixins:[commonUtil,serverConfig],components:{actionSheet:actionSheet},data:{isagree:!1,isPC:!1,validatorMobile:!1,showRule:!1,newOrOld:!1,TrueOrError:!1,verificationCode:"",mobile:"",userLoginSms:{},verifyTime:null,verifySecond:60,isverifyCode:!1,ruleList:[{name:"花花出行用户注册协议",url:"../activity/treaty/bhh-protocoluser.html",color:"#333"},{name:"非在校学生承诺函",url:"../activity/treaty/protocol-commitment.html",color:"#333"}]},created:function(){},computed:{verifyText:function(){var e=this;return e.isverifyCode?(clearInterval(e.verifyTime),e.verifyTime=setInterval(function(){e.verifySecond>0?e.verifySecond--:(e.isverifyCode=!1,e.verifySecond=60,clearInterval(e.verifyTime))},1e3),' <span style="color:deepskyblue;">'+e.verifySecond+" 秒</span>后重试"):"获取验证码"}},watch:{},mounted:function(){this.$nextTick(function(){this.getIsPc()})},methods:{sendSms:function(){!this.validateMobile()},mblNoRegisCheck:function(){var e=this;$.ajax({url:serverIp+"api/login/mblNoRegisCheck",type:"POST",async:!1,dataType:"json",data:{mblNo:e.mobile},success:function(i){e.newOrOld=i.success&&"N"==i.data.isRegisFlag}})},getIsPc:function(){var e=document.getElementsByTagName("body")[0].offsetWidth;this.isPC=e>1024?!0:!1},submitData:function(){var e=this;return""===e.mobile?void alertWithMsg("请输入手机号"):/^1\d{10}$/.test(e.mobile)?void 0==e.userLoginSms.loginSmsJrn||""==e.userLoginSms.loginSmsJrn?void alertWithMsg("请获取验证码"):""==e.verificationCode?void alertWithMsg("请输入验证码"):6!=e.verificationCode.length?void alertWithMsg("请输入正确验证码"):(showLoading(),e.mblNoRegisCheck(),void $.ajax({url:serverIp+"api/login/userMblLogin",type:"POST",data:{mblNo:e.mobile,code:e.verificationCode,loginSmsJrn:e.userLoginSms.loginSmsJrn},dataType:"json",success:function(i){i.success?(e.TrueOrError=!0,e.gioLoginIn(),publickUtil.offonScroll(!0),dismissLoading()):(alertWithMsg(i.message),dismissLoading())},error:function(){alertWithMsg("注册失败"),dismissLoading()}})):void alertWithMsg("请输入正确手机号")},validateMobile:function(){return""===this.mobile?(alertWithMsg("手机号不能为空"),this.isverifyCode=!1,this.verifyText(),!1):/^1\d{10}$/.test(this.mobile)?!0:(alertWithMsg("手机号格式不正确"),this.isverifyCode=!1,this.verifyText(),!1)},loginSms:function(){var e=this;$.ajax({url:serverIp+"api/login/verificationCode",type:"POST",dataType:"json",data:{mblNo:e.mobile},success:function(i){return i.success?(e.userLoginSms="",void(e.userLoginSms=JSON.parse(i.data))):void alertWithMsg("获取验证码失败")},error:function(){alertWithMsg("获取验证码失败")}})},protocol:function(){this.showRule=!0},closeWindow:function(){var e=this;e.TrueOrError=!1,publickUtil.offonScroll(!1)},verifyCode:function(){var e=this;e.validateMobile(),e.isverifyCode||(e.isverifyCode=!0,e.loginSms())}}});</script> </body> </html>

CINXE.COM

旅游助力