C端立减金详情页面展示返回按钮

This commit is contained in:
Apple 2022-06-15 14:41:42 +08:00
parent 7f55158793
commit 037d2c5b24
2 changed files with 19 additions and 6 deletions

View File

@ -68,7 +68,7 @@
<img :src="describe.bg_image" v-show="describe.type==1&&describe.bg_image"> <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 v-html="describe.content" class="goodsTip" v-show="describe.type==3&&describe.content"></div>
</div> </div>
<button class="exchange-btn" :class="exchangeOpen?bgcolor:''" <button class="exchange-btn"
:style="{'background': exchangeOpen?bgcolor:'#D7D7D7','color':exchangeOpen?ftcolor:'#333'}" :style="{'background': exchangeOpen?bgcolor:'#D7D7D7','color':exchangeOpen?ftcolor:'#333'}"
@click="exchangeGoodsFn">立即兑换</button> @click="exchangeGoodsFn">立即兑换</button>
</div> </div>
@ -118,6 +118,7 @@
</div> </div>
</body> </body>
<script> <script>
let goodsCount=null;
new Vue({ new Vue({
el: '#exchangePage', el: '#exchangePage',
data() { data() {
@ -151,7 +152,7 @@
created() { created() {
document.title = sessionStorage.getItem('title'); document.title = sessionStorage.getItem('title');
let detailsConfig = JSON.parse(sessionStorage.getItem('product_detail')); let detailsConfig = JSON.parse(sessionStorage.getItem('product_detail'));
let goodsCount = sessionStorage.getItem('goodsCount'); goodsCount = sessionStorage.getItem('goodsCount');
this.backAble = goodsCount > 1;//多个商品才有返回 this.backAble = goodsCount > 1;//多个商品才有返回
this.bgcolor = detailsConfig.button_color; this.bgcolor = detailsConfig.button_color;
this.ftcolor = detailsConfig.font_color; this.ftcolor = detailsConfig.font_color;
@ -174,7 +175,6 @@
}, },
methods: { methods: {
backgoodsFn() { backgoodsFn() {
let goodsCount = sessionStorage.getItem('goodsCount');
if (goodsCount > 1) { if (goodsCount > 1) {
window.location.replace('./homepage.html'); window.location.replace('./homepage.html');
} else { } else {
@ -287,7 +287,6 @@
this.popboxshow = true; this.popboxshow = true;
this.tiptext = res.message; this.tiptext = res.message;
if (res.code == -1) { if (res.code == -1) {
let goodsCount = sessionStorage.getItem('goodsCount');
if (goodsCount > 1) { if (goodsCount > 1) {
setTimeout(() => { setTimeout(() => {
window.location.replace('./homepage.html'); window.location.replace('./homepage.html');

View File

@ -12,7 +12,7 @@
</script> </script>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></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 href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet" />
<link rel="stylesheet" href="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_3_0.css" /> <link rel="stylesheet" href="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_3_0.css?v=1" />
<script src="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_3_0.js"></script> <script src="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_3_0.js"></script>
<style> <style>
* { * {
@ -48,6 +48,10 @@
</div> </div>
</div> </div>
<div class="couponShow"> <div class="couponShow">
<span>
<img @click="backgoodsFn" v-if="backAble" class="backIcon"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
</span>
<div class="coupon-left"> <div class="coupon-left">
<p class="coupon_money"> <p class="coupon_money">
<span></span>{{reduceInfo.reduce_amount}} <span></span>{{reduceInfo.reduce_amount}}
@ -82,6 +86,7 @@
</div> </div>
</body> </body>
<script> <script>
let goodsCount=null;
new Vue({ new Vue({
el: "#reduce", el: "#reduce",
data() { data() {
@ -95,6 +100,7 @@
goodInfo: {}, //商品信息 goodInfo: {}, //商品信息
reduceInfo: {}, //券信息 reduceInfo: {}, //券信息
orderId: '', orderId: '',
backAble: true,
tip: `1、立减金自领取之日起0天有效请在有效期内使用<br /> tip: `1、立减金自领取之日起0天有效请在有效期内使用<br />
2、微信立减金自领取后每个立减金一次性使用不兑换不找零到期后自动失效逾期未使用不再补发。使用微信支付进行付款大于立减金面额0.01元以上)即可自动抵扣<br /> 2、微信立减金自领取后每个立减金一次性使用不兑换不找零到期后自动失效逾期未使用不再补发。使用微信支付进行付款大于立减金面额0.01元以上)即可自动抵扣<br />
3、多张立减金可在单笔微信支付订单中一起使用但当用户的立减金超过8张时系统会选取其中一部分使用不保证在一张订单中全部使用<br /> 3、多张立减金可在单笔微信支付订单中一起使用但当用户的立减金超过8张时系统会选取其中一部分使用不保证在一张订单中全部使用<br />
@ -106,6 +112,8 @@
created() { created() {
/* 获取立减金信息*/ /* 获取立减金信息*/
this.goodInfo = JSON.parse(sessionStorage.getItem("goodsInfo")); this.goodInfo = JSON.parse(sessionStorage.getItem("goodsInfo"));
goodsCount = sessionStorage.getItem('goodsCount');
this.backAble = goodsCount > 1;//多个商品才有返回
this.reduceInfo = JSON.parse( this.reduceInfo = JSON.parse(
sessionStorage.getItem("goodsInfo") sessionStorage.getItem("goodsInfo")
).entity; ).entity;
@ -124,6 +132,13 @@
}, },
}, },
methods: { methods: {
backgoodsFn() {
if (goodsCount > 1) {
window.location.replace('./homepage.html');
} else {
history.go(-2);
}
},
receiveFn() { receiveFn() {
let self = this; let self = this;
let data = { let data = {
@ -155,7 +170,6 @@
} else { } else {
self.openErrorDialog(res.message); self.openErrorDialog(res.message);
if (res.code == -1) { if (res.code == -1) {
let goodsCount = sessionStorage.getItem("goodsCount");
if (goodsCount > 1) { if (goodsCount > 1) {
setTimeout(() => { setTimeout(() => {
window.location.replace("./homepage.html"); window.location.replace("./homepage.html");