2025-04-17 17:44:39 +08:00
|
|
|
<template>
|
2025-05-15 16:54:07 +08:00
|
|
|
<view class="page-container">
|
2025-04-17 17:44:39 +08:00
|
|
|
<view class="list-title-btns">
|
|
|
|
<view @click="doChangeStatus" data-value="1" :class="currentStatus==1? 'btn-select':'btn-normal'"
|
|
|
|
class="border-left">
|
|
|
|
<view class="tab">
|
|
|
|
<text>可用</text>
|
|
|
|
<view :class="currentStatus==1?'border-select':'border-normal'"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view @click="doChangeStatus" data-value="2" :class="currentStatus==2? 'btn-select':'btn-normal'"
|
|
|
|
class="border-right">
|
|
|
|
<view class="tab">
|
|
|
|
<text>已使用</text>
|
|
|
|
<view :class="currentStatus==2?'border-select':'border-normal'"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view @click="doChangeStatus" data-value="3" :class="currentStatus==3? 'btn-select':'btn-normal'"
|
|
|
|
class="border-right">
|
|
|
|
<view class="tab">
|
|
|
|
<text>不可用</text>
|
|
|
|
<view :class="currentStatus==3?'border-select':'border-normal'"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
2025-05-15 16:54:07 +08:00
|
|
|
<view style="margin-top: 10rpx;">
|
2025-04-17 17:44:39 +08:00
|
|
|
<ContainerLoading :loadingVisible="loadingState">
|
2025-05-15 16:54:07 +08:00
|
|
|
<scroll-view scroll-y style="height: 80vh;" :lower-threshold="100" refresher-background="#FFFFFF00"
|
|
|
|
@scrolltolower="doLoadMore">
|
2025-04-17 17:44:39 +08:00
|
|
|
<view class="coupons-list-box">
|
|
|
|
<block v-for="(item,index) in couponsList" :key="index">
|
|
|
|
<view class="tickets" :class="boderStyle(currentStatus)">
|
|
|
|
<view class="l-tickets-box">
|
|
|
|
<view class="l-tickets" :class="fontColor(currentStatus)">
|
|
|
|
<view class="l-icon">¥</view>
|
|
|
|
<view class="l-price">{{item.coupon.amount/100}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="use-link" @click="showRule">使用规则</view>
|
|
|
|
</view>
|
|
|
|
<!-- 虚线 -->
|
|
|
|
<view class="v-divide"></view>
|
|
|
|
<view class="r-tickets">
|
|
|
|
<view class="r-title">{{item.coupon.title}}</view>
|
|
|
|
<view class="r-time">
|
|
|
|
{{timeSplit(item.coupon.useGmtStart)}}-{{timeSplit(item.coupon.useGmtEnd)}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</block>
|
|
|
|
<uni-load-more :status="loadMore"></uni-load-more>
|
|
|
|
</view>
|
|
|
|
</scroll-view>
|
|
|
|
</ContainerLoading>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2025-04-18 18:04:07 +08:00
|
|
|
import ContainerLoading from '@/components/container-loading.vue';
|
|
|
|
import ProApi from '@/common/js/net/projectApi.js'
|
2025-04-17 17:44:39 +08:00
|
|
|
import {
|
|
|
|
boderStyle,
|
|
|
|
fontColor,
|
|
|
|
timeSplit
|
2025-04-18 18:04:07 +08:00
|
|
|
} from '@/common/js/conver.js'
|
2025-04-17 17:44:39 +08:00
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
ContainerLoading
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
currentStatus: 1,
|
|
|
|
couponsList: [], //订单列表
|
|
|
|
pageData: {
|
|
|
|
page: 1,
|
|
|
|
rows: 10,
|
|
|
|
isEffective: '',
|
|
|
|
isUsed: '',
|
|
|
|
}, //检索参数
|
|
|
|
loadingState: 'loading', //加载状态
|
|
|
|
listRefreshTrig: false, //list刷新状态
|
|
|
|
isLoadMore: false, //加载更多的状态
|
|
|
|
hasMore: true, //是否有更多数据
|
|
|
|
keywords: '', //搜索关键字
|
|
|
|
loadMore: 'more'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
onLoad() {
|
|
|
|
uni.setNavigationBarTitle({
|
|
|
|
title: '我的优惠卷',
|
|
|
|
})
|
|
|
|
uni.setNavigationBarColor({
|
|
|
|
frontColor: '#000000', // 必写项,字体颜色仅支持#ffffff和#000000
|
|
|
|
backgroundColor: '#F0F0F0', // 传递的颜色值,仅支持十六进制颜色
|
|
|
|
animation: { // 可选项
|
|
|
|
duration: 500,
|
|
|
|
timingFunc: 'easeIn'
|
|
|
|
}
|
|
|
|
})
|
|
|
|
//加载数据
|
|
|
|
this.doRefreshList()
|
|
|
|
},
|
2025-05-15 16:54:07 +08:00
|
|
|
onPullDownRefresh() {
|
|
|
|
this.doRefreshList()
|
|
|
|
uni.stopPullDownRefresh()
|
|
|
|
},
|
2025-04-17 17:44:39 +08:00
|
|
|
methods: {
|
|
|
|
boderStyle,
|
|
|
|
fontColor,
|
|
|
|
timeSplit,
|
|
|
|
//tab切换
|
|
|
|
doChangeStatus(e) {
|
|
|
|
const value = e.currentTarget.dataset.value
|
|
|
|
this.currentStatus = value
|
|
|
|
this.doRefreshList()
|
|
|
|
},
|
|
|
|
//获取我的优惠卷
|
|
|
|
doGetMyCoupons(isRefresh) {
|
|
|
|
const _self = this
|
|
|
|
_self.couponsList = isRefresh ? [] : _self.couponsList
|
|
|
|
_self.loadingState = isRefresh ? 'loading' : ''
|
|
|
|
ProApi.doGetCouponseList(_self.pageData)
|
|
|
|
.then(res => {
|
|
|
|
var status = 'success'
|
|
|
|
status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
|
|
|
|
_self.loadingState = isRefresh ? status : ''
|
|
|
|
_self.couponsList = _self.couponsList.concat(res.rows)
|
|
|
|
_self.listRefreshTrig = false
|
|
|
|
_self.isLoadMore = false
|
|
|
|
_self.hasMore = _self.couponsList.length < res.total
|
|
|
|
_self.loadMore = _self.hasMore ? 'more' : 'noMore'
|
|
|
|
})
|
|
|
|
.catch(err => {
|
|
|
|
_self.loadingState = 'error'
|
|
|
|
_self.listRefreshTrig = false
|
|
|
|
_self.isLoadMore = false
|
|
|
|
_self.hasMore = true
|
|
|
|
_self.loadMore = 'more'
|
|
|
|
})
|
|
|
|
},
|
|
|
|
//下拉刷新
|
|
|
|
doRefreshList() {
|
|
|
|
const _self = this
|
|
|
|
var isEffective = ''
|
|
|
|
var isUsed = ''
|
|
|
|
if (_self.currentStatus == 1) {
|
|
|
|
isEffective = 1
|
|
|
|
isUsed = 0
|
|
|
|
} else if (_self.currentStatus == 2) {
|
|
|
|
isEffective = ''
|
|
|
|
isUsed = 1
|
|
|
|
} else {
|
|
|
|
isEffective = 0
|
|
|
|
isUsed = 0
|
|
|
|
}
|
|
|
|
_self.listRefreshTrig = true
|
|
|
|
_self.loadingState = 'loading'
|
|
|
|
_self.hasMore = true
|
|
|
|
_self.pageData.page = 1
|
|
|
|
_self.pageData.isEffective = isEffective
|
|
|
|
_self.pageData.isUsed = isUsed
|
|
|
|
_self.isLoadMore = false
|
|
|
|
_self.loadMore = 'more'
|
|
|
|
_self.doGetMyCoupons(true)
|
|
|
|
},
|
|
|
|
|
|
|
|
//加载更多
|
|
|
|
doLoadMore() {
|
|
|
|
//判断是否正在加载中 与是否存在更多数据
|
|
|
|
const _self = this
|
2025-05-16 18:00:23 +08:00
|
|
|
if (_self.isLoadMore || _self.hasMore=='noMore') {
|
2025-04-17 17:44:39 +08:00
|
|
|
return
|
|
|
|
}
|
|
|
|
var isEffective = ''
|
|
|
|
var isUsed = ''
|
|
|
|
if (_self.currentStatus == 1) {
|
|
|
|
isEffective = 1
|
|
|
|
isUsed = 0
|
|
|
|
} else if (_self.currentStatus == 2) {
|
|
|
|
isEffective = ''
|
|
|
|
isUsed = 1
|
|
|
|
} else {
|
|
|
|
isEffective = 0
|
|
|
|
isUsed = 0
|
|
|
|
}
|
|
|
|
_self.isLoadMore = true
|
|
|
|
_self.pageData.page = ++_self.pageData.page
|
|
|
|
_self.pageData.isEffective = isEffective
|
|
|
|
_self.pageData.isUsed = isUsed
|
|
|
|
_self.doGetMyCoupons(false)
|
|
|
|
},
|
|
|
|
//显示使用规则
|
|
|
|
showRule() {
|
|
|
|
const id = '89c4ca41-a44e-4ae2-bad3-6fa6536dd453'
|
|
|
|
wx.navigateTo({
|
2025-05-15 16:54:07 +08:00
|
|
|
url: '/pages/common/rule/rule?id=' + id,
|
2025-04-17 17:44:39 +08:00
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2025-04-18 18:04:07 +08:00
|
|
|
<style lang="scss">
|
2025-04-17 17:44:39 +08:00
|
|
|
.list-title-btns {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: space-between;
|
|
|
|
font-size: 16px;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #F0F0F0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-select {
|
|
|
|
line-height: 20px;
|
|
|
|
color: rgba(233, 157, 66, 1);
|
|
|
|
font-size: 16px;
|
|
|
|
text-align: center;
|
|
|
|
flex: 1;
|
|
|
|
padding: 10px;
|
|
|
|
color: #2A9E75;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-normal {
|
|
|
|
line-height: 20px;
|
|
|
|
color: rgba(16, 16, 16, 1);
|
|
|
|
flex: 1;
|
|
|
|
font-size: 16px;
|
|
|
|
text-align: center;
|
|
|
|
padding: 10px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-select {
|
|
|
|
width: 20px;
|
|
|
|
height: 4px;
|
|
|
|
background-color: #2A9E75;
|
|
|
|
margin-top: 10px;
|
|
|
|
border-radius: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tab {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-normal {
|
|
|
|
width: 20px;
|
|
|
|
height: 4px;
|
|
|
|
margin-top: 10px;
|
|
|
|
border-radius: 2px;
|
|
|
|
background-color: #F0F0F0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.coupons-list-box {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tickets {
|
|
|
|
display: flex;
|
|
|
|
padding: 5px;
|
|
|
|
width: 90vw;
|
|
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 5px;
|
|
|
|
background-color: white;
|
|
|
|
flex-direction: row;
|
|
|
|
padding: 20px 0px;
|
|
|
|
box-shadow: 0px 0px 1px 1px #F0F0F0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tickets:nth-of-type(n+2) {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tickets-yellow {
|
|
|
|
border-left: 5px solid #FFA900;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tickets-gray {
|
|
|
|
border-left: 5px solid #A9A9A9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tickets-green {
|
|
|
|
border-left: 5px solid #2A9E75;
|
|
|
|
}
|
|
|
|
|
|
|
|
.font-yellow {
|
|
|
|
color: #FFA900
|
|
|
|
}
|
|
|
|
|
|
|
|
.font-gray {
|
|
|
|
color: #A9A9A9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.font-green {
|
|
|
|
color: #2A9E75;
|
|
|
|
}
|
|
|
|
|
|
|
|
.v-divide {
|
|
|
|
height: auto;
|
|
|
|
border-right: 1.5px dashed rgba(221, 221, 221, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-tickets-box {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
flex: 0.3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-tickets {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: baseline;
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.use-link {
|
|
|
|
color: #0a86fa;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-icon {
|
|
|
|
font-size: 14px;
|
|
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-price {
|
|
|
|
font-size: 20px;
|
|
|
|
font-weight: bold;
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.r-tickets {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: flex-start;
|
|
|
|
font-size: 14px;
|
|
|
|
flex: 0.7;
|
|
|
|
padding-left: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.r-title {
|
|
|
|
line-height: 25px;
|
|
|
|
color: #313131;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
|
|
|
font-family: PingFangSC-medium;
|
|
|
|
}
|
|
|
|
|
|
|
|
.r-time {
|
|
|
|
line-height: 17px;
|
|
|
|
color: rgba(118, 118, 118, 1);
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: left;
|
|
|
|
font-family: PingFangSC-regular;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-container:nth-last-of-type(n+1) {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ticket-title {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #5D3900;
|
|
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-content {
|
|
|
|
font-size: 18px;
|
|
|
|
color: #5D3900;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 5px;
|
|
|
|
font-weight: 800;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-desc {
|
|
|
|
font-size: 12px;
|
|
|
|
color: #5D3900;
|
|
|
|
margin-top: 10px;
|
|
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.coupons-icon {
|
|
|
|
background-image: url('data:image/png;base64,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
|
|
|
|
background-size: contain;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
</style>
|