宁夏添加授权测试

zhaoxiaoqiang

2021-09-16 072089e1819b712503331624e3beb01192268c5b

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

@@ -1,40 +1,64 @@
<!--
 * @Date: 2019-08-30 13:38:35
 * @LastEditors: 小明丶
 * @LastEditTime: 2020-12-09 15:17:58
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-09-16 16:41:21
 * @Description:
 -->

<template>
    <div class="hb-credit-installment h-100-g">
        <!-- <x-header title="办理分期" :left-options="{backText:''}"></x-header> -->
        <!-- <tab :line-width=1 active-color='#bfa073'>
            <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="返回"
            title="标题"
            :right-text="hnOrnxtype==410000?'':'授权测试'"
            left-arrow
            @click-left="onClickLeft"
            style="line-height: 43px;"
            @click-right="qrCodePage()"
        >
            <i
                v-if='hnOrnxtype==410000'
                class="iconfont iconzuojiantou"
                slot="left"
                style="font-size: 25px;"
            ></i>
            <span v-else  slot="left" ></span>
        </van-nav-bar>
        <!-- <van-nav-bar
            title="和微分"
            left-text="返回"
            left-arrow
            fixed
            @click-left="onClickLeft"
            style="line-height: 43px;"
        >  
        
            <template #left >
            
            </template>
            <template #right >
                 <div  class="head-right" v-on:click="qrCodePage()">授权测试</div>
            </template>
        </van-nav-bar> -->
        <div class="search">
            <selector
                title="活动编码"
            <van-field
                rows="1"
                input-align='right'
                readonly
                autosize
                type="textarea"
                :label="hnOrnxtype==410000?'活动编码':'活动名称'"
                :value="contName"
                placeholder="请选择"
                @click="showPicker = true"
            />
            <!-- <selector
                :title="hnOrnxtype==410000?'活动编码':'活动名称'"
                placeholder="请选择"
                @on-change="handleContIdChange"
                v-model="contSendCode"
                :options="form.cmccWxpayContList"
                :value-map="['contCode', 'contName']"
                direction="rtl"
            ></selector>
            ></selector> -->

        </div>
        <group class="group-content">
            <div class="title">
@@ -45,30 +69,33 @@
                活动信息
            </div>
            <div class="form-content">
                <x-input
                    title="活动ID"
                <van-field
                    label="活动ID"
                    v-model.trim="contSendCode"
                    readonly
                    text-align="right"
                ></x-input>
                <x-input
                    title="活动名称"
                    v-model.trim="contName"
                    input-align="right"
                ></van-field>
                <van-field
                    v-model="contName"
                    rows="1"
                    input-align='right'
                    readonly
                    text-align="right"
                ></x-input>
                <x-input
                    title="合约期"
                    autosize
                    label="活动名称"
                    type="textarea"
                />
                <van-field
                    label="合约期"
                    v-model.trim="term"
                    readonly
                    text-align="right"
                ></x-input>
                <x-input
                    title="担保金额"
                    input-align="right"
                ></van-field>
                <van-field
                    label="担保金额"
                    v-model.trim="guaranteedAmt"
                    readonly
                    text-align="right"
                ></x-input>
                    input-align="right"
                ></van-field>
            </div>
            <div style="height: 10px; background: #f5f5f5;"></div>
            <div class="title" style="border-radius:6px;">
@@ -115,8 +142,7 @@
                        type="warning"
                        size="small"
                        @click="mblVertify"
                        >可用查询</van-button
                    >
                        >可用查询</van-button>
                </van-field>
            </div>
        </group>
@@ -131,23 +157,30 @@
            >
        </div>
        <Vdialog @cancel="cancel" :show="showDia"></Vdialog>
        <van-popup v-model="showPicker" round position="bottom">
            <van-picker
                show-toolbar
                :columns="form.cmccWxpayContList"
                @cancel="showPicker = false"
                @confirm="handleContIdChange"
            />
        </van-popup>
    </div>
</template>

