和微分套餐修改

liangjin

2021-04-21 3464c6fe6167dec49edff803dc3b0a411ffd5e52

和微分套餐修改

 src/api/oldapi.js

@@ -142,6 +142,10 @@
    wxScoreInit(data){
        return $http.post('/cmccWxpay/init',data)
    },
    // 微信分初始化
    wxScoreInit2(data){
        return $http.post('/cmccWxpay/init2',data)
    },
    // 微信分订单列表
    wxScoreList(data){
        return $http.post('/cmccWxpay/list',data)
@@ -172,4 +176,7 @@
    wxScoreCreInit(data){
        return $http.post('/cmccWxpay/creInit', data);
    },
    wxScoreCreInit2(data){
        return $http.post('/cmccWxpay/creInit2', data);
    },
}

 src/assets/imgs/product_xhzw.png

Binary files differ

 src/assets/imgs/product_xrw.png

Binary files differ

 src/router/routes.js

@@ -204,6 +204,11 @@
        component:()=>import("@/views/old/store/wx-pay-score.vue")
    },
    {
        path:"/wx-test-code",
        name:'wxTestCode',
        component:()=>import("@/views/old/store/wx-test-code.vue")
    },
    {
        path:"/wx-getWxQRCode",
        name:'wx-getWxQRCode',
        component:()=>import("@/views/old/store/getWxQRCode.vue")

 src/views/old/store/business-center.vue

@@ -7,46 +7,44 @@
-->
<template>
    <div class="hb-gmzf">
        <x-header :left-options="{backText: '', showBack: false}">和微分</x-header>
        <div v-if="showHwfProd">
            <div class="tab">
                <div class="tab-index">
                    <p class="tab-index-one">请选择手机号类型</p>
                </div>
        <div class="head">
            <div class="head-left">
            </div>
            <div class="order-xrw" v-if="showXrwType" @click="productPage(0)">
                <div class="order-xrw-create">
                        <div class="order-xrw-create-icon">
                            <img class="order-xrw-create-icon-image" src="../../../assets/imgs/product_xrw.png"></img>
            <div class="head-mid">
                和微分
            </div>
            <div class="head-right" v-on:click="qrCodePage()">
                授权测试
            </div>
        </div>
        <div class="tab">
            <van-tabs v-model="active" animated @click="onClick">
                <van-tab v-for="(item,index) in contTypeList" :title="item.name" :key="index" >
                    <div v-for="(childItem,index) in item.childList" :key="index">
                        <div class="tab-head">
                            <div class="tab-head-icon">
                            </div>
                            <div class="tab-head-font">
                                {{childItem.name}}
                            </div>
                            <div class="tab-head-remain">
                            </div>
                        </div>
                        <p class="order-xrw-create-text">
                            新入网号码
                        </p>
                        <i class="iconfont iconyou tab-index-two" style="width:10%;height:30px;"></i>
                </div>
            </div>
            <div class="order-xrw" style="margin-top: 30px" v-if="showXhzwType" @click="productPage(2)">
                <div class="order-xrw-create">
                    <div class="order-xrw-create-icon">
                        <img class="order-xrw-create-icon-image" src="../../../assets/imgs/product_xhzw.png"></img>
                        <div class="tab-index">
                            <div class="tab-index-row">
                                <div class="tab-index-row-main" v-for="(grandchildItem,index) in childItem.childList" :key="index" v-on:click="productPage(grandchildItem)">
                                    <div class="tab-index-row-icon">
                                        <img class="order-xrw-create-icon-image" :src="getIndexIcon(grandchildItem)"></img>
                                    </div>
                                    <div class="tab-index-row-font">
                                        {{grandchildItem.name}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <p class="order-xrw-create-text">
                        携号转网号码
                    </p>
                    <i class="iconfont iconyou tab-index-two" style="width:10%;height:30px;"></i>
                </div>
            </div>
            <div class="order-xrw" style="margin-top: 30px" v-if="showClType" @click="productPage(1)">
                <div class="order-xrw-create">
                    <div class="order-xrw-create-icon">
                        <img class="order-xrw-create-icon-image" src="../../../assets/imgs/product_cl.png"></img>
                    </div>
                    <p class="order-xrw-create-text">
                        存量号码
                    </p>
                    <i class="iconfont iconyou tab-index-two" style="width:10%;height:30px;"></i>
                </div>
            </div>
                </van-tab>
            </van-tabs>
        </div>
    </div>
</template>
@@ -55,16 +53,18 @@
    import { async } from 'q';
    import Vue from 'vue';
    import { Toast } from 'vant';
    import { Tab, Tabs } from 'vant';
    Vue.use(Tab);
    Vue.use(Tabs);
    export default {
        components: {
        },
        data() {
            return {
                active:'',
                contTypeList:[],
                mblNoTypeList:{},
                showHwfProd:false,
                showXrwType:false,
                showClType:false,
                showXhzwType:false,
                showHwfProd:false
            };
        },
        computed:{
@@ -78,23 +78,25 @@
            }
        },
        methods: {
            getIndexIcon(item){
                let iconSrc = "/static/img/"+item.icon+".png";
                return iconSrc;
            },
            init(){
                this.$api.wxScoreCreInit().then(res => {
                    this.mblNoTypeList = res.body.mblNoTypeList|| {};
                    this.mblNoTypeList.forEach(item => {
                        if(item.code == '0'){
                            this.showXrwType = true;
                        }else if(item.code == '1'){
                            this.showClType = true;
                        }else if(item.code == '2'){
                            this.showXhzwType = true;
                        }
                    });
                this.$api.wxScoreCreInit2().then(res => {
                    this.contTypeList = res.body.contTypeList|| {};
                }, err => err);
            },
            productPage(type){
            qrCodePage(){
                this.$router.push({
                    path: "/wx-test-code",
                    query: "",
                })
            },
            productPage(item){
                let queryObj = {
                    mblNoType:type,
                    code:item.code,
                    mblNoType:item.mblNoType,
                }
                this.$router.push({
                    path: "/wx-pay-score",
@@ -115,36 +117,103 @@
    };
</script>
<style lang="less" scoped>
    .hb-gmzf {
    .head {
        width: 100%;
        height: 100%;
        background: #FAFAFC;
        height: 40px;
        display: flex;
        line-height: 40px;
        background: #FFFFFF;;
        text-align: center;
        &-left{
            width: 33.3%;
            height: 40px;
        }
        &-mid{
            width: 33.3%;
            height: 40px;
            font-size: 18px;
            font-family: PingFang SC;
            font-weight: bold;
            color: #333333;
        }
        &-right{
            width: 33.4%;
            height: 40px;
            font-size: 14px;
            font-family: PingFang SC;
            color: #333333;
        }
    }

    .tab {
        width: 100%;
        height: 200px;
        background: url('../../../assets/imgs/hwf_bg.png');
        background-size: 100% 100%;
        height: 100%;
        &-head{
            margin: 20px 30px 20px 30px;
            width: 100%;
            height: 24px;
            line-height: 24px;
            &-icon{
                width: 3px;
                margin-top: 3px;
                float: left;
                height: 18px;
                background: #6C68FF;
            }
            &-font{
                width: 20%;
                margin-left: 10px;
                height: 20px;
                float: left;
                font-size: 16px;
                font-family: PingFang SC;
                font-weight: bold;
                color: #333333;
            }
            &-remain{
                width: 70%;
                float: left;
                height: 20px;
            }
        }
        .tab-index {
            margin: 20px;
            height: 110px;
            line-height: 110px;
            background: #FFFFFF;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
            border-radius: 16px;
            &-row {
                width:100%;
                height: 100px;
                line-height: 100px;
                margin:0px 20px 0px 20px;
                &-main {
                    width:22.5%;
                    height: 100%;
                    float: left;
                    text-align: center;
                }
                &-icon {
                    width:100%;
                    height: 30%;
                    &-image {
                        width:100%;
                        height:100%;
                    }
                }
                &-font {
                    width: 100%;
                    height: 30%;
                    font-size: 10px;
                    font-family: PingFang SC;
                    color: #333333;
                }
            }
        }
    }

    .tab-index {
        width: 100%;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        padding: 100px 0px 0px 20px;
        color: #ffffff;
        i {
            font-size: 36px;
        }
        &-one,&-two{
            width: 100%;
            float: left;
            box-sizing: border-box;
            font-size: 20px;
        }
    }




@@ -177,12 +246,6 @@
                font-size: 18px;
                font-family: PingFang SC;
                color: #333333;
            }
            &-arrow {
                margin-right:10px;
                width: 10%;
                background: url('../../../assets/imgs/product_xrw.png');
                float: right;
            }
        }
    }

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

@@ -106,7 +106,7 @@
                    clearable
                    maxlength="11"
                    type="number"
                    placeholder="手机号码"
                    placeholder="请输入手机号码"
                >
                    <van-button
                        v-if="mblNoType == 0 || mblNoType == 1"
@@ -149,6 +149,7 @@
    data() {
        return {
            creditId: '',
            contType:'',
            contId: '', //合约id
            contSendCode: '', //合约code
            mblType: '',
@@ -188,14 +189,16 @@
    },
    computed: {},
    created() {
        this.contType = this.$route.query.code;
        this.mblNoType = this.$route.query.mblNoType;
        this.$api.wxScoreInit({ type: this.mblNoType }).then(
        this.$api.wxScoreInit2({ type: this.contType }).then(
            (res) => {
                this.form = res.body || {};
                var arr = res.body.terms;
            },
            (err) => err
        );

    },
    methods: {
        //顶部tabbar返回按钮
@@ -225,10 +228,6 @@
        // 账号类型
        mblVertify(val) {
            let v = this.$tool;
            if (v.checkValEmpty(this.mblNoType)) {
                v.toast('请选择手机号类型');
                return false;
            }
            if (v.checkValEmpty(this.contSendCode)) {
                v.toast('请选择活动套餐');
                return false;
@@ -277,7 +276,7 @@
                            v.toast('号码可用');
                            return false;
                        }
                        

                    },
                    (err) => err
                );
@@ -287,10 +286,6 @@
            let v = this.$tool;
            if (v.checkValEmpty(this.contSendCode)) {
                v.toast('请选择活动套餐');
                return false;
            }
            if (v.checkValEmpty(this.mblNoType)) {
                v.toast('请选择手机号类型');
                return false;
            }
            if (v.checkValEmpty(this.userName)) {
@@ -321,8 +316,8 @@
                this.vertifyStatus = 1;
            }else{
                if(!this.isClick){
                    v.toast('请先点击可用查询后生成二维码');
                    return false;  
                    v.toast('请先点击可用查询再生成二维码');
                    return false;
               }
            }
            // console.log('ces', this.vertifyStatus + '你');
@@ -332,7 +327,7 @@
            }
            this.$api
                .wxScoreCreate({
                    mblNoType: this.mblNoType,
                    contType: this.contType,
                    creditId: this.creditId,
                    contId: this.contId,
                    cardNo: this.idCardNo,

 src/views/old/store/wx-test-code.vue

New file
@@ -0,0 +1,58 @@
<!--
 * @Author: 小明丶
 * @Date: 2021-01-06 15:50:26
 * @LastEditors: 小明丶
 * @LastEditTime: 2021-01-06 15:50:27
 * @Description:
-->
<template>
    <div  class="hb-credit-installment h-100-g">
        <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="head">
            <img src="https://sie.jycash.cn/czjc/img/hwf/authtest.jpg"></img>
        </div>
    </div>
</template>
<script>
    export default {
        components: {
        },
        data() {
            return {
            };
        },
        computed:{
        },
        created () {

        },
        methods: {
            //顶部tabbar返回按钮
            onClickLeft() {
                this.$router.go(-1);
            },
        }
    };
</script>
<style lang="less" scoped>
    .head {
        width: 100%;
        height: 100%;
        img{
            width: 100%;
            height: 100%;
        }
    }
</style>

 static/img/product_cl.png

 static/img/product_sd.png

 static/img/product_xhzw.png

 static/img/product_xrw.png

 static/img/product_xyw.png

 static/img/product_zd.png