身份证验证规则

zhaoxiaoqiang

2021-04-16 e32b1699230ef3d1ed9a477553769de757e9f714

 src/views/old/store/wx-pay-score.vue

@@ -12,49 +12,123 @@
            <tab-item v-for="(item, index) in tabList" :key="index" :selected="activeTab === index"
                @on-item-click="handleTabChange(index)">{{ item }}</tab-item>
        </tab> -->
    <van-nav-bar title="和微分" left-text="返回" left-arrow @click-left="onClickLeft" style="line-height: 43px;">
        <i class="iconfont iconzuojiantou" slot="left" style="font-size: 25px;"></i>
        <van-nav-bar
            title="和微分"
            left-text="返回"
            left-arrow
            @click-left="onClickLeft"
            style="line-height: 43px;"
        >
            <i
                class="iconfont iconzuojiantou"
                slot="left"
                style="font-size: 25px;"
            ></i>
    </van-nav-bar>
        <div class="search">
            <selector title='活动编码' placeholder='请选择' @on-change='handleContIdChange' v-model="contSendCode"
                  :options='form.cmccWxpayContList' :value-map="['contCode','contName']" direction='rtl'></selector>
            <selector
                title="活动编码"
                placeholder="请选择"
                @on-change="handleContIdChange"
                v-model="contSendCode"
                :options="form.cmccWxpayContList"
                :value-map="['contCode', 'contName']"
                direction="rtl"
            ></selector>
        </div>
        <group  class="group-content">
            <div class="title">
                <span class="line" :style="{background:$store.state.defaultBgColor}"></span>
                <span
                    class="line"
                    :style="{ background: $store.state.defaultBgColor }"
                ></span>
                活动信息
            </div>
                <div class="form-content">
                <x-input title='活动ID' v-model.trim="contSendCode" readonly text-align='right'></x-input>
                <x-input title='活动名称' v-model.trim="contName" readonly text-align='right'></x-input>
                <x-input title='合约期' v-model.trim="term" readonly text-align='right'></x-input>
                <x-input title='担保金额' v-model.trim="guaranteedAmt" readonly text-align='right'></x-input>
                <x-input
                    title="活动ID"
                    v-model.trim="contSendCode"
                    readonly
                    text-align="right"
                ></x-input>
                <x-input
                    title="活动名称"
                    v-model.trim="contName"
                    readonly
                    text-align="right"
                ></x-input>
                <x-input
                    title="合约期"
                    v-model.trim="term"
                    readonly
                    text-align="right"
                ></x-input>
                <x-input
                    title="担保金额"
                    v-model.trim="guaranteedAmt"
                    readonly
                    text-align="right"
                ></x-input>
            </div>
             <div style="height: 10px; background: #f5f5f5;"></div>
            <div class="title" style="border-radius:6px;">
                <span class="line" :style="{background:$store.state.defaultBgColor}"></span>
                <span
                    class="line"
                    :style="{ background: $store.state.defaultBgColor }"
                ></span>
                用户信息
            </div>
            <div class="form-content">
                <x-input title='用户姓名' v-model.trim="userName" placeholder='请输入' text-align='right' />
                <selector title='归属地' placeholder='请选择' @on-change='handleRegionChange' v-model="regionCode"
                          :options='form.regionList' :value-map="['code','name']" direction='rtl'></selector>
                <x-input title='身份证号码' :max="18" v-model.trim="idCardNo" placeholder='请输入' text-align='right' />
                <x-input
                    title="用户姓名"
                    v-model.trim="userName"
                    placeholder="请输入"
                    text-align="right"
                />
                <selector
                    title="归属地"
                    placeholder="请选择"
                    @on-change="handleRegionChange"
                    v-model="regionCode"
                    :options="form.regionList"
                    :value-map="['code', 'name']"
                    direction="rtl"
                ></selector>
                <x-input
                    title="身份证号码"
                    :max="18"
                    v-model.trim="idCardNo"
                    placeholder="请输入"
                    text-align="right"
                />
                <van-field
                        v-model="mblNo"
                        clearable
                        maxlength='11'
                    maxlength="11"
                        type="number"
                        placeholder="手机号码"
                >
                    <van-button v-if="mblNoType==0||mblNoType==1" class="mgs-btn" slot="button" size="small" @click="mblVertify" >可用查询</van-button>
                    <van-button
                        v-if="mblNoType == 0 || mblNoType == 1"
                        class="mgs-btn"
                        slot="button"
                        type="warning"
                        size="small"
                        @click="mblVertify"
                        >可用查询</van-button
                    >
                </van-field>
            </div>
        </group>


        <div class="btn-box">
            <van-button round :color="$store.state.backColor" class="btn2" @click="wxScoreOrderCreate">生成二维码</van-button>
            <van-button
                round
                :color="$store.state.backColor"
                class="btn2"
                @click="wxScoreOrderCreate"
                >生成二维码</van-button
            >
        </div>
        <Vdialog @cancel="cancel" :show="showDia"></Vdialog>
  </div>