<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 { mapState } from 'vuex';
export default {
    name: 'wx-pay-score',
    components: {
        FConfirmSimple,
        Vdialog,
    components: {FConfirmSimple,Vdialog},
    computed:{
        ...mapState(['hnOrnxtype']),
    },
    data() {
        return {
            showPicker:false,
            creditId: '',
            contType:'',
            contId: '', //合约id
@@ -187,18 +220,33 @@
            isClick:false
        };
    },
    computed: {},
    
    created() {
        this.contType = this.$route.query.code;
        this.mblNoType = this.$route.query.mblNoType;
        this.$api.wxScoreInit2({ type: this.contType }).then(
            (res) => {
                this.form = res.body || {};
                var arr = res.body.terms;
            },
            (err) => err
        let apiText ='';
        let sendData ={};
        if(this.hnOrnxtype == 410000){
            // 河南移动
            this.contType = this.$route.query.code;
            this.mblNoType = this.$route.query.mblNoType;
            apiText ='wxScoreInit2';
            sendData ={type: this.contType}
        }else{
            // 宁夏移动
           apiText ='nxInit'; 
           sendData= {}; 
        }
        this.$api[apiText](sendData).then(
                (res) => {
                    this.form = res.body || {};
                    this.form.cmccWxpayContList = this.form.cmccWxpayContList.map(val=>{
                        return{
                            text:val.contName,
                            ...val
                        }
                    })
                },
                (err) => err
        );

    },
    methods: {
        //顶部tabbar返回按钮
@@ -207,15 +255,15 @@
        },
        // 套餐类型
        handleContIdChange(val) {
            let currentEle = JSON.parse(
                JSON.stringify(this.form.cmccWxpayContList)
            ).find((item) => item.contCode === val);
            console.log(val)
            let currentEle = JSON.parse( JSON.stringify(this.form.cmccWxpayContList) ).find((item) => item.contCode === val.contCode);
            this.contId = currentEle.contId;
            this.contSendCode = currentEle.contCode;
            this.contName = currentEle.contName;
            this.term = currentEle.term;
            this.guaranteedAmt = currentEle.guaranteedAmt;
            this.monGiftAmt = currentEle.monGiftAmt;
            this.showPicker =false;
        },
        // 市区
        handleRegionChange(val) {
@@ -256,16 +304,19 @@
                v.toast('请输入正确的用户手机号');
                return false;
            }
            this.$api
                .wxScoreVertify({
            let httpText = '';
            if(this.hnOrnxtype == 410000){
               httpText ='wxScoreVertify';
            }else{
               httpText ='nxVerifyMblNo';
            }
            this.$api[httpText]({
                    cardNo: this.idCardNo,
                    contCode: this.contSendCode,
                    mblNo: this.mblNo,
                    mblNoType: this.mblNoType,
                    regionCode: this.regionCode,
                })
                .then(
                    (res) => {
                }).then( (res) => {
                        this.isClick =true;
                        this.creditId = res.body.creditId;
                        this.vertifyStatus = res.body.status;
@@ -320,13 +371,17 @@
                    return false;
               }
            }
            // console.log('ces', this.vertifyStatus + '你');
            if (this.vertifyStatus == 0) {
                v.toast('号码不可用');
                return false;
            }
            this.$api
                .wxScoreCreate({
            let httpText = '';
            if(this.hnOrnxtype == 410000){
               httpText ='wxScoreCreate';
            }else{
               httpText ='nxCreate';
            }
            this.$api[httpText]({
                    contType: this.contType,
                    creditId: this.creditId,
                    contId: this.contId,
@@ -362,7 +417,13 @@
                query: queryObj,
            });
        },
    },
        qrCodePage() {
            this.$router.push({
                path: "/wx-test-code",
                query: "",
            });
        },
    }
};
</script>
<style lang="less" scoped>
@@ -387,9 +448,10 @@
}
//搜索框
.search {
    margin-bottom: 20px;
    padding: 5px 10px;
    box-sizing: border-box;
}

.mer {
    width: 100%;
    height: 150px;
@@ -428,9 +490,11 @@
    }
}
.group-content {
    transform: translateY(-25px);
    width: 96%;
    margin: 0 2%;
    padding: 10px;
    box-sizing: border-box;
    // transform: translateY(-25px);
    // width: 96%;
    // margin: 0 2%;
}
/deep/.weui-cells {
    border-radius: 6px;
@@ -451,8 +515,8 @@

.hb-credit-installment {
    background-color: #f5f5f7;
    // padding-top: 54px;
    min-height: 100%;
    box-sizing: border-box;
    .title {
        padding: 14px 0px 14px 12px;
        font-size: 16px;
@@ -493,7 +557,6 @@
    }
}
.btn-box {
    margin-top: 40px;
    margin-bottom: 22px;
    display: flex;
    justify-content: space-around;
@@ -509,3 +572,33 @@
    }
}
</style>
<style lang="less">
.van-nav-bar{
    z-index: 10;
}
.weui-select{
    font-size: 14px;
}
.weui-label{
    font-size: 14px;
}
.van-cell .van-cell__title{
    font-size: 14px !important;
}
.van-field__body{
    font-size: 14px !important; 
}
.van-picker-column__wrapper{
    line-height:24px !important;
}
.van-ellipsis{
    font-size:12px ;
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

</style>