zianxin/pj_h5_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优惠券领取列表

Browse Source
This commit is contained in:
dzc committed 2026-02-04 10:39:23 +08:00
1 parent 806eafa5a6
commit 4b1ffcdbd2
6 files changed
+67 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/merchant/components/cancel-card.vue
+19 -2
View File
@@ -20,10 +20,21 @@ const doVisibleQrcode = () => {
<template>
<view class="coupon-item">
<!-- 左侧主体 -->
<view class="coupon-left">
<view class="coupon-left relative">
<view class="size-140rpx rounded-8rpx flex-row-center flex-shrink-0 bg-#f0f0f0 m-r-10rpx">
<image class="size-110rpx" src="/static/icon/act_cancel.png" mode="aspectFill" />
</view>
<view class="absolute top-0rpx right-80rpx">
<!-- 未使用 -->
<view v-if="detail.actStatus == 1"
class="iconfont icon-weishiyong absolute font-size-80rpx! color-blue" />
<!-- 已使用 -->
<view v-if="detail.actStatus == 2"
class="iconfont icon-weishiyong1 absolute font-size-80rpx! color-#cccccc" />
<!-- 已过期 -->
<view v-if="detail.actStatus == 3"
class="iconfont icon-yiguoqi absolute font-size-80rpx! color-#cccccc" />
</view>
<view class="info-box">
<view class="price-row">
<view v-if="detail.faceValue" class="flex items-center">
@@ -49,7 +60,9 @@ const doVisibleQrcode = () => {
</view>
<!-- 右侧按钮 -->
<view class="coupon-right">
<view class="action-btn" @tap="doVisibleQrcode">核销码</view>
<view v-if="detail.actStatus == 1" class="action-btn" @tap="doVisibleQrcode">核销码</view>
<view v-if="detail.actStatus == 2" class="action-btn disabled">已使用</view>
<view v-if="detail.actStatus == 3" class="action-btn disabled">已过期</view>
</view>
</view>
</template>
@@ -194,5 +207,9 @@ const doVisibleQrcode = () => {
padding: 10rpx 24rpx;
border-radius: 30rpx;
font-weight: 500;
&.disabled {
background: #cccccc;
}
}
</style>
src/pages/merchant/components/coupon-card.vue
+17 -2
View File
@@ -20,9 +20,18 @@ const doVisibleQrcode = () => {
<template>
<view class="coupon-item">
<!-- 左侧主体 -->
<view class="coupon-left">
<view class="coupon-left relative">
<image class="size-140rpx rounded-8rpx flex-shrink-0 m-r-10rpx bg-#f0f0f0" src="/static/icon/act_coupon.png"
mode="aspectFill" />
<view class="absolute top-0rpx right-80rpx">
<!-- 未使用 -->
<view v-if="detail.status == 1" class="iconfont icon-weishiyong absolute font-size-80rpx! color-blue" />
<!-- 已使用 -->
<view v-if="detail.status == 2"
class="iconfont icon-weishiyong1 absolute font-size-80rpx! color-#cccccc" />
<!-- 已过期 -->
<view v-if="detail.status == 3" class="iconfont icon-yiguoqi absolute font-size-80rpx! color-#cccccc" />
</view>
<view class="info-box">
<view class="price-row">
<view v-if="detail.faceValue" class="flex items-center">
@@ -48,7 +57,9 @@ const doVisibleQrcode = () => {
</view>
<!-- 右侧按钮 -->
<view class="coupon-right">
<view class="action-btn" @tap="doVisibleQrcode">核销码</view>
<view v-if="detail.status == 1" class="action-btn" @tap="doVisibleQrcode">核销码</view>
<view v-if="detail.status == 2" class="action-btn disabled">已使用</view>
<view v-if="detail.status == 3" class="action-btn disabled">已过期</view>
</view>
</view>
</template>
@@ -193,5 +204,9 @@ const doVisibleQrcode = () => {
padding: 10rpx 24rpx;
border-radius: 30rpx;
font-weight: 500;
&.disabled {
background: #cccccc;
}
}
</style>
src/pages/merchant/merchant-activity.vue
-2
View File
@@ -19,8 +19,6 @@
</view>
<view class="absolute bottom-40 left-60 text-28 bg-#eeeeee44 c-#fff px-2 rounded-full">限量领取 先领先得</view>
</view>
<view class="card relative rounded-lb-0! rounded-rb-0! w-full activity-sr-card overflow-hidden"
v-if="state.actType == 'COUPON_ACT' && state.actDetail.uniqueCode === '1qRgFo'">
<image class="w-full block" src="/static/page/act_li_quan.jpg" mode="widthFix" />