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/coupon/couponCollection.html

602 lines
32 KiB
HTML
Raw Normal View History

style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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>
<script type="text/javascript"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322"></script>
fix: 增加版本号
2024-03-25 21:53:04 +08:00
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/libs.js?v=sdfhksdfklwrwer"></script>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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">
<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>
fix: api_test
2024-04-10 23:11:41 +08:00
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api_test1.js?v=1000"></script>
🚚 comment: css传oss
2023-12-23 19:51:51 +08:00
<link rel="stylesheet"
href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/couponCollection.css?v=2">
style:更换组件oss路径
2022-11-02 15:07:29 +08:00
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/tabbar.css">
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/modelPop.js"></script>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/tabbar.js"></script>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</head>
<body>
<div id="homepage" :style="{background:
(viewConfig.backgroundImg.iswitch&&viewConfig.backgroundImg.bgImg?
`url(${viewConfig.backgroundImg.bgImg})`
:viewConfig.backgroundImg.bgColor),
backgroundSize: '100% 100%',
}">
<div v-show="loading">
<preload-component />
</div>
<div v-show="!loading&&!suspension" class="main-body"
:style="{paddingBottom: (viewConfig.bottomBar.iswitch!=='1'||calculateTabLength()<2)?'0.14rem':'0.55rem'}">
<!-- 配置的顶部banner -->
<div class="topBanner">
<div class="search-backpresty" :style="{
background:(viewConfig.search.iswitch==='1'?(viewConfig.search.bgColor):'none'),
fix:重新调整商品列表搜索栏布局
2022-11-04 10:29:20 +08:00
position:'fixed',
justifyContent: goodsShow&&!isKey?'space-between':'center'
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}">
fix:重新调整商品列表搜索栏布局
2022-11-04 10:29:20 +08:00
<img class="backpresty" @click="backHandler" v-if="goodsShow&&!isKey"
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png"
alt="">
<div class="search-box" v-if="viewConfig.search.iswitch==='1'" @click="searchFn">
feat;商品列表搜索框新增icon
2022-11-04 15:23:45 +08:00
<div class="search" :style="{
color:viewConfig.search.fontColor,
textAlign:viewConfig.search.textAlign,
background:viewConfig.search.borderColor,
borderRadius:(viewConfig.search.shape==='circular'?'0.15rem':0) }">
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/search.png"
alt="">
{{viewConfig.search.placeholder}}
</div>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</div>
</div>
style:调整商品列表banner展示
2022-10-28 11:28:04 +08:00
<div class="fictitious" v-if="viewConfig.search.iswitch==='1'"></div>
💊 fix: 修复banner图链接跳转bug
2023-08-31 16:46:21 +08:00
<img class="banner" :src="viewConfig.top_image" alt=""
@click="viewConfig.bannerUrl&&(location.href=viewConfig.bannerUrl)">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</div>
<!-- 配置的图片 -->
<div class="autoImg" v-if="viewConfig.picture.img&&viewConfig.picture.iswitch=='1'">
<img :src="viewConfig.picture.img" @click="autoImgHandle" alt="">
</div>
<!-- 配置的标题 -->
<div class="title" v-if="viewConfig.title.iswitch==='1'">
<img :src="viewConfig.title.pic" alt="" class="or" v-if="viewConfig.title.comstyle==='2'">
<p :style="{
color:viewConfig.title.fontColor,
fontSize:(viewConfig.title.fontSize==='1'?'0.13rem'
:(viewConfig.title.fontSize==='2'?'.16rem':'0.19rem')),
textAlign:viewConfig.title.textAlign }" v-if="viewConfig.title.comstyle==='1'">
{{viewConfig.title.text}}
</p>
</div>
<!-- 轮播展示 -->
style:调整商品页 轮播展示
2022-11-04 10:53:09 +08:00
<div id="rotation" v-if="viewConfig.list==='2'"
:style="{marginTop:viewConfig.title.iswitch!='1'&&viewConfig.picture.iswitch!='1'?'-0.6rem':'0.1rem'}">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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">
<div class="swiper-container" :class="swiperDataList.length>1?'':'oneItem'">
<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)"
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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>
</div>
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<div class="imgbox" :class="dynamicAsh(item)">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
<!-- type :1 兑换码 2:立减金,channel:1支付宝，2微信 -->
<img class="le-img"
fix：修复轮播商品图标大小未限制
2022-11-01 11:32:19 +08:00
:style="{width:(item.entity.product_name||item.entity.batch_goods_name).length>6?'0.4rem':'0.46rem',height:(item.entity.product_name||item.entity.batch_goods_name).length>6?'0.4rem':'0.46rem'}"
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
:src="item.type==1?item.entity.show_url:(item.entity.channel==1?'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/zfbreduce.png':'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/wxreduce.png')"></img>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</div>
🐛 fix: 修复bug
2024-01-03 09:18:42 +08:00
<p class="item-name" :class="dynamicAsh(item)"
:style="{fontSize:(item.entity.product_name||item.entity.batch_goods_name).length>6?'0.08rem':'0.12rem'}">
{{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">
🐛 fix: 修复bug
2024-01-03 09:18:42 +08:00
x{{item.entity.send_num}}
</span>
</p>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
<template v-if="item.origin_price!==item.coupon_price">
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<p class="price" :class="dynamicAsh(item)">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
原价￥{{item.origin_price}}
</p>
<p class="money">
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<span class="coupon" :class="dynamicAsh(item)">券后价</span>
<span class="sign" :class="dynamicAsh(item)">￥</span>
<span class="current-price"
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
:class="dynamicAsh(item)">{{Number(item.coupon_price)}}</span>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</p>
</template>
<p class="money moneyExtra" v-else>
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<span class="sign" :class="dynamicAsh(item)">￥</span>
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
<span class="current-price"
:class="dynamicAsh(item)">{{Number(item.origin_price)}}</span>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 列表 展示-->
<div id="list" v-if="viewConfig.list==='1'">
<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">
<li v-for="(item,i) in swiperDataList" :key="i" @click="exchangeBtn(item)">
<div class="box">
<div class="imgBG">
<img :src="item.type==1?item.entity.show_url:(item.entity.channel==1?'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/zfbreduce.png':'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/wxreduce.png')"
alt=""
fix:修正商品有待支付订单，商品高亮显示
2022-10-27 11:25:07 +08:00
:class="item.stock&&item.stock<0||item.available!=1&&item.available!=2&&item.available!=22?'changegray':''">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</div>
<div>
<font
fix:修正商品有待支付订单，商品高亮显示
2022-10-27 11:25:07 +08:00
:class="item.stock&&item.stock<0||item.available!=1&&item.available!=2&&item.available!=22?'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>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
<div class="details">
<template v-if="item.origin_price!==item.coupon_price">
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<p class="sign" :class="dynamicAsh(item)">￥</p>
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
<p class="price" :class="dynamicAsh(item)">{{Number(item.coupon_price)}}</p>
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<p class="coupon" :class="dynamicAsh(item)">券后价</p>
<p class="original-price" :class="dynamicAsh(item)">
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
原价￥{{Number(item.origin_price)}}
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</p>
</template>
<p v-else style="margin-top:0.05rem">
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<span class="sign" :class="dynamicAsh(item)">￥</span>
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
<span class="price"
:class="dynamicAsh(item)">{{Number(item.origin_price)}}</span>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</p>
</div>
</div>
</div>
fix：商品优惠券商品列表页增加列表形式状态标签
2022-10-28 11:19:57 +08:00
<span class="goodsStatus">
✨ feat: 根据后端新增兑换状态 9
2023-04-07 11:00:27 +08:00
<img v-if="[4,9].includes(item.available)"
fix：修复轮播商品图标大小未限制
2022-11-01 11:32:19 +08:00
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/yet.png" alt="">
fix：商品优惠券商品列表页增加列表形式状态标签
2022-10-28 11:19:57 +08:00
<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>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</li>
</ul>
</div>
<!-- 矩阵展示 -->
<div id="matrix" v-if="viewConfig.list==='3'">
<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">
🎨 style: 优化样式
2023-12-22 14:29:24 +08:00
<li v-for="(item,i) in swiperDataList" :key="i" @click="exchangeBtn(item)">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
<div class="goodsNum-frist">
<span class="goodsIcon">
✨ feat: 根据后端新增兑换状态 9
2023-04-07 11:00:27 +08:00
<img v-if="[4,9].includes(item.available)"
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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>
<img class="img"
🎨 style: 优化样式
2023-12-22 14:29:24 +08:00
:class="item.stock&&item.stock<0||item.available!=1&&item.available!=2&&item.available!=22?'changegray':''"
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
:src="item.type==1?item.entity.show_url:(item.entity.channel==1?'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/zfbreduce.png':'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/wxreduce.png')"
alt="" />
</div>
🎨 style: 优化样式
2023-12-22 14:29:24 +08:00
<div class="detail-text"
:class="item.stock&&item.stock<0||item.available!=1&&item.available!=2&&item.available!=22?'changegray':''">
🎨 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>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
<template v-if="item.origin_price!==item.coupon_price">
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
<p class="original-price" :class="dynamicAsh(item)">原价￥{{Number(item.origin_price)}}</p>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
<p>
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<span class="sign" :class="dynamicAsh(item)">￥</span>
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
<span class="price" :class="dynamicAsh(item)">{{Number(item.coupon_price)}}</span>
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
<span class="coupon" :class="dynamicAsh(item)">券后价</span>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</p>
</template>
style：调整商品列表样式
2022-10-20 18:27:43 +08:00
<template v-else>
<p class="original-price" :class="dynamicAsh(item)"></p>
style：调整样式
2022-10-20 18:29:56 +08:00
<p>
style：调整商品列表样式
2022-10-20 18:27:43 +08:00
<span class="sign" :class="dynamicAsh(item)">￥</span>
🎨 style: 优化价格展示
2024-02-22 18:03:52 +08:00
<span class="price" :class="dynamicAsh(item)">{{Number(item.origin_price)}}</span>
style：调整商品列表样式
2022-10-20 18:27:43 +08:00
</p>
</template>
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
</div>
</li>
</ul>
</div>
style:删除vConsole
2022-11-18 18:05:01 +08:00
<div class="exchangeBtn" :class="gstatus!=1&&gstatus!=22?'changegray':''" v-if="viewConfig.list==='2'"
:style="{background: viewConfig.bgcolor,color:viewConfig.font_color}" @click="exchangeBtn()">
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
购买
</div>
<div class="bottom" id="bottom" :class="viewConfig.list===2?'tipset':''" v-show="describe.type">
<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>
</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" :style="{top:viewConfig.search.iswitch!=='1'?'0.2rem':'0.8rem'}"
v-if="describe.type==2&&describe.content&&!suspension&&!loading"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png" alt="">
<!-- 单条弹出框 -->
<div class="prompt" :class="promtshow?'proactive':''">
{{this.promttip}}
</div>
<!-- 弹出提示 -->
<model-pop :show.sync="popShow" :title="popTitle" :status="popStatus" :text="popText"
@backFunction="backFunctionPop"></model-pop>
<!-- tab -->
<tab-component v-if="!suspension" :current="1" />
</div>
</body>
<script>
new Vue({
el: '#homepage',
fix: api_test
2024-04-10 23:11:41 +08:00
data() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
return {
swiperDataList: [], //轮播
promtshow: false,
promttip: '',
loading: true,
lastid: 0,
gstatus: 1,
suspension: false,
goodsShow: true,
goodsNum: false,
exchangeCommity: {}, //兑换选择的商品
describe: {},
isKey: true,
showType: 0,
viewConfig: {}, //动态数据
/* 提示框状态 */
popShow: false,
popTitle: '',
popText: '',
popStatus: 1 /*1 成功 2提示 3失败 */
style:删除vConsole
2022-11-18 18:05:01 +08:00
};
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
components: {
tabComponent,
modelPop
},
fix: api_test
2024-04-10 23:11:41 +08:00
created() {
fix: 增加入口也，微信静默授权
2024-03-14 09:57:00 +08:00
let openid = getQueryString("openid");
if (openid) {
localStorage.setItem('openid', openid);
}
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
this.getGoods();
let productConfig = JSON.parse(localStorage.getItem('product_list'));
document.title = localStorage.getItem('title');
this.isKey = localStorage.getItem('haskey');
this.describe = productConfig.describe;
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.viewConfig = productConfig;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
methods: {
fix: api_test
2024-04-10 23:11:41 +08:00
tabHandle(id) {
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.tabActive = id;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
fix: api_test
2024-04-10 23:11:41 +08:00
closeTip() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
this.suspension = false;
},
fix: api_test
2024-04-10 23:11:41 +08:00
susTipFn() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
this.suspension = true;
},
fix: api_test
2024-04-10 23:11:41 +08:00
onSelected(item) {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
this.exchangeCommity = item;
this.gstatus = item.available;
},
fix: api_test
2024-04-10 23:11:41 +08:00
backHandler() {
fix:回退商品列表部分代码
2022-11-04 10:00:51 +08:00
let backUrl = window.history.length;
if (window.history.length) {
history.go(-backUrl + 1);
}
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
// 单条弹框
fix: api_test
2024-04-10 23:11:41 +08:00
openDialog() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
this.promtshow = true;
setTimeout(() => {
this.promtshow = false;
this.promttip = '';
style:删除vConsole
2022-11-18 18:05:01 +08:00
}, 3000);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
//根据token获取商品信息
fix: api_test
2024-04-10 23:11:41 +08:00
async getGoods() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let self = this;
let showType = localStorage.getItem('showType');
this.showType = showType;
let data = {
"last_product_id": localStorage.getItem('lastid') | 0,
style:删除vConsole
2022-11-18 18:05:01 +08:00
};
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
if (showType == 1) { //白名单
let tokenList = JSON.parse(localStorage.getItem('getTokenList'));
let goodsList = [];
for (item of tokenList) {
let goodsItem = [];
data.token = item;
let waitGoods = await req.axiosPost('/key/products', data).then(res => {
if (res.code == 200) {
res.data.forEach(it => {
it.token = item;
});
goodsItem = res.data;
} else {
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.popTitle = '温馨提示';
this.popText = res.message;
this.popStatus = 2;
this.popShow = true;
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
setTimeout(() => {
window.location.href = localStorage.getItem('white_link');
}, 3000);
}
}
});
goodsList = goodsList.concat(goodsItem);
};
let duplicate = []; //去重
let goodsArr = []; //最终的商品集合
goodsList.forEach(item => {
if (duplicate.indexOf(item.product_id) == -1) {
duplicate.push(item.product_id);
}
});
style:删除vConsole
2022-11-18 18:05:01 +08:00
let similar = [];
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
duplicate.forEach(it => {
similar = goodsList.filter(iten => { //goodshow为去重后的数据
return iten.product_id == it;
});
fix:修复【C端】商品列表，搜索框没有展示返回按钮且没有居中。
2022-11-04 09:50:15 +08:00
let flag = [1, 2, 6, 8, 7, 5, 4, 22, 11, 3, 10, 20, 21]; //显示的avarivble规则
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let minIndex = 7;
similar.forEach(item => {
let flagIndex = flag.indexOf(item.available);
if (flagIndex > -1) {
if (flagIndex < minIndex)
minIndex = flagIndex;
}
style:删除vConsole
2022-11-18 18:05:01 +08:00
});
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let obj = similar.find((o) => {
style:删除vConsole
2022-11-18 18:05:01 +08:00
return o.available == flag[minIndex];
});
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
goodsArr.push(obj);
});
/*商品自定义排序：0-100，降序排列，100第一个展示，0最后一个展示*/
var objectArraySort = (keyName) => {
return (objectN, objectM) => {
style:删除vConsole
2022-11-18 18:05:01 +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'));
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
self.swiperDataList = goodsArr;
localStorage.setItem('goodsCollection', JSON.stringify(goodsArr));
self.goodsShow = goodsArr.length > 1;
localStorage.setItem('goodsCount', goodsArr.length);
style:调整商品列表banner展示
2022-10-28 11:28:04 +08:00
if (goodsArr && goodsArr.length == 1 && (goodsArr[0].available == 1 || goodsArr[0].available == 22)) {
style:删除vConsole
2022-11-18 18:05:01 +08:00
localStorage.setItem('goodsInfo', JSON.stringify(goodsArr[0]));
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
localStorage.setItem('key', goodsArr[0].key);
localStorage.setItem('token', goodsArr[0].token);
style：更改文件名称
2022-10-12 14:08:25 +08:00
window.location.replace(goodsArr[0].type == 1 ? "./details.html" : "../index.html?id=" + localStorage.getItem('linkId'));
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
return false;
} else if (goodsArr && goodsArr.length >= 1) {
self.goodsNum = true;
style:删除vConsole
2022-11-18 18:05:01 +08:00
self.onSelected(goodsArr[0]);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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:删除vConsole
2022-11-18 18:05:01 +08:00
self.onSelected(goodsArr[swiper.realIndex]);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
style:删除vConsole
2022-11-18 18:05:01 +08:00
});
});
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
setTimeout(() => {
self.loading = false;
}, 100);
} else {
self.goodsNum = false;
fix:修复【C端】【商品列表】兑换码无商品，登录后商品列表应该展示暂无可兑换商品。
2022-10-14 10:30:43 +08:00
setTimeout(() => {
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.popTitle = '温馨提示';
this.popText = '暂无可兑换商品';
this.popStatus = 2;
this.popShow = true;
fix:修复【C端】【商品列表】兑换码无商品，登录后商品列表应该展示暂无可兑换商品。
2022-10-14 10:30:43 +08:00
}, 1000);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
} else { //兑换码
style:删除vConsole
2022-11-18 18:05:01 +08:00
data.token = localStorage.getItem('token');
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
req.axiosPost('/key/products', data).then(res => {
if (res.code == 200) {
self.swiperDataList = res.data;
localStorage.setItem('goodsCollection', JSON.stringify(res.data));
localStorage.setItem('goodsCount', res.data.length);
self.goodsShow = res.data.length > 1;
if (res.data && res.data.length == 1) {//单个商品直接进入详情页面
style:删除vConsole
2022-11-18 18:05:01 +08:00
localStorage.setItem('goodsInfo', JSON.stringify(res.data[0]));
style：更改文件名称
2022-10-12 14:08:25 +08:00
window.location.replace("./details.html");
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
return false;
} else if (res.data && res.data.length >= 1) {
self.goodsNum = true;
style:删除vConsole
2022-11-18 18:05:01 +08:00
self.onSelected(res.data[0]);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +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:删除vConsole
2022-11-18 18:05:01 +08:00
self.onSelected(res.data[swiper.realIndex]);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
style:删除vConsole
2022-11-18 18:05:01 +08:00
});
});
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
setTimeout(() => {
self.loading = false;
}, 100);
fix:修复【C端】【商品列表】兑换码无商品，登录后商品列表应该展示暂无可兑换商品。
2022-10-14 10:30:43 +08:00
} else {
setTimeout(() => {
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.popTitle = '温馨提示';
this.popText = '暂无可兑换商品';
this.popStatus = 2;
this.popShow = true;
fix:修复【C端】【商品列表】兑换码无商品，登录后商品列表应该展示暂无可兑换商品。
2022-10-14 10:30:43 +08:00
}, 1000);
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
} else {
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.popTitle = '温馨提示';
this.popText = res.message;
this.popStatus = 3;
this.popShow = true;
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');
if (haskey) {
setTimeout(() => {
window.history.back();
}, 3000);
} else {
setTimeout(() => {
window.location.href = "../index.html?id=" + localStorage.getItem('linkId');
}, 3000);
}
}
}
}).catch(err => {
});
}
},
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
/* 动态置灰 */
fix: api_test
2024-04-10 23:11:41 +08:00
dynamicAsh(item) {
style:删除vConsole
2022-11-18 18:05:01 +08:00
return (item.stock && (item.stock < 0 || item.available != 1) && item.available != 2 && item.available != 22) ? 'changegray' : '';
fix:修复商品样式布置灰色
2022-10-20 17:47:23 +08:00
},
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
//选择商品点击兑换
fix: api_test
2024-04-10 23:11:41 +08:00
exchangeBtn(row = this.exchangeCommity) {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
let gstatus = row.available;
this.gstatus = gstatus;
style:调整商品列表banner展示
2022-10-28 11:28:04 +08:00
if (gstatus == 1 || gstatus == 22) {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
// 跳转商品详情页面
if (this.showType == 1) { //白名单
localStorage.setItem('token', row.token);
localStorage.setItem('key', row.key);
}
fix：调整商品详情页接口，增加code_batch_id,修复搜索栏bug
2022-11-07 17:34:11 +08:00
localStorage.setItem('goodsInfo', JSON.stringify(row));
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
//type :1 兑换码 2:立减金
style：更改文件名称
2022-10-12 14:08:25 +08:00
window.location.replace("./details.html");
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
} else {
style:删除vConsole
2022-11-18 18:05:01 +08:00
this.popTitle = '温馨提示';
this.popText = product_status(gstatus, row);
this.popStatus = 2;
this.popShow = true;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
},
/* 弹框回调 */
fix: api_test
2024-04-10 23:11:41 +08:00
backFunctionPop() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
if (this.gstatus == 8) {
window.history.go(0);
}
fix:修复【C端】【商品列表】兑换码无商品，登录后商品列表应该展示暂无可兑换商品。
2022-10-14 10:30:43 +08:00
if (this.popText === '暂无可兑换商品') {
setTimeout(() => {
window.location.href = "../index.html?id=" + localStorage.getItem('linkId');
}, 1000);
}
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
/* 判Tab长度 */
fix: api_test
2024-04-10 23:11:41 +08:00
calculateTabLength() {
style:删除vConsole
2022-11-18 18:05:01 +08:00
return this.viewConfig.bottomBar.navlist.filter(item => item.iswitch === '1').length;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
},
/* 图片跳转 */
fix: api_test
2024-04-10 23:11:41 +08:00
autoImgHandle() {
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
if (this.viewConfig.picture.jumpType === '1') {
style:删除vConsole
2022-11-18 18:05:01 +08:00
window.location.href = this.viewConfig.picture.jumpUrl;
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
},
//搜索
fix: api_test
2024-04-10 23:11:41 +08:00
searchFn() {
style:删除vConsole
2022-11-18 18:05:01 +08:00
window.location.href = './searchPage.html';
style:调整C端兑换码与优惠券结构
2022-10-11 09:43:31 +08:00
}
}
})
</script>
</html>