| | |
| | | |
| | | <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="返回" |
| | | left-arrow |
| | | fixed |
| | | @click-left="onClickLeft" |
| | | style="line-height: 43px;" |
| | | > |
| | |
| | | </van-nav-bar> |
| | | <div class="search"> |
| | | <selector |
| | | title="活动编码" |
| | | :title="hnOrnxtype==410000?'活动编码':'活动名称'" |
| | | placeholder="请选择" |
| | | @on-change="handleContIdChange" |
| | | v-model="contSendCode" |
| | |
| | | type="warning" |
| | | size="small" |
| | | @click="mblVertify" |
| | | >可用查询</van-button |
| | | > |
| | | >可用查询</van-button> |
| | | </van-field> |
| | | </div> |
| | | </group> |
| | |
| | | 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 { mapState } from 'vuex'; |
| | | import { Datetime, XAddress } from 'vux'; |
| | | export default { |
| | | name: 'wx-pay-score', |
| | | components: { |
| | | FConfirmSimple, |
| | | Vdialog, |
| | | components: {FConfirmSimple,Vdialog}, |
| | | computed:{ |
| | | ...mapState(['hnOrnxtype']), |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | 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) => { |
| | | console.log(res); |
| | | this.form = res.body || {}; |
| | | // var arr = res.body.terms; |
| | | }, |
| | | (err) => err |
| | | ); |
| | | |
| | | }, |
| | | methods: { |
| | | //顶部tabbar返回按钮 |
| | |
| | | }, |
| | | // 套餐类型 |
| | | 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; |
| | |
| | | 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; |
| | |
| | | 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, |
| | |
| | | |
| | | .hb-credit-installment { |
| | | background-color: #f5f5f7; |
| | | // padding-top: 54px; |
| | | padding:50px 0; |
| | | min-height: 100%; |
| | | box-sizing: border-box; |
| | | .title { |
| | | padding: 14px 0px 14px 12px; |
| | | font-size: 16px; |
| | |
| | | } |
| | | } |
| | | .btn-box { |
| | | margin-top: 40px; |
| | | margin-bottom: 22px; |
| | | display: flex; |
| | | justify-content: space-around; |
| | |
| | | } |
| | | } |
| | | </style> |
| | | <style lang="less"> |
| | | .van-nav-bar{ |
| | | z-index: 10; |
| | | } |
| | | .weui-select{ |
| | | font-size: 14px; |
| | | } |
| | | </style> |