HandOver-liuwu
/
mobileclient
mirror of https://codeup.aliyun.com/lsxd/marketing/mobileclient.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ feat: 卡密订单直接跳转

This commit is contained in:
wangsongsole 2024-01-08 16:08:53 +08:00
parent 67d4237b9b
commit d849fa5514
4 changed files with 70 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
coupon/lookCard.html
View File

@ -9,11 +9,13 @@
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript" <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
charset="utf-8"></script> charset="utf-8"></script>
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/lookCard.css"> <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/lookCard.css">
<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/MarketingSystem/js/api2_0.js"></script>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<!-- 单条弹出框 --> <!-- 单条弹出框 -->
<div class="prompt" :class="toastShow?'proactive':''"> <div class="prompt" :class="toastShow?'proactive':''">
{{this.toastTip}} {{this.toastTip}}
@ -35,32 +37,41 @@
<template v-if="cardData.card_number"> <template v-if="cardData.card_number">
<div class="item item-margin"> <div class="item item-margin">
<p class="title">卡号：</p> <p class="title">卡号：</p>
<p class="number">{{cardData.card_number}}</p> <template v-if="cardData.card_number">
<p class="copy" @click="copyFunction(cardData.card_number)"> <p class="number">{{cardData.card_number}}</p>
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png" <p class="copy" @click="copyFunction(cardData.card_number)">
alt=""> <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png"
复制卡号 alt="">
</p> 复制卡号
</p>
</template>
<p v-else class="generate">卡密正在生成中，请稍后刷新再查看</p>
</div> </div>
<div class="item"> <div class="item">
<p class="title">密码：</p> <p class="title">密码：</p>
<p class="number">{{cardData.card_password}}</p> <template v-if="cardData.card_password">
<p class="copy" @click="copyFunction(cardData.card_password)"> <p class="number">{{cardData.card_password}}</p>
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png" <p class="copy" @click="copyFunction(cardData.card_password)">
alt=""> <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png"
复制密码 alt="">
</p> 复制密码
</p>
</template>
<p v-else class="generate">卡密正在生成中，请稍后刷新再查看</p>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="item item-margin"> <div class="item item-margin">
<p class="title">卡密：</p> <p class="title">卡密：</p>
<p class="number">{{cardData.card_password}}</p> <template v-if="cardData.card_password">
<p class="copy" @click="copyFunction(cardData.card_password)"> <p class="number">{{cardData.card_password}}</p>
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png" <p class="copy" @click="copyFunction(cardData.card_password)">
alt=""> <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png"
复制卡密 alt="">
</p> 复制卡密
</p>
</template>
<p v-else class="generate">卡密正在生成中，请稍后刷新再查看</p>
</div> </div>
</template> </template>
</div> </div>
@ -72,7 +83,13 @@
el: "#app", el: "#app",
data () { data () {
return { return {
cardData: {}, cardData: {
goods: {},
card_password: null,
card_number: null,
product_name: null,
show_url: null,
},
toastShow: false, toastShow: false,
toastTip: '' toastTip: ''
}; };
@ -81,7 +98,13 @@
created () { created () {
this.cardData = JSON.parse(localStorage.getItem('cardProductDetail')); const orderNumber = localStorage.getItem('orderNumber');
/* 获取卡密详情 */
req.axiosGet(`/key/order/detail/${orderNumber}`).then(res => {
if (res.code == 200) {
// this.cardData = res.data;
}
});
}, },
methods: { methods: {

2
coupon/myOrder.html
View File

@ -181,7 +181,7 @@
/* 查看卡密 */ /* 查看卡密 */
lookCard (item) { lookCard (item) {
localStorage.setItem("cardProductDetail", JSON.stringify(item)); localStorage.setItem("orderNumber", item.order_number);
window.location.href = './lookCard.html'; window.location.href = './lookCard.html';
}, },

29
exchange.html
View File

@ -30,6 +30,8 @@
<link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet"> <link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage2_0.css?v=2"> <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage2_0.css?v=2">
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script> <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/loading.css">
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/loading.js"></script>
</head> </head>
<body> <body>
@ -83,6 +85,9 @@
@click="exchangeGoodsFn">立即兑换</button> @click="exchangeGoodsFn">立即兑换</button>
</div> </div>
</div> </div>
<div class="mask" @touchmove.prevent @mousewheel.prevent v-if="loading" ref="load">
<preload-component />
</div>
<!-- 单条弹出框 --> <!-- 单条弹出框 -->
<div class="prompt" :class="promtshow?'proactive':''"> <div class="prompt" :class="promtshow?'proactive':''">
{{this.promttip}} {{this.promttip}}
@ -157,6 +162,8 @@
goodsDetail: {},//商品详情 goodsDetail: {},//商品详情
backAble: true, backAble: true,
bindClick: false,//控制遮罩显示 bindClick: false,//控制遮罩显示
order_number: 0,
loading: false,
goodsShow: [ goodsShow: [
'https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220120/9bedd7af6a8a570be8f2858564f9ec6d.png' 'https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220120/9bedd7af6a8a570be8f2858564f9ec6d.png'
] ]
@ -233,9 +240,15 @@
this.promttip = ''; this.promttip = '';
}, 3000); }, 3000);
}, },
//刷新页面 //刷新页面
successchangeBtnFn () { successchangeBtnFn () {
window.location.replace(document.referrer); if (this.goodInfo.product_type === 2 && this.goodInfo.card_show == 2) {
localStorage.setItem('orderNumber', this.order_number);
window.location.replace('./coupon/lookCard.html');
} else {
window.location.replace(document.referrer);
}
}, },
//兑换商品 //兑换商品
@ -325,19 +338,25 @@
self.popboxshow = false; self.popboxshow = false;
req.axiosPost('/key/usage', data).then(res => { req.axiosPost('/key/usage', data).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.popboxtype = '成功';
sessionStorage.setItem('lastid', self.goodInfo.product_id); sessionStorage.setItem('lastid', self.goodInfo.product_id);
// 查询订单接口
if (this.goodInfo.product_type === 2) { if (this.goodInfo.product_type === 2) {
if (this.goodInfo.card_show == 2) { if (this.goodInfo.card_show == 2) {
this.successTip = '兑换成功，请到页面左下角"订单"(订单列表处)查看卡密信息！'; this.loading = true;
this.order_number = res.data.order_number;
this.successTip = '兑换成功！';
setTimeout(() => {
this.popboxshow = true;
this.loading = false;
}, 3000);
} else { } else {
this.successTip = '兑换成功，请到注意查收手机短信！'; this.successTip = '兑换成功，请到注意查收手机短信！';
this.popboxshow = true;
} }
} else { } else {
this.successTip = '兑换成功，到账信息请关注官方APP！'; this.successTip = '兑换成功，到账信息请关注官方APP！';
this.popboxshow = true;
} }
this.popboxtype = '成功';
this.popboxshow = true;
} else { } else {
this.openErrorDialog(res.message); this.openErrorDialog(res.message);

2
order.html
View File

@ -322,7 +322,7 @@
/* 查看卡密 */ /* 查看卡密 */
lookCard (item) { lookCard (item) {
localStorage.setItem("cardProductDetail", JSON.stringify(item)); localStorage.setItem("orderNumber", item.order_number);
window.location.href = "./coupon/lookCard.html"; window.location.href = "./coupon/lookCard.html";
}, },