From a1e7774f3e0598729f655098e1a88216efaa11b7 Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Thu, 29 Jan 2026 11:40:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:h5=E9=A2=86=E5=8F=96=E9=A3=9F=E5=A0=82?=
 =?UTF-8?q?=E4=BC=98=E6=83=A0=E5=88=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |   7 +
 src/pages/merchant/components/cancel-card.vue | 198 ++++++++++++++++++
 src/pages/merchant/components/coupon-card.vue | 197 +++++++++++++++++
 src/pages/merchant/merchant-activity.vue      |  31 +--
 src/pages/merchant/my-act-list.vue            | 146 +++++++++++++
 src/pages/tabbar/my.vue                       |   1 +
 src/sheep/api/act-cancel.ts                   |   9 +
 src/sheep/api/act-com.ts                      |   9 +
 src/sheep/api/act-coupon.ts                   |   9 +
 src/static/icon/act.png                       | Bin 0 -> 3811 bytes
 src/static/icon/act_cancel.png                | Bin 0 -> 5393 bytes
 src/static/icon/act_coupon.png                | Bin 0 -> 6456 bytes
 12 files changed, 581 insertions(+), 26 deletions(-)
 create mode 100644 src/pages/merchant/components/cancel-card.vue
 create mode 100644 src/pages/merchant/components/coupon-card.vue
 create mode 100644 src/pages/merchant/my-act-list.vue
 create mode 100644 src/static/icon/act.png
 create mode 100644 src/static/icon/act_cancel.png
 create mode 100644 src/static/icon/act_coupon.png

diff --git a/src/pages.json b/src/pages.json
index 3466a14..0e28c49 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -119,6 +119,13 @@
 						"disableScroll": true
 					}
 				},
