lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!DOCTYPE html>
<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">
  </head>
  <body class="pt0 pb0" style="padding-top:0;">
    <div class="index_current merchant-verification" id="app" v-cloak>
      <van-nav-bar :title="pageTitle" @click-left="back" v-if="toptitleisshow">
        <template #left="">
          <van-icon name="cross" color="#333" size=".5333rem"></van-icon>
        </template>
      </van-nav-bar>
      <van-form class="formWarp" validate-first @failed="onFailed" validate-trigger="onSubmit" @submit="onSubmit" :show-error-message="false" :show-error="false">
        <div class="label">
          <div class="f14">商户姓名</div>
          <van-field v-model="formInfo.MerRealName" name="MerRealName" placeholder="请输入该机具的商户姓名" :rules="[{ required: true, message: '请填写姓名' }]"></van-field>
        </div>
        <div class="label">
          <div class="f14">商户手机号</div>
          <van-field v-model.number="formInfo.MerchantMobile" name="MerchantMobile" placeholder="请输入该机具绑定的手机号" :rules="[{ pattern:telPattern, message: '手机号格式错误' }]"></van-field>
        </div>
        <div class="label">
          <div class="f14">身份证号</div>
          <van-field v-model="formInfo.MerIdcardNo" name="MerIdcardNo" placeholder="请输入身份证号" :rules="[{ pattern:IDPattern , message: '身份证号格式错误' }]"></van-field>
        </div>
        <van-button class="btn" round block type="info" color="#FDD500" native-type="submit">查询</van-button>
        <div class="tips">查询结果为非新商户，若继续开机仅可获得循环资格，无法获得奖励。</div>
        <div class="tips">提示:功能上线前未完善资料的部分商户可能存在查询结果仍为新商户，故商户验证结果仅供参考，验证后请与商户进行二次确认，奖励规则将以商户实际情况为准</div>
      </van-form>
      <van-popup class="pop" v-model="show" style="padding:24px;"><img class="db" src="./static/images/success.png" alt="成功">
        <div class="f16 c333 tc" style="margin-bottom: .3733rem;">恭喜您！</div>
        <div class="f14 c666 tc">该商户尚未开通机具，快去进件领取奖励吧！
          <van-button class="btn" round block type="info" color="#FDD500" @click="show=false">确定</van-button>
        </div>
      </van-popup>
    </div>
  </body> 
  <script src="./static/js/klm-vv.min.js"></script>
  <script src="./static/js/appfunc.min.js"></script>
  <script src="./static/js/klm-axios-config.js"></script>
  <script src="./static/js/publicfn.js"></script>
  <script>
    Vue.use(vant.Lazyload)
    Vue.use(vant.Dialog);
    let app = new Vue({
    	el:'#app',
    	name:'possDetail',
    	data(){
    		return {
    			pageTitle:'商户验证',
    			toptitleisshow,
    			show:false,
    			formInfo:{
    				MerRealName:'',
    				MerchantMobile:'',
    				MerIdcardNo:'',
    			},
    			telPattern:/^((13[0-9])|(14(0|[5-7]|9))|(15([0-3]|[5-9]))|(16(2|[5-7]))|(17[0-8])|(18[0-9])|(19([0-3]|[5-9])))\d{8}$/,
    			IDPattern:/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/,
    		}
    	},
    	created(){
    	},
    	methods:{
    		back(){
    			PublicLib.GoBack({Leval:1});
    		},
    		onFailed(errorInfo) {
    			console.log('failed', errorInfo);
    			tips(errorInfo.errors[0].message);
    		},
    		onFailed1(errorInfo) {
    			console.log('failed', errorInfo);
    			tips(errorInfo.errors[0].message);
    		},
    		async onSubmit1(values) {
    			console.log(values);
    		},
    		async onSubmit(values) {
    			let res = await getRequest('api/v1/pos/posmerchantinfo/checkmerchantinfo?t='+Math.random(6),JSON.stringify(this.formInfo));
    			if(res.status !== '1') return tips(res.info);
    			//- if(res.data.Exist == 0){
    			//-   vant.Dialog.alert({ title: '恭喜您', message: '该商户还未入驻，快去领取奖励吧！',theme: 'round-button',confirmButtonColor:'#FDD500',className:'pftDialog'}).then(()=>{})
    			//- }
    			if(res.data.Exist == 0){
    				this.show = true
    			}
    			if(res.data.Exist == 1){
    				vant.Dialog.alert({ message: '该商户非新商户，开通后将仅可获得循环资格，无法获得奖励',theme: 'round-button',confirmButtonColor:'#FDD500',className:'pftDialog'}).then(()=>{})
    			}
    		},
    		
    	},
    
    })
  </script>
</html>