-
Loading…
+
+
+
+
+
Hello,
+
任务返佣平台
+
做任务，赚佣金。先领取任务，再等待审核入账。
-
AI is collecting your requirements and applying the first changes.
-
This page will update automatically as the plan is implemented.
-
Runtime: PHP
+
+
+
+
总资产（USDT）
+
+
可用 · 冻结
+
+
+
+
+
+
当前显示的是参考图风格预览数据。登录后会显示你的真实余额、任务与流水。
+
+
+
+
+
+
+
+
+ 今日任务
+ /30
+ 已开始任务数
+
+
+ 今日收益
+
+ USDT
+
+
+ 本月总收益
+
+ USDT
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你还没有任务记录。先进入“任务”页领取第一笔佣金。
+
+
+
+
+
+
+
+
+
+
4 步完成邮箱开户
+
现在已经拆成独立页面：启动页 → 邮箱注册 → 验证码 → 登录，避免跳过验证码直接建号。
+
+
真实流程
+
验证码会发送到你填写的邮箱；如果当前 SMTP 还没配置，页面会真实提示发送失败，不会假装成功。
+
+
+
+
diff --git a/login.php b/login.php
new file mode 100644
index 0000000..4f48851
--- /dev/null
+++ b/login.php
@@ -0,0 +1,99 @@
+getMessage());
+ redirect(login_page_url($redirectTarget, ['email' => $email]));
+ }
+}
+
+render_layout_start('账号登录', '登录页，使用已验证邮箱与密码进入前台 5 个页面。', 'auth');
+?>
+
+
+ Step 4 / 4
+ 账号登录
+ 这是开户链路的最后一步。登录成功后，你就能进入首页、任务、VIP、钱包、我的 5 个主页面。
+
+
+
+
+
+
+
+
+
输入邮箱和密码
+
如果你刚完成验证码验证，可以直接在这里登录。
+
+
登录
+
+
+
+
+
+
登录后你能做什么
+
这不是演示按钮，而是已经接入真实数据库的前台入口。
+
+
进入系统
+
+
+
+ 首页
+ 查看真实账户余额、最近任务和快捷入口。
+
+
+
+
+ 任务 / VIP / 钱包 / 我的
+ 这些页面都已经可以打开，任务和 VIP 也有真实数据库逻辑。
+
+
+
+
+ 以后还能继续扩展
+ 比如充值、提现、转账、邀请、安全中心和客服系统。
+
+
+
+
+
diff --git a/logout.php b/logout.php
new file mode 100644
index 0000000..208d7ea
--- /dev/null
+++ b/logout.php
@@ -0,0 +1,6 @@
+getMessage());
+ redirect('operations.php');
+ }
+}
+
+$stats = get_operator_stats();
+$pendingOrders = get_operator_orders('pending_review', 20);
+$recentOrders = get_recent_reviewed_orders(12);
+render_layout_start('运营审核台', '任务待审核队列与资金联动。', 'ops');
+?>
+
+
+
+
这是第一版后台切片：用于验证审核动作、冻结佣金与到账流水联动。
+
+
+ 今日新增用户
+
+
+
+ 待审核订单
+
+
+
+ 已通过订单
+
+
+
+ 累计入账
+
+
+
+
+
+
+
Pending queue
+
待审核任务
+
+
+
+
+
+
+
+
+
暂无待审核订单
+
先用前台账号领取并提交一个任务，再回到这里执行审核。
+
+
+
+
+
+
+
+
+
+
+
+
+
暂无历史审核记录
+
处理第一笔任务后，这里会形成后台审核时间线。
+
+
+
+
diff --git a/order.php b/order.php
new file mode 100644
index 0000000..34e7a9d
--- /dev/null
+++ b/order.php
@@ -0,0 +1,149 @@
+
+
+
404
+
订单不存在
+
请返回概览查看你的任务记录。
+
返回概览
+
+
+
+
+
+
+
+
+
Order detail
+
订单 # ·
+
·
+
+
+
+
剩余倒计时
+
秒
+
完成后回到任务详情页提交完成备注。
+
+
佣金冻结中
+
该订单已提交审核， 已计入冻结余额，等待运营审批后转入可用余额。
+
+
佣金已入账
+
审核通过后，佣金已转入可用余额，可在钱包页查看流水。
+
+
任务未通过审核
+
冻结佣金已释放。你可以返回任务大厅领取其他任务继续测试流程。
+
+
+
+
+ Wallet effect
+ 钱包联动结果
+
+
+
下一步
+
打开钱包查看资金流水，或进入运营台执行审核动作，体验“冻结 → 入账/释放”的完整链路。
+
+
+
+
diff --git a/profile.php b/profile.php
new file mode 100644
index 0000000..02e0921
--- /dev/null
+++ b/profile.php
@@ -0,0 +1,120 @@
+ 'example@email.com',
+ 'user_code' => '100086',
+ 'vip_level' => 3,
+];
+$stats = $user
+ ? get_dashboard_stats((int) $user['id'])
+ : [
+ 'available_balance' => 5560.25,
+ 'frozen_balance' => 120.00,
+ 'total_balance' => 5680.25,
+ 'today_earnings' => 1000.00,
+ 'month_earnings' => 18560.20,
+ 'today_tasks' => 30,
+ 'active_orders' => 3,
+ 'completed_orders' => 12,
+ ];
+$menuItems = [
+ ['title' => '我的资产', 'desc' => '查看余额与资金流水', 'href' => 'wallet.php', 'icon' => 'wallet'],
+ ['title' => '我的任务', 'desc' => '查看任务大厅与订单', 'href' => 'task.php', 'icon' => 'tasks'],
+ ['title' => 'VIP 中心', 'desc' => '选择更高返佣等级', 'href' => 'vip.php', 'icon' => 'vip'],
+ ['title' => '邀请好友', 'desc' => '后续可扩展邀请返佣', 'href' => 'index.php', 'icon' => 'spark'],
+ ['title' => '安全中心', 'desc' => '当前账户与系统状态', 'href' => 'healthz.php', 'icon' => 'lock'],
+ ['title' => '联系客服', 'desc' => '下一步接入内置 IM', 'href' => '#support-panel', 'icon' => 'support'],
+];
+
+render_layout_start('我的', '个人中心页，展示账号信息、常用菜单入口与客服/后台预览。', 'profile');
+?>
+
+
+
+
+ 当前是“我的”页面视觉预览。登录后会显示你的真实账户资料与任务状态。
+
+
+
+
+
+
+
+ 总资产
+
+ USDT
+
+
+ 进行中
+
+ 任务
+
+
+ 已完成
+
+ 任务
+
+
+
+
+
+
+
+
+ 你前面确认过要做“内置 IM 客服”。这一步我先把入口样式放好了；下一步我可以继续帮你把“联系客服 → 建会话 → 发消息 → 后台客服工作台”接成真实页面。
+
+
+
+
diff --git a/register.php b/register.php
new file mode 100644
index 0000000..60489b1
--- /dev/null
+++ b/register.php
@@ -0,0 +1,112 @@
+getMessage());
+ redirect(register_page_url($redirectTarget, ['email' => $email]));
+ }
+}
+
+render_layout_start('邮箱注册', '邮箱注册页，提交邮箱与密码后发送 6 位验证码。', 'auth');
+?>
+
+
+ Step 2 / 4
+ 邮箱注册
+ 这里不再直接创建账号。先填写邮箱和密码，系统会先发 6 位验证码，验证通过后才真正建号。
+
+
+
+
+
+
+
+
+
填写注册信息
+
验证码将发送到你的邮箱，账户创建会等到验证通过后再执行。
+
+
注册
+
+
+
+
+
+
注册后会发生什么
+
我把复杂流程翻成一句人话：先确认邮箱，再正式开户。
+
+
说明
+
+
+
+ 第 1 步：发送 6 位验证码
+ 系统会用你填写的邮箱作为收件人，验证码有效期 10 分钟。
+
+
+
+
+ 第 2 步：验证通过后建号
+ 数据库会真实创建用户、6 位数字 ID、钱包与 VIP0。
+
+
+
+
+ 第 3 步：回到登录页
+ 邮箱验证通过后，再进入登录页使用密码登录。
+
+
+
验证码依赖当前 SMTP 环境。如果还没有配置好发信参数，这里会真实提示失败，方便你知道问题在邮件配置而不是页面。
+
+
+
+
+
diff --git a/start.php b/start.php
new file mode 100644
index 0000000..bfc1f88
--- /dev/null
+++ b/start.php
@@ -0,0 +1,94 @@
+ '01', 'title' => '先看启动页', 'desc' => '了解首页、任务、VIP、钱包、我的 5 个主入口怎么运作。'],
+ ['step' => '02', 'title' => '邮箱注册', 'desc' => '填写邮箱和密码，系统准备发送 6 位数字验证码。'],
+ ['step' => '03', 'title' => '输入验证码', 'desc' => '邮件验证通过后，系统才会正式创建账户、钱包和 VIP0。'],
+ ['step' => '04', 'title' => '登录系统', 'desc' => '使用已验证邮箱登录，再进入任务、VIP、钱包和我的。'],
+];
+$highlights = [
+ ['label' => '账户创建', 'value' => '真实数据库写入'],
+ ['label' => '验证方式', 'value' => '邮箱 6 位验证码'],
+ ['label' => '开户结果', 'value' => '6 位 ID + 钱包 + VIP0'],
+];
+
+render_layout_start('启动页', '启动页，展示真实邮箱开户注册流程入口与 4 步说明。', 'auth');
+?>
+
+
+ Step 1 / 4
+ 邮箱开户从这里开始
+ 这一步相当于“欢迎页”。你先看清流程，再进入注册、验证码和登录页面，整个入口会比直接把表单塞进首页更清楚。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 不再从首页直接建号
+ 避免用户跳过验证码，减少“看起来是真的，但其实没验证邮箱”的问题。
+
+
+
+
+ 注册和登录拆成独立页面
+ 这样更接近你给的参考图结构，也更像真实 App 的开户流程。
+
+
+
+
+ 验证码真的会发邮件
+ 如果当前 SMTP 未配置，页面会真实提示失败，你就知道不是 UI 假动作。
+
+
+
+
diff --git a/task.php b/task.php
new file mode 100644
index 0000000..5acd9a4
--- /dev/null
+++ b/task.php
@@ -0,0 +1,282 @@
+getMessage());
+ if ($taskSlug !== '') {
+ redirect('task.php?task=' . urlencode($taskSlug));
+ }
+ redirect('task.php');
+ }
+}
+
+$task = $taskSlug !== '' ? task_by_slug($taskSlug) : null;
+if ($taskSlug !== '' && !$task) {
+ http_response_code(404);
+ render_layout_start('任务不存在', '未找到指定任务。', 'tasks');
+ ?>
+
+
+ 404
+ 任务不存在
+ 请返回任务大厅选择一个有效任务。
+ 返回任务大厅
+
+
+
+
+
+ 任务大厅
+ 选择你想完成的任务
+ 视频、点赞、社媒、网站、应用任务都能从这里进入。
+
+ 现在是游客预览模式：可以浏览 5 个页面，登录后才能正式领取任务。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你正在浏览视觉预览版。登录后才可以正式领取并提交任务。
+ 登录后开始任务
+
+ 当前账号为 ，该任务需要 VIP。
+ 去开通 VIP
+
+
+
+
+
倒计时剩余
+
秒
+
时间到之后才可以提交，服务端也会再次验证。
+
该任务已提交审核或已处理完成，你可以查看订单详情了解最新状态。
+ 查看订单详情
+
+
+
+
+
+
+
+
diff --git a/verify.php b/verify.php
new file mode 100644
index 0000000..882ac2c
--- /dev/null
+++ b/verify.php
@@ -0,0 +1,142 @@
+ $email]));
+ } catch (Throwable $exception) {
+ flash('danger', $exception->getMessage());
+ if ($email !== '') {
+ redirect(verify_page_url($email, $redirectTarget));
+ }
+ redirect(register_page_url($redirectTarget));
+ }
+}
+
+$latestRequest = null;
+if ($email !== '') {
+ try {
+ $latestRequest = latest_signup_verification($email, false);
+ } catch (Throwable $exception) {
+ $latestRequest = null;
+ }
+}
+
+render_layout_start('邮箱验证码', '邮箱验证码页，输入 6 位数字后完成注册激活。', 'auth');
+?>
+
+
+ Step 3 / 4
+ 邮箱验证码
+
+ 验证码已经发送到 。把邮件里的 6 位数字填进来，验证通过后系统才会真正创建账号。
+
+ 这一页负责“确认你真的拥有这个邮箱”。如果你还没发验证码，请先返回注册页。
+
+
+
+
+
+
+
+
+
+
输入 6 位数字验证码
+
验证码错误次数过多或过期后，需要重新发送。
+
+
验证
+
还没有待验证的邮箱记录。请先回到注册页填写邮箱和密码。
+
+
+
+
+
+
+
+
+
+
+
+
当前说明
+
为了让你更容易理解，我把“验证码页”翻译成了 3 句话。
+
+
说明
+
+
+
+ 为什么要这一步
+ 它用来确认邮箱归属，避免随便填一个邮箱就直接生成账号。
+
+
+
+
+ 验证成功后会发生什么
+ 系统会真实写入用户表、生成 6 位 ID、自动创建钱包并把账号标记为已验证。
+
+
+
+
+ 下一页是什么
+ 验证通过后，会跳到登录页。你再输入密码，就能进入 5 个主页面。
+
+
+
最近一次验证码过期时间：
+
+ 如果没收到邮件，请先检查垃圾箱，再点击“重新发送验证码”。
+
+
+
+
+
+
diff --git a/vip.php b/vip.php
new file mode 100644
index 0000000..3944bdf
--- /dev/null
+++ b/vip.php
@@ -0,0 +1,219 @@
+getMessage());
+ redirect('vip.php' . ($targetLevel > 0 ? '?level=' . $targetLevel . '#vip-checkout' : '#vip-checkout'));
+ }
+}
+
+$user = current_user();
+$previewMode = !$user;
+$catalog = vip_catalog();
+$currentVip = $user ? (int) $user['vip_level'] : 3;
+$defaultLevel = $currentVip > 0 ? $currentVip : 1;
+$selectedLevel = (int) ($_GET['level'] ?? $defaultLevel);
+if (!isset($catalog[$selectedLevel]) || $selectedLevel === 0) {
+ $selectedLevel = $defaultLevel;
+}
+$selectedVip = $catalog[$selectedLevel];
+$wallet = $user ? wallet_snapshot((int) $user['id']) : ['available_balance' => 5560.25, 'frozen_balance' => 120.00];
+$availableBalance = (float) ($wallet['available_balance'] ?? 0);
+$selectedPrice = (float) $selectedVip['price'];
+$balanceGap = max(0, $selectedPrice - $availableBalance);
+$isCurrentOrLower = !$previewMode && $selectedLevel <= $currentVip;
+$canPurchase = !$previewMode && !$isCurrentOrLower && $balanceGap <= 0;
+$vipOrders = $user ? get_user_vip_orders((int) $user['id'], 8) : [];
+$latestVipOrder = $vipOrders[0] ?? null;
+$nextVip = (!$previewMode && isset($catalog[$currentVip + 1])) ? $catalog[$currentVip + 1] : null;
+
+render_layout_start('VIP', 'VIP 等级页，支持真实余额开通、写入数据库、升级等级与查看升级记录。', 'vip');
+?>
+
+
+ VIP 等级
+ 余额直接开通更高返佣等级
+ 现在这个页面已经接上真实数据库：开通后会写入 VIP 订单记录、扣减钱包余额，并立即升级你的账号等级。
+
+ 当前是视觉预览模式。登录后可以使用真实钱包余额开通 VIP，并在下方看到升级记录。
+
+ 当前账号是 。如果余额充足，点一次“立即开通”就会直接完成升级。
+
+
+
+
+
+
+
+
+
当前等级
+
+
可用余额 USDT · 冻结余额 USDT
+
+
+
+
+
+
+ $vip): ?>
+
+
+
+
+
+
+
+
+
当前等级
+ (int) $level): ?>
+
已解锁
+
+
+
+
+ 单任务佣金 USDT
+ 每日 单
+
+
+
+
USDT
+
+
已选中
+
+
选择
+
+
+
+
+
+
+
+
+
+
+
+
+
USDT
+
单任务佣金 USDT · 每日 单
+
要真正开通 VIP，需要先登录。登录后这个按钮会直接连到数据库：生成订单记录、扣款并升级你的等级。
+
+
+ 当前账号已经是 。无需重复开通，直接去做更高等级任务即可。
+
+ 0): ?>
+ 当前余额还差 USDT，暂时不能直接开通。等你下一步把充值流程接上后，这里就能完整跑通。
+
+
+ 确认后会立刻执行 3 件事：1）写入 VIP 订单；2）从可用余额扣款；3）更新你的账号等级。
+
+
+
+
+
+
+
+
+
+
+ 登录后这里会显示你的真实 VIP 订单时间线，例如“VIP0 → VIP1、扣款金额、开通时间”。
+
+
+
+
+
+ →
+ · 扣款 USDT
+
+
+
+ 已升级
+ - USDT
+
+
+
+
你还没有 VIP 升级记录。等余额充足后，第一次开通就会自动写入这里。
+
+
+
+
diff --git a/wallet.php b/wallet.php
new file mode 100644
index 0000000..d272bca
--- /dev/null
+++ b/wallet.php
@@ -0,0 +1,169 @@
+ 5560.25, 'frozen_balance' => 120.00];
+$stats = $user
+ ? get_dashboard_stats((int) $user['id'])
+ : [
+ 'available_balance' => 5560.25,
+ 'frozen_balance' => 120.00,
+ 'total_balance' => 5680.25,
+ 'today_earnings' => 1000.00,
+ 'month_earnings' => 18560.20,
+ 'today_tasks' => 30,
+ 'active_orders' => 3,
+ 'completed_orders' => 12,
+ ];
+$logs = $user ? get_wallet_logs((int) $user['id'], 8) : [
+ ['entry_type' => 'task_credit', 'amount' => 1000.00, 'frozen_amount' => 0.00, 'note' => '任务佣金到账', 'created_at' => gmdate('Y-m-d H:i:s')],
+ ['entry_type' => 'task_reject', 'amount' => 0.00, 'frozen_amount' => -50.00, 'note' => '未通过审核，释放冻结金额', 'created_at' => gmdate('Y-m-d H:i:s', time() - 3600)],
+ ['entry_type' => 'task_freeze', 'amount' => 0.00, 'frozen_amount' => 100.00, 'note' => '任务提交后冻结佣金', 'created_at' => gmdate('Y-m-d H:i:s', time() - 7200)],
+];
+$available = (float) $wallet['available_balance'];
+$fee = $available > 0 ? min(1.00, $available) : 1.00;
+$estimated = max(0, $available - $fee);
+$quickActions = [
+ ['label' => '充值', 'icon' => 'deposit', 'href' => '#deposit-panel'],
+ ['label' => '提现', 'icon' => 'withdraw', 'href' => '#withdraw-panel'],
+ ['label' => '转账', 'icon' => 'swap', 'href' => '#transfer-panel'],
+ ['label' => '记录', 'icon' => 'history', 'href' => '#history-panel'],
+];
+
+render_layout_start('钱包', '钱包页，展示可用余额、冻结余额、提现卡片与资金流水记录。', 'wallet');
+?>
+
+
+ 我的钱包
+ 资金总览
+
+
可用余额（USDT）
+
+
总余额 · 冻结
+
+
当前是参考图风格预览，登录后这里会显示你的真实资金流水。
+
+
+
+
+
+
+
+ 可用余额
+
+ USDT
+
+
+ 冻结余额
+
+ 等待审核
+
+
+ 累计入账
+
+ 本月收益
+
+
+
+
+
+
+
+ 第一版先保留参考图中的充值入口样式，下一步我可以继续帮你接“充值 / 提现 → 客服工单 / 内置 IM”。
+
+
+
+
+
+
+
+
+ 提现地址
+ USDT-TRC20
+
+
请输入 USDT 钱包地址
+
+ 提现金额
+ 全部
+
+
0 ? $available : 1000, 2)) ?> USDT
+
+
联系客服提现
+
+
+
+
+
+ 这一块我先按照你发的设计图放了入口和卡片结构。下一步可以继续接“转账表单 + 审核记录 + 钱包扣减逻辑”。
+
+
+
+
+
+
+
+
+
+ 0 ? 'is-positive' : ($delta < 0 ? 'is-negative' : '');
+ ?>
+
+
+
+ ·
+
+ USDT
+
+
+
目前还没有资金流水。先完成一次任务提交与审核，就会在这里看到变化。
+
+
+
+