@@ -63,19 +137,14 @@
<script>
    import QRCode from 'qrcode';
    import FConfirmSimple from '@/components/old/FConfirmSimple.vue';
    import Vdialog from "@/components/common/v-dialog.vue";
    import {
        mapState,
        mapActions
    } from 'vuex';
    import {
        Datetime,
        XAddress,
    } from 'vux';
import Vdialog from '@/components/common/v-dialog.vue';
import { mapState, mapActions } from 'vuex';
import { Datetime, XAddress } from 'vux';
    export default {
        name: 'wx-pay-score',
        components: {
            FConfirmSimple,Vdialog
        FConfirmSimple,
        Vdialog,
        },
        data() {
            return {
@@ -99,32 +168,34 @@
                        type: Array,
                        default: () => {
                            return [];
                        }
                    },
                    },
                    mblNoTypeList: {
                        type: Array,
                        default: () => {
                            return [];
                        }
                    },
                    },
                    regionList: {
                        type: Array,
                        default: () => {
                            return [];
                        }
                    }
                }
                    },
                },
            },
            isClick:false
            };
        },
        computed:{

        },
    computed: {},
        created(){
            this.mblNoType = this.$route.query.mblNoType;
            this.$api.wxScoreInit({type:this.mblNoType}).then(res => {
        this.$api.wxScoreInit({ type: this.mblNoType }).then(
            (res) => {
                this.form = res.body || {};
                var arr = res.body.terms;
            }, err => err);
            },
            (err) => err
        );
        },
        methods: {
            //顶部tabbar返回按钮
@@ -133,7 +204,9 @@
            },
            // 套餐类型
            handleContIdChange(val) {
                let currentEle=JSON.parse(JSON.stringify(this.form.cmccWxpayContList)).find(item=>item.contCode===val)
            let currentEle = JSON.parse(
                JSON.stringify(this.form.cmccWxpayContList)
            ).find((item) => item.contCode === val);
                this.contId = currentEle.contId;
                this.contSendCode = currentEle.contCode;
                this.contName = currentEle.contName;
@@ -143,8 +216,10 @@
            },
            // 市区
            handleRegionChange(val) {
                let currentEle = JSON.parse(JSON.stringify(this.form.regionList)).find((item) => {
                    return item.code = val;
            let currentEle = JSON.parse(
                JSON.stringify(this.form.regionList)
            ).find((item) => {
                return (item.code = val);
                });
            },
            // 账号类型
@@ -170,6 +245,10 @@
                    v.toast('请输入用户身份证号');
                    return false;
                }
            if(!v.checkIDCard(this.idCardNo)){
                v.toast('身份证号格式不正确');
                return false;
            }
                if (v.checkValEmpty(this.mblNo)) {
                    v.toast('请输入用户手机号');
                    return false;
@@ -178,15 +257,19 @@
                    v.toast('请输入正确的用户手机号');
                    return false;
                }
                this.$api.wxScoreVertify({
            this.$api
                .wxScoreVertify({
                    cardNo: this.idCardNo,
                    contCode:this.contSendCode,
                    mblNo: this.mblNo,
                    mblNoType: this.mblNoType,
                    regionCode: this.regionCode
                }).then(res => {
                    this.creditId = res.body.creditId
                    this.vertifyStatus = res.body.status
                    regionCode: this.regionCode,
                })
                .then(
                    (res) => {
                        this.isClick =true;
                        this.creditId = res.body.creditId;
                        this.vertifyStatus = res.body.status;
                    if(this.vertifyStatus == 0){
                        v.toast('号码不可用');
                        return false;
@@ -194,7 +277,10 @@
                        v.toast('号码可用');
                        return false;
                    }
                }, err => err);
                        
                    },
                    (err) => err
                );
            },
            // 提交订单
            wxScoreOrderCreate(val) {
@@ -219,6 +305,10 @@
                    v.toast('请输入用户身份证号');
                    return false;
                }
            if(!v.checkIDCard(this.idCardNo)){
                v.toast('身份证号格式不正确');
                return false;
            }
                if (v.checkValEmpty(this.mblNo)) {
                    v.toast('请输入用户手机号');
                    return false;
@@ -229,12 +319,19 @@
                }
                if(this.mblNoType == 2){
                    this.vertifyStatus = 1;
            }else{
                if(!this.isClick){
                    v.toast('请先点击可用查询后生成二维码');
                    return false;  
                }
            }
            // console.log('ces', this.vertifyStatus + '你');
                if(this.vertifyStatus == 0){
                    v.toast('号码不可用');
                    return false;
                }
                this.$api.wxScoreCreate({
            this.$api
                .wxScoreCreate({
                    mblNoType:this.mblNoType,
                    creditId: this.creditId,
                    contId: this.contId,
@@ -242,14 +339,18 @@
                    mblNo: this.mblNo,
                    contCode: this.contSendCode,
                    regionCode: this.regionCode,
                    userName: this.userName
                }).then(res => {
                    this.qrCode = res.body.qrCode
                    this.orderId = res.body.orderId
                    userName: this.userName,
                })
                .then(
                    (res) => {
                        this.qrCode = res.body.qrCode;
                        this.orderId = res.body.orderId;
                    if (this.qrCode) {
                        this.createdQRCode();
                    }
                }, err => err);
                    },
                    (err) => err
                );
            },
            // 生成二维码
            createdQRCode() {
@@ -260,17 +361,16 @@
                    term: this.term,
                    guaranteedAmt: this.guaranteedAmt,
                    monGiftAmt: this.monGiftAmt,
                }
            };
                this.$router.push({
                    path: "/wx-getWxQRCode",
                    query: queryObj
                })
                path: '/wx-getWxQRCode',
                query: queryObj,
            });
            },
        },
    };

</script>
<style lang='less' scoped >
<style lang="less" scoped>
    // /deep/.myDisableIpt{
    //     color: #999999;
    // }
@@ -298,7 +398,11 @@
    .mer{
        width: 100%;
        height: 150px;
        background: linear-gradient(-45deg,rgba(104,98,133,1),rgba(76,69,113,1));
    background: linear-gradient(
        -45deg,
        rgba(104, 98, 133, 1),
        rgba(76, 69, 113, 1)
    );
        overflow: hidden;
        &-head{
            width: 96%;
@@ -351,7 +455,7 @@
    }

    .hb-credit-installment {
        background-color: #F5F5F7;
    background-color: #f5f5f7;
        // padding-top: 54px;
        min-height: 100%;
        .title {
@@ -409,5 +513,4 @@
            width: 80%;
        }
    }

</style>