2022-09-21 17:30:39 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta name="viewport"
|
|
|
|
|
|
content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover">
|
2022-09-22 14:13:46 +08:00
|
|
|
|
<title>详情</title>
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
|
|
|
|
|
|
charset="utf-8"></script>
|
|
|
|
|
|
<script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></script>
|
|
|
|
|
|
<link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet">
|
|
|
|
|
|
<link rel="stylesheet" href="./exchange.css">
|
|
|
|
|
|
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script>
|
2022-09-22 11:40:16 +08:00
|
|
|
|
<script src="./payPop.js"></script>
|
|
|
|
|
|
<link rel="stylesheet" href="./payPop.css">
|
2022-09-21 17:30:39 +08:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="exchangePage">
|
|
|
|
|
|
<div v-if="!suspension" class="content">
|
|
|
|
|
|
<!-- 返回模块-->
|
|
|
|
|
|
<img @click="backHandler" class="back" v-if="backAble"
|
|
|
|
|
|
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 优惠卷权益商品 -->
|
2022-09-22 11:40:16 +08:00
|
|
|
|
<div>
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<div class="about-good">
|
|
|
|
|
|
<img :src="goodsShow[0]" alt="" v-if="goodsShow.length<=1">
|
|
|
|
|
|
<div class="swiper-container" v-else>
|
|
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
|
|
<div class="swiper-slide" v-for="(item,i) in goodsShow" :key="i">
|
|
|
|
|
|
<img :src="item" alt="">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ipt-acc" style="position: relative;z-index: 999;" @click="bindAvailable">
|
|
|
|
|
|
<div class="title">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span class="sign">￥</span>128.00
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="text">爱奇艺黄金VIP会员-月卡</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<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>
|
|
|
|
|
|
<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"
|
2022-09-22 17:19:09 +08:00
|
|
|
|
v-model="reAccount" placeholder="请再次输入" @focus="(e)=>focusFn(e)"></p>
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<p v-if="acctype!='tel'"><span>账号:</span> <input :type="acctype" :maxlength="maxlen"
|
|
|
|
|
|
v-model="account" :disabled="goodsDetail.available!=1" :placeholder="placeholder"
|
|
|
|
|
|
@focus="(e)=>focusFn(e)"></p>
|
|
|
|
|
|
<p v-if="acctype!='tel'"><span>再次输入:</span><input :type="acctype" :maxlength="maxlen"
|
2022-09-22 17:19:09 +08:00
|
|
|
|
v-model="reAccount" :disabled="goodsDetail.available!=1" placeholder="请再次输入"
|
2022-09-21 17:30:39 +08:00
|
|
|
|
@focus="(e)=>focusFn(e)"></p>
|
|
|
|
|
|
</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">
|
|
|
|
|
|
<div v-html="describe.content" class="goodsTip" v-show="describe.type==3&&describe.content"></div>
|
|
|
|
|
|
</div>
|
2022-09-22 11:40:16 +08:00
|
|
|
|
</div>
|
2022-09-21 17:30:39 +08:00
|
|
|
|
|
|
|
|
|
|
<!-- 优惠卷立减金 -->
|
2022-09-22 11:40:16 +08:00
|
|
|
|
<!-- <div class="reduce">
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<div class="bg">
|
|
|
|
|
|
<div class="bg-left">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span class="sign">￥</span>
|
|
|
|
|
|
<span class="money">100</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="moneyUse">满1000.01可用</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bg-right">
|
|
|
|
|
|
<p class="money">100.00元微信立减金</p>
|
|
|
|
|
|
<p class="time">有效期：2021.12.23 00:00:00至2021.12.23 00:00:00</p>
|
|
|
|
|
|
<p class="receive">请在有效期内领取</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="illustrate">
|
|
|
|
|
|
<p class="title">- 立减金兑换说明 -</p>
|
|
|
|
|
|
<p class="title_2">使用须知</p>
|
|
|
|
|
|
<p class="text">
|
|
|
|
|
|
1、在微信APP内打开链接，点击【一键领取】完成领取微信立减金<br>
|
|
|
|
|
|
2、微信里立减金一旦领取不可撤销、不可转让。注意不要将兑换券泄露给他人<br>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="title_2">使用规则</p>
|
|
|
|
|
|
<p class="text">
|
|
|
|
|
|
1、立减金自领取之日起0天有效，请在有效期内使用<br>
|
|
|
|
|
|
2、微信立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用微信支付进行付款（大于立减金面额0.01元以上）即可自动抵扣<br>
|
|
|
|
|
|
3、多张立减金可在单笔微信支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用<br>
|
|
|
|
|
|
4、在中国境内商户使用微信支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss<br>
|
|
|
|
|
|
Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为44开头的交易）无法使用立减金<br>
|
|
|
|
|
|
5、使用立减金的微信支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
2022-09-22 11:40:16 +08:00
|
|
|
|
</div> -->
|
2022-09-21 17:30:39 +08:00
|
|
|
|
|
|
|
|
|
|
<!-- 支付模块-->
|
|
|
|
|
|
<div class="exchange-btn-fr">
|
|
|
|
|
|
<div class="title">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span class="sign">￥</span>128.00
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="text">共省¥ 20.00</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<button class="exchange-btn"
|
2022-09-22 17:54:35 +08:00
|
|
|
|
:style="{'background': exchangeOpen?bgcolor:'#D7D7D7','color':exchangeOpen?ftColor:'#333'}"
|
2022-09-21 17:30:39 +08:00
|
|
|
|
@click="exchangeGoodsFn">立即支付</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 单条弹出框 -->
|
|
|
|
|
|
<div class="prompt" :class="promtshow?'proactive':''">
|
|
|
|
|
|
{{this.promttip}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 弹出框 -->
|
|
|
|
|
|
<div class="mask" v-if="maskshow">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 悬浮提示 -->
|
|
|
|
|
|
<div v-if="suspension" class="suspensionDom">
|
|
|
|
|
|
<img @click="closeTip"
|
|
|
|
|
|
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
|
|
|
|
|
|
<h4>活动规则</h4>
|
|
|
|
|
|
<div v-html="describe.content">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img class="susTip" @click="susTipFn" v-if="describe.type==2&&describe.content&&!suspension"
|
|
|
|
|
|
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png" alt="">
|
|
|
|
|
|
<!-- 弹出框 -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 支付弹窗 -->
|
2022-09-23 11:48:51 +08:00
|
|
|
|
<pay-pop :show="show" :active="active" @setShow="show = false" @payFunction="payFunction" />
|
2022-09-21 17:30:39 +08:00
|
|
|
|
|
|
|
|
|
|
<!-- 弹出提示 -->
|
2022-09-22 17:54:35 +08:00
|
|
|
|
<div class="popboxshow" v-if="popboxshow&&popBoxType=='提示'" :class="popboxshow?'active':''">
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<div class="tip">
|
|
|
|
|
|
<p>{{tiptext}}</p>
|
|
|
|
|
|
<span @click="successchangeBtn">知道了</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2022-09-22 14:36:07 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<!-- 成功 -->
|
2022-09-22 17:54:35 +08:00
|
|
|
|
<div class="popboxshow successbox" v-if="popboxshow&&popBoxType=='成功'" :class="popboxshow?'active':''">
|
2022-09-21 17:30:39 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<p>{{this.successTip}}</p>
|
|
|
|
|
|
<span @click="successchangeBtnFn">我知道啦</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
let goodsCount = null, goodsDetail = null;
|
|
|
|
|
|
new Vue({
|
|
|
|
|
|
el: '#exchangePage',
|
|
|
|
|
|
data () {
|
|
|
|
|
|
return {
|
|
|
|
|
|
account: '',
|
2022-09-22 17:19:09 +08:00
|
|
|
|
reAccount: '',
|
2022-09-21 17:30:39 +08:00
|
|
|
|
maxlen: 11,
|
|
|
|
|
|
acctype: 'tel',
|
|
|
|
|
|
promttip: '',
|
|
|
|
|
|
promtshow: false,
|
|
|
|
|
|
productType: 0,
|
|
|
|
|
|
proname: '',
|
|
|
|
|
|
placeholder: '',
|
|
|
|
|
|
maskshow: false,
|
|
|
|
|
|
popboxshow: false,
|
|
|
|
|
|
exchangeOpen: false,
|
|
|
|
|
|
suspension: false,
|
2022-09-22 17:54:35 +08:00
|
|
|
|
popBoxType: '',
|
2022-09-21 17:30:39 +08:00
|
|
|
|
describe: {},
|
|
|
|
|
|
detailUrl: '',
|
|
|
|
|
|
successTip: '',
|
|
|
|
|
|
goodInfo: '',
|
|
|
|
|
|
bgcolor: '',
|
2022-09-22 17:54:35 +08:00
|
|
|
|
ftColor: '',
|
2022-09-21 17:30:39 +08:00
|
|
|
|
goodsDetail: {},//商品详情
|
|
|
|
|
|
backAble: true,
|
|
|
|
|
|
bindClick: false,//控制遮罩显示
|
|
|
|
|
|
goodsShow: [
|
|
|
|
|
|
'https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220120/9bedd7af6a8a570be8f2858564f9ec6d.png'
|
|
|
|
|
|
],
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
active: 1
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2022-09-22 17:19:09 +08:00
|
|
|
|
watch: {
|
|
|
|
|
|
account (va) {
|
|
|
|
|
|
va && this.watchAccount()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
reAccount (va) {
|
|
|
|
|
|
va && this.watchAccount()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
productType: {
|
|
|
|
|
|
immediate: true,
|
|
|
|
|
|
handler (newVal) {
|
|
|
|
|
|
this.maxlen = 50;
|
|
|
|
|
|
this.acctype = "text";
|
|
|
|
|
|
const placeholderArray = [
|
|
|
|
|
|
"请输入昵称", "请输入手机号", "请输入邮箱", "请输入手机号或邮箱", "请输入QQ号",
|
|
|
|
|
|
"请输入手机号或QQ号", "请输入邮箱或QQ号", "请输入手机号/邮箱/QQ号", "请输入微信号",
|
|
|
|
|
|
"请输入手机号或微信", "请输入邮箱或微信号", "请输入手机号/邮箱/微信号", "请输入QQ号或微信号",
|
|
|
|
|
|
"请输入手机号/QQ号/微信号", "请输入邮箱/QQ号/微信号", "请输入手机号/邮箱/QQ号/微信号"
|
|
|
|
|
|
]
|
|
|
|
|
|
this.placeholder = placeholderArray[newVal]
|
|
|
|
|
|
if ([1, 4, 5].includes(newVal)) this.acctype = "tel"
|
|
|
|
|
|
if ([8, 9, 12, 13].includes(newVal)) this.maxlen = 20
|
|
|
|
|
|
if (newVal === 4) this.maxlen = 10
|
|
|
|
|
|
if (newVal === 5) this.maxlen = 11
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
components: {
|
2022-09-22 11:40:16 +08:00
|
|
|
|
payPop
|
2022-09-21 17:30:39 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
created () {
|
|
|
|
|
|
document.title = sessionStorage.getItem('title');
|
|
|
|
|
|
let detailsConfig = JSON.parse(sessionStorage.getItem('product_detail'));
|
|
|
|
|
|
goodsCount = sessionStorage.getItem('goodsCount');
|
|
|
|
|
|
this.backAble = goodsCount > 1;//多个商品才有返回
|
|
|
|
|
|
this.bgcolor = detailsConfig.button_color;
|
2022-09-22 17:54:35 +08:00
|
|
|
|
this.ftColor = detailsConfig.font_color;
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.describe = detailsConfig.describe;
|
|
|
|
|
|
goodsDetail = JSON.parse(sessionStorage.getItem('goodsInfo'));//商品详情
|
|
|
|
|
|
this.goodsDetail = goodsDetail;//商品详情
|
|
|
|
|
|
let goodsInform = goodsDetail.entity; //商品信息
|
|
|
|
|
|
this.goodInfo = goodsInform;
|
|
|
|
|
|
let goods_desc = goodsInform.describe_url;
|
|
|
|
|
|
this.goodsShow = goods_desc.length > 0 ? goods_desc : [goodsDetail.show_url];
|
|
|
|
|
|
this.detailUrl = goodsInform.detail_url ? goodsInform.detail_url : '';
|
|
|
|
|
|
this.productType = goodsDetail.entity.account_type;
|
|
|
|
|
|
this.$nextTick(function () {
|
|
|
|
|
|
var swiper = new Swiper('.swiper-container', {
|
|
|
|
|
|
loop: true, // 循环模式选项
|
|
|
|
|
|
autoplay: 3000, //可选选项，自动滑动
|
|
|
|
|
|
pagination: '.swiper-pagination',
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
methods: {
|
|
|
|
|
|
bindAvailable () {
|
|
|
|
|
|
if (goodsDetail.available != 1) {
|
|
|
|
|
|
this.openErrorDialog(product_status(goodsDetail.available, goodsDetail));
|
|
|
|
|
|
return
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
openErrorDialog (tip) {
|
|
|
|
|
|
this.maskshow = true;
|
2022-09-22 17:54:35 +08:00
|
|
|
|
this.popBoxType = '提示';
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.tiptext = tip;
|
|
|
|
|
|
this.popboxshow = true;
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
backHandler () {
|
|
|
|
|
|
if (goodsCount > 1) {
|
|
|
|
|
|
window.location.replace('./couponCollection.html');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
history.go(-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
closeTip () {
|
|
|
|
|
|
this.suspension = false;
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
susTipFn () {
|
|
|
|
|
|
this.suspension = true;
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
// 单条弹框
|
|
|
|
|
|
openDialog (tip) {
|
|
|
|
|
|
this.promtshow = true;
|
|
|
|
|
|
this.promttip = tip
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
this.promtshow = false;
|
|
|
|
|
|
this.promttip = '';
|
|
|
|
|
|
}, 3000)
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
//刷新页面
|
|
|
|
|
|
successchangeBtnFn () {
|
|
|
|
|
|
console.log(window);
|
|
|
|
|
|
window.location.replace(document.referrer);
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
//兑换商品
|
|
|
|
|
|
exchangeGoodsFn () {
|
2022-09-22 17:19:09 +08:00
|
|
|
|
if (!!navigator.userAgent.match(/DingTalk/gi)) {
|
|
|
|
|
|
alert('请使用非钉钉内置浏览器打开该网页')
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
if (goodsDetail.available != 1) {
|
|
|
|
|
|
this.openErrorDialog(product_status(goodsDetail.available, goodsDetail));
|
|
|
|
|
|
return
|
|
|
|
|
|
}
|
|
|
|
|
|
if (!this.account) {
|
|
|
|
|
|
this.openDialog('请输入兑换账号！');
|
|
|
|
|
|
return false;
|
|
|
|
|
|
} else {
|
2022-09-22 17:54:35 +08:00
|
|
|
|
let nameReg = /\w{4}/.test(this.account);
|
|
|
|
|
|
let phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(this.account);
|
|
|
|
|
|
let qqReg = /^[1-9][0-9]{4,9}$/.test(this.account);
|
|
|
|
|
|
let emailsReg = /^[A-Za-z0-9\u4e00-\u9fa5\.]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(this.account);
|
|
|
|
|
|
let weiXinReg = /^[a-zA-Z][a-zA-Z\d_-]{5,19}$/.test(this.account);
|
|
|
|
|
|
let regFlag = true;
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-22 17:54:35 +08:00
|
|
|
|
const array = [nameReg, phoneReg, emailsReg, phoneReg || emailsReg, qqReg,
|
|
|
|
|
|
phoneReg || qqReg, emailsReg || qqReg, phoneReg || emailsReg || qqReg, weiXinReg,
|
|
|
|
|
|
phoneReg || weiXinReg, emailsReg || weiXinReg, phoneReg || emailsReg || weiXinReg,
|
|
|
|
|
|
qqReg || weiXinReg, phoneReg || qqReg || weiXinReg, emailsReg || qqReg || weiXinReg,
|
|
|
|
|
|
phoneReg || emailsReg || qqReg || weiXinReg]
|
|
|
|
|
|
regFlag = array[this.productType]
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-22 17:54:35 +08:00
|
|
|
|
if (!regFlag) {
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.openDialog("充值账号格式不正确！");
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2022-09-22 17:19:09 +08:00
|
|
|
|
if (this.reAccount == "") {
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.openDialog("请再次输入账号！");
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
2022-09-22 17:19:09 +08:00
|
|
|
|
if (this.account != this.reAccount) {
|
|
|
|
|
|
this.reAccount == ""
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.openDialog("两次输入的账号必须一致！");
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
this.show = true
|
|
|
|
|
|
this.popboxshow = true;
|
2022-09-22 17:54:35 +08:00
|
|
|
|
this.popBoxType = '兑换';
|
2022-09-21 17:30:39 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
2022-09-22 17:19:09 +08:00
|
|
|
|
//确定兑换
|
2022-09-21 17:30:39 +08:00
|
|
|
|
surexchangeBtn () {
|
|
|
|
|
|
let self = this;
|
|
|
|
|
|
let data = {
|
|
|
|
|
|
"key": sessionStorage.getItem('key'),
|
|
|
|
|
|
"goods_id": this.goodInfo.goods_id,
|
|
|
|
|
|
"account": this.account,
|
|
|
|
|
|
"code_batch_id": this.goodInfo.code_batch_id,
|
|
|
|
|
|
"token": sessionStorage.getItem('token')
|
|
|
|
|
|
}
|
|
|
|
|
|
req.axiosPost('/key/usage', data).then(res => {
|
|
|
|
|
|
// sessionStorage.setItem('lastid', self.goodInfo.product_id);
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
sessionStorage.setItem('lastid', self.goodInfo.product_id);
|
|
|
|
|
|
// 查询订单接口
|
2022-09-22 17:54:35 +08:00
|
|
|
|
this.popBoxType = '成功';
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.popboxshow = true;
|
|
|
|
|
|
this.successTip = '兑换成功，请直接登录app使用！';
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.openErrorDialog(res.message);
|
|
|
|
|
|
if (res.code == -1) {
|
|
|
|
|
|
if (goodsCount > 1) {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
window.location.replace('./homepage.html');
|
|
|
|
|
|
}, 3000);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
// let backUrl = window.history.length;
|
|
|
|
|
|
// if (backUrl) {
|
|
|
|
|
|
// history.go(-backUrl + 1);
|
|
|
|
|
|
// }
|
|
|
|
|
|
/*跳转起始页面*/
|
|
|
|
|
|
let entryLink = sessionStorage.getItem('entryLink');
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
window.location.replace(entryLink);
|
|
|
|
|
|
}, 3000);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2022-09-22 17:19:09 +08:00
|
|
|
|
//关闭弹出框,仅关闭弹框
|
2022-09-21 17:30:39 +08:00
|
|
|
|
successchangeBtn () {
|
|
|
|
|
|
this.maskshow = false;
|
|
|
|
|
|
this.popboxshow = false;
|
|
|
|
|
|
this.account = "";
|
2022-09-22 17:19:09 +08:00
|
|
|
|
this.reAccount = "";
|
2022-09-21 17:30:39 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
focusFn (a) {
|
|
|
|
|
|
let ele = document.querySelector('.ipt-acc');
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
|
ele.scrollIntoView(false);
|
|
|
|
|
|
document.body.scrollTop = ele.scrollHeight;
|
|
|
|
|
|
document.documentElement.scrollTop = ele.scrollHeight;
|
|
|
|
|
|
}, 400);
|
|
|
|
|
|
},
|
2022-09-22 17:19:09 +08:00
|
|
|
|
|
2022-09-21 17:30:39 +08:00
|
|
|
|
//关闭,关闭弹框
|
|
|
|
|
|
closeBtn () {
|
|
|
|
|
|
this.popboxshow = false;
|
|
|
|
|
|
this.maskshow = false;
|
|
|
|
|
|
this.account = "";
|
2022-09-22 17:19:09 +08:00
|
|
|
|
this.reAccount = "";
|
2022-09-21 17:30:39 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
2022-09-23 12:10:46 +08:00
|
|
|
|
/* 去支付 */
|
|
|
|
|
|
payFunction ({ type, isSupport }) {
|
|
|
|
|
|
this.active = type
|
2022-09-22 11:40:16 +08:00
|
|
|
|
this.show = false
|
2022-09-23 12:10:46 +08:00
|
|
|
|
alert(isSupport ? '不持支' : '支持')
|
2022-09-22 11:40:16 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
2022-09-22 17:19:09 +08:00
|
|
|
|
/* 监听账号 */
|
|
|
|
|
|
watchAccount () {
|
|
|
|
|
|
if (this.account === this.reAccount) {
|
2022-09-21 17:30:39 +08:00
|
|
|
|
this.exchangeOpen = true;
|
2022-09-22 17:19:09 +08:00
|
|
|
|
} else {
|
|
|
|
|
|
this.exchangeOpen = false;
|
2022-09-21 17:30:39 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
2022-09-22 17:19:09 +08:00
|
|
|
|
},
|
2022-09-21 17:30:39 +08:00
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
