feat(checkin): P2-1 打卡任务/福利/邀请最小化方案（test-0415 反馈1-1）
按 PRD 简化版落地，零后端改动： checkin.vue： - 任务「内容分享」→ switchTab 到社区 /pages/tool_main/community - 积分兑换列表 handleExchange → 一律 switchTab 到商城首页 /pages/index/index welcome-gift.vue： - 福利大礼包卡片可点击 → 跳商品详情页 /pages/goods/goods_details/index?id= · welfareProductId 从 storage 读，运营在 admin 配置后缓存 · 缺省退化到商城首页 - 去除「步骤1 长按识别二维码」整段及对应 qrCode 资源 - 「立即添加」按钮改用 button open-type='contact' 唤起小程序客服 - H5/APP 兜底走 chatUrl web_page；无配置弹 toast Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
msh-agent
@@ -2,8 +2,8 @@
|
||||
<view class="welcome-gift-page">
|
||||
<!-- 内容区域 -->
|
||||
<scroll-view class="content-scroll" scroll-y>
|
||||
<!-- 新人福利大礼包卡片 -->
|
||||
<view class="gift-banner">
|
||||
<!-- 新人福利大礼包卡片：点击跳商城福利商品详情（test-0415 P2-1） -->
|
||||
<view class="gift-banner" @click="goWelfareProduct">
|
||||
<view class="gift-icon">
|
||||
<image :src="giftIcon" mode="aspectFit"></image>
|
||||
</view>
|
||||
@@ -45,43 +45,37 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 领取方式 -->
|
||||
<!-- 领取方式（test-0415 P2-1：去除长按识别二维码，改为客服按钮直接联系） -->
|
||||
<view class="section">
|
||||
<view class="section-title">领取方式</view>
|
||||
<view class="claim-card">
|
||||
<!-- 步骤1 -->
|
||||
<!-- 步骤1：联系客服 -->
|
||||
<view class="claim-step">
|
||||
<view class="step-number">1</view>
|
||||
<view class="step-content">
|
||||
<text class="step-text">长按识别下方二维码</text>
|
||||
<view class="qr-code-box">
|
||||
<view class="qr-code">
|
||||
<image :src="qrCodeImage" mode="aspectFit"></image>
|
||||
</view>
|
||||
</view>
|
||||
<text class="qr-label">营养专家企业微信</text>
|
||||
</view>
|
||||
<text class="step-text">点击下方按钮联系营养专家客服，备注「领取福利」</text>
|
||||
</view>
|
||||
|
||||
<!-- 步骤2 -->
|
||||
<!-- 步骤2：等待发放 -->
|
||||
<view class="claim-step">
|
||||
<view class="step-number">2</view>
|
||||
<text class="step-text">添加营养专家好友，备注"领取福利"</text>
|
||||
</view>
|
||||
|
||||
<!-- 步骤3 -->
|
||||
<view class="claim-step">
|
||||
<view class="step-number">3</view>
|
||||
<text class="step-text">专家将在 24 小时内发送福利大礼包</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 立即添加按钮 -->
|
||||
<!-- 立即添加按钮：使用 button + open-type='contact' 唤起小程序客服（test-0415 P2-1） -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<button class="add-btn add-btn-mp" open-type="contact" hover-class="none">
|
||||
<text class="btn-icon">🎁</text>
|
||||
<text class="btn-text">立即联系客服，领取福利</text>
|
||||
</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="add-btn" @click="handleAddWeChat">
|
||||
<text class="btn-icon">🎁</text>
|
||||
<text class="btn-text">立即添加，领取福利</text>
|
||||
<text class="btn-text">立即联系客服，领取福利</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
|
||||
<!-- 免责声明 -->
|
||||
<view class="disclaimer">
|
||||
@@ -101,7 +95,9 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
giftIcon: 'https://www.figma.com/api/mcp/asset/b31b3ad1-05c7-43b4-9541-caff8bab7a95',
|
||||
qrCodeImage: 'https://www.figma.com/api/mcp/asset/6d8ecd40-13c8-40c7-bfcd-e6797db0b8ae',
|
||||
// 福利大礼包对应的商城商品 ID（test-0415 P2-1）
|
||||
// 由运营在 admin 后台配置一个商品作为福利包入口；前端先用 SettingMer 读取，缺省走商城首页
|
||||
welfareProductId: '',
|
||||
giftItems: [
|
||||
{
|
||||
icon: '📚',
|
||||
@@ -131,16 +127,34 @@ export default {
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
// 页面加载
|
||||
// 读取福利商品 ID（运营可在缓存或全局配置中写入；先简单从 storage 读，无值则点击时跳商城首页）
|
||||
try {
|
||||
const id = uni.getStorageSync('welfareProductId')
|
||||
if (id) this.welfareProductId = String(id)
|
||||
} catch (e) { /* ignore */ }
|
||||
},
|
||||
methods: {
|
||||
// 跳到福利商品详情；无配置时退化到商城首页（test-0415 P2-1）
|
||||
goWelfareProduct() {
|
||||
if (this.welfareProductId) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/goods/goods_details/index?id=' + this.welfareProductId
|
||||
})
|
||||
} else {
|
||||
uni.switchTab({ url: '/pages/index/index' })
|
||||
}
|
||||
},
|
||||
handleAddWeChat() {
|
||||
// 这里可以调用微信API打开企业微信或显示二维码
|
||||
uni.showToast({
|
||||
title: '请长按识别二维码添加',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
// H5 / APP 兜底：尝试打开 chatUrl 或拨打热线（小程序走 button open-type='contact'）
|
||||
const chatUrl = uni.getStorageSync('chatUrl')
|
||||
if (chatUrl) {
|
||||
const arr = String(chatUrl).split('?')
|
||||
uni.navigateTo({
|
||||
url: `/pages/users/web_page/index?webUel=${arr[0]}&title=客服&${arr[1] || ''}`
|
||||
})
|
||||
} else {
|
||||
uni.showToast({ title: '客服暂未配置，请稍后再试', icon: 'none' })
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -416,6 +430,15 @@ export default {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
/* 小程序 button 元素样式重置（test-0415 P2-1：客服按钮使用 native button） */
|
||||
.add-btn-mp {
|
||||
border: none;
|
||||
line-height: 96rpx;
|
||||
padding: 0;
|
||||
}
|
||||
.add-btn-mp::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* 免责声明 */
|
||||
.disclaimer {
|
||||
|
||||
Reference in New Issue
Block a user