fix: 增加京东E卡
This commit is contained in:
zhangds
parent
ea7cbe8b11
commit
d1d8db3669
|
|
@ -72,10 +72,33 @@
|
|||
<div v-else class="ipt-acc" style="position: relative;z-index: 99;">
|
||||
<h4 class="title" v-if="goodInfo.product_type===2&&goodInfo.card_show==2">{{goodInfo.product_name}}</h4>
|
||||
<template v-if="goodInfo.product_type===1||goodInfo.product_type===2&&goodInfo.card_show==1">
|
||||
<!-- 京东E卡 -->
|
||||
<template v-if="goodInfo.is_e_card">
|
||||
<p>
|
||||
<span>账号:</span>
|
||||
<input :type="acctype" onkeyup="this.value=this.value.replace(/\D/g,'')"
|
||||
:disabled="goodsDetail.available!=1"
|
||||
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" :maxlength="11" v-model="account"
|
||||
placeholder="请输入手机号" @focus="(e)=>focusFn(e)">
|
||||
</p>
|
||||
<p>
|
||||
<span>验证码:</span>
|
||||
<input class="queryCode" :type="acctype" onkeyup="this.value=this.value.replace(/\D/g,'')"
|
||||
:disabled="goodsDetail.available!=1"
|
||||
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" :maxlength="6" v-model="jd_code"
|
||||
placeholder="请输入验证码" @focus="(e)=>focusFn(e)">
|
||||
<button :disabled="!computedAccount" class="query-code" @click="sendJDSms">
|
||||
{{cunt!==60?cunt+'s':'获取验证码'}}
|
||||
</button>
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<!-- 非E卡 -->
|
||||
<template v-else>
|
||||
<p v-if="acctype=='tel'"><span>账号:</span><input :type="acctype"
|
||||
onkeyup="this.value=this.value.replace(/\D/g,'')" :disabled="goodsDetail.available!=1"
|
||||
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" :maxlength="maxlen" v-model="account"
|
||||
:placeholder="placeholder" @focus="(e)=>focusFn(e)"></p>
|
||||
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" :maxlength="maxlen"
|
||||
v-model="account" :placeholder="placeholder" @focus="(e)=>focusFn(e)"></p>
|
||||
<p v-if="acctype=='tel'"><span>再次输入:</span> <input :type="acctype"
|
||||
onkeyup="this.value=this.value.replace(/\D/g,'')" :disabled="goodsDetail.available!=1"
|
||||
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" :maxlength="maxlen"
|
||||
|
|
@ -85,9 +108,9 @@
|
|||
<p v-if="acctype!='tel'"><span>再次输入:</span><input :type="acctype" :maxlength="maxlen" v-model="reaccount"
|
||||
:disabled="goodsDetail.available!=1" placeholder="请再次输入" @focus="(e)=>focusFn(e)"></p>
|
||||
</template>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bottom" id="bottom" v-show="describe.type||detailUrl">
|
||||
<img :src="detailUrl" v-show="detailUrl">
|
||||
<img :src="describe.bg_image" v-show="describe.type==1&&describe.bg_image">
|
||||
|
|
@ -100,7 +123,7 @@
|
|||
<p>订单</p>
|
||||
</div>
|
||||
<button class="exchange-btn"
|
||||
:style="{'background': (exchangeOpen||(goodInfo.product_type===2&&goodInfo.card_show==2))?bgcolor:'#D7D7D7','color':(exchangeOpen||(goodInfo.product_type===2&&goodInfo.card_show==2))?ftcolor:'#333'}"
|
||||
:style="{'background': computedExChange?bgcolor:'#D7D7D7','color':computedExChange?ftcolor:'#333'}"
|
||||
@click="exchangeGoodsFn">立即兑换</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -169,6 +192,8 @@
|
|||
popboxshow: false,
|
||||
exchangeOpen: false,
|
||||
suspension: false,
|
||||
cunt: 60,
|
||||
jd_code: '',
|
||||
popboxtype: '',
|
||||
describe: {},
|
||||
detailUrl: '',
|
||||
|
|
@ -244,7 +269,29 @@
|
|||
return;
|
||||
}
|
||||
},
|
||||
openErrorDialog(tip) {
|
||||
|
||||
/* 获取京东E卡短信 */
|
||||
sendJDSms () {
|
||||
if (this.cunt === 60) {
|
||||
req.axiosPost('/key/order/jdSendSms', { code_batch_id: this.goodsDetail.code_batch_id, mobile: this.account })
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.openDialog('短信下发成功！');
|
||||
const clr = setInterval(() => {
|
||||
if (this.cunt <= 1) {
|
||||
this.cunt = 60;
|
||||
return clearInterval(clr);
|
||||
}
|
||||
this.cunt--;
|
||||
}, 1000);
|
||||
} else {
|
||||
this.openErrorDialog(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
openErrorDialog (tip) {
|
||||
this.maskshow = true;
|
||||
this.popboxtype = '提示';
|
||||
this.tiptext = tip;
|
||||
|
|
@ -297,6 +344,16 @@
|
|||
return this.surexchangeBtn();
|
||||
}
|
||||
|
||||
/* 京东E卡 */
|
||||
if (this.goodInfo.is_e_card && this.goodInfo.product_type === 1) {
|
||||
if (this.computedExChange) {
|
||||
this.maskshow = true;
|
||||
this.popboxshow = true;
|
||||
this.popboxtype = '兑换';
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (!this.account) {
|
||||
this.openDialog('请输入兑换账号！');
|
||||
return false;
|
||||
|
|
@ -367,7 +424,8 @@
|
|||
"goods_id": this.goodInfo.goods_id,
|
||||
"account": this.account,
|
||||
"code_batch_id": this.goodInfo.code_batch_id,
|
||||
"token": localStorage.getItem('token')
|
||||
"token": localStorage.getItem('token'),
|
||||
'jd_code': this.jd_code
|
||||
};
|
||||
self.popboxshow = false;
|
||||
req.axiosPost('/key/usage', data).then(res => {
|
||||
|
|
@ -450,6 +508,19 @@
|
|||
this.reaccount = "";
|
||||
},
|
||||
},
|
||||
|
||||
computed: {
|
||||
/* 手机号验证 */
|
||||
computedAccount () {
|
||||
return /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(this.account);
|
||||
},
|
||||
|
||||
/* 兑换按钮验证 */
|
||||
computedExChange () {
|
||||
return this.exchangeOpen || (this.goodInfo.product_type === 2 && this.goodInfo.card_show == 2) || this.goodInfo.is_e_card && this.computedAccount && this.jd_code.length === 6;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
account() {
|
||||
if ((this.account == this.reaccount) && this.account) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue