possDetail.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <html>
  2. <head>
  3. <meta charset="utf-8"/>
  4. <title>押金查询</title>
  5. <meta name="keywords" content="已激活机具查询"/>
  6. <meta name="description" content="已激活机具查询"/>
  7. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover"/>
  8. <meta name="apple-mobile-web-app-capable" content="yes"/>
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
  10. <meta content="telephone=no" name="format-detection"/>
  11. <meta content="email=no" name="format-detection"/>
  12. <meta name="apple-mobile-web-app-title" content="已激活机具查询"/>
  13. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  14. <link rel="stylesheet" href="./static/css/main.css?t=999992312"/>
  15. <link rel="stylesheet" href="./static/css/possDetail.css?t=999862"/>
  16. <style>
  17. .van-checkbox__label{width:80%}
  18. .van-checkbox{overflow:visible;padding-top: 0.05rem}
  19. .van-checkbox__icon--checked .van-icon{color:#333;}
  20. </style>
  21. </head>
  22. <body class="pb0" style="padding-top:0;">
  23. <div class="possDetail" id="app" v-cloak="v-cloak">
  24. <van-form class="formWarp" validate-first="validate-first" @failed="onFailed" validate-trigger="onSubmit" @submit="onSubmit" :show-error-message="false" :show-error="false">
  25. <div class="lable">
  26. <div class="f14">机具SN号</div>
  27. </div>
  28. <van-field v-model="formInfo.KqSnNo" name="userName" placeholder="请输入完整机具号" :rules="[{ required: true, message: '请填写SN号' }]"></van-field>
  29. <div class="lable">
  30. <div class="f14">商户姓名</div>
  31. </div>
  32. <van-field v-model="formInfo.MerRealName" name="userName" placeholder="请输入姓名" :rules="[{ required: true, message: '请填写姓名' }]"></van-field>
  33. <div class="lable">
  34. <div class="f14">身份证号</div>
  35. </div>
  36. <van-field v-model="formInfo.MerIdcardNo" placeholder="请输入身份证号码" :rules="[{ required:true , message: '请输入身份证号码' }]"></van-field>
  37. <div class="lable">
  38. <div class="f14">手机号</div>
  39. </div>
  40. <van-field v-model.number="formInfo.MerchantMobile" name="tel" placeholder="请输入手机号码"></van-field>
  41. <div class="lable">
  42. <div class="f14">短信验证码</div>
  43. </div>
  44. <van-field class="user-phone mb12" center="center" clearable="clearable">
  45. <template #button="">
  46. <div class="fl getbtn" @click="getsmscode" v-if="codeisclick">获取验证码</div>
  47. <div class="fl waitbtn" disabled="disabled" v-else="v-else">{{countdown}}s</div>
  48. </template>
  49. <template #input="">
  50. <input class="mobilecode" placeholder="请输入验证码" v-model="formInfo.MobileCode" inputmode="numeric" type="text" autocomplete="one-time-code" style="padding:0;"/>
  51. </template>
  52. </van-field>
  53. <van-button class="btn" round="round" block="block" type="info" color="#FDD500" native-type="submit">查询</van-button>
  54. </van-form>
  55. <div class="login-bottom tc">
  56. <van-checkbox v-model="isagreenment" icon-size=".426667rem" checked-color="#FFD500" style="justify-content:center; padding-top: 0.05rem">
  57. <div class="f12 caaa" style="margin:0;">本人已知晓:<span class="underline">自激活时间次月起,连续 10个月(期间不可中断)贷记卡交易额≥10000元,则返商户系统服务费</span></div>
  58. </van-checkbox>
  59. </div>
  60. </div>
  61. </body>
  62. <script src="./static/js/klm-vv.min.js?t=99999999912312"></script>
  63. <script src="./static/js/appfunc.min.js?t=99999999912312"></script>
  64. <script src="./static/js/klm-axios-config.js?t=99999999912312"></script>
  65. <script src="./static/js/publicfn.js?t=999999999"></script>
  66. <script>
  67. function OnStart(){
  68. console.log('onstart')
  69. //- app.data.isagreenment = true
  70. };
  71. Vue.use(vant.Lazyload)
  72. let app = new Vue({
  73. el:'#app',
  74. name:'possDetail',
  75. data(){
  76. return {
  77. //- diaoisshow:true,
  78. productTypes:[
  79. ],
  80. typeResult: [
  81. ],
  82. codeisclick:true,
  83. countdown:60,
  84. pageTitle:'已激活机具信息查询',
  85. toptitleisshow,
  86. show:false,
  87. formInfo:{
  88. MerIdcardNo:'',
  89. MobileCode:'',
  90. MerchantMobile:'',
  91. MerRealName:'',
  92. KqSnNo:'',
  93. },
  94. isagreenment:false,
  95. //- activeIcon:'./static/images/checked@3x.png',
  96. //- inactiveIcon:'./static/images/unchecked@3x.png',
  97. 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}$/,
  98. }
  99. },
  100. created(){
  101. gettoken();
  102. },
  103. methods:{
  104. //- 获取验证码
  105. async getsmscode(){
  106. if(verification(this.formInfo.MerchantMobile)) return;
  107. this.codeisclick = false;
  108. setTimeout(()=>{
  109. this.codeisclick = true;
  110. },60000);
  111. const timer = setInterval(()=>{
  112. this.countdown--;
  113. if(this.countdown === 0) {
  114. this.countdown = 60;
  115. clearInterval(timer)
  116. }
  117. },1000);
  118. const res = await postRequest('api/v1/mobilecodecheck/sendsms',JSON.stringify({Mobile:this.formInfo.MerchantMobile}));
  119. if(res.status === '1'){
  120. tips('验证码已发送,请注意查收')
  121. };
  122. },
  123. back(){
  124. PublicLib.GoBack({Leval:1});
  125. },
  126. onFailed(errorInfo) {
  127. tips(errorInfo.errors[0].message);
  128. },
  129. async onSubmit() {
  130. if(this.formInfo.MobileCode === '') return tips('请输入短信验证码');
  131. if(verification(this.formInfo.MerchantMobile)) return;
  132. if(!verificationIdCardNumber(this.formInfo.MerIdcardNo)) return tips('身份证格式错误!');
  133. if(!this.isagreenment) return tips('请勾选用户协议');
  134. const res = await postRequest('api/v1/pos/posmerchantinfo/checkdeposit?t='+Math.random(6),JSON.stringify({...this.formInfo}));
  135. if(res.status === '1'){
  136. PublicLib.putCookieInfo('formInfo', JSON.stringify(this.formInfo));
  137. //- PublicLib.Goto({Url:'deposit-detail'});
  138. window.location.href = ' /p/deposit-detail';
  139. }else{
  140. return tips(res.info)
  141. }
  142. },
  143. //- surebtn(){
  144. //- this.MerchantNo = this.typeResult.merchantNo;
  145. //- this.diaoisshow = false;
  146. //- this.getmerchantinfo();
  147. //- },
  148. //- async getmerchantinfo(){
  149. //- 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}));
  150. //- if(res.status !== '1') return tips(res.info);
  151. //- if(res.data.userName === null){
  152. //- return tips('该商户未补全信息,请联系安装人员补全商户信息');
  153. //- };
  154. //- this.popInfo = res.data;
  155. //- this.show = true;
  156. //- },
  157. isclose(action, done){
  158. if(action === 'confirm'){
  159. return done(false);
  160. }else{
  161. return done();
  162. };
  163. },
  164. typeToggle(item,index) {
  165. const that = this;
  166. if(item){
  167. that.typeResult = item;
  168. };
  169. }
  170. }
  171. })
  172. </script>
  173. </html>