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

602 lines
24 KiB
HTML
Raw Normal View History

提交C端
2021-11-26 14:40:45 +08:00
<!DOCTYPE html>
<html>
<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">
<title>权益兑换页</title>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
charset="utf-8"></script>
更新C端
2021-11-28 17:20:17 +08:00
<script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
</script>
提交C端
2021-11-26 14:40:45 +08:00
<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">
🚚 comment: css传oss
2023-12-23 19:51:51 +08:00
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage2_0.css?v=3">
更新C端
2021-11-28 17:20:17 +08:00
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/loading.css">
营销系统C端更新
2022-06-13 16:49:06 +08:00
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/loading.js"></script>
🔖 release: 上线2.30
2023-07-08 02:08:46 +08:00
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
✨ feat: 新增订单
2023-08-09 14:45:27 +08:00
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/tabs.js"></script>
提交C端
2021-11-26 14:40:45 +08:00
</head>
<style scoped>
* {
margin: 0 auto;
padding: 0;
font-family: HYQiHei;
}
html {
font-size: 26.66666667vw;
✨ feat: 新增订单
2023-08-09 14:45:27 +08:00
height: 100%;
提交C端
2021-11-26 14:40:45 +08:00
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
</style>
<body>
<div id="homepage">
更新C端
2021-11-28 17:20:17 +08:00
<div v-show="loading">
营销系统C端更新
2022-06-13 16:49:06 +08:00
<preload-component />
更新C端
2021-11-28 17:20:17 +08:00
</div>
C端更新白名单模式
2022-01-14 13:48:14 +08:00
<div v-show="!loading&&!suspension" class="main-body">
更新C端
2021-11-28 17:20:17 +08:00
<!-- 轮播 -->
<div id="rotation" v-if="layout=='2'">
<!-- 顶部banner -->
<div class="topBanner">
禁止商品列表页连续输入返回
2022-01-24 15:25:19 +08:00
<img class="backpresty" @click="backgoodsFn" v-if="goodsShow&&!iskey"
C端更新白名单模式
2022-01-14 13:48:14 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
💊 fix: 修复banner图链接跳转bug
2023-08-31 16:46:21 +08:00
<img :src="topImg" alt="" @click="bannerTo">
更新C端
2021-11-28 17:20:17 +08:00
</div>
<!-- //轮播 -->
解决c
2021-11-28 20:14:54 +08:00
<div class="saleNull" v-if="!goodsNum">
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/saleNull.png" alt="">
</div>
<div class="commodity" v-if="goodsNum">
添加状态5
2021-11-30 16:30:29 +08:00
<div class="swiper-container" :class="swiperDataList.length>1?'':'oneItem'">
更新C端
2021-11-28 17:20:17 +08:00
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,index) in swiperDataList" :key="index">
<div class="imgitemMask" v-if="item.available!=1">
<span>
✨ feat: 根据后端新增兑换状态 9
2023-04-07 11:00:27 +08:00
<img v-if="[4,9].includes(item.available)"
更新C端
2021-11-28 17:20:17 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/yet.png" alt="">
<img v-if="item.available==2"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/future.png" alt="">
线上版本，更改商品过期状态：11。已完结：3
2022-07-12 09:45:29 +08:00
<img v-if="item.available==11"
更新C端
2021-11-28 17:20:17 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/overdue.png" alt="">
<img v-if="item.available==6"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/empty.png" alt="">
</span>
</div>
<div class="imgbox">
营销系统C端更新
2022-06-13 16:49:06 +08:00
<!-- type :1 兑换码 2:立减金,channel:1支付宝，2微信 -->
💪 optimize: 优化代码并解决bug
2023-07-12 16:37:45 +08:00
<img class="le-img" :src="distinguishLogo(item)" :class="statusFun(item)?'':'changegray'"></img>
更新C端
2021-11-28 17:20:17 +08:00
</div>
💪 optimize: 优化代码并解决bug
2023-07-12 16:37:45 +08:00
<div class="item-name" :class="statusFun(item)?'':'changegray'">
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
{{item.type==1?item.entity.product_name:item.entity.batch_goods_name}}
🎨 style: 优化样式
2023-12-22 11:58:12 +08:00
<span v-if="item.entity.send_num>1&&item.type===2" class="send_num"> x{{item.entity.send_num}}</span>
更新C端
2021-11-28 17:20:17 +08:00
</div>
提交C端
2021-11-26 14:40:45 +08:00
</div>
</div>
</div>
</div>
更新C端
2021-11-28 17:20:17 +08:00
<!-- 立即兑换 -->
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
<div class="exchangeBtn"
:class="(gstatus===1||(exchangeCommity.type===3&&gstatus===8))?'':'bottomBtn noexchangeBtn'"
白名单融入
2022-01-18 17:37:45 +08:00
:style="{'background': bgcolor,'color':ftcolor}" @click="exchangeBtn()">
更新C端
2021-11-28 17:20:17 +08:00
立即兑换
</div>
提交C端
2021-11-26 14:40:45 +08:00
</div>
更新C端
2021-11-28 17:20:17 +08:00
<!-- 列表 -->
<div id="list" v-if="layout=='1'">
<div class="topBanner">
更新C端后端api
2022-04-18 15:01:12 +08:00
<img class="backpresty" @click="backgoodsFn" v-if="goodsShow&&!iskey"
C端更新白名单模式
2022-01-14 13:48:14 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
💊 fix: 修复banner图链接跳转bug
2023-08-31 16:46:21 +08:00
<img :src="topImg" alt="" @click="bannerTo">
更新C端
2021-11-28 17:20:17 +08:00
</div>
解决c
2021-11-28 20:14:54 +08:00
<div class="saleNull" v-if="!goodsNum">
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/saleNull.png" alt="">
</div>
<ul class="listcommity" v-if="goodsNum">
C端更新白名单模式
2022-01-14 13:48:14 +08:00
<li v-for="(item,i) in swiperDataList" :key="i" @click="exchangeBtn(item)">
提交C端
2021-11-26 14:40:45 +08:00
<div>
💪 optimize: 优化代码并解决bug
2023-07-12 16:37:45 +08:00
<img :src="distinguishLogo(item)" alt="" :class="statusFun(item)?'':'changegray'">
<font :class="statusFun(item)?'':'changegray'">
🎨 style: 优化样式
2023-12-22 11:58:12 +08:00
{{item.type==1?item.entity.product_name:item.entity.batch_goods_name}}
<span v-if="item.entity.send_num>1&&item.type===2" class="send_num"> x{{item.entity.send_num}}</span>
</font>
提交C端
2021-11-26 14:40:45 +08:00
</div>
fix:修复【C端】【兑换码/优惠券】列表样式，商品已过期和未开始没有展示对应标签。
2022-10-28 10:53:24 +08:00
<span class="goodsStatus">
✨ feat: 根据后端新增兑换状态 9
2023-04-07 11:00:27 +08:00
<img v-if="[4,9].includes(item.available)"
fix:修复【C端】【兑换码/优惠券】列表样式，商品已过期和未开始没有展示对应标签。
2022-10-28 10:53:24 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/yet.png" alt="">
<img v-if="item.available==2"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/future.png" alt="">
<img v-if="item.available==11"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/overdue.png" alt="">
<img v-if="item.available==6"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/empty.png" alt="">
</span>
提交C端
2021-11-26 14:40:45 +08:00
</li>
</ul>
更新C端
2021-11-28 17:20:17 +08:00
</div>
<!-- 矩阵 -->
<div id="matrix" v-if="layout=='3'">
提交C端
2021-11-26 14:40:45 +08:00
<div class="topBanner">
更新C端后端api
2022-04-18 15:01:12 +08:00
<img class="backpresty" @click="backgoodsFn" v-if="goodsShow&&!iskey"
C端更新白名单模式
2022-01-14 13:48:14 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
💊 fix: 修复banner图链接跳转bug
2023-08-31 16:46:21 +08:00
<img :src="topImg" alt="" @click="bannerTo">
调整C端样式
2021-11-29 20:24:57 +08:00
更新C端
2021-11-28 17:20:17 +08:00
</div>
解决c
2021-11-28 20:14:54 +08:00
<div class="saleNull" v-if="!goodsNum">
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/saleNull.png" alt="">
</div>
<ul class="listcommity" v-if="goodsNum">
💪 optimize: 优化代码并解决bug
2023-07-12 16:37:45 +08:00
<li :class="statusFun(item)?'':'changegray'" v-for="(item,i) in swiperDataList" :key="i"
@click="exchangeBtn(item)">
更新C端
2021-11-28 17:20:17 +08:00
<div>
<span class="goodsIcon">
✨ feat: 根据后端新增兑换状态 9
2023-04-07 11:00:27 +08:00
<img v-if="[4,9].includes(item.available)"
更新C端
2021-11-28 17:20:17 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/yet.png" alt="">
<img v-if="item.available==2"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/future.png" alt="">
线上版本，更改商品过期状态：11。已完结：3
2022-07-12 09:45:29 +08:00
<img v-if="item.available==11"
更新C端
2021-11-28 17:20:17 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/overdue.png" alt="">
<img v-if="item.available==6"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/empty.png" alt="">
</span>
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
<img :src="distinguishLogo(item)" alt="" />
更新C端
2021-11-28 17:20:17 +08:00
</div>
🎨 style: 优化样式
2023-12-22 11:58:12 +08:00
<font>
{{item.type==1?item.entity.product_name:item.entity.batch_goods_name}}
<span v-if="item.entity.send_num>1&&item.type===2" class="send_num"> x{{item.entity.send_num}}</span>
</font>
更新C端
2021-11-28 17:20:17 +08:00
</li>
</ul>
</div>
白名单融入
2022-01-18 17:37:45 +08:00
<div class="bottom" id="bottom" :class="layout==2?'tipset':''" v-show="describe.type">
C端更新白名单模式
2022-01-14 13:48:14 +08:00
<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>
提交C端
2021-11-26 14:40:45 +08:00
</div>
🐛 fix: 修复bug
2024-01-10 11:10:23 +08:00
<tab-static-component :current="1" v-if="!isToLook"></tab-static-component>
白名单融入
2022-01-18 17:37:45 +08:00
<!-- 悬浮提示 -->
C端更新白名单模式
2022-01-14 13:48:14 +08:00
<div v-if="suspension" class="suspensionDom">
白名单融入
2022-01-18 17:37:45 +08:00
<img @click="closeTip" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png"
alt="">
C端更新白名单模式
2022-01-14 13:48:14 +08:00
<h4>活动规则</h4>
<div v-html="describe.content">
更新C端
2021-11-28 17:20:17 +08:00
C端更新白名单模式
2022-01-14 13:48:14 +08:00
</div>
</div>
提交C端
2021-11-26 14:40:45 +08:00
<!-- 弹出框 -->
营销系统C端更新
2022-06-13 16:49:06 +08:00
<div class="mask" v-if="maskshow"></div>
白名单融入
2022-01-18 17:37:45 +08:00
<img class="susTip" @click="susTipFn" v-if="describe.type==2&&describe.content&&!suspension&&!loading"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png" alt="">
提交C端
2021-11-26 14:40:45 +08:00
<!-- 单条弹出框 -->
<div class="prompt" :class="promtshow?'proactive':''">
更新C端
2021-11-28 17:20:17 +08:00
{{this.promttip}}
提交C端
2021-11-26 14:40:45 +08:00
</div>
更新C端
2021-11-27 19:05:52 +08:00
<!-- 弹出提示 -->
<div class="popboxshow" v-if="popboxshow&&popboxtype=='提示'" :class="popboxshow?'active':''">
<div class="tip">
<p :class="gstatus==4||gstatus==6?'yettip':''">{{tiptext}}</p>
<span @click="successchangeBtn" :class="gstatus==4||gstatus==6?'yetexchange':''">知道了</span>
</div>
</div>
更新C端
2021-11-28 17:20:17 +08:00
<!-- 成功 -->
提交C端
2021-11-26 14:40:45 +08:00
<div class="popboxshow successbox" v-if="popboxshow&&popboxtype=='成功'" :class="popboxshow?'active':''">
更新C端
2021-11-28 17:20:17 +08:00
<div>
<p>{{this.successTip}}</p>
<span @click="successchangeBtnFn">我知道啦</span>
提交C端
2021-11-26 14:40:45 +08:00
</div>
更新C端
2021-11-28 17:20:17 +08:00
</div>
取消订单查询
2021-11-28 19:09:30 +08:00
<img v-if="popboxshow&&popboxtype!='成功'" class="closed"
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
src="https://lsxd-customcard-h5.oss-cn-hangzhou.aliyuncs.com/cardpwd/img/commimgs/close.png" alt=""
更新C端
2021-11-28 17:20:17 +08:00
@click="closeBtn()">
</div>
提交C端
2021-11-26 14:40:45 +08:00
</body>
<script>
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
/***************************** type 1:直冲 2:立减金 3:红包 *****************************/
提交C端
2021-11-26 14:40:45 +08:00
new Vue({
el: '#homepage',
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
data () {
提交C端
2021-11-26 14:40:45 +08:00
return {
swiperDataList: [], //轮播
白名单C端更改
2021-12-29 11:51:28 +08:00
layout: 1,
更新C端
2021-11-28 17:20:17 +08:00
maskshow: false,
promtshow: false,
promttip: '',
loading: true,
C端更新白名单模式
2022-01-14 13:48:14 +08:00
lastid: 0,
更新C端
2021-11-28 17:20:17 +08:00
gstatus: 1,
c端白名单自测
2022-01-21 19:17:24 +08:00
suspension: false,
更新C端
2021-11-28 17:20:17 +08:00
popboxshow: false,
popboxtype: '兑换',
topImg: '',
C端更新白名单模式
2022-01-14 13:48:14 +08:00
goodsShow: true,
解决c
2021-11-28 20:14:54 +08:00
goodsNum: false,
更新C端
2021-11-28 17:20:17 +08:00
exchangeCommity: {}, //兑换选择的商品
bgcolor: '',
C端更新白名单模式
2022-01-14 13:48:14 +08:00
describe: {},
ftcolor: '',
更新C端后端api
2022-04-18 15:01:12 +08:00
iskey: true,
白名单融入
2022-01-18 17:37:45 +08:00
allgoods: [],
更新C端后端api
2022-04-18 15:01:12 +08:00
showType: 0,
🐛 fix: 修复bug
2024-01-10 11:10:23 +08:00
isToLook: false,
更新C端
2021-11-28 17:20:17 +08:00
tiptext: '还没开始哟，兑换时间为2021-12-05 12:12:12至2021-01-01 12:12:12',
✨ feat: 新增订单
2023-08-09 14:45:27 +08:00
successTip: '兑换成功，到账信息请关注官方APP！',
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
};
提交C端
2021-11-26 14:40:45 +08:00
},
✨ feat: 新增订单
2023-08-09 14:45:27 +08:00
components: {
tabStaticComponent
},
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
created () {
C端正则校验
2021-12-02 15:11:56 +08:00
this.getGoods();
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let productConfig = JSON.parse(localStorage.getItem('product_list'));
C端更新白名单模式
2022-01-14 13:48:14 +08:00
this.bgcolor = productConfig.button_color;
this.ftcolor = productConfig.font_color;
this.topImg = productConfig.top_image;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
document.title = localStorage.getItem('title');
c端白名单自测
2022-01-21 19:17:24 +08:00
this.layout = productConfig.list;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
this.iskey = localStorage.getItem('haskey');
C端更新白名单模式
2022-01-14 13:48:14 +08:00
this.describe = productConfig.describe;
✨ feat: banner支持外链
2023-08-30 16:41:53 +08:00
this.bannerUrl = productConfig.bannerUrl;
提交C端
2021-11-26 14:40:45 +08:00
},
methods: {
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
closeTip () {
白名单融入
2022-01-18 17:37:45 +08:00
this.suspension = false;
C端更新白名单模式
2022-01-14 13:48:14 +08:00
},
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
susTipFn () {
白名单融入
2022-01-18 17:37:45 +08:00
this.suspension = true;
C端更新白名单模式
2022-01-14 13:48:14 +08:00
},
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
onSelected (item) {
更新C端
2021-11-28 17:20:17 +08:00
this.exchangeCommity = item;
this.gstatus = item.available;
提交C端
2021-11-26 14:40:45 +08:00
},
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
backgoodsFn () {
更新C端后端api
2022-04-18 15:01:12 +08:00
let backUrl = window.history.length;
if (window.history.length) {
history.go(-backUrl + 1);
}
解决苹果手机虚拟键盘挡住输入框
2021-12-10 16:18:42 +08:00
},
提交C端
2021-11-26 14:40:45 +08:00
// 单条弹框
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
openDialog () {
更新C端
2021-11-28 17:20:17 +08:00
this.promtshow = true;
setTimeout(() => {
this.promtshow = false;
this.promttip = '';
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
}, 3000);
更新C端
2021-11-28 17:20:17 +08:00
},
//根据token获取商品信息
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
async getGoods () {
♻️ refactor: 重构订单号传输方式
2024-01-10 10:07:52 +08:00
sessionStorage.setItem('backShow', '');
更新C端
2021-11-28 17:20:17 +08:00
let self = this;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let showType = localStorage.getItem('showType');
更新C端后端api
2022-04-18 15:01:12 +08:00
this.showType = showType;
更新C端
2021-11-28 17:20:17 +08:00
let data = {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
"last_product_id": localStorage.getItem('lastid') | 0,
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
};
白名单融入
2022-01-18 17:37:45 +08:00
if (showType == 1) { //白名单
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let tokenList = JSON.parse(localStorage.getItem('getTokenList'));
白名单融入
2022-01-18 17:37:45 +08:00
let goodsList = [];
for (item of tokenList) {
let goodsItem = [];
data.token = item;
营销系统C端更新
2022-06-13 16:49:06 +08:00
let waitGoods = await req.axiosPost('/key/products', data).then(res => {
白名单融入
2022-01-18 17:37:45 +08:00
if (res.code == 200) {
res.data.forEach(it => {
c端白名单自测
2022-01-21 19:17:24 +08:00
it.token = item;
白名单融入
2022-01-18 17:37:45 +08:00
});
goodsItem = res.data;
更新C端后端api
2022-04-18 15:01:12 +08:00
} else {
self.maskshow = true;
self.popboxtype = '提示';
self.popboxshow = true;
self.tiptext = res.message;
style:所有code===-1更改为403 为登录失效
2022-10-17 11:23:00 +08:00
if (res.code == 403) {
更新C端后端api
2022-04-18 15:01:12 +08:00
setTimeout(() => {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
window.location.href = localStorage.getItem('white_link');
更新C端后端api
2022-04-18 15:01:12 +08:00
}, 3000);
}
白名单融入
2022-01-18 17:37:45 +08:00
}
});
goodsList = goodsList.concat(goodsItem);
};
let duplicate = []; //去重
let goodsArr = []; //最终的商品集合
goodsList.forEach(item => {
if (duplicate.indexOf(item.product_id) == -1) {
duplicate.push(item.product_id);
C端详情页逻辑处理，兑换逻辑贯通，代码优化
2021-12-30 17:11:17 +08:00
}
白名单融入
2022-01-18 17:37:45 +08:00
});
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
let similar = [];
白名单融入
2022-01-18 17:37:45 +08:00
duplicate.forEach(it => {
similar = goodsList.filter(iten => { //goodshow为去重后的数据
return iten.product_id == it;
});
💊 fix: 【c端】白名单类型，红包核销后，再次进入c端时，页面一直加载中
2023-06-29 17:16:11 +08:00
let flag = [1, 2, 6, 8, 7, 5, 9, 4, 11, 3, 10, 20, 21]; //显示的avarivble规则
白名单融入
2022-01-18 17:37:45 +08:00
let minIndex = 7;
similar.forEach(item => {
let flagIndex = flag.indexOf(item.available);
if (flagIndex > -1) {
if (flagIndex < minIndex)
minIndex = flagIndex;
}
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
});
白名单融入
2022-01-18 17:37:45 +08:00
let obj = similar.find((o) => {
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
return o.available == flag[minIndex];
});
白名单融入
2022-01-18 17:37:45 +08:00
goodsArr.push(obj);
});
处理营销系统C端白名单根据token查询商品组装商品集合，按照商品权重进行处理显示排序
2022-06-16 14:22:32 +08:00
/*商品自定义排序：0-100，降序排列，100第一个展示，0最后一个展示*/
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
var objectArraySort = (keyName) => {
return (objectN, objectM) => {
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
var valueN = objectN[keyName];
var valueM = objectM[keyName];
if (valueN < valueM) return 1;
else if (valueN > valueM) return -1;
else return 0;
};
};
goodsArr.sort(objectArraySort('weight'));
白名单融入
2022-01-18 17:37:45 +08:00
self.swiperDataList = goodsArr;
self.goodsShow = goodsArr.length > 1;
更新C 端，返回切换
2022-01-22 15:50:40 +08:00
sessionStorage.setItem('goodsCount', goodsArr.length);
更新C端后端api
2022-04-18 15:01:12 +08:00
if (goodsArr && goodsArr.length == 1 && goodsArr[0].available == 1) {
c端白名单自测
2022-01-21 19:17:24 +08:00
sessionStorage.setItem('goodsInfo', JSON.stringify(goodsArr[0]));
fix:修复线上白名单兑换token值有误
2023-01-11 14:01:33 +08:00
localStorage.setItem('key', goodsArr[0].key);
localStorage.setItem('token', goodsArr[0].token);
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
this.toPage(goodsArr[0]);
白名单融入
2022-01-18 17:37:45 +08:00
return false;
更新C端后端api
2022-04-18 15:01:12 +08:00
} else if (goodsArr && goodsArr.length >= 1) {
白名单融入
2022-01-18 17:37:45 +08:00
self.goodsNum = true;
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
self.onSelected(goodsArr[0]);
白名单融入
2022-01-18 17:37:45 +08:00
self.$nextTick(function () {
var swiper = new Swiper('.swiper-container', {
slidesPerView: "auto",
loopAdditionalSlides: 1000,
centeredSlides: true,
observer: true,
observeParents: true,
loop: self.goodsShow,
onSlideChangeEnd: function (swiper) {
let row = goodsArr[swiper.realIndex];
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
self.onSelected(goodsArr[swiper.realIndex]);
白名单融入
2022-01-18 17:37:45 +08:00
}
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
});
});
白名单融入
2022-01-18 17:37:45 +08:00
setTimeout(() => {
self.loading = false;
}, 100);
更新C端
2021-11-28 17:20:17 +08:00
} else {
白名单融入
2022-01-18 17:37:45 +08:00
self.goodsNum = false;
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
setTimeout(() => {
self.maskshow = true;
self.popboxtype = '提示';
self.popboxshow = true;
self.tiptext = '暂无可兑换码商品';
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
}, 1000);
白名单融入
2022-01-18 17:37:45 +08:00
}
更新C端后端api
2022-04-18 15:01:12 +08:00
} else { //兑换码
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
data.token = localStorage.getItem('token');
营销系统C端更新
2022-06-13 16:49:06 +08:00
req.axiosPost('/key/products', data).then(res => {
白名单融入
2022-01-18 17:37:45 +08:00
if (res.code == 200) {
self.swiperDataList = res.data;
更新C端后端api
2022-04-18 15:01:12 +08:00
sessionStorage.setItem('goodsCount', res.data.length);
白名单融入
2022-01-18 17:37:45 +08:00
self.goodsShow = res.data.length > 1;
✨ feat: 兼容云闪付
2023-07-14 18:46:35 +08:00
let ua = window.navigator.userAgent.toLowerCase();/* 判断是否web-view打开 */
if ((res.data && res.data.length == 1) || /miniProgram/i.test(ua)) {//单个商品直接进入详情页面
✨ feat: 新增当单个在线查看卡密商品、只能兑换一次时且已兑换的逻辑
2024-01-09 17:53:34 +08:00
const product = res.data[0];
🐛 fix: 修复卡密页面bug
2024-01-10 10:20:51 +08:00
/* 满足3个条件进入此判断 仅兑换一次 在线查看卡密商品 则卡密页面不能返回 */
🐛 fix: 修复bug
2024-01-10 11:10:23 +08:00
if (product.restrict == 1 && product.type == 1 && product.entity.card_show == 2 && product.entity.product_type == 2) {
🐛 fix: 修复卡密页面bug
2024-01-10 10:20:51 +08:00
sessionStorage.setItem('backShow', 1);
}
✨ feat: 新增当单个在线查看卡密商品、只能兑换一次时且已兑换的逻辑
2024-01-09 17:53:34 +08:00
/* 满足3个条件进入此判断 仅兑换一次 已兑换 在线查看卡密商品 */
🐛 fix: 修复bug
2024-01-10 11:10:23 +08:00
this.isToLook = product.exchange == 1 && product.restrict == 1 && product.type == 1 && product.entity.card_show == 2 && product.entity.product_type == 2;
if (this.isToLook) {
✨ feat: 新增当单个在线查看卡密商品、只能兑换一次时且已兑换的逻辑
2024-01-09 17:53:34 +08:00
return req
.axiosGet(`/key/order/queryList`, {
token: data.token,
page: 1,
limit: 10
})
.then(({ data, code, }) => {
if (code === 200) {
♻️ refactor: 重构订单号传输方式
2024-01-10 10:07:52 +08:00
sessionStorage.setItem('orderNumber', data[0].order_number);
✨ feat: 新增订单详情
2024-02-04 14:32:16 +08:00
window.location.replace('/orderDetails/cardOrder.html');
✨ feat: 新增当单个在线查看卡密商品、只能兑换一次时且已兑换的逻辑
2024-01-09 17:53:34 +08:00
}
});
} else {
sessionStorage.setItem('goodsInfo', JSON.stringify(product));
this.toPage(product);
return false;
}
更新C端后端api
2022-04-18 15:01:12 +08:00
} else if (res.data && res.data.length >= 1) {
白名单融入
2022-01-18 17:37:45 +08:00
self.goodsNum = true;
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
self.onSelected(res.data[0]);
白名单融入
2022-01-18 17:37:45 +08:00
self.$nextTick(function () {
var swiper = new Swiper('.swiper-container', {
slidesPerView: "auto",
loopAdditionalSlides: 1000,
centeredSlides: true,
observer: true,
observeParents: true,
loop: self.goodsShow,
onSlideChangeEnd: function (swiper) {
let row = res.data[swiper.realIndex];
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
self.onSelected(res.data[swiper.realIndex]);
白名单融入
2022-01-18 17:37:45 +08:00
}
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
});
});
C端免验证登录，获取商品信息
2021-12-21 16:51:52 +08:00
setTimeout(() => {
白名单融入
2022-01-18 17:37:45 +08:00
self.loading = false;
}, 100);
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
} else {
setTimeout(() => {
self.maskshow = true;
self.popboxtype = '提示';
self.popboxshow = true;
self.tiptext = '暂无可兑换码商品';
style: 🌈 修改文案
2023-03-01 15:04:19 +08:00
}, 1000);
白名单融入
2022-01-18 17:37:45 +08:00
}
} else {
self.maskshow = true;
self.popboxtype = '提示';
self.popboxshow = true;
self.tiptext = res.message;
style:所有code===-1更改为403 为登录失效
2022-10-17 11:23:00 +08:00
if (res.code == 403) {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let haskey = localStorage.getItem('haskey');
白名单融入
2022-01-18 17:37:45 +08:00
if (haskey) {
setTimeout(() => {
window.history.back();
}, 3000);
} else {
setTimeout(() => {
fix:修复返回落地页链接
2022-11-02 10:09:56 +08:00
window.location.href = "./index.html?id=" + localStorage.getItem('linkId');
白名单融入
2022-01-18 17:37:45 +08:00
}, 3000);
}
C端免验证登录，获取商品信息
2021-12-21 16:51:52 +08:00
}
解决c
2021-11-28 20:14:54 +08:00
}
白名单融入
2022-01-18 17:37:45 +08:00
}).catch(err => {
});
}
更新C端
2021-11-27 19:05:52 +08:00
},
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
更新C端
2021-11-27 19:05:52 +08:00
//选择商品点击兑换
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
exchangeBtn (row = this.exchangeCommity) {
更新C端
2021-11-28 17:20:17 +08:00
let gstatus = row.available;
this.gstatus = gstatus;
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
/* 直冲、立减金商品状态为 1 时可兑换。
* 红包商品状态为 1 8 时也可兑换
*/
if (gstatus == 1 || (row.type === 3 && [1, 8].includes(row.available))) {
白名单C端更改
2021-12-29 11:51:28 +08:00
// 跳转商品详情页面
更新C端后端api
2022-04-18 15:01:12 +08:00
if (this.showType == 1) { //白名单
fix:修复线上白名单兑换token值有误
2023-01-11 14:01:33 +08:00
localStorage.setItem('token', row.token);
localStorage.setItem('key', row.key);
c端白名单自测
2022-01-21 19:17:24 +08:00
}
C端更新白名单模式
2022-01-14 13:48:14 +08:00
sessionStorage.setItem('goodsInfo', JSON.stringify(row));
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
this.toPage(row);
更新C端
2021-11-28 17:20:17 +08:00
} else {
this.maskshow = true;
this.popboxshow = true;
this.popboxtype = '提示';
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
this.tiptext = product_status(gstatus, row);
更新C端
2021-11-27 19:05:52 +08:00
}
提交C端
2021-11-26 14:40:45 +08:00
},
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
更新C端
2021-11-28 17:20:17 +08:00
//关闭,关闭弹框
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
closeBtn () {
更新C端
2021-11-28 17:20:17 +08:00
this.popboxshow = false;
this.maskshow = false;
C端更新白名单模式
2022-01-14 13:48:14 +08:00
if (this.gstatus == 8) {
解决C端提示和显示
2021-12-02 11:02:50 +08:00
window.history.go(0);
}
提交C端
2021-11-26 14:40:45 +08:00
},
更新C端
2021-11-28 17:20:17 +08:00
//关闭弹出框,仅关闭弹框
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
successchangeBtn () {
更新C端
2021-11-28 17:20:17 +08:00
this.maskshow = false;
this.popboxshow = false;
C端更新白名单模式
2022-01-14 13:48:14 +08:00
if (this.gstatus == 8) {
解决C端提示和显示
2021-12-02 11:02:50 +08:00
window.history.go(0);
}
fix：修复兑换码无商品时 关闭天窗没跳转bug
2022-10-17 11:17:06 +08:00
if (this.tiptext === '暂无可兑换码商品') {
setTimeout(() => {
window.location.href = "../index.html?id=" + localStorage.getItem('linkId');
}, 1000);
}
更新C端
2021-11-28 17:20:17 +08:00
},
//刷新页面
feat：新增C端兑换码【商品列表】兑换码无商品，登录后商品列表展示暂无可兑换商品。
2022-10-17 11:08:49 +08:00
successchangeBtnFn () {
更新C端
2021-11-28 17:20:17 +08:00
window.history.go(0);
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
},
/* 区分红包商品logo 路径 */
distinguishLogo ({ type, entity }) {
const { channel } = entity;
/* NOTE: type 1 兑换码 2 立减金 3 红包 */
/* NOTE: channel 1 支付宝 2 微信 */
if (type == 1) {
return entity.show_url;
}
if (type == 2) {
if (channel === 1) {
return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/zfbreduce.png';
✨ feat: 新增云闪付立减金
2023-07-25 11:47:15 +08:00
} else if (channel === 2) {
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/wxreduce.png';
✨ feat: 新增云闪付立减金
2023-07-25 11:47:15 +08:00
} else if (channel === 3) {
return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/logo_ysf.png';
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
}
}
if (type == 3) {
if (channel === 1) {
return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/redPacktes/alipay_icon.png';
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
} else if (channel === 2) {
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/redPacktes/wechat_icon.png';
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
} else if (channel === 3) {
return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/logo_ysf.png';
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
}
}
},
💪 optimize: 优化代码并解决bug
2023-07-12 16:37:45 +08:00
/* 区分状态 */
statusFun (item) {
if (item.available === 1) {
return true;
} else if (item.available === 8) {
if (item.type === 3) {
return true;
} else {
return false;
}
} else {
return false;
}
},
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
/* 集中跳转 */
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
toPage ({ type, entity }) {
✨ feat: 新增支付宝立减金、红包支持H5领取
2023-11-17 15:44:32 +08:00
/*
* type: 1 兑换码 2 立减金 3 红包
* receive_mode: 1 支付宝 2 H5
*/
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
if (type == 1) {
window.location.replace("./exchange.html");
}
if (type == 2) {
✨ feat: 新增云闪付立减金
2023-07-25 11:47:15 +08:00
if (entity.channel === 3) {
🚚 comment: 重命名文件
2023-08-01 09:08:26 +08:00
window.location.replace("./ysf-reduce.html");
✨ feat: 新增支付宝立减金、红包支持H5领取
2023-11-17 15:44:32 +08:00
} else if (entity.channel === 1 && entity.receive_mode === 2) {
window.location.replace("./zfb-reduce.html");
✨ feat: 新增云闪付立减金
2023-07-25 11:47:15 +08:00
} else {
window.location.replace("./reduce.html");
}
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
}
if (type == 3) {
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
if (entity.channel === 3) {
window.location.replace("./ysf.html");
✨ feat: 新增支付宝立减金、红包支持H5领取
2023-11-17 15:44:32 +08:00
} else if (entity.channel === 1 && entity.receive_mode === 2) {
window.location.replace("./zfb-redPackets.html");
✨ feat: 新增云闪付页面以及相关逻辑
2023-07-11 16:34:39 +08:00
} else {
window.location.replace("./redPackets.html");
}
💪 optimize: 优化代码和更新readme
2023-06-16 09:30:39 +08:00
}
💊 fix: 修复bug
2023-06-29 16:03:24 +08:00
},
💊 fix: 修复banner图链接跳转bug
2023-08-31 16:46:21 +08:00
/* banner外链跳转 */
bannerTo () {
if (this.bannerUrl) {
location.href = this.bannerUrl;
}
}
C端正则校验
2021-12-02 15:11:56 +08:00
}
})
提交C端
2021-11-26 14:40:45 +08:00
</script>
C端更新白名单模式
2022-01-14 13:48:14 +08:00
提交C端
2021-11-26 14:40:45 +08:00
</html>