123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177 |
- <html>
- <head>
- <meta charset="utf-8"/>
- <title>押金查询</title>
- <meta name="keywords" content="已激活机具查询"/>
- <meta name="description" content="已激活机具查询"/>
- <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
- <meta content="telephone=no" name="format-detection"/>
- <meta content="email=no" name="format-detection"/>
- <meta name="apple-mobile-web-app-title" content="已激活机具查询"/>
- <meta http-equiv="Cache-Control" content="no-siteapp"/>
- <link rel="stylesheet" href="./static/css/main.css?t=999992312"/>
- <link rel="stylesheet" href="./static/css/possDetail.css?t=999862"/>
- <style>
- .van-checkbox__label{width:80%}
- .van-checkbox{overflow:visible;padding-top: 0.05rem}
- .van-checkbox__icon--checked .van-icon{color:#333;}
-
- </style>
- </head>
- <body class="pb0" style="padding-top:0;">
- <div class="possDetail" id="app" v-cloak="v-cloak">
- <van-form class="formWarp" validate-first="validate-first" @failed="onFailed" validate-trigger="onSubmit" @submit="onSubmit" :show-error-message="false" :show-error="false">
- <div class="lable">
- <div class="f14">机具SN号</div>
- </div>
- <van-field v-model="formInfo.KqSnNo" name="userName" placeholder="请输入完整机具号" :rules="[{ required: true, message: '请填写SN号' }]"></van-field>
- <div class="lable">
- <div class="f14">商户姓名</div>
- </div>
- <van-field v-model="formInfo.MerRealName" name="userName" placeholder="请输入姓名" :rules="[{ required: true, message: '请填写姓名' }]"></van-field>
- <div class="lable">
- <div class="f14">身份证号</div>
- </div>
- <van-field v-model="formInfo.MerIdcardNo" placeholder="请输入身份证号码" :rules="[{ required:true , message: '请输入身份证号码' }]"></van-field>
- <div class="lable">
- <div class="f14">手机号</div>
- </div>
- <van-field v-model.number="formInfo.MerchantMobile" name="tel" placeholder="请输入手机号码"></van-field>
- <div class="lable">
- <div class="f14">短信验证码</div>
- </div>
- <van-field class="user-phone mb12" center="center" clearable="clearable">
- <template #button="">
- <div class="fl getbtn" @click="getsmscode" v-if="codeisclick">获取验证码</div>
- <div class="fl waitbtn" disabled="disabled" v-else="v-else">{{countdown}}s</div>
- </template>
- <template #input="">
- <input class="mobilecode" placeholder="请输入验证码" v-model="formInfo.MobileCode" inputmode="numeric" type="text" autocomplete="one-time-code" style="padding:0;"/>
- </template>
- </van-field>
- <van-button class="btn" round="round" block="block" type="info" color="#FDD500" native-type="submit">查询</van-button>
- </van-form>
- <div class="login-bottom tc">
- <van-checkbox v-model="isagreenment" icon-size=".426667rem" checked-color="#FFD500" style="justify-content:center; padding-top: 0.05rem">
- <div class="f12 caaa" style="margin:0;">本人已知晓:<span class="underline">自激活时间次月起,连续 10个月(期间不可中断)贷记卡交易额≥10000元,则返商户系统服务费</span></div>
- </van-checkbox>
- </div>
- </div>
- </body>
- <script src="./static/js/klm-vv.min.js?t=99999999912312"></script>
- <script src="./static/js/appfunc.min.js?t=99999999912312"></script>
- <script src="./static/js/klm-axios-config.js?t=99999999912312"></script>
- <script src="./static/js/publicfn.js?t=999999999"></script>
- <script>
- function OnStart(){
- console.log('onstart')
- //- app.data.isagreenment = true
- };
-
- Vue.use(vant.Lazyload)
- let app = new Vue({
- el:'#app',
- name:'possDetail',
- data(){
- return {
- //- diaoisshow:true,
- productTypes:[
- ],
- typeResult: [
- ],
- codeisclick:true,
- countdown:60,
- pageTitle:'已激活机具信息查询',
- toptitleisshow,
- show:false,
- formInfo:{
- MerIdcardNo:'',
- MobileCode:'',
- MerchantMobile:'',
- MerRealName:'',
- KqSnNo:'',
- },
- isagreenment:false,
- //- activeIcon:'./static/images/checked@3x.png',
- //- inactiveIcon:'./static/images/unchecked@3x.png',
- pattern:/^((\+|00)86)?1((3[\d])|(4[5,6,7,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[\d])|(9[1,8,9]))\d{8}$/,
- }
- },
- created(){
- gettoken();
- },
- methods:{
- //- 获取验证码
- async getsmscode(){
- if(verification(this.formInfo.MerchantMobile)) return;
- this.codeisclick = false;
- setTimeout(()=>{
- this.codeisclick = true;
- },60000);
- const timer = setInterval(()=>{
- this.countdown--;
- if(this.countdown === 0) {
- this.countdown = 60;
- clearInterval(timer)
- }
- },1000);
- const res = await postRequest('api/v1/mobilecodecheck/sendsms',JSON.stringify({Mobile:this.formInfo.MerchantMobile}));
- if(res.status === '1'){
- tips('验证码已发送,请注意查收')
- };
- },
- back(){
- PublicLib.GoBack({Leval:1});
- },
- onFailed(errorInfo) {
- tips(errorInfo.errors[0].message);
- },
- async onSubmit() {
- if(this.formInfo.MobileCode === '') return tips('请输入短信验证码');
- if(verification(this.formInfo.MerchantMobile)) return;
- if(!verificationIdCardNumber(this.formInfo.MerIdcardNo)) return tips('身份证格式错误!');
- if(!this.isagreenment) return tips('请勾选用户协议');
- const res = await postRequest('api/v1/pos/posmerchantinfo/checkdeposit?t='+Math.random(6),JSON.stringify({...this.formInfo}));
- if(res.status === '1'){
- PublicLib.putCookieInfo('formInfo', JSON.stringify(this.formInfo));
- //- PublicLib.Goto({Url:'deposit-detail'});
- window.location.href = ' /p/deposit-detail';
- }else{
- return tips(res.info)
- }
-
- },
- //- surebtn(){
- //- this.MerchantNo = this.typeResult.merchantNo;
- //- this.diaoisshow = false;
- //- this.getmerchantinfo();
- //- },
- //- async getmerchantinfo(){
- //- const res = await getRequest('api/v1/pos/PosMerchantInfo/QueryMerchantInfo2?t='+Math.random(6),JSON.stringify({MerchantNo:this.MerchantNo,MerchantName:this.formInfo.MerchantName,MerchantMobile:String(this.formInfo.MerchantMobile),MerchantCertId:this.formInfo.MerchantCertId}));
- //- if(res.status !== '1') return tips(res.info);
- //- if(res.data.userName === null){
- //- return tips('该商户未补全信息,请联系安装人员补全商户信息');
- //- };
- //- this.popInfo = res.data;
- //- this.show = true;
- //- },
- isclose(action, done){
- if(action === 'confirm'){
- return done(false);
- }else{
- return done();
- };
- },
- typeToggle(item,index) {
- const that = this;
- if(item){
- that.typeResult = item;
- };
- }
- }
- })
- </script>
- </html>
|