+				{
+					"path": "my-act-list",
+					"style": {
+						"navigationBarTitleText": "我参加的活动",
+						"disableScroll": true
+					}
+				},
 				{
 					"path": "merchant-activity",
 					"style": {
diff --git a/src/pages/merchant/components/cancel-card.vue b/src/pages/merchant/components/cancel-card.vue
new file mode 100644
index 0000000..4196fc5
--- /dev/null
+++ b/src/pages/merchant/components/cancel-card.vue
@@ -0,0 +1,198 @@
+<script setup lang="ts">
+import { reactive, ref, computed } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+
+import { serviceEnum } from "@@/constant"
+
+const { actCouponTypeEnum } = serviceEnum
+
+const emit = defineEmits(["doVisibleQrcode"])
+
+const props = withDefaults(defineProps<{ detail: any }>(), {
+    detail: {},
+})
+
+const doVisibleQrcode = () => {
+    emit("doVisibleQrcode", { type: 'ACT_CANCEL', detail: props.detail })
+}
+</script>
+
+<template>
+    <view class="coupon-item">
+        <!-- 左侧主体 -->
+        <view class="coupon-left">
+            <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="info-box">
+                <view class="price-row">
+                    <view v-if="detail.faceValue" class="flex items-center">
+                        <text class="symbol">¥</text>
+                        <text class="amount">{{ detail.faceValue }}</text>
+                    </view>
+                    <text class="name">{{ detail.actTitlel }}</text>
+                </view>
+                <view class="condition">
+                    活动商户:{{ detail.mchName }}
+                </view>
+                <view class="scope-text flex-col">
+                    <text>{{ actCouponTypeEnum[detail.couponType] }}</text>
+                    <text>有限期至 {{ detail.expireTime }}</text>
+                </view>
+            </view>
+        </view>
+        <!-- 虚线分割与缺口 -->
+        <view class="split-line">
+            <view class="circle-top"></view>
+            <view class="dashed-line"></view>
+            <view class="circle-bottom"></view>
+        </view>
+        <!-- 右侧按钮 -->
+        <view class="coupon-right">
+            <view class="action-btn" @tap="doVisibleQrcode">核销码</view>
+        </view>
+    </view>
+</template>
+
+<style scoped lang="scss">
+.coupon-item {
+    display: flex;
+    align-items: stretch;
+    background-color: #fff;
+    margin-bottom: 20rpx;
+    border-radius: 16rpx;
+    overflow: hidden;
+    position: relative;
+    box-shadow: 0 4rpx 16rpx rgba(0, 148, 255, 0.08);
+}
+
+/* 左侧布局 */
+.coupon-left {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    padding: 24rpx 0 24rpx 24rpx;
+    background: radial-gradient(circle at right top, transparent 12rpx, #fff 0) top left / 100% 51% no-repeat,
+        radial-gradient(circle at right bottom, transparent 12rpx, #fff 0) bottom left / 100% 51% no-repeat;
+    /* 备用背景色，防止渐变失效 */
+    background-color: #fff;
+}
+
+.goods-img {
+    width: 140rpx;
+    height: 140rpx;
+    border-radius: 8rpx;
+    background-color: #f0f0f0;
+    margin-right: 20rpx;
+    flex-shrink: 0;
+}
+
+.info-box {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 140rpx;
+}
+
+.price-row {
+    display: flex;
+    align-items: baseline;
+    color: #0094ff;
+}
+
+.symbol {
+    font-size: 28rpx;
+    font-weight: 600;
+}
+
+.amount {
+    font-size: 48rpx;
+    font-weight: bold;
+    margin: 0 8rpx 0 2rpx;
+    line-height: 1;
+}
+
+.name {
+    font-size: 28rpx;
+    color: #333;
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 200rpx;
+}
+
+.condition {
+    font-size: 24rpx;
+    color: #0094ff;
+    opacity: 0.8;
+    margin-top: 4rpx;
+}
+
+.scope-text {
+    font-size: 22rpx;
+    color: #999;
+    margin-top: auto;
+}
+
+/* 中间分割线区域 */
+.split-line {
+    width: 30rpx;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+}
+
+.dashed-line {
+    width: 0;
+    height: 80%;
+    border-left: 2rpx dashed #0094ff44;
+}
+
+.circle-top {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 24rpx;
+    height: 24rpx;
+    border-radius: 50%;
+    background-color: #f5f5f5;
+    /* 假设页面背景接近此色，或者设为透明如果用 mask */
+}
+
+.circle-bottom {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 50%);
+    width: 24rpx;
+    height: 24rpx;
+    border-radius: 50%;
+    background-color: #f5f5f5;
+}
+
+/* 右侧按钮区 */
+.coupon-right {
+    width: 160rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: radial-gradient(circle at left top, transparent 12rpx, #fff 0) top left / 100% 51% no-repeat,
+        radial-gradient(circle at left bottom, transparent 12rpx, #fff 0) bottom left / 100% 51% no-repeat;
+    background-color: #fff;
+}
+
+.action-btn {
+    background: #0094ff;
+    color: #fff;
+    font-size: 26rpx;
+    padding: 10rpx 24rpx;
+    border-radius: 30rpx;
+    font-weight: 500;
+}
+</style>
diff --git a/src/pages/merchant/components/coupon-card.vue b/src/pages/merchant/components/coupon-card.vue
new file mode 100644
index 0000000..e0b606c
--- /dev/null
+++ b/src/pages/merchant/components/coupon-card.vue
@@ -0,0 +1,197 @@
+<script setup lang="ts">
+import { reactive, ref, computed } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+
+import { serviceEnum } from "@@/constant"
+
+const { actCouponTypeEnum } = serviceEnum
+
+const emit = defineEmits(["doVisibleQrcode"])
+
+const props = withDefaults(defineProps<{ detail: any }>(), {
+    detail: {},
+})
+
+const doVisibleQrcode = () => {
+    emit("doVisibleQrcode", { type: 'ACT_COUPON', detail: props.detail })
+}
+</script>
+
+<template>
+    <view class="coupon-item">
+        <!-- 左侧主体 -->
+        <view class="coupon-left">
+            <image class="size-140rpx rounded-8rpx flex-shrink-0 m-r-10rpx bg-#f0f0f0" src="/static/icon/act_coupon.png"
+                mode="aspectFill" />
+            <view class="info-box">
+                <view class="price-row">
+                    <view v-if="detail.faceValue" class="flex items-center">
+                        <text class="symbol">¥</text>
+                        <text class="amount">{{ detail.faceValue }}</text>
+                    </view>
+                    <text class="name">{{ detail.couponName }}</text>
+                </view>
+                <view v-if="detail.minPoint" class="condition">
+                    满{{ detail.minPoint }}可用
+                </view>
+                <view class="scope-text flex-col">
+                    <text>{{ actCouponTypeEnum[detail.couponType] }}</text>
+                    <text>有限期至 {{ detail.endTime }}</text>
+                </view>
+            </view>
+        </view>
+        <!-- 虚线分割与缺口 -->
+        <view class="split-line">
+            <view class="circle-top"></view>
+            <view class="dashed-line"></view>
+            <view class="circle-bottom"></view>
+        </view>
+        <!-- 右侧按钮 -->
+        <view class="coupon-right">
+            <view class="action-btn" @tap="doVisibleQrcode">核销码</view>
+        </view>
+    </view>
+</template>
+
+<style scoped lang="scss">
+.coupon-item {
+    display: flex;
+    align-items: stretch;
+    background-color: #fff;
+    margin-bottom: 20rpx;
+    border-radius: 16rpx;
+    overflow: hidden;
+    position: relative;
+    box-shadow: 0 4rpx 16rpx rgba(0, 148, 255, 0.08);
+}
+
+/* 左侧布局 */
+.coupon-left {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    padding: 24rpx 0 24rpx 24rpx;
+    background: radial-gradient(circle at right top, transparent 12rpx, #fff 0) top left / 100% 51% no-repeat,
+        radial-gradient(circle at right bottom, transparent 12rpx, #fff 0) bottom left / 100% 51% no-repeat;
+    /* 备用背景色，防止渐变失效 */
+    background-color: #fff;
+}
+
+.goods-img {
+    width: 140rpx;
+    height: 140rpx;
+    border-radius: 8rpx;
+    background-color: #f0f0f0;
+    margin-right: 20rpx;
+    flex-shrink: 0;
+}
+
+.info-box {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 140rpx;
+}
+
+.price-row {
+    display: flex;
+    align-items: baseline;
+    color: #0094ff;
+}
+
+.symbol {
+    font-size: 28rpx;
+    font-weight: 600;
+}
+
+.amount {
+    font-size: 48rpx;
+    font-weight: bold;
+    margin: 0 8rpx 0 2rpx;
+    line-height: 1;
+}
+
+.name {
+    font-size: 28rpx;
+    color: #333;
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 200rpx;
+}
+
+.condition {
+    font-size: 24rpx;
+    color: #0094ff;
+    opacity: 0.8;
+    margin-top: 4rpx;
+}
+
+.scope-text {
+    font-size: 22rpx;
+    color: #999;
+    margin-top: auto;
+}
+
+/* 中间分割线区域 */
+.split-line {
+    width: 30rpx;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+}
+
+.dashed-line {
+    width: 0;
+    height: 80%;
+    border-left: 2rpx dashed #0094ff44;
+}
+
+.circle-top {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 24rpx;
+    height: 24rpx;
+    border-radius: 50%;
+    background-color: #f5f5f5;
+    /* 假设页面背景接近此色，或者设为透明如果用 mask */
+}
+
+.circle-bottom {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 50%);
+    width: 24rpx;
+    height: 24rpx;
+    border-radius: 50%;
+    background-color: #f5f5f5;
+}
+
+/* 右侧按钮区 */
+.coupon-right {
+    width: 160rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: radial-gradient(circle at left top, transparent 12rpx, #fff 0) top left / 100% 51% no-repeat,
+        radial-gradient(circle at left bottom, transparent 12rpx, #fff 0) bottom left / 100% 51% no-repeat;
+    background-color: #fff;
+}
+
+.action-btn {
+    background: #0094ff;
+    color: #fff;
+    font-size: 26rpx;
+    padding: 10rpx 24rpx;
+    border-radius: 30rpx;
+    font-weight: 500;
+}
+</style>
diff --git a/src/pages/merchant/merchant-activity.vue b/src/pages/merchant/merchant-activity.vue
index 4f0e8cd..7c085dd 100644
--- a/src/pages/merchant/merchant-activity.vue
+++ b/src/pages/merchant/merchant-activity.vue
@@ -68,28 +68,18 @@
 		</view>
 
 		<template #main-bottom>
-			<view v-if="state.isGet" class="text-center">
-				<tm-button class="px-32 m-2" @click="genVerificationCode">我的核销码</tm-button>
+			<view class="text-center">
+				<tm-button class="px-32 m-2" @click="doQrcode">我的核销码</tm-button>
 			</view>
 		</template>
 	</crud-layout>
-
-	<tm-drawer z-index="100" v-model:show="showQrCodeDialog" title="兑换券核销二维码" :show-close="true" position="bottom"
-		size="60%">
-		<view class="flex-col-center">
-			<view class="h-80rpx" />
-			<canvas canvas-id="qrcodeId" class="size-200px" />
-		</view>
-	</tm-drawer>
 </template>
 
 <script setup lang="ts">
 import { reactive, ref } from "vue"
 import { onLoad } from "@dcloudio/uni-app"
 import { actCancel, actComApi, actCouponApi } from "@/sheep/api"
-import uqrcode from "@@/utils/uqrcode"
-import * as CryptoJS from "crypto-js"
-import { hooks } from "@/sheep"
+import { hooks, router } from "@/sheep"
 import { serviceEnum } from "@@/constant"
 
 const { actUserReceiveEnum, actCouponTypeEnum } = serviceEnum
@@ -101,7 +91,6 @@ const state = reactive<any>({
 	actDetail: {}, // 优惠券详情
 	couponInfo: {}, // 优惠券信息
 })
-const showQrCodeDialog = ref(false)
 
 onLoad((option: any) => {
 	const { actId, actType } = option
@@ -205,18 +194,8 @@ const getCouponReceive = async () => {
 	}
 }
 
-// 生成核销二维码
-const genVerificationCode = async () => {
-	showQrCodeDialog.value = true
-	const words = CryptoJS.enc.Utf8.parse(JSON.stringify({ cancelId: state.couponInfo.id }))
-	uqrcode.make({
-		canvasId: "qrcodeId",
-		text: CryptoJS.enc.Base64.stringify(words),
-		size: 200,
-		margin: 0,
-		success: (res) => { },
-		complete: () => { },
-	})
+const doQrcode = () => {
+	router.jump("/pages/merchant/my-act-list")
 }
 </script>
 
diff --git a/src/pages/merchant/my-act-list.vue b/src/pages/merchant/my-act-list.vue
new file mode 100644
index 0000000..95f0ead
--- /dev/null
+++ b/src/pages/merchant/my-act-list.vue
@@ -0,0 +1,146 @@
+<script setup lang="ts">
+import { reactive, ref, computed } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+
+import uqrcode from "@@/utils/uqrcode"
+import * as CryptoJS from "crypto-js"
+
+import { actCancel, actComApi, actCouponApi } from "@@/api"
+import { hooks } from "@/sheep"
+import { serviceEnum } from "@@/constant"
+
+import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
+import CancelCard from "./components/cancel-card.vue"
+import CouponCard from "./components/coupon-card.vue"
+
+const { actCouponTypeEnum } = serviceEnum
+
+const data = {
+    coupons: [
+        { id: "c1", name: "食堂生日券", faceValue: 89, minPoint: 445, scope: "指定商品", btn: "立即领取", picUrl: "https://images.unsplash.com/photo-1511699443500-9e3e0bbfa3a6?w=240&q=80" },
+        { id: "c2", name: "健康惊喜券", faceValue: 40, minPoint: 400, scope: "指定分类", btn: "立即领取", picUrl: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=240&q=80" },
+        { id: "c3", name: "商品优惠券", faceValue: 72, minPoint: 399, scope: "指定商户", btn: "立即领取", picUrl: "https://images.unsplash.com/photo-1517336714731-489689fd1ca8?w=240&q=80" },
+        { id: "c4", name: "店铺优惠券", faceValue: 55, minPoint: 350, scope: "指定商户", btn: "立即领取", picUrl: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1?w=240&q=80" },
+    ],
+}
+
+const pageRef = ref<any>(null)
+
+const showQrCodeDialog = ref(false)
+const params = reactive({
+})
+const state = reactive({
+    tabs: [
+        {
+            id: 1,
+            name: "优惠券活动",
+            badge: {
+                count: 6
+            },
+            disabled: false
+        },
+        {
+            id: 2,
+            name: "核销券活动",
+            badge: {
+                count: 6
+            },
+            disabled: false
+        },
+    ],
+    tabId: 1,
+})
+
+const dynamicPageHook = computed(() => {
+    if (state.tabId == 1) {
+        return hooks.usePage(pageRef, actCouponApi.userList, null, "data.records")
+    }
+    if (state.tabId == 2) {
+        return hooks.usePage(pageRef, actCancel.userList, null, "data.records")
+    }
+})
+
+onShow(() => {
+    getUserTotal()
+})
+
+const query = (page: number, pagesize: number) => {
+    dynamicPageHook.value?.startPage(page, pagesize, false, params)
+    getUserTotal()
+}
+
+const doTab = (e: any) => {
+    const target = state.tabs[e]
+    state.tabId = target.id
+    pageRef.value.reload(false)
+    getUserTotal()
+}
+
+const doVisibleQrcode = (detail: any) => {
+    const { type, detail: actDetail } = detail
+    console.log("生成二维码:", type, actDetail);
+    if (type == "ACT_COUPON") {
+
+    }
+    if (type == "ACT_CANCEL") {
+        genVerificationCode({ cancelId: actDetail.id })
+    }
+}
+
+// 用户参加活动的数量统计
+const getUserTotal = async () => {
+    try {
+        const { data = {} }: any = await actComApi.userTotal({})
+        state.tabs[0].badge.count = data.couponCount || 0
+        state.tabs[1].badge.count = data.cancelCount || 0
+    } catch (error) {
+        console.log("|用户参加活动的数量统计|意外的错误error:", error);
+    }
+}
+
+// 生成核销二维码
+const genVerificationCode = async (params: Record<string, any>) => {
+    showQrCodeDialog.value = true
+    const words = CryptoJS.enc.Utf8.parse(JSON.stringify(params))
+    uqrcode.make({
+        canvasId: "qrcodeId",
+        text: CryptoJS.enc.Base64.stringify(words),
+        size: 200,
+        margin: 0,
+        success: (res) => { },
+        complete: () => { },
+    })
+}
+</script>
+
+<template>
+    <crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+        <z-paging ref="pageRef" height="100%" :fixed="false" v-model="dynamicPageHook.list" :default-page-size="10"
+            safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
+            :auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false"
+            @scroll="dynamicPageHook.scroll">
+            <template #top>
+                <view class="h-30rpx" />
+                <view class="bg-white rounded-16rpx">
+                    <z-tabs :list="state.tabs" @change="doTab" />
+                </view>
+            </template>
+            <view class="h-20rpx" />
+            <view v-if="state.tabId == 1">
+                <coupon-card v-for="item in dynamicPageHook.list" :key="item.id" :detail="item"
+                    @do-visible-qrcode="doVisibleQrcode" />
+            </view>
+            <view v-if="state.tabId == 2">
+                <cancel-card v-for="item in dynamicPageHook.list" :key="item.id" :detail="item"
+                    @do-visible-qrcode="doVisibleQrcode" />
+            </view>
+        </z-paging>
+        <tm-drawer z-index="100" v-model:show="showQrCodeDialog" title="兑换券核销二维码" :show-close="true" position="bottom"
+            size="60%">
+            <view class="flex-col-center">
+                <view class="h-80rpx" />
+                <canvas canvas-id="qrcodeId" class="size-200px" />
+            </view>
+        </tm-drawer>
+    </crud-layout>
+</template>
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index 619d2cf..69eaa90 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -79,6 +79,7 @@ const state = reactive<any>({
 	userInfo: {},
 	menuList: [
 		{ text: "扫一扫", icon: "/static/icon/scan.png", path: "" },
+		{ text: "我参加的活动", icon: "/static/icon/act.png", path: "/pages/merchant/my-act-list" },
 		{ text: "我的钱包", icon: "/static/icon/service_3.png", path: "/pages/wallet/list" },
 		{ text: "我的人脸", icon: "/static/icon/service_5.png", path: "/pages/human-face/list" },
 		{ text: "车辆管理", icon: "/static/icon/service_6.png", path: "/pages/car/userCar/list" },
diff --git a/src/sheep/api/act-cancel.ts b/src/sheep/api/act-cancel.ts
index 85dc586..b290233 100644
--- a/src/sheep/api/act-cancel.ts
+++ b/src/sheep/api/act-cancel.ts
@@ -61,4 +61,13 @@ export default {
 			method: "GET",
 			params,
 		}),
+	/**
+	 * 用户领取核销券列表
+	 */
+	userList: (params: any) =>
+		request({
+			url: "/wallet/act/cancel-item/app/user-list",
+			method: "GET",
+			params,
+		}),
 }
diff --git a/src/sheep/api/act-com.ts b/src/sheep/api/act-com.ts
index bfadc71..5d61111 100644
--- a/src/sheep/api/act-com.ts
+++ b/src/sheep/api/act-com.ts
@@ -28,4 +28,13 @@ export default {
 			method: "GET",
 			params,
 		}),
+	/**
+	 * 用户参加活动的数量统计
+	 */
+	userTotal: (params: any) =>
+		request({
+			url: "/wallet/act/com/app/user-total",
+			method: "GET",
+			params,
+		}),
 }
diff --git a/src/sheep/api/act-coupon.ts b/src/sheep/api/act-coupon.ts
index d6c402c..9241343 100644
--- a/src/sheep/api/act-coupon.ts
+++ b/src/sheep/api/act-coupon.ts
@@ -10,4 +10,13 @@ export default {
 			method: "POST",
 			data,
 		}),
+	/**
+	 * 用户领取核销券列表
+	 */
+	userList: (params: any) =>
+		request({
+			url: "/wallet/act-coupon-record/app/user-list",
+			method: "GET",
+			params,
+		}),
 }
diff --git a/src/static/icon/act.png b/src/static/icon/act.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f49d458908fbfd1ee13b29d7edb627626f3241c
GIT binary patch
literal 3811
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

literal 0
HcmV?d00001

diff --git a/src/static/icon/act_cancel.png b/src/static/icon/act_cancel.png
new file mode 100644
index 0000000000000000000000000000000000000000..56792bb8c17379ad27ca54e8ad980c144506746f
GIT binary patch
literal 5393
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

literal 0
HcmV?d00001

diff --git a/src/static/icon/act_coupon.png b/src/static/icon/act_coupon.png
new file mode 100644
index 0000000000000000000000000000000000000000..47da934e01373254052c909cc38fd67015fd20ec
GIT binary patch
literal 6456
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

literal 0
HcmV?d00001