Merge remote-tracking branch 'origin/user_action' into user_action

zxl

2025-10-24 29851d845f4ab768c78724ab870ecec4ce28c32b

Merge remote-tracking branch 'origin/user_action' into user_action

 api/prize.js

@@ -71,3 +71,15 @@
        data:data
    });
}
/**
 * 获取增加抽奖规则
 * 
 */
export function getPrizeRule() {
    return http.request({
        url: `/lmk/prize/getPrizeRule`,
        method: Method.GET,
        needToken: true
    });
}


 pages/prize/PrizeDetail/PrizeDetail.vue

@@ -54,14 +54,14 @@
            <view class="prize-modal-content" @tap.stop>
                <view class="modal-close" @tap="closePrizeModal">×</view>

                <view class="congratulations-text" v-if="currentPrize.id !== 'thanks'">
                <view class="congratulations-text" v-if="currentPrize.id !== 'notWIn'">
                    🎉 恭喜您 🎉
                </view>
                <view class="sorry-text" v-else>
                    😔 很遗憾 😔
                </view>

                <view class="prize-display">
                <view class="prize-display" v-if="currentPrize.id !== 'notWIn'">
                    <image :src="currentPrize.img" class="modal-prize-img" />
                    <text class="modal-prize-name">{{ currentPrize.name }}</text>
                </view>
@@ -116,6 +116,18 @@
                    </view>
                </view>

                <!-- 抽奖规则展示 -->
                <view class="prize-rules-section" v-if="prizeAddRule.length > 0">
                    <view class="section-title">获取机会规则</view>
                    <view class="rules-list">
                        <view class="rule-item" v-for="(rule, index) in prizeAddRule" :key="rule.id">
                            <text class="rule-name">{{ rule.ruleName }}</text>
                            <text class="rule-value" v-if="rule.ruleValue">({{ rule.ruleValue }})</text>
                            <text class="rule-add-num">+{{ rule.addNum }}次机会</text>
                        </view>
                    </view>
                </view>

                <view class="modal-tip">
                    <text class="tip-text">💡 完成任务即可获得额外抽奖机会</text>
                </view>
@@ -151,7 +163,8 @@
        prizeNum,
        prize,
        grantRecord,
        addPrizeNum
        addPrizeNum,
        getPrizeRule
    } from '@/api/prize.js'
    export default {
        data() {
@@ -165,38 +178,7 @@
                showRulesModal: false,
                currentPrize: {},
                // 活动规则数据
                activityRules: [{
                        id: 1,
                        title: '一、 参与方式与规则：',
                        text: `1. 免费抽奖机会获取：
                        每日登录： 用户每日登录小程序， 即可自动获得2次免费抽奖机会；
                        任务赚取： 完成指定任务， 可获取额外无上限的抽奖机会；
                        浏览任务： 单次访问活动视频页并停留≥ 10 分钟， 可额外获得1次机会； 单次访问商品详情页停留≥ 1 分钟， 可额外获得1次机会；
                        分享任务： 首次分享活动至朋友圈可额外获得1次机会； 每成功邀请1位新用户点击您的分享链接， 可再得1次机会； 好友通过您的链接完成首次抽奖， 您可再获得2次机会。`
                    },
                    {
                        id: 2,
                        title: '二、 抽奖规则',
                        text: `1.用户消耗1次抽奖机会即可参与一次抽奖；
                                 2.本次活动奖品每日限量，先到先得，抽完即止。
                                  用户消耗1次抽奖机会即可参与一次抽奖。本次活动奖品每日限量，先到先得，抽完即止。
                                  3.注意事项：每日基础免费机会仅限当日使用，不累计至次日。通过任务获得的额外机会无上限。请确保分享时生成的是您本人的专属带参链接/二维码，否则无法统计您的邀请关系。`
                    },
                    {
                        id: 4,
                        title: '三、奖品明细',
                        text: '　　本次抽奖活动奖品池具体每日库存以小程序页面实时显示为准。'
                    },
                    {
                        id: 5,
                        title: '四、奖品发放与领取',
                        text: '　　1.中奖通知：中奖后，系统将自动弹出中奖提示，并生成中奖海报。您也可以实时领取也可再活动中查看中奖记录。\n　　2.奖品领取：请在收到中奖通知后的24小时内，及时填写并确认收货地址，逾期视为自动放弃奖品。\n　　3.奖品退换：所有奖品均为活动特定礼品，不予折现、不退不换。如遇产品质量问题，请于收货后24小时内联系客服处理。'
                    },
                    {
                        id: 6,
                        title: '五、其他情况说明',
                        text: '　　1.用户行为规范：严禁用户通过任何不正当手段（如使用外挂、机器人、恶意注册多个账号、虚假分享等）参与活动。一经发现，【您的品牌名称】有权取消其参与及获奖资格，并保留追究法律责任的权利。\n　　2.反作弊条款：活动采用技术手段进行风控监测，包括但不限于：设备ID去重、分享行为验证、地理位置核验等，以确保活动的公平性。\n　　3.活动变更：如遇不可抗力因素或技术问题导致活动无法正常进行，【您的品牌名称】有权暂停、延长或终止活动，并视情况对活动规则进行变更或调整，相关变动将提前予以公告。\n　　4.个人信息保护：您的个人信息仅用于本次活动奖品发放及后续服务，我们将严格保密，不会泄露给任何第三方。\n　　5.免责声明：对于因网络、通信等原因导致用户未能参与活动或领取奖品的情况，【您的品牌名称】不承担任何责任。\n　　6.活动解释权：本活动最终解释权归【您的品牌名称】所有。'
                    }
                activityRules: [
                ],
                // 自动滚动控制
                scrollTimer: null,
@@ -228,6 +210,7 @@
                    pageType:"DETAIL"
                },
                shareId:'',
                prizeAddRule:[]
            };
        },
        computed: {
@@ -306,6 +289,7 @@
            })
            await this.getUnmber(this.activityId)
            await this.getGrantRecord(this.activityId)
            await this.prizeRule()
        },
        // onShareTimeline(e) {
        //     console.log('------------------>', e)
@@ -365,6 +349,12 @@
            this.stopAutoScroll()
        },
        methods: {
            async prizeRule(){
                this.prizeAddRule = [];
                const res = await getPrizeRule()
                this.prizeAddRule = res.data.data||[]
                console.log('获取到添加次数规则',JSON.stringify(res.data.data))
            },
            async getUnmber(id) {
                const prizeNums = await prizeNum(id);
                if(prizeNums.statusCode === 400){
@@ -1848,4 +1838,55 @@
        white-space: pre-line;
        word-break: break-word;
    }

    /* 抽奖规则样式 */
    .prize-rules-section {
        margin-top: 30rpx;
        padding: 20rpx;
        background: #f8f9ff;
        border-radius: 15rpx;
    }

    .prize-rules-section .section-title {
        text-align: left;
        font-size: 30rpx;
        margin-bottom: 15rpx;
        color: #ff6b6b;
    }

    .rules-list {
        max-height: 300rpx;
        overflow-y: auto;
    }

    .rules-list .rule-item {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 15rpx 0;
        margin-bottom: 0;
        border-bottom: 1px solid #eee;
    }

    .rules-list .rule-item:last-child {
        border-bottom: none;
    }

    .rule-name {
        font-size: 26rpx;
        color: #333;
        flex: 1;
    }

    .rule-value {
        font-size: 24rpx;
        color: #666;
        margin: 0 10rpx;
    }

    .rule-add-num {
        font-size: 26rpx;
        color: #ff6b6b;
        font-weight: bold;
    }
</style>