|
@@ -4,18 +4,18 @@
|
|
<u-image src="/static/hbheader.jpg" width="750" height="578"></u-image>
|
|
<u-image src="/static/hbheader.jpg" width="750" height="578"></u-image>
|
|
<!-- 滚动区域 -->
|
|
<!-- 滚动区域 -->
|
|
<view class="scroll-list" v-if="slist.length">
|
|
<view class="scroll-list" v-if="slist.length">
|
|
- <scrollBox :list="slist" placeText="刚刚得到了1.5元 红包奖励" bgColor="rgba(250, 224, 188, 0.6)"></scrollBox>
|
|
|
|
|
|
+ <scrollBox :list="slist" bgColor="rgba(250, 224, 188, 0.6)"></scrollBox>
|
|
</view>
|
|
</view>
|
|
<view class="amount-box">
|
|
<view class="amount-box">
|
|
- 345.5
|
|
|
|
|
|
+ {{rewardData?rewardData.rewardAmount:'0.00'}}
|
|
<text>元</text>
|
|
<text>元</text>
|
|
</view>
|
|
</view>
|
|
<view class="view-gz" @click="showModal = true">查看活动规则>></view>
|
|
<view class="view-gz" @click="showModal = true">查看活动规则>></view>
|
|
</view>
|
|
</view>
|
|
<view class="list-box">
|
|
<view class="list-box">
|
|
<view class="codes flex align_center">
|
|
<view class="codes flex align_center">
|
|
- <view @click="openImg('/static/codetemp.jpg')">
|
|
|
|
- <u-image src="/static/codetemp.jpg" width="160" height="160"></u-image>
|
|
|
|
|
|
+ <view @click="openImg()">
|
|
|
|
+ <u-image :src="hasRedPacket&&hasRedPacket.serviceQrcode" width="160" height="160"></u-image>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view>
|
|
<view>扫描添加客服微信,领取待发放红包</view>
|
|
<view>扫描添加客服微信,领取待发放红包</view>
|
|
@@ -31,18 +31,20 @@
|
|
<swiper class="tablist">
|
|
<swiper class="tablist">
|
|
<swiper-item class="swiper-item" style="height: 100%;width: 100%;overflow: hidden;">
|
|
<swiper-item class="swiper-item" style="height: 100%;width: 100%;overflow: hidden;">
|
|
<scroll-view scroll-y style="height: 100%;width: 100%;overflow: auto;" @scrolltolower="onreachBottom">
|
|
<scroll-view scroll-y style="height: 100%;width: 100%;overflow: auto;" @scrolltolower="onreachBottom">
|
|
- <view class="totalBar" v-if="curTab==1">共<text>20</text>个红包,合计<text>200</text>元</view>
|
|
|
|
- <view class="flex align_center justify_between itemlist" v-for="item in 12">
|
|
|
|
|
|
+ <view class="totalBar" v-if="rewardData&&curTab==1&&total">
|
|
|
|
+ 共<text>{{total}}</text>个红包,合计<text>{{rewardData.paidAmount}}</text>元
|
|
|
|
+ </view>
|
|
|
|
+ <view class="flex align_center justify_between itemlist" v-for="item in list" :key="item.id">
|
|
<view class="flex align_center">
|
|
<view class="flex align_center">
|
|
- <view class="imgs">
|
|
|
|
|
|
+ <view class="imgs flex align_center">
|
|
<u-icon size="30" color="#fff" name="red-packet"></u-icon>
|
|
<u-icon size="30" color="#fff" name="red-packet"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="txts">
|
|
<view class="txts">
|
|
<view class="txts-name">扫描VIN码下单得红包</view>
|
|
<view class="txts-name">扫描VIN码下单得红包</view>
|
|
- <view class="txts-time">2022-10-28 12:36</view>
|
|
|
|
|
|
+ <view class="txts-time">{{item.rewardCreateDate}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="amount">+0.50</view>
|
|
|
|
|
|
+ <view class="amount">+{{item.totalRewardAmount}}</view>
|
|
</view>
|
|
</view>
|
|
<view style="padding: 20upx;">
|
|
<view style="padding: 20upx;">
|
|
<u-empty :src="`/static/nodata.png`" icon-size="180" :text="noDataText" img-width="120" v-if="list.length==0 && status!='loading'" mode="list"></u-empty>
|
|
<u-empty :src="`/static/nodata.png`" icon-size="180" :text="noDataText" img-width="120" v-if="list.length==0 && status!='loading'" mode="list"></u-empty>
|
|
@@ -88,7 +90,7 @@
|
|
rewardData: null, // 奖励信息
|
|
rewardData: null, // 奖励信息
|
|
slist:[],
|
|
slist:[],
|
|
status: 'loading',
|
|
status: 'loading',
|
|
- noDataText: '暂无红包数据',
|
|
|
|
|
|
+ noDataText: '暂无数据',
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 30,
|
|
pageSize: 30,
|
|
total: 0,
|
|
total: 0,
|
|
@@ -102,10 +104,15 @@
|
|
this.getUserReward()
|
|
this.getUserReward()
|
|
this.getEwardOrder()
|
|
this.getEwardOrder()
|
|
},
|
|
},
|
|
|
|
+ computed: {
|
|
|
|
+ hasRedPacket(){
|
|
|
|
+ return this.$store.state.vuex_rewardRule
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
openImg(url){
|
|
openImg(url){
|
|
uni.previewImage({
|
|
uni.previewImage({
|
|
- urls:[url]
|
|
|
|
|
|
+ urls:[this.hasRedPacket&&this.hasRedPacket.serviceQrcode||'']
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 活动奖励信息
|
|
// 活动奖励信息
|
|
@@ -116,6 +123,8 @@
|
|
},
|
|
},
|
|
tabChange(i){
|
|
tabChange(i){
|
|
this.curTab = i
|
|
this.curTab = i
|
|
|
|
+ this.list = []
|
|
|
|
+ this.total = 0
|
|
this.getEwardOrder(1)
|
|
this.getEwardOrder(1)
|
|
},
|
|
},
|
|
// 查询列表
|
|
// 查询列表
|
|
@@ -159,9 +168,9 @@
|
|
// 获取上方滚动扫描记录
|
|
// 获取上方滚动扫描记录
|
|
getScrollLog(){
|
|
getScrollLog(){
|
|
getRewardRollList({pageNo:1,pageSize:1000}).then(res => {
|
|
getRewardRollList({pageNo:1,pageSize:1000}).then(res => {
|
|
- this.slist = res.data.list || []
|
|
|
|
|
|
+ this.slist = res.data || []
|
|
this.slist.map(item => {
|
|
this.slist.map(item => {
|
|
- item.placeText = item.userName + '刚刚得到了1.5元 红包奖励'
|
|
|
|
|
|
+ item.placeText = item.userName + '刚刚得到了'+item.totalRewardAmount+'元 红包奖励'
|
|
})
|
|
})
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -198,7 +207,7 @@
|
|
width:100%;
|
|
width:100%;
|
|
position: absolute;
|
|
position: absolute;
|
|
left:10rpx;
|
|
left:10rpx;
|
|
- top:0;
|
|
|
|
|
|
+ top:-10rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.list-box{
|
|
.list-box{
|