Skip to content

qqxb-qqqf / qqck-project

Go to a project
Commit a13e085b by 张倩
Options

原型更新

parent 6819f1a3
Inline Side-by-side
Showing with 3338 additions and 14 deletions
README.md 0 → 100644
# 亲亲创客 2.0 — 合伙人管理系统
> 亲亲小保/亲亲企服体系下的合伙人推广分佣系统，通过"全员销售 + 外部合伙人"推广网络驱动获客，佣金激励闭环。
## 系统组成
| 端 | 说明 |
|---|---|
| 管理后台（PC Web） | 产品、合伙人、商机、佣金全量管理 |
| 合伙人联盟小程序 | 合伙人/对接人/介绍人多身份入口 |
| 现有业务系统（改造接入） | 客户类型标记、扣费事件通知等 |
## 核心业务模型
**四角色分佣体系：**
| 角色 | 职责 | 激励 | 结算渠道 |
|------|------|------|----------|
| 介绍人 | 推荐他人成为合伙人（任意用户均可） | 合伙人首单 50 元/人 | 线下发放 |
| 合伙人 | 推荐客户、报备商机 | 成交额/服务费/利润 N% | 小程序提现 |
| 渠道管理员 | 管理合伙人、审核商机、分配对接人 | 成交额/服务费/利润 N% | 次月工资 |
| 对接人 | 接收商机、跟单成单 | 成交额/服务费/利润 N% | 次月工资 |
**客户分流：**
- **直销客户** → 走现有结算逻辑
- **合伙人客户** → 走三方分佣逻辑
## 后台模块结构
```
亲亲创客
├── 产品管理
│ ├── 产品分类
│ └── 产品管理列表 # 含三组分佣规则、对接人配置
├── 合伙人管理
│ ├── 合伙人申请审核列表
│ └── 合伙人管理列表 # 介绍人关联、成单/奖励状态
├── 商机管理
│ ├── 商机管理列表 # 状态机：待审核→待分配→跟进中→已成单/已作废
│ └── 对接人分配表 # 核心关系枢纽，客户+产品 为键
└── 佣金结算
├── 合伙人佣金结算
├── 渠道管理员佣金结算
├── 对接人佣金结算
└── 介绍人奖励金列表
```
## 关键业务流程
```
员工/用户 → 发展合伙人（介绍人身份）
↓
合伙人 → 报备商机
↓
渠道管理员 → 审核 → 分配对接人 → 写入对接人分配表
↓
对接人 → 跟进 → 成单 → 创建企业客户（合伙人客户）
↓
业务订单 → 判断客户类型
├── 合伙人客户 → 查对接人分配表 → 三方分佣
└── 直销客户 → 原有结算逻辑
```
## 核心数据表关系
```
产品目录 ──1:N── 产品物料
│
├── 三组分佣规则（渠道管理员/对接人/合伙人）
├── 对接人列表（员工多选）
│
合伙人 ──N:1── 介绍人（任意用户）
│
├──1:N── 商机
│ └── 商机状态机
│
对接人分配表（唯一键：客户+产品）
├── 对接人
├── 渠道管理员
└── → 被商机自动匹配 & 订单结算读取
│
佣金结算单（每笔订单生成三条）
├── 合伙人佣金
├── 渠道管理员佣金
└── 对接人佣金
│
介绍人奖励金（按合伙人粒度，首单触发）
```
## 小程序身份体系
登录后并行判断，身份可叠加，多身份多入口：
| 身份 | 判定条件 | 视角 |
|------|----------|------|
| 对接人 | 在职员工 + 被配置为产品对接人 | 我的订单、佣金统计 |
| 合伙人 | 合伙人表状态=正常 | 产品推广、报备商机、佣金提现 |
| 介绍人 | 关联的合伙人中≥1个状态=正常 | 我的合伙人、成单情况、奖励 |
| 无身份 | — | 引导申请成为合伙人 |
## 关联 TAPD
**2.0 核心需求：**
| TAPD ID | 标题 | 状态 |
|---------|------|------|
| [1019073](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019073) | 合伙人项目需求调整-0624（总需求） | 规划中 |
| [1019083](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019083) | 商机管理列表、对接人分配列表、企业详情改造 | 规划中 |
| [1019081](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019081) | 佣金列表修改：新增渠道管理员和对接人佣金计算 | 待分配 |
| [1019077](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019077) | 产品配置页面修改（对接人+三组分佣规则） | 待分配 |
| [1019076](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019076) | 合伙人列表及详情页面修改 | 待分配 |
| [1019075](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019075) | 企业详情及列表增加客户类型字段 | 待分配 |
| [1019092](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019092) | 小程序 - 登录及申请页面 | 规划中 |
| [1019093](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019093) | 小程序 - 合伙人界面 | 规划中 |
| [1019094](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019094) | 小程序 - 介绍人界面 | 规划中 |
| [1019096](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019096) | 小程序 - 对接人界面 | 规划中 |
完整 TAPD 列表（含18条）见 [2.0 PRD 附录 B](docs/亲亲创客2.0_合伙人管理系统PRD.md#b-关联-tapd-链接汇总)。
## 文档
- [亲亲创客 1.0 PRD](docs/亲亲创客1.0_合伙人管理系统PRD.md)
- [亲亲创客 2.0 PRD](docs/亲亲创客2.0_合伙人管理系统PRD.md)
后台HTML原型/亲亲创客管理/合伙人管理.html
<!DOCTYPE html> <!DOCTYPE html>
...@@ -180,7 +180,7 @@ td{padding:9px 10px;vertical-align:middle} ...@@ -180,7 +180,7 @@ td{padding:9px 10px;vertical-align:middle}
<div class="content"> <div class="content">
<div class="table-card"> <div class="table-card">
<table> <table>
<thead><tr><th>姓名</th><th>手机号</th><th>身份证号</th><th>身份类别</th><th>所在城市</th><th>申请时间</th><th>状态</th><th>操作</th></tr></thead> <thead><tr><th>姓名</th><th>手机号</th><th>身份证号</th><th>身份类别</th><th>所在城市</th><th>申请时间</th><th>状态</th><th id="apply-th-extra"></th><th>操作</th></tr></thead>
<tbody id="apply-tbody"></tbody> <tbody id="apply-tbody"></tbody>
</table> </table>
<div class="pagination"><span id="apply-count">共 2 条</span><div style="display:flex;gap:4px"><div class="page-btn active">1</div></div></div> <div class="pagination"><span id="apply-count">共 2 条</span><div style="display:flex;gap:4px"><div class="page-btn active">1</div></div></div>
...@@ -401,15 +401,37 @@ td{padding:9px 10px;vertical-align:middle} ...@@ -401,15 +401,37 @@ td{padding:9px 10px;vertical-align:middle}
<!-- 申请审核不通过弹窗 --> <!-- 申请审核不通过弹窗 -->
<div class="modal-overlay" id="modal-apply-reject"> <div class="modal-overlay" id="modal-apply-reject">
<div class="modal" style="width:420px"> <div class="modal" style="width:480px">
<div class="modal-header"> <div class="modal-header">
<span class="modal-title" style="color:#cf1322"><i class="ti ti-x"></i>审核不通过</span> <span class="modal-title" style="color:#cf1322"><i class="ti ti-x"></i>审核不通过</span>
<i class="ti ti-x modal-close" onclick="closeModal('modal-apply-reject')"></i> <i class="ti ti-x modal-close" onclick="closeModal('modal-apply-reject')"></i>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="form-item"> <div class="form-item" style="margin-bottom:12px">
<label>不通过原因<span class="req">*</span></label> <label>不通过原因<span class="req">*</span></label>
<textarea id="reject-reason" placeholder="请填写审核不通过的原因，将通知申请人" style="width:100%;height:70px;border:1px solid #d9d9d9;border-radius:6px;padding:7px 10px;font-size:13px;resize:none;outline:none"></textarea> <select id="reject-reason-select" onchange="toggleRejectOther()" style="height:32px;border:1px solid #d9d9d9;border-radius:6px;padding:0 10px;font-size:13px;outline:none;background:#fff;width:100%">
<option value="">请选择拒绝原因</option>
<option value="身份信息无法核验">身份信息无法核验</option>
<option value="冒用他人身份">冒用他人身份</option>
<option value="未成年人">未成年人</option>
<option value="受限身份（公务员等）">受限身份（公务员等）</option>
<option value="黑名单/失信/行业违法记录">黑名单/失信/行业违法记录</option>
<option value="内部员工或亲属">内部员工或亲属</option>
<option value="竞对从业者">竞对从业者</option>
<option value="重复申请/关联账号">重复申请/关联账号</option>
<option value="所在地区无服务能力">所在地区无服务能力</option>
<option value="区域名额已满">区域名额已满</option>
<option value="业务合规风险（挂靠中介等）">业务合规风险（挂靠中介等）</option>
<option value="拟推广方式违规风险">拟推广方式违规风险</option>
<option value="资料不全/不实">资料不全/不实</option>
<option value="无法联系">无法联系</option>
<option value="资源与申请角色不匹配">资源与申请角色不匹配</option>
<option value="其他">其他</option>
</select>
</div>
<div class="form-item" id="reject-other-wrap" style="display:none">
<label>补充说明<span class="req">*</span></label>
<textarea id="reject-other-text" placeholder="请填写具体原因" style="width:100%;height:64px;border:1px solid #d9d9d9;border-radius:6px;padding:7px 10px;font-size:13px;resize:none;outline:none"></textarea>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
...@@ -419,6 +441,31 @@ td{padding:9px 10px;vertical-align:middle} ...@@ -419,6 +441,31 @@ td{padding:9px 10px;vertical-align:middle}
</div> </div>
</div> </div>
<!-- 申请审核通过确认弹窗 -->
<div class="modal-overlay" id="modal-apply-pass">
<div class="modal" style="width:400px">
<div class="modal-header">
<span class="modal-title" style="color:#389e0d"><i class="ti ti-check"></i>确认审核通过</span>
<i class="ti ti-x modal-close" onclick="closeModal('modal-apply-pass')"></i>
</div>
<div class="modal-body">
<div class="detail-rows">
<div class="detail-row"><span class="detail-label">申请人</span><span class="detail-val" style="font-weight:500" id="pass-name">—</span></div>
<div class="detail-row"><span class="detail-label">手机号</span><span class="detail-val" id="pass-phone">—</span></div>
<div class="detail-row"><span class="detail-label">身份类别</span><span class="detail-val" id="pass-idtype">—</span></div>
</div>
<div style="background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;padding:8px 12px;font-size:12px;color:#135200;display:flex;gap:6px;margin-top:10px">
<i class="ti ti-info-circle" style="flex-shrink:0;margin-top:1px"></i>
<span>审核通过后将自动创建合伙人记录，请确认申请信息无误。</span>
</div>
</div>
<div class="modal-footer">
<button class="btn" onclick="closeModal('modal-apply-pass')">取消</button>
<button class="btn btn-primary" onclick="confirmQuickPass()"><i class="ti ti-check"></i>确认通过</button>
</div>
</div>
</div>
<!-- 新增合伙人弹窗 --> <!-- 新增合伙人弹窗 -->
<div class="modal-overlay" id="modal-add-partner"> <div class="modal-overlay" id="modal-add-partner">
<div class="modal"> <div class="modal">
...@@ -648,7 +695,9 @@ var Q = String.fromCharCode(39); ...@@ -648,7 +695,9 @@ var Q = String.fromCharCode(39);
var APPLY_DATA = [ var APPLY_DATA = [
{ id: 1, name: '徐露', phone: '18482044404', idcard: '51**************1', idtype: 'HR,博主', city: '', applyTime: '2026-06-22', status: 'passed', auditTime: '2026-06-22 15:10', auditor: '王利娟' }, { id: 1, name: '徐露', phone: '18482044404', idcard: '51**************1', idtype: 'HR,博主', city: '', applyTime: '2026-06-22', status: 'passed', auditTime: '2026-06-22 15:10', auditor: '王利娟' },
{ id: 2, name: '', phone: '18812345678', idcard: '', idtype: '财务,猎头', city: '', applyTime: '2026-06-22', status: 'passed', auditTime: '2026-06-22 16:02', auditor: '王利娟' }, { id: 2, name: '', phone: '18812345678', idcard: '', idtype: '财务,猎头', city: '', applyTime: '2026-06-22', status: 'passed', auditTime: '2026-06-22 16:02', auditor: '王利娟' },
{ id: 3, name: '王磊', phone: '13700009988', idcard: '11**************3', idtype: '老板', city: '上海市', applyTime: '2026-06-24', status: 'pending', auditTime: '', auditor: '' } { id: 3, name: '王磊', phone: '13700009988', idcard: '11**************3', idtype: '老板', city: '上海市', applyTime: '2026-06-24', status: 'pending', auditTime: '', auditor: '' },
{ id: 4, name: '陈刚', phone: '15100001111', idcard: '33**************7', idtype: 'HR', city: '杭州市', applyTime: '2026-06-20', status: 'rejected', auditTime: '2026-06-21 10:30', auditor: '王利娟', reason: '资料不全/不实' },
{ id: 5, name: '赵丽', phone: '13800005555', idcard: '44**************2', idtype: '猎头', city: '广州市', applyTime: '2026-06-19', status: 'rejected', auditTime: '2026-06-20 09:15', auditor: '王利娟', reason: '其他：经核实为竞品代理商关联账号' }
]; ];
var APPLY_ST = { pending: ['待审核','tag-orange'], passed: ['审核通过','tag-green'], rejected: ['审核不通过','tag-red'] }; var APPLY_ST = { pending: ['待审核','tag-orange'], passed: ['审核通过','tag-green'], rejected: ['审核不通过','tag-red'] };
var curApplyTab = 'passed'; var curApplyTab = 'passed';
...@@ -663,6 +712,9 @@ function renderApply(tab, el) { ...@@ -663,6 +712,9 @@ function renderApply(tab, el) {
['pending','passed','rejected'].forEach(function(k){ ['pending','passed','rejected'].forEach(function(k){
document.getElementById('cnt-' + k).textContent = APPLY_DATA.filter(function(d){ return d.status === k; }).length; document.getElementById('cnt-' + k).textContent = APPLY_DATA.filter(function(d){ return d.status === k; }).length;
}); });
var isRejected = curApplyTab === 'rejected';
var thExtra = document.getElementById('apply-th-extra');
if (thExtra) thExtra.textContent = isRejected ? '拒绝原因' : '';
var kw = (document.getElementById('fa-kw').value || '').trim(); var kw = (document.getElementById('fa-kw').value || '').trim();
var list = APPLY_DATA.filter(function(d){ var list = APPLY_DATA.filter(function(d){
if (d.status !== curApplyTab) return false; if (d.status !== curApplyTab) return false;
...@@ -680,9 +732,14 @@ function renderApply(tab, el) { ...@@ -680,9 +732,14 @@ function renderApply(tab, el) {
+ '<td>' + (d.city || '<span style="color:#bfbfbf">—</span>') + '</td>' + '<td>' + (d.city || '<span style="color:#bfbfbf">—</span>') + '</td>'
+ '<td style="color:#8c8c8c">' + d.applyTime + '</td>' + '<td style="color:#8c8c8c">' + d.applyTime + '</td>'
+ '<td><span class="tag ' + st[1] + '">' + st[0] + '</span></td>' + '<td><span class="tag ' + st[1] + '">' + st[0] + '</span></td>'
+ '<td><button class="btn-link" onclick="openApplyDetail(' + d.id + ')">详情</button></td>' + (isRejected ? '<td><span class="tag tag-red" style="white-space:normal;max-width:160px;line-height:1.4">' + (d.reason || '—') + '</span></td>' : '<td></td>')
+ '<td>' + (d.status === 'pending'
? '<button class="btn btn-sm btn-primary" style="margin-right:4px" onclick="quickPass(' + d.id + ')"><i class="ti ti-check"></i>通过</button>'
+ '<button class="btn btn-sm btn-danger" style="margin-right:4px" onclick="quickReject(' + d.id + ')"><i class="ti ti-x"></i>不通过</button>'
: '')
+ '<button class="btn-link" onclick="openApplyDetail(' + d.id + ')">详情</button></td>'
+ '</tr>'; + '</tr>';
}).join('') || '<tr><td colspan="8" style="text-align:center;color:#bfbfbf;padding:36px 0">暂无数据</td></tr>'; }).join('') || '<tr><td colspan="9" style="text-align:center;color:#bfbfbf;padding:36px 0">暂无数据</td></tr>';
} }
function resetApplyFilter() { function resetApplyFilter() {
document.getElementById('fa-kw').value = ''; document.getElementById('fa-kw').value = '';
...@@ -706,7 +763,7 @@ function openApplyDetail(id) { ...@@ -706,7 +763,7 @@ function openApplyDetail(id) {
+ '<div class="detail-row"><span class="detail-label">审核人</span><span class="detail-val">' + (d.auditor || '—') + '</span></div>'; + '<div class="detail-row"><span class="detail-label">审核人</span><span class="detail-val">' + (d.auditor || '—') + '</span></div>';
} }
if (d.status === 'rejected' && d.reason) { if (d.status === 'rejected' && d.reason) {
html += '<div class="detail-row"><span class="detail-label">不通过原因</span><span class="detail-val">' + d.reason + '</span></div>'; html += '<div class="detail-row"><span class="detail-label">不通过原因</span><span class="detail-val" style="color:#cf1322;font-weight:500">' + d.reason + '</span></div>';
} }
html += '</div>'; html += '</div>';
document.getElementById('apply-detail-body').innerHTML = html; document.getElementById('apply-detail-body').innerHTML = html;
...@@ -714,7 +771,7 @@ function openApplyDetail(id) { ...@@ -714,7 +771,7 @@ function openApplyDetail(id) {
if (d.status === 'pending') { if (d.status === 'pending') {
ft.innerHTML = '<button class="btn" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ')">关闭</button>' ft.innerHTML = '<button class="btn" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ')">关闭</button>'
+ '<button class="btn btn-danger" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ');openModal(' + Q + 'modal-apply-reject' + Q + ')">审核不通过</button>' + '<button class="btn btn-danger" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ');openModal(' + Q + 'modal-apply-reject' + Q + ')">审核不通过</button>'
+ '<button class="btn btn-primary" onclick="confirmPass()"><i class="ti ti-check"></i>审核通过</button>'; + '<button class="btn btn-primary" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ');quickPass(' + d.id + ')"><i class="ti ti-check"></i>审核通过</button>';
} else { } else {
ft.innerHTML = '<button class="btn" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ')">关闭</button>'; ft.innerHTML = '<button class="btn" onclick="closeModal(' + Q + 'modal-apply-detail' + Q + ')">关闭</button>';
} }
...@@ -727,14 +784,47 @@ function confirmPass() { ...@@ -727,14 +784,47 @@ function confirmPass() {
renderApply(); renderApply();
} }
function confirmReject() { function confirmReject() {
var r = (document.getElementById('reject-reason').value || '').trim(); var sel = document.getElementById('reject-reason-select');
if (!r) { document.getElementById('reject-reason').style.borderColor = '#ff4d4f'; return; } var reason = sel.value;
if (!reason) { sel.style.borderColor = '#ff4d4f'; return; }
sel.style.borderColor = '#d9d9d9';
if (reason === '其他') {
var otherText = (document.getElementById('reject-other-text').value || '').trim();
if (!otherText) { document.getElementById('reject-other-text').style.borderColor = '#ff4d4f'; return; }
reason = '其他：' + otherText;
}
var d = APPLY_DATA.find(function(x){ return x.id === curApplyId; }); var d = APPLY_DATA.find(function(x){ return x.id === curApplyId; });
if (d) { d.status = 'rejected'; d.reason = r; d.auditTime = nowStr(); d.auditor = '王利娟'; } if (d) { d.status = 'rejected'; d.reason = reason; d.auditTime = nowStr(); d.auditor = '王利娟'; }
document.getElementById('reject-reason').value = ''; sel.value = '';
document.getElementById('reject-other-text').value = '';
document.getElementById('reject-other-wrap').style.display = 'none';
closeModal('modal-apply-reject'); closeModal('modal-apply-reject');
renderApply(); renderApply();
} }
function toggleRejectOther() {
var sel = document.getElementById('reject-reason-select');
sel.style.borderColor = '#d9d9d9';
document.getElementById('reject-other-wrap').style.display = sel.value === '其他' ? '' : 'none';
}
function quickPass(id) {
curApplyId = id;
var d = APPLY_DATA.find(function(x){ return x.id === id; });
if (!d) return;
document.getElementById('pass-name').textContent = d.name || '—';
document.getElementById('pass-phone').textContent = d.phone || '—';
document.getElementById('pass-idtype').textContent = d.idtype || '—';
openModal('modal-apply-pass');
}
function confirmQuickPass() {
var d = APPLY_DATA.find(function(x){ return x.id === curApplyId; });
if (d) { d.status = 'passed'; d.auditTime = nowStr(); d.auditor = '王利娟'; }
closeModal('modal-apply-pass');
renderApply();
}
function quickReject(id) {
curApplyId = id;
openModal('modal-apply-reject');
}
function nowStr() { function nowStr() {
var n = new Date(); var n = new Date();
function p(x){ return String(x).padStart(2, '0'); } function p(x){ return String(x).padStart(2, '0'); }
......
后台说明文档/亲亲创客1.0_合伙人管理系统PRD.md 0 → 100644
# 亲亲创客 1.0 — 合伙人管理系统 PRD
# 亲亲创客 1.0 — 合伙人管理系统 PRD
> **产品名称：** 亲亲创客（合伙人管理后台 + 合伙人联盟小程序）
> **版本：** 1.0
> **文档版本：** v1.0
> **产品负责人：** 鹏飞
> **最后更新：** 2026-07-03
> **文档用途：** 产品迭代管理 & 开发实施参考
---
## 修订记录
| 版本 | 日期 | 修订人 | 修订内容 |
|------|------|--------|----------|
| v1.0 | 2026-07-03 | 鹏飞 | 初版整理，基于开发需求整理说明书结构化重写 |
---
## 目录
1. [产品概述](#1-产品概述)
2. [模块一：基础数据管理](#2-模块一基础数据管理)
- 2.1 产品类型管理
- 2.2 产品目录管理
- 2.3 产品物料管理
3. [模块二：人员与合伙人管理](#3-模块二人员与合伙人管理)
- 3.1 员工体系定义
- 3.2 邀请码 / 推广码统一结构
- 3.3 销售邀请码生成
- 3.4 合伙人管理
- 3.5 合伙人申请管理
4. [模块三：合伙人推广](#4-模块三合伙人推广)
- 4.1 合伙人推广码
- 4.2 纯推广码注册路径
- 4.3 产品海报推广码路径
- 4.4 邀请与推广扫码流程说明
5. [模块四：业务成交与佣金计算](#5-模块四业务成交与佣金计算)
- 5.1 佣金计算触发机制
- 5.2 奖励结算单
6. [模块五：佣金提现](#6-模块五佣金提现)
- 6.1 提现流程
- 6.2 佣金算税与扣税
- 6.3 易快报对接
7. [模块六：现有系统改造点](#7-模块六现有系统改造点)
- 7.1 个人用户注册改造
- 7.2 企业创建与管理改造
- 7.3 业务订单扣费通知
- 7.4 企业 CRM 留资改造
8. [模块七：数据埋点与统计](#8-模块七数据埋点与统计)
- 8.1 推广码扫码埋点
- 8.2 一期基础统计看板
- 8.3 二期补充（暂不开发）
9. [待定项汇总](#9-待定项汇总)
---
## 1. 产品概述
### 1.1 产品定位
亲亲创客是亲亲小保 / 亲亲企服体系下的合伙人推广分佣系统，核心目标是通过"全员销售 + 外部合伙人"的推广网络，驱动个人端和企业端业务获客，并以佣金激励机制实现闭环。
### 1.2 系统组成
| 端 | 说明 |
|---|---|
| 管理后台（PC Web） | 产品目录、合伙人、佣金、结算等全量管理功能，供运营 / 市场 / 财务使用 |
| 合伙人联盟小程序 | 合伙人查看产品、生成推广码、查看佣金、申请提现的移动端入口 |
| 现有业务系统（改造接入） | 亲亲小保 / 亲亲企服已有系统，需增加扣费事件通知、用户合伙人绑定等改造 |
### 1.3 核心业务流程概览
```
员工生成邀请码 → 招募合伙人注册
↓
合伙人获取推广码 / 产品海报 → 分享推广
↓
客户扫码 → 注册个人用户 / 企业留资（绑定合伙人）
↓
客户在业务系统下单 → 扣费成功触发佣金计算
↓
佣金奖励单生成 → 审核通过 → 合伙人提现（含代扣税）
```
### 1.4 版本范围说明
| 范围标识 | 说明 |
|----------|------|
| 🟢 一期 | 本版本（1.0）开发范围 |
| 🟡 待定 | 方案未最终确认，需讨论后落地 |
| 🔴 二期 | 明确不在本版本，后续迭代 |
---
## 2. 模块一：基础数据管理
### 2.1 产品类型管理 🟢
定义平台所有产品的三级分类体系。
**分类层级：** 大分类 → 二级分类 → 三级分类
**大分类枚举：**
| 大分类 | 说明 |
|--------|------|
| 亲亲小保 | 面向个人用户的社保、创业支持等服务 |
| 亲亲企服 | 面向企业客户的人力外包、工商财税等服务 |
**分类示例：**
| 大分类 | 二级分类 | 三级分类 | 产品举例 |
|--------|----------|----------|----------|
| 亲亲小保 | 个人社保缴纳 | 社保缴纳 | 网店个体户参保 |
| 亲亲小保 | 个人社保缴纳 | 基础权益服务 | 社保关系跨省转移/接续、公积金账户信息变更 |
| 亲亲小保 | 个人创业支持服务 | 个人工商户 | 个体工商户办理与托管 |
| 亲亲企服 | 人力外包服务 | 岗位外包/劳务派遣 | 岗位外包/劳务派遣 |
| 亲亲企服 | 人力外包服务 | 社保代缴服务 | 企业员工社保代缴 |
| 亲亲企服 | 工商财税服务 | 基础财税服务 | 小微企业管家服务 |
**管理功能：** 后台支持三级分类的增删改查。
---
### 2.2 产品目录管理 🟢
产品目录是整套合伙人系统的**中枢**——定义哪些产品对外可被合伙人推广、佣金怎么算、绑定到哪个底层业务模块。同时也是对亲亲小保和亲亲企服可对外销售产品的全局定义。
#### 2.2.1 产品目录字段定义
| 字段 | 类型 | 必填 | 说明 |
|------|------|------|------|
| 产品 ID | 系统自动 | — | 主键 |
| 客户类型 | 枚举 | 是 | 个人客户 / 企业客户 |
| 产品类型 | 两级枚举 | 是 | 如「个人端 → 社保基础服务」，关联 2.1 的分类体系 |
| 产品名称 | 文本 | 是 | 对外展示名称 |
| 业务负责人 | 员工 | 是 | 管理端可见的产品咨询联系人 |
| 价格区间 | 文本 | 是 | 用于 C 端公示，不是实际计费金额 |
| 佣金规则类型 | 枚举 | 是 | 按比例 / 固定一次性（一期只做这两种） |
| 佣金比例 | 数字（%） | 条件必填 | 「按比例」时必填，作用于业务实际收费金额 |
| 固定一次性佣金 | 金额 | 条件必填 | 「固定一次性」时必填 |
| 上架状态 | 枚举 | 是 | 草稿 / 已上架 / 已下架 |
| 关联的服务产品类型 | 枚举 | 是 | 见下方枚举值 |
| 专项业务产品 ID | 外键 | 条件必填 | 「关联服务产品类型 = 专项业务」时必填，需先在现有系统配好专项产品再来此处关联 |
| 产品图文介绍 | 富文本 | 否 | 给合伙人查看了解产品的介绍，可以是海报 |
| 推广标语 | 文本 | 否 | 用于推广场景的产品标语 |
| 是否主推产品 | 枚举 | 是 | 是 / 否。主推产品显示在小程序首页等位置 |
| 优先级 | 数字 | 否 | 控制产品列表排序 |
**关联服务产品类型枚举值：**
| 枚举值 | 说明 |
|--------|------|
| 企业岗位外包 | — |
| 劳务派遣 | — |
| 企业社保公积金代理 | — |
| 社保公积金托管 | — |
| 个人社保代理 | — |
| 个体工商户注册托管 | — |
| 个人岗位外包 | — |
| 购买职豆 | — |
| 专项业务 | 需先在现有系统配好专项产品，再来此处选 ID 关联 |
#### 2.2.2 产品目录管理功能
| 功能 | 说明 |
|------|------|
| 列表页 | 支持按分类、状态、客户类型筛选；包含新增 / 编辑 / 上下架操作按钮 |
| 新增产品 | 保存后状态默认为「草稿」 |
| 详情页 | 分为两个区域：基本信息区 + 物料管理列表区 |
#### 2.2.3 佣金规则类型说明
| 规则类型 | 一期支持 | 计算方式 |
|----------|----------|----------|
| 按比例 | 🟢 是 | 佣金 = 业务实际收费金额 × 佣金比例 |
| 固定一次性 | 🟢 是 | 佣金 = 固定金额（不论实际收费多少） |
| 阶梯 | 🔴 二期 | 根据累计金额 / 单数分档，适用于不同比例 |
---
### 2.3 产品物料管理 🟢
物料管理挂载在产品目录详情页下，为每个产品维护可供合伙人使用的推广素材。
#### 2.3.1 物料字段定义
| 字段 | 类型 | 说明 |
|------|------|------|
| 物料 ID | 系统自动 | 主键 |
| 物料类型 | 枚举 | 海报 / 文案 / 短视频 / FAQ / 产品说明书 / 其他 |
| 内容类型 | 枚举 | 图片 / 文本 / PDF / 视频链接 |
| 适用场景 | 枚举 | 朋友圈 / 微信群 / 私聊 / 小红书 / 通用 |
| 内容描述 | 文本 | 运营备注，给合伙人看的使用建议 |
| 附件文件 | 文件 | 上传的图片 / PDF / 文本内容 |
| 物料状态 | 枚举 | 草稿 / 已上架 / 已下架 |
#### 2.3.2 物料管理功能
| 功能 | 说明 |
|------|------|
| 列表页 | 在产品详情页内以列表形式展示，支持按物料类型、状态筛选 |
| 新增物料 | 上传附件，填写类型 / 场景 / 描述 |
| 上下架 | 控制物料是否对合伙人可见 |
---
## 3. 模块二：人员与合伙人管理
### 3.1 员工体系定义 🟢
**全员销售范围：** 亲亲小保全体员工 + 北科全体员工。
**数据来源：** 在 teammix2020 员工模块下，同步企业微信通讯录名单。
| 方案 | 说明 |
|------|------|
| 一期 | 可先手动导出企业微信通讯录进行初始化 |
| 目标方案 | 通过定时任务调用企业微信接口自动同步，已存在的员工不覆盖 |
---
### 3.2 邀请码 / 推广码统一结构 🟢
销售邀请码和合伙人推广码共用一套数据结构和存储表。
#### 3.2.1 编码表字段定义
| 字段 | 类型 | 说明 |
|------|------|------|
| 编码 ID | 系统自动 | 主键 |
| 编码类型 | 枚举 | 销售邀请码 / 合伙人推广码 |
| 编码 code | 文本 | 16 位随机字母数字组合，全局唯一，用于 URL 参数 |
| 生成者类型 | 枚举 | 小保员工 / 合伙人 |
| 生成者 ID | bigint | 员工 ID / 个人用户 ID |
| 关联产品 ID | bigint，可空 | 关联产品目录 ID；销售邀请码固定为空，合伙人推广码可选填（为某产品生成专属推广码时使用） |
| 物料 ID | bigint，可空 | 关联物料的 ID，如为某个海报生成的专属码 |
| 扫码 URL | 文本 | 扫码跳转链接，包含编码 code |
| 二维码 URL | 文本 | 生成的二维码图片地址，创建 / 修改时生成保存，不重复生成 |
| 状态 | 枚举 | 有效 / 禁用 |
| 备注 | 文本 | 可选，如「Q2 线下活动用」 |
| 创建时间 | datetime | 系统自动 |
---
### 3.3 销售邀请码生成 🟢
**功能描述：** 销售人员在合伙人联盟小程序上登录后生成自己的邀请码，用于招募合伙人。
**业务规则：**
| 规则 | 说明 |
|------|------|
| 生成位置 | 合伙人联盟小程序 |
| 编码类型 | 销售邀请码 |
| 关联产品 | 固定为空 |
| 生成者 | 当前登录的员工 |
> **🟡 待定项：** 销售给合伙人分享的邀请码是统一一个二维码，还是根据不同的产品物料单独生成？待业务侧讨论确认。
---
### 3.4 合伙人管理 🟢
合伙人是平台之外的推广伙伴。每个合伙人对应一个介绍人（员工），由该员工生成的邀请码招募注册，也可由后台直接手动添加。
#### 3.4.1 合伙人字段定义
| 字段 | 类型 | 必填 | 说明 |
|------|------|------|------|
| 合伙人 ID | 系统自动 | — | 主键 |
| 合伙人类别 | 枚举 | 是 | 个人 / 机构（🔴 一期先不做机构） |
| 合伙人名称 | 文本 | 是 | 自然人姓名或机构名 |
| 身份类别 | 文本 | 否 | 默认选项：HR、猎头 等 |
| 所在城市 | 文本 | 否 | — |
| 用户 ID | 外键 | 是 | 亲亲小保个人用户 ID |
| 关联介绍人 ID | 员工 ID | 是 | 扫邀请码自动绑定，或手动添加时指定 |
| 状态 | 枚举 | 是 | 待审核 / 正常 / 禁用 |
| 合伙人来源方式 | 枚举 | 是 | 员工邀请 / 自主申请 |
**状态流转说明：**
| 场景 | 状态流转 |
|------|----------|
| 员工邀请注册（一期） | 注册即自动转为「正常」 |
| 自主申请（见 3.5） | 注册后为「待审核」→ 运营审核通过后转为「正常」 |
#### 3.4.2 合伙人列表管理功能
| 功能 | 说明 |
|------|------|
| 列表页 | 支持按状态、来源方式、介绍人筛选 |
| 新增合伙人 | 后台手动添加，需指定关联介绍人 |
| 编辑 | 修改基本信息、状态 |
| 数据权限 | 销售人员仅可见自己邀请的合伙人 |
---
### 3.5 合伙人申请管理 🟢
**场景：** 用户自行看到平台广告，进入小程序，自主填写信息申请成为合伙人。
**处理流程：**
```
用户在小程序提交合伙人申请
↓
后台生成"合伙人加入申请"记录，状态为「待审核」
↓
市场运营管理员（暂定蹇晓丽）审核
↓
审核通过：创建合伙人记录，状态为「正常」，来源标签为「自主申请」
审核通过后，该审核人默认为当前合伙人的介绍人
```
**申请管理列表功能：**
| 功能 | 说明 |
|------|------|
| 列表页 | 展示所有申请记录，支持按审核状态筛选 |
| 审核操作 | 通过 / 拒绝，通过后自动创建合伙人记录 |
---
## 4. 模块三：合伙人推广
### 4.1 合伙人推广码 🟢
**功能描述：** 合伙人在合伙人联盟小程序中生成推广码，推广码结构与销售邀请码共用同一张表（见 3.2）。
**推广码分类：**
| 类型 | 关联产品 ID | 物料 ID | 用途 |
|------|-------------|---------|------|
| 纯合伙人推广码 | 空 | 空 | 通用推广，扫码跳转到注册页 |
| 产品海报推广码 | 填写 | 可选填写 | 为特定产品 / 物料生成专属码 |
**生成入口：** 合伙人联盟小程序，合伙人登录后通过接口生成和下载。
---
### 4.2 纯推广码注册路径 🟢
```
客户扫描合伙人推广码
↓
带 code 参数跳转至注册页面
↓
客户完成注册，系统通过 code 查询所属合伙人
↓
将合伙人 ID 写入用户的「推广合伙人 ID」字段
```
---
### 4.3 产品海报推广码路径 🟢
```
客户扫描产品海报推广码
↓
带 code 参数跳转至产品介绍页面
↓
├── 个人业务产品：客户有兴趣可直接注册，code 关联合伙人写入用户信息
└── 企业业务产品：客户留资，生成企业 CRM 联系人记录，关联合伙人
```
---
### 4.4 邀请与推广扫码流程说明 🟢
**整体流程汇总：**
| 阶段 | 动作 | 结果 |
|------|------|------|
| 员工邀请 | 员工在小程序生成销售邀请码 → 分享给目标合伙人 | 目标人扫码注册为合伙人，自动绑定该员工为介绍人 |
| 合伙人推广（纯码） | 合伙人在小程序生成推广码 → 分享 | 客户扫码进入注册页，注册后绑定合伙人 |
| 合伙人推广（海报码） | 合伙人为某产品生成海报推广码 → 分享 | 客户扫码进入产品介绍页 → 注册或留资，绑定合伙人 |
| 自主申请 | 用户自行进入小程序填写申请 | 后台生成申请记录，运营审核通过后成为合伙人 |
---
## 5. 模块四：业务成交与佣金计算
### 5.1 佣金计算触发机制 🟢
佣金计算依赖现有业务系统的"扣费 / 退费成功"事件，是整套系统的关键技术核心。
#### 5.1.1 技术要求
| 要求 | 说明 |
|------|------|
| 接入方式 | 消息队列（MQ）异步处理，避免拖慢收款主流程 |
| 幂等处理 | 同一笔业务订单的同一笔收款，重复触发只算一次佣金 |
| 退费处理 | 退费事件触发反向冲账记录 |
| 专项订单 | 佣金触发时机为"核定收入"时，不是扣费时 |
#### 5.1.2 佣金匹配逻辑
```
业务订单
→ 关联客户（个人用户 / 企业客户）
→ 客户的推广合伙人
→ 合伙人关联的产品目录
→ 产品目录上的佣金规则（取快照）
→ 计算佣金金额
```
#### 5.1.3 关键要求
- 生成的佣金结算单必须将**成单时的佣金规则比例做快照**记录，防止规则变更影响历史数据。
- 每次佣金计算需写入**操作日志**，确保问题可追溯。
#### 5.1.4 触发条件
- 涉及系统： 现有业务订单系统（改造）-主要发送通知 / 合伙人佣金计算服务（新建）-收到通知进行计算（计算规则在另外的需求中）。
- 通知触发前提：
扣费/退费/核定 事件发生
→ 条件：该客户（企业/个人）是否有合伙人ID
└── 无 → 不通知，记录日志，结束
└── 有 →发送消息至佣金计算服务
#### 5.1.5 触发机制
| 订单类型 | 触发时机 | 说明 |
| --- | --- | --- |
| 个人服务资格下的服务费订单 | 扣 / 退费成功后 | 个人社保业务的服务费订单，需要注意根据用工类型区分查询对应不同产品 |
| 个人特殊薪资订单中的服务费金额 | 扣 / 退费成功后 | 该类型没有服务费订单，服务费金额在业务订单上，需注意特殊处理 |
| 人力外包年服务资格下的服务费订单 | 扣 / 退费成功后 | 企业业务订单 |
| 人事代理年服务资格下的服务费订单 | 扣 / 退费成功后 | 企业业务订单 |
| 智能工资条服务资格下的服务费订单 | 扣 / 退费成功后 | 企业业务订单 |
| 人力外包业务下的服务费订单 | 扣 / 退费成功后 | 企业业务订单，需注意要根据用工类型区分查询不同产品（需注意特殊薪资的服务费不是服务费订单，这部分单独计算） |
| 人力外包业务下特殊薪资的工资明细 | 扣 / 退费成功后 | 该类型下没有服务费订单，服务费金额在工资表明细上，需注意特殊处理 |
| 专项订单 | 核定收入时 / 撤销核定 | 非扣费时触发，由业务系统在核定收入节点主动发送 |
#### 5.1.6 专项订单特殊说明
| 特殊情况 |规则 |
| :--- | :--- |
|触发时机 |核定收入节点触发，非扣费时触发 |
|客户维度|消息中需区分关联的是企业账号ID还是组织ID，字段区分 |
|佣金计算 | 以核定收入金额为准|
#### 5.1.7 个人服务资格下的服务费订单
|特殊情况 |规则 |
| :--- | :--- |
|用工关系 | 需查询服务资格上的用工关系类型 |
|佣金计算 |以实付金额为准 |
#### 5.1.8 企业的人力外包服务费订单
| 特殊情况| 规则 |
| :--- | :--- |
|佣金计算|以服务费金额-税费金额为准 |
#### 5.1.9 企业的人力外包年服务资格下的服务费订单
| 特殊情况| 规则 |
| :--- | :--- |
| 产品类型</font> |企业社保代缴业务 |
#### 消息通知内容
| 字段名称 | 类型 | 必填 | 说明 |
| :----- | :--- | :--- | :--- |
| 消息id | string | 是 | 消息唯一ID，幂等去重 |
| 费用类型 | tinyint | 是 | 1=扣费 2=退费 3=专项核定 |
| 业务订单ID | string | 是 | 业务订单ID |
| 用户类型 | tinyint | | 1=个人用户 2=企业账号 3=组织（专项订单用） |
| 业务类型 | tinyint | 是 | 1=人力外包年服务费 ；2=人事代理年服务费 ；3=智能工资条服务费；4=企业岗位外包服务费；5=企业劳务派遣服务费；6=企业社保代理服务费；7=专项订单服务费；8=个人岗位外包服务费 ；9=个体户托管服务费；10=个人人事外包服务费；11=个人自主就业服务费 |
| 用户ID | string | 是 | 客户ID |
| 合伙人ID | bigint | 是 | 合伙人ID（前提条件校验后带入） |
| 专项订单产品ID | tinyint | 否 | 看订单关联的产品ID是哪个 |
| 服务费金额 | decimal(10,2) | 是 | 具体金额用哪个字段已上方相关说明为准。(如是退费类型，无需改字段，佣金实退金额，看关联佣金订单原扣费多少) |
| 扣费时间 | datetime | 是 | 事件发生时间 |
#### 消息队列规范
| 项目 | 规则 |
| :--- | :--- |
| 消费方式 | 异步消费，不阻塞主订单流程 |
| 幂等控制 | 以`msg_id`<br/>去重，重复投递只处理一次 |
| 顺序保证 | 同一`order_id`<br/>消息保证顺序消费（扣费早于退费） |
| 失败重试 | 最多3次，间隔30s/60s/120s，失败后进入死信队列并告警 |
---
### 5.2 奖励结算单 🟢
#### 5.2.1 奖励单字段定义
| 字段 | 类型 | 说明 |
|------|------|------|
| 奖励单 ID | 系统自动 | 主键 |
| 成单产品目录 ID | 外键 | 关联产品目录，从中获取产品分类和分佣规则快照 |
| 产品名称 | 文本 | 下单时的产品名（冗余字段，规则改动不影响历史） |
| 用户类型 | 枚举 | 个人用户 / 企业客户 |
| 用户 ID | 外键 | 成单的用户 / 企业客户 |
| 合伙人 | 外键 | 归属合伙人 |
| 业务订单号 | 外键 | 现有业务系统的订单号（标准化 / 专项业务） |
| 成交金额 | 金额 | 实际收费金额 |
| 佣金金额 | 金额 | 按规则快照计算的金额 |
| 状态 | 枚举 | 待审核 / 已审核 / 已取消 |
| 规则快照 | 文本（JSON） | 下单时的产品佣金规则副本 |
| 创建时间 | 系统自动 | — |
| 审核时间 | 系统自动 | 审核或取消的时间 |
| 审核人 | 外键 | 审核操作人 |
#### 5.2.2 奖励单管理功能
| 功能 | 说明 |
|------|------|
| 列表页 | 支持按状态、合伙人、产品、时间范围筛选 |
| 审核 | 运营 / 财务审核奖励单，确认佣金金额无误后标记为「已审核」 |
| 取消 | 异常情况标记为「已取消」并记录原因 |
---
## 6. 模块五：佣金提现
> **复用说明：** 程序功能复用当前兼职奖励提现逻辑，增加奖励金来源类型「合伙人佣金」，开发调整部分规则即可。
### 6.1 提现流程 🟢
**入口：** 合伙人在小程序「我的」页面查看奖励金账户余额，点击「提现」进入提现流程。
**提现方式：** 支付宝 / 微信（复用兼职奖励提现的通道）
**基本流程：**
```
合伙人点击提现
↓
输入提现金额，选择提现方式
↓
系统计算应扣税金额（见 6.2）
↓
提现确认页展示：提现金额、扣税金额、到账金额
↓
合伙人确认提交
↓
后台处理打款
```
---
### 6.2 佣金算税与扣税 🟢
合伙人佣金属于**劳务报酬所得**，平台在提现时代扣代缴个人所得税。
| 单次提现金额 | 税务处理 |
|-------------|----------|
| ≤ 800 元 | 免税，全额到账 |
| > 800 元 | 触发劳务报酬税计算 |
**劳务报酬税计算规则：**
- 应纳税所得额 = 提现金额 - 800
- 基础税率 = 20%
- 应纳税所得额超过 25,000 元部分适用加成税率
**展示要求：** 扣税金额与到账金额必须在提现确认页明确展示，合伙人确认后方可提交。
---
### 6.3 易快报对接 🟢
**提交规则：** 按每天、每个奖励金来源、每个发放途径分组合并数据，统一提交至易快报。
---
## 7. 模块六：现有系统改造点
本模块列出为支持合伙人系统需要对现有业务系统做的改造。
### 7.1 个人用户注册改造 🟢
**TAPD：** [https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019024](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019024)
**改造点：**
| 序号 | 改造内容 |
|------|----------|
| 1 | 注册页面接收 URL 参数中的推广码（code），查询对应的合伙人 ID |
| 2 | 注册成功时将合伙人 ID 写入用户表的「推广合伙人 ID」字段（可空） |
| 3 | 管理端个人用户详情页展示「推广合伙人」信息 |
| 4 | 管理端支持按合伙人筛选用户列表 |
**用户表新增字段：**
| 字段 | 类型 | 说明 |
|------|------|------|
| 推广合伙人 ID | bigint，可空 | 来自合伙人推广码注册时自动绑定；无推广来源则为空 |
---
### 7.2 企业创建与管理改造 🟢
**TAPD：** [https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019025](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019025)
**改造点：**
| 序号 | 改造内容 |
|------|----------|
| 1 | 用户端企业留资表单提交时带入推广码 code，系统查询合伙人 ID 并写入 CRM 联系人记录 |
| 2 | 销售在管理端创建企业客户时，可手动选择关联合伙人（仅限自己名下的合伙人） |
| 3 | 若客户来自已绑定合伙人的个人用户自行创建企业，合伙人字段默认从该个人用户继承 |
| 4 | 企业客户详情页展示「推广合伙人」字段 |
| 5 | 管理端支持按合伙人筛选企业列表 |
**企业客户表新增字段：**
| 字段 | 类型 | 说明 |
|------|------|------|
| 合伙人 ID | bigint，可空 | 来源：留资带入 / 销售手动指定 / 个人用户建企业时默认继承 |
---
### 7.3 业务订单扣费通知 🟢
**TAPD：** [https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019028](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019028)
**改造说明：** 业务订单的扣费 / 退费事件是合伙人佣金计算的触发入口，需在现有业务订单系统的扣费流程中增加消息通知。
**改造点：**
| 序号 | 改造内容 |
|------|----------|
| 1 | 扣费成功后，向合伙人佣金计算服务发送异步消息（消息队列） |
| 2 | 消息内容：业务订单号、客户 ID、收费金额、业务类型、扣费时间 |
| 3 | 退费成功后同样发送消息，佣金服务收到退费事件后生成反向冲账记录 |
| 4 | 专项订单的触发时机为"核定收入"时，不是扣费时 |
**接入前需确认事项：**
| 序号 | 确认内容 |
|------|----------|
| 1 | 扣费成功事件在现有系统的哪个接口 / 钩子 |
| 2 | 订单与客户的关联字段是否完整 |
---
### 7.4 企业 CRM 留资改造 🟢
**TAPD：** [https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019043](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019043)
**改造说明：** 前端页面多个留资入口收集企业用户信息，自动将数据存入后台企业 CRM 公海线索，同步触发人事顾问自动分配并通知。
**留资处理流程：**
```
用户在前端任意留资入口提交信息
↓
前端携带「线索来源」标识提交到后台
↓
后台读取该用户关联的合伙人 ID（来自用户管理模块）
↓
创建 CRM 公海线索（写入所有字段：固定值 + 线索来源 + 合伙人 ID）
↓
分配人事顾问（规则见下方）
↓
调用企业微信群机器人 API，发送通知并 @ 该人事顾问
↓
人事顾问在群中看到提醒，进入 CRM 跟进线索
```
**人事顾问分配规则：**
| 条件 | 分配逻辑 |
|------|----------|
| 合伙人的介绍人是销售人员 | 直接分配给该介绍人 |
| 合伙人的介绍人不是销售人员 | 从销售人员池中随机取一个 |
分配结果写入线索的「人事顾问」字段。
---
## 8. 模块七：数据埋点与统计
> **一期目标：** 能跑业务、能对账。复杂数据分析在二期完善。
### 8.1 推广码扫码埋点 🟢
每次扫码（含未注册的匿名扫码）写入扫码日志表 `code_scan_log`。
**日志字段：**
| 字段 | 说明 |
|------|------|
| 推广码 code | 对应哪个推广码 |
| 访问页面 | 扫码后打开的 URL 页面 |
| 扫码后操作 | 仅浏览 / 注册为合伙人 / 注册为个人用户 / 留资为企业线索 |
| 扫码时间 | — |
---
### 8.2 一期基础统计看板 🟢
管理端提供以下基础数据汇总，不做复杂可视化图表。
| 看板 | 统计维度 |
|------|----------|
| 合伙人业绩列表 | 每个合伙人的推广客户数、成单数、累计佣金金额 |
| 奖励单据汇总 | 本月待审核金额 / 已审核金额 / 已取消金额 |
| 推广码使用统计 | 各推广码的扫码次数、成功绑定次数 |
---
### 8.3 二期补充（暂不开发）🔴
以下内容在业务数据量不足时意义不大，待业务跑起来后再做。
| 功能 | 说明 |
|------|------|
| 客户转化漏斗 | 推广 → 签约 → 多产品 → 续费 |
| 产品维度多指标分析 | 客单价、续费率、高频产品组合 |
| 物料效果分析 | 哪张海报扫码量高、转化率高 |
| AI 营销建议 | 基于数据的智能推荐 |
---
## 9. 待定项汇总
以下为文档中标注为"待定"的事项，需在开发前完成讨论确认。
| 编号 | 所属模块 | 待定内容 | 影响范围 |
|------|----------|----------|----------|
| TBD-01 | 3.3 销售邀请码 | 销售给合伙人分享的邀请码是统一一个二维码，还是根据不同的产品物料单独生成？ | 编码表设计、小程序邀请码生成逻辑 |
| TBD-02 | 3.2 编码结构 | 邀请码和推广码的具体数据结构由开发自行定义，需在技术方案评审时确认 | 数据库表结构 |
---
## 附录
### A. 术语表
| 术语 | 说明 |
|------|------|
| 合伙人 | 平台外部推广伙伴，通过推广码获客并获取佣金 |
| 介绍人 | 招募合伙人的内部员工（原文档中的"对接人"） |
| 推广码 | 合伙人用于推广获客的二维码，扫码后绑定客户归属 |
| 邀请码 | 员工用于招募合伙人的二维码 |
| 奖励单 | 佣金结算的最小单据，由扣费事件触发生成 |
| 规则快照 | 佣金计算时对当时产品佣金规则的副本记录，防止规则变更影响历史 |
| 专项业务 | 现有系统中已配置的特殊业务产品，需在产品目录中通过 ID 关联 |
| 物料 | 供合伙人使用的推广素材（海报、文案、视频等） |
| 全员销售 | 亲亲小保 + 北科全体员工均可作为销售参与合伙人招募 |
| 职豆 | 亲亲小保平台内的虚拟积分 / 权益单位 |
### B. 关联 TAPD 链接汇总
| 改造项 | TAPD 地址 |
|--------|-----------|
| 个人用户注册改造 | [1130318111001019024](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019024) |
| 企业创建与管理改造 | [1130318111001019025](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019025) |
| 业务订单扣费通知 | [1130318111001019028](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019028) |
| 企业 CRM 留资改造 | [1130318111001019043](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019043) |
后台说明文档/亲亲创客2.0_合伙人管理系统PRD.md 0 → 100644
# 亲亲创客 2.0 — 合伙人管理系统 PRD
# 亲亲创客 2.0 — 合伙人管理系统 PRD
> **产品名称：** 亲亲创客（合伙人管理后台 + 合伙人联盟小程序）
> **版本：** 2.0
> **文档版本：** v2.0
> **产品负责人：** 鹏飞、张倩
> **最后更新：** 2026-07-06
> **文档用途：** 产品迭代管理 & 开发实施参考
---
## 修订记录
| 版本 | 日期 | 修订人 | 修订内容 |
|------|------|--------|----------|
| v1.0 | 2026-07-03 | 鹏飞 | 初版整理 |
| v2.0 | 2026-07-06 | 张倩 | 重大业务模型调整：四角色分佣体系、商机管理、对接人分配表、小程序双视角登录等 |
---
## 变更标识说明
本文档中每个功能模块 / 字段均标注与 1.0 的关系：
| 标识 | 含义 |
|------|------|
| 🆕 新增 | 2.0 全新功能，1.0 不存在 |
| ✏️ 修改 | 1.0 已有，2.0 做了调整 |
| ⬜ 未变 | 与 1.0 完全一致，原样保留 |
---
## 目录
1. [产品概述与核心变更](#1-产品概述与核心变更)
2. [角色体系定义](#2-角色体系定义)
3. [模块一：产品管理](#3-模块一产品管理)
4. [模块二：合伙人管理](#4-模块二合伙人管理)
5. [模块三：商机管理](#5-模块三商机管理)
6. [模块四：佣金结算](#6-模块四佣金结算)
7. [模块五：佣金提现与发放](#7-模块五佣金提现与发放)
8. [模块六：现有系统改造点](#8-模块六现有系统改造点)
9. [模块七：数据埋点与统计](#9-模块七数据埋点与统计)
10. [模块八：合伙人联盟小程序](#10-模块八合伙人联盟小程序)
11. [后台菜单结构](#11-后台菜单结构)
12. [待定项汇总](#12-待定项汇总)
13. [附录](#13-附录)
---
## 1. 产品概述与核心变更
### 1.1 产品定位 ⬜
亲亲创客是亲亲小保 / 亲亲企服体系下的合伙人推广分佣系统，通过"全员销售 + 外部合伙人"的推广网络驱动获客，以佣金激励机制实现闭环。
### 1.2 系统组成 ⬜
| 端 | 说明 |
|---|---|
| 管理后台（PC Web） | 产品、合伙人、商机、佣金等全量管理功能 |
| 合伙人联盟小程序 | 合伙人 / 对接人双视角移动端 |
| 现有业务系统（改造接入） | 增加客户类型标记、扣费事件通知等改造 |
### 1.3 2.0 核心变更总览 🆕
相对 1.0 的**核心模型变化**：
| 维度 | 1.0 | 2.0 | 影响 |
|------|-----|-----|------|
| 角色体系 | 合伙人 + 对接人（员工）二角色 | 介绍人 + 合伙人 + 渠道管理员 + 对接人 四角色 | 全局影响 |
| 分佣对象 | 仅合伙人分佣 | 合伙人 + 渠道管理员 + 对接人 三方分佣，介绍人一次性奖励 | 佣金模块重构 |
| 分佣挂载 | 挂在产品维度（仅一个分佣规则） | 挂在产品维度（每个产品独立配置三方分佣规则） | 产品管理改造 |
| 客户分类 | 无区分 | 直销客户 / 合伙人客户 | 企业管理改造 |
| 结算逻辑 | 合伙人客户和直销客户同一套 | 直销客户走原有逻辑，合伙人客户走合伙人结算逻辑 | 订单结算分流 |
| 商机管理 | 原系统CRM | 新增完整商机生命周期（待审核→待分配→跟进中→已成单/已作废） | 全新模块 |
| 对接人分配 | 无 | 新增「对接人分配表」作为业务层关系枢纽 | 全新核心表 |
| 小程序 | 仅合伙人视角 | 合伙人视角 + 对接人视角（含介绍人），登录自动判断 | 小程序重构 |
### 1.4 核心业务流程概览 ✏️
```
全员员工 → 发展合伙人（介绍人身份）
↓
合伙人 → 报备商机（合伙人手动添加 / 用户落地页扫码 / 管理员后台添加）
↓
渠道管理员 → 审核商机 → 分配对接人
↓
对接人 → 跟进商机 → 推进成单 → 创建企业客户（标记为合伙人客户） → 商机关联用户后写入「对接人分配表」
↓
业务订单生成 → 判断是否合伙人客户
├── 是 → 查对接人分配表 → 三方分佣（示例：合伙人30% + 渠道管理员2% + 对接人5%）
└── 否 → 走直销客户原有绩效计算逻辑
↓
介绍人 → 合伙人首单成交后获一次性50元福礼金奖励（渠道管理员线下发放、后台标记）
```
---
## 2. 角色体系定义 🆕
2.0 引入四角色分佣体系，替代 1.0 的简单二角色模型。
### 2.1 角色定义
| 角色 | 谁来做 | 一句话职责 | 激励方式 | 结算渠道 |
|------|--------|-----------|----------|----------|
| 介绍人 | 全体员工均可 / 市场部（运营发展的合伙人）/所有个人用户 | 推荐某人成为合伙人，推完不管 | 合伙人首单成交后一次性 50 元福礼金 | 渠道管理员线下发放，后台标记状态 |
| 合伙人 | 除员工以外的所有个人用户 | 推荐客户，在小程序报备商机 | 成交额/服务费/利润的 N%（示例30%），续费持续 | 小程序提现 |
| 渠道管理员 | 外招渠道组长或专员（内部员工） | 管理所有合伙人信息、分析业务数据、分配商机对接人 | 成交额/服务费/利润的 N%（示例2%），续费持续 | 次月工资结算 |
| 对接人（跟单） | 有转化能力的销售或指定人员（内部员工） | 接收商机，跟进客户，跟单成单 | 成交额/服务费/利润的 N%（示例5%），续费持续 | 次月工资结算 |
> **合并规则：** 渠道管理员与对接人为同一人时，佣金合并（示例 2% + 5% = 7%）。
### 2.2 介绍人身份与关联关系
#### 2.2.1 介绍人可以是谁
**任意用户均可成为介绍人**，包括但不限于：
| 用户类型 | 场景 |
|----------|------|
| 公司在职员工 | 全员销售，员工邀请外部人注册合伙人 |
| 已有合伙人 | 合伙人邀请其他人注册为新合伙人（合伙人裂变） |
| 普通注册用户 | 平台普通用户分享邀请码，被邀请人注册合伙人 |
#### 2.2.2 两层概念区分
| 层面 | 名称 | 建立时机 | 含义 |
|------|------|----------|------|
| 数据层 | 合伙人-用户关联关系 | 合伙人扫描邀请码注册时自动绑定，或后台手动添加合伙人时指定 | 仅表示"这个合伙人是由该用户推荐来的"，是一条静态归属记录 |
| 业务层 | 介绍人身份成立 | 该用户关联的合伙人中，**至少有一个合伙人审核通过（状态=正常）** | 该用户在小程序前台身份显示为「介绍人」 |
#### 2.2.3 状态流转
```
用户A 分享邀请码，合伙人X 扫码注册
→ 建立关联关系（用户A ↔ 合伙人X）
→ 合伙人X 状态为「待审核」
→ 此时用户A 仅有关联关系，前台不显示介绍人身份
合伙人X 审核通过，状态变为「正常」
→ 用户A 正式成立「介绍人」身份，前台显示为介绍人
```
#### 2.2.4 判定规则
介绍人身份成立条件：**该用户所关联的全部合伙人中，存在至少一个状态="正常"的合伙人。**
动态派生状态，不需要在用户表上单独存字段，系统在需要判断时实时查询即可（如小程序登录时判断是否展示介绍人入口）。
#### 2.2.5 介绍人身份与介绍人奖励的关系
两者独立：
| 事项 | 触发条件 | 说明 |
|------|----------|------|
| 介绍人身份成立 | 关联的合伙人审核通过 | 影响前台身份显示 |
| 介绍人奖励触发 | 关联的合伙人的客户完成首笔订单 | **按合伙人粒度**，每个合伙人首单各触发一次 50 元奖励 |
即：身份成立在先（审核通过即成立），奖励发放在后（需等合伙人带来实际成单）。一个介绍人介绍了 3 个合伙人且 3 个都成单，则累计获得 3 × 50 = 150 元。
### 2.3 客户类型定义 🆕
企业客户新增类型标记：
| 客户类型 | 定义 | 结算逻辑 |
|----------|------|----------|
| 直销客户 | 所有历史客户 + 非合伙人来源的新客户 | 走现有结算逻辑 |
| 合伙人客户 | 由合伙人发展来的新客户 | 走合伙人结算逻辑（三方分佣） |
---
## 3. 模块一：产品管理
后台菜单路径：**亲亲创客 → 产品管理**
### 3.1 产品分类 ⬜
与 1.0 完全一致。三级分类体系：大分类 → 二级分类 → 三级分类。
大分类枚举：亲亲小保、亲亲企服。
分类示例参见 1.0 PRD 第 2.1 节，此处不重复。
### 3.2 产品管理列表 ✏️
#### 3.2.1 产品创建页面 & 编辑页面 ✏️
创建和编辑共用同一表单结构，编辑时回填已有数据。
**A. 基本信息区**
以下字段与 1.0 一致（⬜），在创建/编辑表单中作为第一个表单区域：
| 字段 | 类型 | 必填 | 说明 | 变更 |
|------|------|------|------|------|
| 客户类型 | 枚举 | 是 | 亲亲小保 / 亲亲企服 | ⬜ |
| 产品类型 | 两级枚举 | 是 | 关联产品分类体系 | ⬜ |
| 产品名称 | 文本 | 是 | 对外展示名称 | ⬜ |
| 订单类型 | 枚举 | 是 | 企业岗位外包/劳务派遣/企业社保公积金代理/社保公积金托管/个人社保代理/个体工商户注册托管/个人岗位外包/购买职豆/智能工资条服务资格/专项业务 | ⬜ |
| 业务负责人 | 员工 | 是 | 产品咨询联系人 | ⬜ |
| 价格区间 | 文本 | 是 | C 端公示用，非实际计费 | ⬜ |
| 返佣方式 | 枚举 | 是 | 续费持续返佣/一次性返佣 | ⬜ |
| 上架状态 | 枚举 | 是 | 草稿 / 已上架 / 已下架 | ⬜ |
| 专项业务产品 ID | 外键 | 条件必填 | 关联服务产品类型=专项业务时必填 | ⬜ |
| 产品介绍 | 文本 | 是 | 合伙人查看用产品简介 | ⬜ |
| 产品图文介绍 | 富文本 | 否 | 合伙人查看用产品完整介绍 | ⬜ |
| 推广标语 | 文本 | 否 | 推广场景标语 | ⬜ |
| 是否主推产品 | 枚举 | 是 | 是/否 | ⬜ |
| 用户落地页 | 图片数组 | 否 | c端使用 | ⬜ |
| 合伙人落地页 |图片数组 | 否 | c端使用 | ⬜ |
| 介绍人海报模版 |图片数组 | 否 | c端使用 | ⬜ |
| 合伙人海报模版 | 图片数组 | 否 | c端使用 | ⬜ |
| 优先级 | 数字 | 否 | 列表排序 | ⬜ |
> **2.0 删除字段：** 原 1.0 产品基本信息中的「计算方式」「利润比例」「返佣方式」三个字段已移除，由下方三组分佣规则替代。
**B. 对接人配置区 🆕**
| 字段 | 类型 | 必填 | 说明 |
|------|------|------|------|
| 对接人 | 员工多选 | 是 | 从所有员工中选择，支持搜索，支持多选 |
**用途：** 渠道管理员在分配商机对接人时，候选人范围即为该产品配置的对接人列表。
**C. 分佣规则配置区 ✏️**
**1.0 → 2.0 变更说明：** 1.0 的佣金规则只有一套（挂在产品上给合伙人），2.0 改为**三套独立分佣规则**，分别对应三个分佣角色，均为必填项。
三组规则字段结构相同：
| 字段 | 类型 | 必填 | 说明 |
|------|------|------|------|
| 计算方式 | 枚举 | 是 | 固定金额 / 比例 |
| 佣金计算基准 | 枚举 | 条件显示 | 计算方式=比例时显示并必填；枚举值：成交额 / 服务费 / 利润 |
| 比例设置 | 数字（%） | 条件显示 | 计算方式=比例时显示并必填 |
| 金额 | 金额 | 条件显示 | 计算方式=固定金额时显示并必填 |
分别配置三组：
| 规则组 | 说明 |
|--------|------|
| 渠道管理员分佣规则 | 渠道管理员从每笔订单中获得的佣金 |
| 对接人分佣规则 | 对接人（销售）从每笔订单中获得的佣金 |
| 合伙人分佣规则 | 合伙人从每笔订单中获得的佣金 |
**界面交互规则：**
- 计算方式=固定金额时：显示「金额」字段，隐藏「佣金计算基准」和「比例设置」
- 计算方式=比例时：显示「佣金计算基准」和「比例设置」字段，隐藏「金额」
- 三组规则独立控制，互不影响
**佣金计算基准业务定义：**
| 基准 | 适用场景 | 取值口径 |
|------|----------|----------|
| 服务费 | 标准业务 | 企业或个人用户的服务费订单、服务资格订单的总金额 |
| 成交额 | 专项业务 | 专项订单中「核定收入」的订单金额 |
| 利润 | 专项业务 | 专项订单中「核定收入」的服务费金额 |
---
#### 3.2.2 产品列表页 ✏️
**筛选条件：** 支持按产品分类、上架状态、客户类型筛选。
**列表字段展示：**
| 列 | 说明 | 变更 |
|----|------|------|
| 产品名称 | — | ⬜ |
| 客户类型 | 个人客户 / 企业客户 | ⬜ |
| 产品类型 | 二级分类名 | ⬜ |
| 业务负责人 | 员工姓名 | ⬜ |
| 对接人 | 多人时逗号分隔显示 | 🆕 紧跟业务负责人后面显示 |
| 分佣规则 | 显示三个角色的分佣规则摘要（如"合伙人:比例30% / 渠道管理员:比例2% / 对接人:比例5%"） | 🆕 替代原单一规则显示 |
| 上架状态 | — | ⬜ |
| 操作 | 编辑 / 上下架 / 查看详情 | ⬜ |
---
#### 3.2.3 产品详情页 ✏️
详情页分为以下板块，2.0 对布局做了调整：
**板块 A：基本信息 ✏️**
展示产品基础字段（客户类型、产品类型、产品名称、价格区间、上架状态、关联服务产品类型、产品图文介绍、推广标语、是否主推产品、优先级等）。
> **2.0 布局调整：**
> - **移出**原基本信息区的「业务负责人」→ 合并到板块 B
> - **移出**原基本信息区的「计算方式/利润比例/返佣方式」→ 已删除，由板块 C 替代
**板块 B：人员配置 🆕**
将业务负责人和对接人合并在同一板块展示：
| 字段 | 说明 |
|------|------|
| 业务负责人 | 从基本信息区移入此处 |
| 对接人 | 🆕 多人显示 |
**板块 C：分佣规则 🆕**
展示三组分佣规则配置：
| 展示项 | 内容 |
|--------|------|
| 渠道管理员分佣规则 | 计算方式 + 基准/比例 或 金额 |
| 对接人分佣规则 | 同上 |
| 合伙人分佣规则 | 同上 |
> 替代原 1.0 详情页中的单一计算规则展示。
**板块 D：产品物料列表 ⬜**
与 1.0 一致，展示该产品下的物料列表（海报、文案等），支持新增/上下架。
---
## 4. 模块二：合伙人管理
后台菜单路径：**亲亲创客 → 合伙人管理**
### 4.1 员工体系定义 ⬜
全员销售范围：亲亲小保 + 北科全体员工。数据来源同 1.0（企业微信通讯录同步）。
---
### 4.2 邀请码 / 推广码统一结构 ⬜
与 1.0 一致，介绍人邀请码和合伙人推广码共用一套数据结构。字段定义不变。
---
### 4.3 合伙人申请审核列表 ✏️
后台菜单路径：**亲亲创客 → 合伙人管理 → 合伙人申请审核列表**
**2.0 变更点：** 审核页面新增"拒绝原因"字段（审核拒回时必填），原因枚举值如下：
身份信息无法核验
冒用他人身份
未成年人
受限身份（公务员等）
黑名单/失信/行业违法记录
内部员工或亲属
竞对从业者
重复申请/关联账号
所在地区无服务能力
区域名额已满
业务合规风险（挂靠中介等）
拟推广方式违规风险
资料不全/不实
无法联系
资源与申请角色不匹配
其他。
**处理流程：**
```
用户在小程序提交合伙人申请
↓
系统匹配介绍人：
├── 扫描介绍人二维码 → 该员工为合伙人的介绍人
└── 自主登录到小程序申请合伙人 → 介绍人为市场部默认的一个员工
↓
后台生成申请记录，状态为「待审核」
↓
市场运营管理员审核通过 → 创建合伙人记录，来源标签「介绍人邀请」/「自主申请」
```
**申请管理列表功能：**
| 功能 | 说明 |
|------|------|
| 列表页 | 展示所有申请记录，支持按审核状态筛选 |
| 审核操作 | 通过 / 拒绝，通过后自动创建合伙人记录 |
---
### 4.4 合伙人管理列表 ✏️
后台菜单路径：**亲亲创客 → 合伙人管理 → 合伙人管理列表**
#### 4.4.1 合伙人字段定义
| 字段 | 类型 | 必填 | 说明 | 变更 |
|------|------|------|------|------|
| 合伙人 ID | 系统自动 | — | 主键 | ⬜ |
| 合伙人类别 | 枚举 | 是 | 个人 / 机构（一期先不做机构） | ⬜ |
| 合伙人名称 | 文本 | 是 | 自然人姓名或机构名 | ⬜ |
| 身份类别 | 文本 | 否 | HR、猎头等 | ⬜ |
| 所在城市 | 文本 | 否 | — | ⬜ |
| 用户 ID | 外键 | 是 | 亲亲小保个人用户 ID | ⬜ |
| 介绍人 | 亲亲小保个人用户 ID | 是 | 🔽见下方赋值规则 | ✏️ 原"关联介绍人 ID"，赋值规则变更 |
| 状态 | 枚举 | 是 | 待审核 / 正常 / 禁用 | ⬜ |
| 合伙人来源方式 | 枚举 | 是 | 员工邀请 / 自主申请 | ⬜ |
| 是否已成单 | 枚举 | 是 | 未成单 / 已成单 | 🆕 |
| 是否已发放奖励 | 枚举 | 是 | 无奖励 / 待发放 / 已发放 | 🆕 |
#### 4.4.2 「介绍人」字段赋值规则 ✏️
| 场景 | 介绍人取值 |
|------|-----------|
| 后台添加的合伙人 | 介绍人字段所选的个人用户ID |
| 扫描介绍人二维码 | 介绍人 = 二维码所属个人用户 |
| 自主申请，无二维码 | 介绍人为市场部的默认员工 |
#### 4.4.3 「是否已成单」和「是否已发放奖励」状态流转 🆕
```
初始状态：是否已成单=未成单，是否已发放奖励=无奖励
↓
该合伙人发展的客户首次下单并完成支付
↓
系统自动修改：是否已成单=已成单，是否已发放奖励=待发放
↓
渠道管理员线下发放50元福礼金后
↓
渠道管理员手动在后台修改：是否已发放奖励=已发放
```
#### 4.4.4 合伙人列表管理功能
| 功能 | 说明 | 变更 |
|------|------|------|
| 列表页 | 支持按状态、来源、介绍人、是否已成单、是否已发放奖励筛选 | ✏️ 增加筛选项 |
| 新增合伙人 | 后台手动添加，原对接人改为介绍人，且介绍人选择个人用户 | ⬜ |
| 编辑 | 修改基本信息、状态、奖励发放状态 | ✏️ |
---
### 4.5 合伙人功能配置 🆕
后台菜单路径：**亲亲创客 → 合伙人管理**（或独立配置入口）
全局系统配置功能。
| 配置项 | 说明 |
|--------|------|
| 渠道管理人 | 从公司员工中选择，支持搜索。配置后该人拥有商机审核、对接人分配等权限 |
| 产品管理人员 | 从公司员工中选择，支持搜索。配置后对应人员拥有产品管理配置权限 |
```
管理员在后台添合伙人
↓
系统匹配介绍人：
├── 创建合伙人时填写介绍人 → 该员工为合伙人的介绍人
↓
后台生成合伙人记录，（直接创建合伙人，无需生成申请记录）
↓
创建合伙人记录，来源标签「后台添加」
```
---
## 5. 模块三：商机管理 🆕
后台菜单路径：**亲亲创客 → 商机管理**
> **整体说明：** 2.0 新增完整商机管理模块。商机是"线索层"概念，成单后进入"客户与订单层"。1.0 无此模块。
### 5.1 商机来源
商机有三种创建途径：
| 来源 | 说明 |
|------|------|
| 合伙人手动添加 | 合伙人在小程序中手动报备客户商机 |
| 落地页扫码留咨 | 二维码带合伙人信息，客户扫码留资自动生成商机 |
| 后台添加 | 渠道管理员在后台手动创建商机 |
### 5.2 商机字段定义
| 字段 | 类型 | 必填 | 说明 |
|------|------|------|------|
| 商机 ID | 系统自动 | — | 主键 |
| 客户信息 | 文本 / 关联 | 是 | 客户名称、联系方式等 |
| 产品信息 | 外键 | 是 | 关联产品目录 |
| 合伙人 | 外键 | 是 | 报备商机的合伙人 |
| 对接人 | 外键 | 否 | 渠道管理员分配，或自动匹配 |
| 渠道管理员 | 外键 | 否 | 系统自动填入当前配置的渠道管理员 |
| 商机状态 | 枚举 | 是 | 待审核 / 待分配 / 跟进中 / 暂时挂起 / 已成单 / 已作废 |
| 创建时间 | datetime | — | 系统自动 |
| 更新时间 | datetime | — | 系统自动 |
### 5.3 商机判重逻辑
新增商机时，系统自动判重：
```
新增商机（客户 + 产品）
↓
查询：同客户 + 同产品，是否已有「进行中」状态的商机？
（进行中 = 待审核 / 待分配 / 跟进中 / 暂时挂起）
↓
├── 是 → 提示「已有进行中商机」，仅刷新该商机的「更新时间」，不新建
└── 否 → 生成一条新商机，状态=待审核
```
### 5.4 商机自动匹配对接人
新商机创建后，系统自动查询「对接人分配表」：
```
以 客户 + 产品 查询「对接人分配表」
↓
├── 命中 → 将分配表中记录的对接人预置为本商机的对接人
└── 未命中 → 对接人为空，等待渠道管理员手动分配
```
> 设计意图：同一客户同一产品的历史业务，新商机自动归回原对接人，无需重新分配。解决岗位外包等按月出单业务的重复分配问题。
### 5.5 商机状态机
| 状态 | 类别 | 说明 | 操作人 |
|------|------|------|--------|
| 待审核 | 进行中 | 新生成，等待渠道管理员核实 | — |
| 待分配 | 进行中 | 核实真实，等待分配对接人 | 渠道管理员 |
| 跟进中 | 进行中 | 对接人正在跟进 | 对接人 |
| 暂时挂起 | 进行中 | 对接人暂时挂起，可恢复 | 对接人 |
| 已成单 | 结束 | 成功成单 | 对接人 |
| 已作废 | 结束 | 商机无效 | 渠道管理员 |
**状态流转：**
```
待审核 ──核实真实──→ 待分配 ──分配对接人──→ 跟进中 ──成单──→ 已成单
│ │ │ ↕
│核实不真实 │作废 │作废 挂起↔恢复
↓ ↓ ↓ │
已作废 ←────────────────────────────────────────── 暂时挂起 ──作废──→ 已作废
```
**关键触发：**
- 「待分配 → 跟进中」（即分配对接人动作）触发写入「对接人分配表」，记录：客户 + 产品 + 对接人 + 渠道管理员
---
### 5.6 商机管理列表
后台菜单路径：**亲亲创客 → 商机管理 → 商机管理列表**
| 功能 | 说明 |
|------|------|
| 列表页 | 展示所有商机，支持按状态、合伙人、对接人、产品、时间范围筛选 |
| 审核 | 渠道管理员核实商机真实性，通过（→待分配）或作废（→已作废） |
| 分配对接人 | 渠道管理员从该商机对应产品配置的对接人列表中选择一人分配 |
| 状态操作 | 对接人：成单、挂起、恢复、作废 |
**权限：**
| 操作 | 权限 |
|------|------|
| 审核商机 | 渠道管理员 |
| 分配对接人 | 渠道管理员 |
| 成单 / 挂起 / 恢复 / 作废 | 对接人（仅自己的商机） |
---
### 5.7 对接人分配表 🆕
后台菜单路径：**亲亲创客 → 商机管理 → 对接人分配表**
对接人分配表是 2.0 的**核心关系枢纽**——以「客户 + 产品」为键，固定记录三方关系。
#### 5.7.1 分配表字段定义
| 字段 | 类型 | 说明 |
|------|------|------|
| 分配记录 ID | 系统自动 | 主键 |
| 客户 | 外键 | 企业客户 |
| 产品 | 外键 | 产品目录 |
| 对接人 | 外键 | 分配的销售人员 |
| 渠道管理员 | 外键 | 分配时的渠道管理员 |
| 创建时间 | datetime | 首次分配时间 |
| 更新时间 | datetime | 最近更新时间 |
**唯一约束：** 同一客户 + 同一产品只存在一条记录。
#### 5.7.2 写入时机
商机「分配对接人」时写入。如已存在同客户+同产品的记录，则更新对接人。
#### 5.7.3 被读取场景
| 场景 | 读取逻辑 |
|------|----------|
| 新增商机 | 以客户+产品查询，命中→新商机自动预置原对接人 |
| 订单结算 | 以客户+产品查询，取出对接人和渠道管理员用于分佣计算 |
#### 5.7.4 解决的核心问题
岗位外包、社保等持续履约业务每月产生新订单，对接人分配只在分配表层面发生一次，每月新订单结算时按「客户+产品」回查分配表，自动继承对接人与分佣关系，无需每月重复分配。
---
## 6. 模块四：佣金结算 ✏️
后台菜单路径：**亲亲创客 → 佣金结算**
> **2.0 核心变更：** 1.0 每笔订单生成一条佣金结算单（仅合伙人），2.0 改为每笔合伙人客户订单生成**三条**佣金结算单（合伙人 + 渠道管理员 + 对接人），外加一条介绍人奖励记录（仅首单触发）。佣金结算拆分为四个子菜单。
### 6.1 佣金计算触发机制 ✏️
#### 6.1.1 触发条件判断
```
业务订单扣费/退费成功
↓
判断：该企业客户是否为「合伙人客户」？
├── 否 → 走直销客户原有结算逻辑，不计合伙人分佣
└── 是 → 进入合伙人结算逻辑 ↓
↓
步骤1：查客户绑定的合伙人
步骤2：查「对接人分配表」（客户+产品）→ 取出对接人、渠道管理员
步骤3：查产品上配置的三组分佣规则
步骤4：生成三条佣金结算单
↓
步骤5：判断是否合伙人的客户首次下单
├── 是 → 修改合伙人记录：是否已成单=已成单，是否已发放奖励=待发放
└── 否 → 不处理
```
#### 6.1.2 技术要求 ⬜
与 1.0 一致：
| 要求 | 说明 |
|------|------|
| 接入方式 | 消息队列（MQ）异步处理 |
| 幂等处理 | 同一笔订单同一笔收款，重复触发只算一次 |
| 退费处理 | 退费事件触发反向冲账记录 |
| 专项订单 | 触发时机为"核定收入"时 |
| 规则快照 | 生成结算单时快照当时的分佣规则 |
| 操作日志 | 每次佣金计算写入日志 |
### 6.2 佣金结算单结构 ✏️
每笔合伙人客户订单生成**三条**结算单：
#### 6.2.1 通用字段
| 字段 | 类型 | 说明 |
|------|------|------|
| 结算单 ID | 系统自动 | 主键 |
| 结算单类型 | 枚举 | 合伙人佣金 / 渠道管理员佣金 / 对接人佣金 |
| 产品目录 ID | 外键 | 关联产品 |
| 产品名称 | 文本 | 冗余字段 |
| 客户类型 | 枚举 | 个人用户 / 企业客户 |
| 客户 ID | 外键 | 成单客户 |
| 合伙人 | 外键 | 归属合伙人 |
| 结算对象 | 外键 | 根据结算单类型：合伙人ID / 渠道管理员员工ID / 对接人员工ID |
| 业务订单号 | 外键 | 业务系统订单号 |
| 成交金额 | 金额 | 实际收费金额 |
| 佣金金额 | 金额 | 按规则快照计算 |
| 状态 | 枚举 | 待审核 / 已审核 / 已取消 |
| 规则快照 | JSON | 下单时的分佣规则副本（含计算方式、基准、比例/金额） |
| 创建时间 | datetime | — |
| 审核时间 | datetime | — |
| 审核人 | 外键 | — |
### 6.3 佣金结算子菜单
#### 6.3.1 合伙人佣金结算
后台菜单路径：**亲亲创客 → 佣金结算 → 合伙人佣金结算**
展示所有合伙人佣金结算单，支持审核。审核规则同 1.0 奖励单。
#### 6.3.2 渠道管理员佣金结算 🆕
后台菜单路径：**亲亲创客 → 佣金结算 → 渠道管理员佣金结算**
展示所有渠道管理员佣金结算单，支持审核。
#### 6.3.3 对接人佣金结算 🆕
后台菜单路径：**亲亲创客 → 佣金结算 → 对接人佣金结算**
展示所有对接人佣金结算单，支持审核。
#### 6.3.4 介绍人奖励金列表 🆕
后台菜单路径：**亲亲创客 → 佣金结算 → 介绍人奖励金列表**
| 字段 | 类型 | 说明 |
|------|------|------|
| 记录 ID | 系统自动 | 主键 |
| 合伙人 | 外键 | 首单触发的合伙人 |
| 介绍人 | 外键 | 该合伙人的介绍人 |
| 首单订单号 | 外键 | 触发首单的订单 |
| 奖励金额 | 金额 | 50元（固定） |
| 状态 | 枚举 | 待发放 / 已发放 |
| 发放时间 | datetime | 渠道管理员标记时间 |
**操作：** 渠道管理员线下发放后，在此处手动将状态修改为「已发放」。
---
## 7. 模块五：佣金提现与发放 ✏️
### 7.1 合伙人提现 ⬜
与 1.0 一致。合伙人在小程序「我的」页面查看奖励金账户余额，提现至支付宝/微信，复用兼职奖励提现通道。
### 7.2 佣金算税与扣税 ⬜
与 1.0 一致。合伙人佣金属于劳务报酬所得，≤800元免税，>800元扣税，提现确认页明确展示。
### 7.3 易快报对接 ⬜
与 1.0 一致。按每天、每个奖励金来源、每个发放途径分组合并提交。
### 7.4 各角色结算渠道汇总 🆕
| 角色 | 结算渠道 | 系统处理 |
|------|----------|----------|
| 合伙人 | 小程序提现（支付宝/微信） | 系统自动，含代扣税 |
| 渠道管理员 | 次月工资结算 | 佣金记录导出，由财务纳入工资 |
| 对接人 | 次月工资结算 | 佣金记录导出，由财务纳入工资 |
| 介绍人 | 渠道管理员线下发放 | 后台标记状态 |
---
## 8. 模块六：现有系统改造点
### 8.1 个人用户注册改造 ⬜
与 1.0 一致。注册页接收推广码 code，绑定合伙人 ID。
TAPD：[1130318111001019024](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019024)
---
### 8.2 企业创建与管理改造 ✏️
TAPD：[1130318111001019025](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019025)
**2.0 新增变更：** 企业客户新增「客户类型」字段。
#### 8.2.1 企业客户表新增/修改字段
| 字段 | 类型 | 说明 | 变更 |
|------|------|------|------|
| 合伙人 ID | bigint，可空 | 来源：留资带入 / 销售手动指定 / 个人用户建企业时继承 | ⬜ |
| 客户类型 | 枚举 | 直销客户 / 合伙人客户 | 🆕 |
**客户类型赋值规则：**
| 场景 | 客户类型 |
|------|----------|
| 合伙人发展的新客户（有合伙人ID） | 合伙人客户 |
| 所有历史客户 | 直销客户 |
| 非合伙人来源的新客户 | 直销客户 |
#### 8.2.2 合伙人归属判定逻辑 🆕
创建企业客户时，系统自动判定合伙人归属：
```
创建企业客户
↓
查询商机表：该企业是否有「非作废」状态的商机？
↓
├── 有 → 多条时取「创建时间最早」的商机所记录的合伙人，作为该企业的绑定合伙人（归属锁定）
└── 无 → 非合伙人客户 / 普通客户
```
**归属规则：** 归属锚定在「客户主体」，最早报备的合伙人长期绑定。
#### 8.2.3 其他改造点（与 1.0 一致）
| 序号 | 改造内容 | 变更 |
|------|----------|------|
| 1 | 管理端企业客户详情页展示「推广合伙人」「客户类型」 | ✏️ 增加客户类型 |
| 2 | 管理端支持按合伙人、客户类型筛选企业列表 | ✏️ 增加筛选项 |
| 3 | 销售创建企业时可手动关联合伙人（仅自己名下） | ⬜ |
| 4 | 个人用户建企业时合伙人字段默认继承 | ⬜ |
---
### 8.3 业务订单扣费通知 ✏️
TAPD：[1130318111001019028](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019028)
与 1.0 基本一致，但消息消费端逻辑变更：佣金计算服务需先判断客户类型，合伙人客户才触发三方分佣。
| 序号 | 改造内容 | 变更 |
|------|----------|------|
| 1 | 扣费成功后发送异步消息 | ⬜ |
| 2 | 消息内容：业务订单号、客户 ID、收费金额、业务类型、扣费时间 | ⬜ |
| 3 | 退费成功后发送消息，生成反向冲账 | ⬜ |
| 4 | 专项订单在"核定收入"时触发 | ⬜ |
| 5 | 佣金服务增加客户类型判断，直销客户不走合伙人分佣 | 🆕 |
> **🟡 待定项：** 扣费时是否判断对接人是否已设置，未设置正常生成对接人佣金订单，后续补充后发放。
---
### 8.4 企业 CRM 留资改造 ✏️
去掉 1.0 中crm相关功能。
---
## 9. 模块七：数据埋点与统计
### 9.1 推广码扫码埋点 ⬜
与 1.0 一致。写入 `code_scan_log`。
### 9.2 一期基础统计看板 ⬜
与 1.0 一致：合伙人业绩列表、奖励单据汇总、推广码使用统计。
### 9.3 二期补充（暂不开发）⬜
客户转化漏斗、产品维度分析、物料效果分析、AI 营销建议。
---
## 10. 后台菜单结构 ✏️
```
亲亲创客
├── 产品管理
│ ├── 产品分类 ⬜
│ └── 产品管理列表 ✏️ (新增三组分佣规则配置、对接人配置)
├── 合伙人管理
│ ├── 合伙人申请审核列表 ✏️ (申请增加邀请人匹配)
│ └── 合伙人管理列表 ✏️ (介绍人规则变更、新增成单/奖励状态)
├── 商机管理 🆕
│ ├── 商机管理列表 🆕
│ └── 对接人分配表 🆕
└── 佣金结算 ✏️ (拆分为四个子菜单)
├── 合伙人佣金结算 ✏️ (原奖励结算单，改名)
├── 渠道管理员佣金结算 🆕
├── 对接人佣金结算 🆕
└── 介绍人奖励金列表 🆕
```
---
## 附录
### A. 术语表 ✏️
| 术语 | 说明 | 变更 |
|------|------|------|
| 介绍人 | 推荐某人成为合伙人的员工，合伙人首单成交后获一次性奖励 | ✏️ 职责和激励方式重新定义 |
| 合伙人 | 外部推广伙伴，报备商机、推荐客户，获持续分佣 | ⬜ |
| 渠道管理员 | 管理所有合伙人和商机的专员，负责审核和分配，获持续分佣 | 🆕 |
| 对接人 | 接收商机并跟单成单的销售人员，获持续分佣 | 🆕 |
| 商机 | 合伙人报备的潜在客户线索，经审核和跟进后转化为成单 | 🆕 |
| 对接人分配表 | 以「客户+产品」为键的关系枢纽，固定记录三方分佣关系 | 🆕 |
| 直销客户 | 历史客户 + 非合伙人来源的新客户，走原有结算逻辑 | 🆕 |
| 合伙人客户 | 由合伙人发展来的新客户，走合伙人三方分佣逻辑 | 🆕 |
| 推广码 | 合伙人用于推广获客的二维码 | ⬜ |
| 邀请码 | 员工用于招募合伙人的二维码 | ⬜ |
| 规则快照 | 佣金计算时对当时分佣规则的副本记录 | ⬜ |
| 物料 | 供合伙人使用的推广素材 | ⬜ |
### B. 关联 TAPD 链接汇总
**1.0 需求（历史）：**
| 改造项 | TAPD |
|--------|------|
| 个人用户注册改造 | [1019024](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019024) |
| 企业创建与管理改造 | [1019025](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019025) |
| 业务订单扣费通知 | [1019028](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019028) |
| 企业 CRM 留资改造 | [1019043](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019043) |
**2.0 需求：**
| TAPD ID | 标题 | 负责人 | 状态 |
|---------|------|--------|------|
| [1019073](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019073) | 合伙人项目需求调整-0624（总需求） | 杨泽辉 | 规划中 |
| [1019098](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019098) | 员工判断取 TeamMix2020 下启用状态的员工 | 张倩 | 规划中 |
| [1019096](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019096) | 【亲亲创客】2.0 - 对接人界面 | 杨泽辉 | 规划中 |
| [1019095](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019095) | 原线索写入企业 CRM 的相关修改恢复到合伙人前状态 | 张倩 | 规划中 |
| [1019094](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019094) | 【亲亲创客】2.0 - 介绍人界面 | 杨泽辉 | 规划中 |
| [1019093](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019093) | 【亲亲创客】2.0 - 合伙人界面 | 杨泽辉 | 规划中 |
| [1019092](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019092) | 【亲亲创客】2.0 - 登录及申请页面 | 杨泽辉 | 规划中 |
| [1019091](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019091) | 创建企业时查商机表匹配合伙人归属 | 张倩 | 规划中 |
| [1019090](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019090) | 合伙人创建/编辑页面介绍人改为选择个人用户 | 张倩 | 规划中 |
| [1019089](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019089) | 合伙人详情新增商机列表显示 | 张倩 | 规划中 |
| [1019083](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019083) | 商机管理列表、对接人分配列表、企业详情改造 | 张倩 | 规划中 |
| [1019082](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019082) | 介绍人费用订单列表（线下发放） | 张倩 | 待分配 |
| [1019081](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019081) | 佣金列表修改：新增渠道管理员和对接人佣金计算 | 张倩 | 待分配 |
| [1019080](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019080) | 业绩计算逻辑调整：直销客户走原有逻辑 | 李鹏飞 | 待测试 |
| [1019078](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019078) | 企业详情增加服务订单记录（合伙人客户） | 张倩 | 待分配 |
| [1019077](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019077) | 产品配置页面修改（对接人+三组分佣规则） | 张倩 | 待分配 |
| [1019076](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019076) | 合伙人列表及详情页面修改（介绍人+成单/奖励状态） | 张倩 | 待分配 |
| [1019075](https://www.tapd.cn/tapd_fe/30318111/story/detail/1130318111001019075) | 企业详情及列表增加客户类型字段和筛选 | 张倩 | 待分配 |
小程序HTML原型/01-登录及申请.dc.html 0 → 100644
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<helmet>
<meta name="design_doc_mode" content="canvas">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Noto Sans SC', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; -webkit-font-smoothing: antialiased; }
.phone { width:375px; height:812px; background:linear-gradient(180deg,#E8EAFA 0%,#EEE9F6 50%,#F4F1FA 100%); border-radius:42px; overflow:hidden; box-shadow:0 24px 50px rgba(60,55,120,.18),0 4px 14px rgba(0,0,0,.08); position:relative; display:flex; flex-direction:column; }
.statusbar { height:44px; display:flex; align-items:center; padding:0 28px 0 32px; flex-shrink:0; z-index:3; }
.stime { font:600 16px/1 -apple-system,sans-serif; flex:1; color:#1A1A2E; }
.sicons { display:flex; gap:5px; align-items:center; color:#1A1A2E; }
.navbar { height:44px; display:flex; align-items:center; padding:0 6px 0 16px; flex-shrink:0; z-index:2; }
.navtitle { flex:1; text-align:center; font:600 17px/1 'Noto Sans SC',sans-serif; color:#1A1A2E; padding-right:88px; padding-left:32px; }
.capsule { width:87px; height:32px; background:rgba(255,255,255,.7); border-radius:16px; border:.5px solid rgba(0,0,0,.08); display:flex; align-items:center; justify-content:space-around; flex-shrink:0; }
.scroll { flex:1; overflow-y:auto; }
.scroll::-webkit-scrollbar { width:3px; }
.scroll::-webkit-scrollbar-thumb { background:rgba(0,0,0,.1); border-radius:2px; }
.home { height:34px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:8px; flex-shrink:0; }
.home-bar { width:134px; height:5px; background:#1A1A2E; border-radius:3px; }
.back-ic { width:28px; height:28px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.label { position:absolute; top:-26px; font:500 12px/1 -apple-system,sans-serif; color:rgba(40,30,80,.55); letter-spacing:.3px; }
.input { height:48px; background:#fff; border-radius:12px; border:1px solid #EAEAF2; display:flex; align-items:center; padding:0 16px; font-size:14px; color:#BFBFC7; }
.input.filled { color:#1A1A2E; }
.btn-primary { height:50px; background:linear-gradient(135deg,#4D6FF5,#3651DB); border-radius:25px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:1px; box-shadow:0 8px 20px rgba(77,111,245,.32); }
.tag-qfu { background:#E8EEFE; color:#4A6CF7; font-size:11px; padding:2px 7px; border-radius:4px; font-weight:500; }
.tag-qbao { background:#E5F7EC; color:#16A55A; font-size:11px; padding:2px 7px; border-radius:4px; font-weight:500; }
.section-bar { width:3px; height:14px; background:#4A6CF7; border-radius:2px; }
.role-chip { padding:9px 14px; background:#F4F4F8; color:#666; font-size:13px; border-radius:10px; border:1.5px solid transparent; font-weight:500; text-align:center; }
.role-chip.active { background:linear-gradient(135deg,#EAF0FE,#DDE6FF); color:#3651DB; border-color:#4D6FF5; font-weight:600; }
</style>
</helmet>
<!-- ===== CANVAS HEADER ===== -->
<div style="position:absolute;left:80px;top:14px;font:800 22px/1 'Noto Sans SC',sans-serif;color:#1A1A2E;letter-spacing:-.4px">登录及申请</div>
<div style="position:absolute;left:80px;top:46px;display:flex;align-items:center;gap:10px;font:500 12px/1 'Noto Sans SC',sans-serif;color:rgba(40,30,80,.6)">
<span style="display:inline-block;width:18px;height:2px;background:#4D6FF5"></span>
<span>未登录首页 · 登录页 · 非介绍人状态 · 介绍人状态 · 申请成为合伙人 · 加盟协议确认 · 提交成功 · 审核中 · 审核未通过</span>
</div>
<!-- ================================================================
P1 · 未登录首页（与合伙人首页一致，仅登录状态区分 + 登录引导）
================================================================ -->
<div style="position:absolute;left:80px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P1 · 未登录首页</div>
<div class="phone">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar"><div style="flex:1"></div><div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div></div>
<div class="scroll">
<!-- Profile placeholder · 未登录态 -->
<!-- 业务介绍 Hero -->
<div style="margin:0 16px 0;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:20px;color:#fff;position:relative;overflow:hidden">
<div style="position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:absolute;right:14px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative">
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.22);border-radius:10px;padding:3px 9px;font-size:11px;margin-bottom:10px">🚀 推荐好服务 · 共享好收益</div>
<div style="font-size:22px;font-weight:800;line-height:1.25;margin-bottom:8px">亲亲创客<br>一站式企业服务推广平台</div>
<div style="font-size:12.5px;color:rgba(255,255,255,.88);line-height:1.65;margin-bottom:14px">推荐企业开公司、办执照、人事社保<br>订单成交即享高额佣金 · 续费持续返佣</div>
<div style="display:flex;gap:8px">
<div style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#3651DB;font-size:13.5px;font-weight:700;padding:10px 0;border-radius:18px;box-shadow:0 6px 14px rgba(0,0,0,.12)">一键登录 ›</div>
<div style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);color:#fff;font-size:13.5px;font-weight:600;padding:10px 0;border-radius:18px">申请入驻 ›</div>
</div>
</div>
</div>
<!-- 价值点 -->
<div style="margin:12px 16px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px">
<div style="background:#fff;border-radius:12px;padding:12px 8px;text-align:center;box-shadow:0 2px 8px rgba(60,55,120,.05)">
<div style="font-size:22px;line-height:1;margin-bottom:6px">🏢</div>
<div style="font-size:12px;font-weight:600;color:#1A1A2E">企业服务严选</div>
<div style="font-size:10px;color:#888;margin-top:3px">官方合规品类</div>
</div>
<div style="background:#fff;border-radius:12px;padding:12px 8px;text-align:center;box-shadow:0 2px 8px rgba(60,55,120,.05)">
<div style="font-size:22px;line-height:1;margin-bottom:6px">💰</div>
<div style="font-size:12px;font-weight:600;color:#1A1A2E">最高 30% 返佣</div>
<div style="font-size:10px;color:#888;margin-top:3px">续费持续分润</div>
</div>
<div style="background:#fff;border-radius:12px;padding:12px 8px;text-align:center;box-shadow:0 2px 8px rgba(60,55,120,.05)">
<div style="font-size:22px;line-height:1;margin-bottom:6px">⚡</div>
<div style="font-size:12px;font-weight:600;color:#1A1A2E">小程序秒提现</div>
<div style="font-size:10px;color:#888;margin-top:3px">结算公开透明</div>
</div>
</div>
<!-- Main services (locked overlay) -->
<div style="margin:14px 16px 0;background:linear-gradient(180deg,#FFF1E2,#FFFCF6);border-radius:16px;padding:14px;position:relative">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:6px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFD86B" stroke="#E89B14" stroke-width="1.3" stroke-linejoin="round"><path d="M8 1l1.8 4 4.2.4-3.2 2.8 1 4.2L8 10.4l-3.8 2 1-4.2L1 5.4l4.2-.4L8 1z"></path></svg><span style="font-size:15px;font-weight:800;font-style:italic;color:#A8430F;letter-spacing:.5px">主推服务</span></div>
<span style="font-size:11px;color:#A8430F;opacity:.7">公司严选好品 · 出单更稳更省心</span>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background:linear-gradient(135deg,#FF8A4E,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">🔥 高佣金</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">个体工商户/公司注册</span></div>
<div style="font-size:12px;color:#888;margin-bottom:8px">开公司办执照，全程合规代办</div>
<div style="display:flex;gap:6px"><span class="tag-qbao">亲亲小保</span><span class="tag-qfu">个人创业支持服务</span></div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">30%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">佣金服务费的</div><div style="margin-top:8px;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:14px">查看</div></div>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background: #EAF0FE; color: #4A6CF7; border: 1px solid #BFD0FA; font-size: 10px; padding: 2px 7px; border-radius: 5px; font-weight: 600; width: 70px">👍 易成交</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">虚拟注册地/租赁注册地址</span></div>
<div style="font-size:12px;color:#888;margin-bottom:8px">全流程代办零操心</div>
<div style="display:flex;gap:6px"><span class="tag-qfu">亲亲企服</span><span class="tag-qfu">人事用工服务</span></div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">10%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">佣金服务费的</div><div style="margin-top:8px;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:14px">查看</div></div>
</div>
<div style="text-align:center;margin-top:10px"><span style="font-size:12px;color:#A8430F;font-weight:500">更多服务 ⌄</span></div>
</div>
<!-- Service grids -->
<div style="margin:14px 16px 0">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#7B9AFF,#4A6CF7);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">企</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲企服</span></div>
<span style="font-size:12px;color:#888">更多服务 ›</span>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人事用工服务</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">工商财税服务</div><div style="font-size:11px;color:#888">官方严选</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">企业出海服务</div><div style="font-size:11px;color:#4A6CF7">全新上线</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">数字员工服务</div><div style="font-size:11px;color:#16A55A">新品首发</div></div>
</div>
</div>
<div style="margin:14px 16px 0;padding-bottom:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">保</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲小保</span></div>
<span style="font-size:12px;color:#888">更多服务 ›</span>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">Offer分析/择业规划</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">个体工商户/公司注册</div><div style="font-size:11px;color:#888">官方严选</div></div>
</div>
</div>
</div>
<!-- Tab bar with sticky CTA hint -->
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P2 · 登录页
================================================================ -->
<div style="position:absolute;left:555px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P2 · 登录页</div>
<div class="phone">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div style="position:absolute;right:14px;top:48px;z-index:3"><div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div></div>
<div class="scroll" style="display:flex;flex-direction:column;align-items:center;padding:0 28px">
<div style="flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%">
<div style="position:relative;width:180px;height:180px;margin-bottom:14px;display:flex;align-items:center;justify-content:center">
<div style="position:absolute;inset:0;border-radius:50%;border:1px solid rgba(91,124,250,.12)"></div>
<div style="position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(91,124,250,.18)"></div>
<div style="position:absolute;inset:36px;border-radius:50%;border:1px solid rgba(91,124,250,.25)"></div>
<div style="width:96px;height:96px;background:linear-gradient(135deg,#5B7CFA,#3651DB);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 36px rgba(77,111,245,.4)"><span style="color:#fff;font-size:46px;font-weight:800">创</span></div>
</div>
<div style="font:800 30px/1 'Noto Sans SC',sans-serif;color:#3D5DE8;letter-spacing:3px;margin-bottom:12px">亲亲创客</div>
<div style="font-size:15px;color:#666;letter-spacing:1px;margin-bottom:18px">推荐好服务 共享好收益</div>
<!-- 业务描述 -->
<div style="width:100%;background:rgba(255,255,255,.65);border-radius:14px;padding:14px 16px;backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(60,55,120,.06);border:1px solid rgba(255,255,255,.8)">
<div style="font-size:13px;color:#1A1A2E;line-height:1.7;text-align:center"><b style="color: rgb(54, 81, 219);">一站式企业服务推广平台</b></div>
<div style="margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#666">
<span>👥 推荐企业</span><span style="opacity:.35">·</span><span>💰 订单返佣</span><span style="opacity:.35">·</span><span>⚡ 秒到账</span>
</div>
</div>
</div>
<div style="width:100%;padding-bottom:8px">
<div style="display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#666;line-height:1.6;margin-bottom:16px;padding:0 4px">
<div style="width:16px;height:16px;border-radius:50%;border:1.5px solid #C8C5DE;flex-shrink:0;margin-top:1px"></div>
<span>我已阅读并同意<span style="color:#1A1A2E">《亲亲创客用户使用协议》</span>和<span style="color:#1A1A2E">《用户隐私政策》</span></span>
</div>
<div style="height:50px;background:linear-gradient(135deg,#5B7CFA,#3651DB);border-radius:25px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 22px rgba(77,111,245,.35);margin-bottom:12px">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#fff"><path d="M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.1 3.57 2.82 4.66l-.7 2.1 2.43-1.3c.62.17 1.27.27 1.95.27.2 0 .4-.01.6-.03-.13-.4-.2-.83-.2-1.27 0-2.66 2.6-4.83 5.8-4.83.18 0 .36.01.54.02C14.8 6.36 12.4 4 9.5 4z"></path><path d="M22 14.83c0-2.21-2.13-4-4.75-4S12.5 12.62 12.5 14.83c0 2.22 2.13 4 4.75 4 .5 0 .98-.07 1.43-.18l1.82.97-.5-1.57c.93-.78 1.5-1.83 1.5-3.02z"></path></svg>
<span style="color:#fff;font-size:16px;font-weight:600">手机号一键登录</span>
</div>
<div style="height:50px;background:#fff;border-radius:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(60,55,120,.08);margin-bottom:24px"><span style="color:#1A1A2E;font-size:15px;font-weight:500">其他登录方式</span></div>
<div style="text-align:center;padding-bottom:6px"><span style="font-size:13px;color:#999;background:rgba(255,255,255,.6);padding:6px 18px;border-radius:14px">暂不登录</span></div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P3 · 已登录非合伙人首页（引导申请合伙人）
================================================================ -->
<div style="position:absolute;left:1030px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3a · 非介绍人状态</div>
<div class="phone">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar"><div style="flex:1"></div><div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div></div>
<div class="scroll">
<!-- Profile · 已登录，非合伙人 -->
<div style="padding:6px 18px 14px;display:flex;align-items:center;gap:12px">
<div style="width:54px;height:54px;background:linear-gradient(135deg,#B5B3CD,#7B7AA0);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 12px rgba(60,55,120,.18)">
<span style="color:#fff;font-size:22px;font-weight:700">杨</span>
</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px"><span style="font-size:18px;font-weight:700;color:#1A1A2E">杨恒宇</span><span style="background:#F4F4F8;color:#888;font-size:11px;padding:2px 9px;border-radius:10px;font-weight:500;border:1px solid #E4E1F0">普通用户</span></div>
<div style="font-size:13px;color:#666">159****1234&nbsp;</div>
</div>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6 3l6 6-6 6" stroke="#999" stroke-width="1.6" stroke-linecap="round"></path></svg>
</div>
<!-- HERO · 申请合伙人引导 -->
<div style="margin:0 16px 14px;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:18px;color:#fff;position:relative;overflow:hidden">
<div style="position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:absolute;right:14px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative">
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.22);border-radius:10px;padding:3px 9px;font-size:11px;margin-bottom:9px">🎉 你还不是合伙人</div>
<div style="font-size:22px;font-weight:800;line-height:1.2;margin-bottom:6px">申请成为合伙人<br>最高享 <span style="color:#FFD86B">30%</span> 持续返佣</div>
<div style="font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:14px">推荐企业客户 · 订单成交即得佣金 · 提现秒到账</div>
<div style="display:inline-flex;align-items:center;gap:6px;background:#fff;color:#3651DB;font-size:14px;font-weight:700;padding:9px 22px;border-radius:18px;box-shadow:0 6px 14px rgba(0,0,0,.15)">立即申请 ›</div>
</div>
</div>
<!-- 分享邀请别人成为合伙人 -->
<div style="margin:0 16px;background:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 14px rgba(60,55,120,.06);border:1px solid rgba(108,211,164,.3)">
<div style="width:42px;height:42px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(22,165,90,.28)">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M8 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM2 20c0-3.3 2.7-6 6-6s6 2.7 6 6m1.5-5.5c2.5 0 4.5 2 4.5 4.5" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:3px"><span style="font-size:14px;font-weight:700;color:#1A1A2E">邀请朋友成为合伙人</span><span style="background:#FFEEE0;color:#FF7A2E;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600">奖¥50</span></div>
<div style="font-size:11.5px;color:#888;line-height:1.5">分享专属海报 / 链接 · 朋友首单成交您即得福礼金</div>
</div>
<div style="height:30px;padding:0 12px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:15px;display:flex;align-items:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0">去邀请</div>
</div>
<!-- 主推服务 -->
<div style="margin:14px 16px 0;background:linear-gradient(180deg,#FFF1E2,#FFFCF6);border-radius:16px;padding:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:6px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFD86B" stroke="#E89B14" stroke-width="1.3" stroke-linejoin="round"><path d="M8 1l1.8 4 4.2.4-3.2 2.8 1 4.2L8 10.4l-3.8 2 1-4.2L1 5.4l4.2-.4L8 1z"></path></svg><span style="font-size:15px;font-weight:800;font-style:italic;color:#A8430F">主推服务</span></div>
<span style="font-size:11px;color:#A8430F;opacity:.7">公司严选 · 出单更稳</span>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background:linear-gradient(135deg,#FF8A4E,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">🔥 高佣金</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">个体工商户/公司注册</span></div>
<div style="font-size:12px;color:#888;margin-bottom:8px">开公司办执照，全程合规代办</div>
<div style="display:flex;gap:6px"><span class="tag-qbao">亲亲小保</span><span class="tag-qfu">个人创业支持服务</span></div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">30%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">佣金服务费的</div><div style="margin-top:8px;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:14px">查看</div></div>
</div>
<div style="text-align:center"><span style="font-size:12px;color:#A8430F;font-weight:500">更多服务 ⌄</span></div>
</div>
<!-- Service grids -->
<div style="margin:14px 16px 0">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#7B9AFF,#4A6CF7);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">企</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲企服</span></div><span style="font-size:12px;color:#888">更多 ›</span></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人事用工服务</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">工商财税服务</div><div style="font-size:11px;color:#888">官方严选</div></div>
</div>
</div>
<div style="margin:14px 16px 0;padding-bottom:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">保</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲小保</span></div><span style="font-size:12px;color:#888">更多 ›</span></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">Offer分析/择业规划</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人社保/公积金/个税…</div><div style="font-size:11px;color:#FF6B35">高佣金</div></div>
</div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P3b · 介绍人状态
================================================================ -->
<div style="position:absolute;left:1505px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3b · 介绍人状态</div>
<div class="phone">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar"><div style="flex:1"></div><div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div></div>
<div class="scroll">
<!-- Profile · 介绍人 -->
<div style="padding:6px 18px 14px;display:flex;align-items:center;gap:12px">
<div style="width:54px;height:54px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 12px rgba(22,165,90,.28)">
<span style="color:#fff;font-size:22px;font-weight:700">杨</span>
</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px"><span style="font-size:18px;font-weight:700;color:#1A1A2E">杨恒宇</span><span style="background:linear-gradient(135deg,#6CD3A4,#16A55A);color:#fff;font-size:11px;padding:2px 9px;border-radius:10px;font-weight:600">介绍人</span></div>
<div style="font-size:13px;color:#666">159****1234&nbsp;</div>
</div>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6 3l6 6-6 6" stroke="#999" stroke-width="1.6" stroke-linecap="round"></path></svg>
</div>
<!-- HERO · 申请合伙人 -->
<div style="margin:0 16px 14px;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:18px;color:#fff;position:relative;overflow:hidden">
<div style="position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:absolute;right:14px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative">
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.22);border-radius:10px;padding:3px 9px;font-size:11px;margin-bottom:9px">🎉 你还不是合伙人</div>
<div style="font-size:22px;font-weight:800;line-height:1.2;margin-bottom:6px">申请成为合伙人<br>最高享 <span style="color:#FFD86B">30%</span> 持续返佣</div>
<div style="font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:14px">推荐企业客户 · 订单成交即得佣金 · 提现秒到账</div>
<div style="display:inline-flex;align-items:center;gap:6px;background:#fff;color:#3651DB;font-size:14px;font-weight:700;padding:9px 22px;border-radius:18px;box-shadow:0 6px 14px rgba(0,0,0,.15)">立即申请 ›</div>
</div>
</div>
<!-- 介绍人业务 板块 -->
<div style="margin:0 16px 0;background:linear-gradient(135deg,#E5F7EC 0%,#D1F0DC 50%,#C7EFE2 100%);border-radius:18px;padding:16px;position:relative;overflow:hidden;border:1.5px solid rgba(22,165,90,.18);box-shadow:0 8px 24px rgba(22,165,90,.12)">
<div style="position:absolute;right:-20px;top:-20px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(108,211,164,.4),transparent 70%)"></div>
<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;position:relative">
<div style="width:38px;height:38px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(22,165,90,.32)">
<svg width="20" height="20" viewBox="0 0 22 22" fill="none"><path d="M8 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM2 20c0-3.3 2.7-6 6-6s6 2.7 6 6m1.5-5.5c2.5 0 4.5 2 4.5 4.5" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
<div style="flex:1">
<div style="font-size:16px;font-weight:800;color:#0E5A30;letter-spacing:-.2px">邀请合伙人</div>
<div style="font-size: 11px; color: #1A8C4D; margin-top: 2px">推荐他人成为合伙人 · 首单成交奖¥50</div>
</div>
<span style="background:#FF8145;color:#fff;font-size:10px;padding:3px 8px;border-radius:9px;font-weight:600">2 笔待领</span>
</div>
<div style="background:rgba(255,255,255,.78);border-radius:12px;padding:12px 0;display:flex;backdrop-filter:blur(8px);position:relative">
<div style="flex:1;text-align:center"><div style="font-size:22px;font-weight:800;color:#16A55A;line-height:1">3</div><div style="font-size:11px;color:#666;margin-top:4px">介绍合伙人</div></div>
<div style="width:1px;background:rgba(22,165,90,.2)"></div>
<div style="flex:1;text-align:center"><div style="font-size:22px;font-weight:800;color:#16A55A;line-height:1">8</div><div style="font-size:11px;color:#666;margin-top:4px">推荐企业</div></div>
<div style="width:1px;background:rgba(22,165,90,.2)"></div>
<div style="flex:1;text-align:center"><div style="font-size:22px;font-weight:800;color:#FF6B35;line-height:1">¥100</div><div style="font-size:11px;color:#FF6B35;font-weight:500;margin-top:4px">待领奖励</div></div>
</div>
<!-- 内部小 banner · 邀请成为合伙人 -->
<div style="margin-top:12px;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 100%);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden">
<div style="position:absolute;right:-15px;top:-20px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="flex:1;position:relative">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:3px"><span style="font-size:13.5px;font-weight:700;color:#fff">邀请朋友成为合伙人</span><span style="background:#FFD86B;color:#7A4B00;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700">¥50/人</span></div>
<div style="font-size:11px;color:rgba(255,255,255,.85);line-height:1.5">分享专属海报 · 朋友首单成交您得礼金</div>
</div>
<div style="height:28px;padding:0 12px;background:#fff;color:#3651DB;border-radius:14px;display:flex;align-items:center;font-size:11.5px;font-weight:700;flex-shrink:0;position:relative">去邀请 ›</div>
</div>
</div>
<!-- 主推服务 -->
<div style="margin:14px 16px 0;background:linear-gradient(180deg,#FFF1E2,#FFFCF6);border-radius:16px;padding:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:6px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFD86B" stroke="#E89B14" stroke-width="1.3" stroke-linejoin="round"><path d="M8 1l1.8 4 4.2.4-3.2 2.8 1 4.2L8 10.4l-3.8 2 1-4.2L1 5.4l4.2-.4L8 1z"></path></svg><span style="font-size:15px;font-weight:800;font-style:italic;color:#A8430F">主推服务</span></div>
<span style="font-size:11px;color:#A8430F;opacity:.7">公司严选 · 出单更稳</span>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background:linear-gradient(135deg,#FF8A4E,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">🔥 高佣金</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">个体工商户/公司注册</span></div>
<div style="font-size:12px;color:#888;margin-bottom:8px">开公司办执照，全程合规代办</div>
<div style="display:flex;gap:6px"><span class="tag-qbao">亲亲小保</span><span class="tag-qfu">个人创业支持服务</span></div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">30%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">佣金服务费的</div><div style="margin-top:8px;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:14px">查看</div></div>
</div>
<div style="text-align:center"><span style="font-size:12px;color:#A8430F;font-weight:500">更多服务 ⌄</span></div>
</div>
<!-- 亲亲企服 -->
<div style="margin:14px 16px 0">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#7B9AFF,#4A6CF7);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">企</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲企服</span></div><span style="font-size:12px;color:#888">更多 ›</span></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人事用工服务</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">工商财税服务</div><div style="font-size:11px;color:#888">官方严选</div></div>
</div>
</div>
<!-- 亲亲小保 -->
<div style="margin:14px 16px 0;padding-bottom:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">保</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲小保</span></div><span style="font-size:12px;color:#888">更多 ›</span></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">Offer分析/择业规划</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人社保/公积金/个税…</div><div style="font-size:11px;color:#FF6B35">高佣金</div></div>
</div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P4 · 申请成为合伙人（新表单）
================================================================ -->
<div style="position:absolute;left:1980px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P4 · 申请成为合伙人</div>
<div class="phone" style="height: 812px">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar">
<div class="back-ic"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M14 5l-6 6 6 6" stroke="#1A1A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div class="navtitle" style="padding-right: 0px">申请成为合伙人</div>
<div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div>
</div>
<div class="scroll" style="padding:0 16px 20px">
<!-- Hero banner -->
<div style="position:relative;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:18px 20px;margin-bottom:14px;overflow:hidden">
<div style="position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative">
<div style="display:inline-block;background:rgba(255,255,255,.22);border-radius:10px;padding:3px 9px;font-size:11px;color:#fff;margin-bottom:8px">🎉 加入合伙人计划</div>
<div style="color:#fff;font-size:22px;font-weight:800;line-height:1.25;margin-bottom:6px">推荐企业客户<br>最高享 <span style="color:#FFD86B">30%</span> 持续返佣</div>
<div style="color:rgba(255,255,255,.85);font-size:12px;line-height:1.6">续费持续返佣 · 小程序提现秒到账</div>
</div>
</div>
<!-- Form card -->
<div style="background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 16px rgba(60,55,120,.06)">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:16px"><div class="section-bar"></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">填写您的资料</span></div>
<div style="display:flex;flex-direction:column;gap:14px">
<!-- 姓名 -->
<div>
<div style="font-size:12px;color:#666;margin-bottom:8px">姓名<span style="color:#FF4D4F;margin-left:2px">*</span></div>
<div class="input">请输入您的真实姓名</div>
</div>
<!-- 手机号 + 验证码 -->
<div>
</div>
<div style="margin-top:-6px">
</div>
<!-- 身份证号 -->
<div>
<div style="font-size:12px;color:#666;margin-bottom:8px">身份证号</div>
<div class="input">请输入您的身份证号（18位）</div>
</div>
<!-- 身份类别 -->
<div>
<div style="font-size:12px;color:#666;margin-bottom:10px">身份类别<span style="color:#FF4D4F;margin-left:2px">*</span></div>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px">
<div class="role-chip active">HR</div>
<div class="role-chip">财务</div>
<div class="role-chip">老板</div>
<div class="role-chip">猎头</div>
<div class="role-chip">博主</div>
<div class="role-chip">其他</div>
</div>
</div>
<!-- 介绍人 -->
<div>
</div>
</div>
</div>
<!-- 合伙人特权 (no 介绍人 reward mention) -->
<div style="margin-top:22px" class="btn-primary">提交申请</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P5 · 合伙人加盟协议弹窗（提交申请后触发）
================================================================ -->
<div style="position:absolute;left:2455px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P5 · 加盟协议确认弹窗</div>
<div class="phone" style="height: 812px">
<!-- 底层 P4 表单（暗化） -->
<div style="position:absolute;inset:0;background:#F4F1FA;filter:brightness(.94)">
<div class="statusbar">
<span class="stime" style="color:#1A1A2E">9:41</span>
<div class="sicons" style="color:#1A1A2E"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar"><div class="back-ic"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M14 5l-6 6 6 6" stroke="#1A1A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="navtitle" style="padding-right:0">申请成为合伙人</div><div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div></div>
</div>
<!-- 半透明遮罩 -->
<div style="position:absolute;inset:0;background:rgba(20,15,45,.55);backdrop-filter:blur(2px)"></div>
<!-- 弹窗 -->
<div style="position:absolute;left:14px;right:14px;top:70px;bottom:60px;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(20,15,45,.4)">
<!-- 头部 -->
<div style="padding:18px 20px 12px;text-align:center;border-bottom:1px solid #F0EEF7;position:relative">
<div style="font-size:17px;font-weight:800;color:#1A1A2E;letter-spacing:.5px">合伙人加盟协议</div>
<div style="font-size:11px;color:#888;margin-top:4px">请仔细阅读以下条款，浏览至底部后方可确认</div>
<div style="position:absolute;right:14px;top:14px;width:26px;height:26px;border-radius:50%;background:#F4F4F8;display:flex;align-items:center;justify-content:center"><svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2 2l8 8M10 2l-8 8" stroke="#999" stroke-width="1.6" stroke-linecap="round"></path></svg></div>
</div>
<!-- 阅读进度条 -->
<div style="height:3px;background:#F0EEF7;position:relative"><div style="position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#5B7CFA,#3651DB)"></div></div>
<!-- 协议正文（已翻阅到底部） -->
<div style="flex:1;overflow-y:auto;padding:16px 20px;font-size:12px;line-height:1.7;color:#4A4866;position:relative">
<div style="font-weight:700;color:#1A1A2E;margin-bottom:6px">第七条 协议终止与违约</div>
<p style="margin-bottom:12px">7.1 合伙人如出现虚假推荐、恶意套现、损害品牌形象等行为，平台有权立即终止合作并追回已发放佣金。</p>
<p style="margin-bottom:12px">7.2 任何一方均可提前 30 日书面通知对方终止协议；协议终止后，已产生的合规佣金将按正常周期结算。</p>
<div style="font-weight:700;color:#1A1A2E;margin-bottom:6px">第八条 数据与隐私</div>
<p style="margin-bottom:12px">8.1 合伙人在推广过程中获取的客户信息，仅限用于本平台业务对接，不得对外泄露或用于其他商业用途。</p>
<p style="margin-bottom:12px">8.2 平台依据《个人信息保护法》妥善保管合伙人及客户信息，具体规则参见《隐私政策》。</p>
<div style="font-weight:700;color:#1A1A2E;margin-bottom:6px">第九条 争议解决</div>
<p style="margin-bottom:12px">9.1 本协议适用中华人民共和国法律。因本协议引起的争议，双方应友好协商解决；协商不成的，任一方可向平台所在地有管辖权的人民法院提起诉讼。</p>
<div style="font-weight:700;color:#1A1A2E;margin-bottom:6px">第十条 附则</div>
<p style="margin-bottom:12px">10.1 本协议自合伙人点击「确认加盟」按钮之日起生效。</p>
<p style="margin-bottom:12px">10.2 平台保留对本协议内容进行调整的权利，重大变更将通过站内通知/短信告知合伙人。</p>
<div style="text-align:center;font-size:11px;color:#B5B3CD;padding:8px 0 4px">— 协议已阅读完毕 —</div>
</div>
<!-- 底部 CTA -->
<div style="padding:14px 20px 18px;border-top:1px solid #F0EEF7;background:#FAFAFE">
<!-- 倒计时提示（浏览中） -->
<div class="btn-primary" style="height:48px;border-radius:24px">
<span>我已阅读并同意以上协议</span>
</div>
<div style="text-align:center;margin-top:10px"></div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P6 · 提交成功 · 回到首页 + Toast 提示
================================================================ -->
<div style="position:absolute;left:2930px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P6 · 提交成功 · Toast 提示</div>
<div class="phone" style="height:812px">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar"><div style="flex:1"></div><div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div></div>
<div class="scroll">
<!-- 简化首页视图，与 P3a 一致 -->
<div style="padding:6px 18px 14px;display:flex;align-items:center;gap:12px">
<div style="width:54px;height:54px;background:linear-gradient(135deg,#B5B3CD,#7B7AA0);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 12px rgba(60,55,120,.18)"><span style="color:#fff;font-size:22px;font-weight:700">杨</span></div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px"><span style="font-size:18px;font-weight:700;color:#1A1A2E">杨恒宇</span><span style="background:linear-gradient(135deg,#FFF3D6,#FFE0A1);color:#A8770F;font-size:11px;padding:2px 9px;border-radius:10px;font-weight:600;border:1px solid #FFD86B">审核中</span></div>
<div style="font-size:13px;color:#666">159****1234</div>
</div>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6 3l6 6-6 6" stroke="#999" stroke-width="1.6" stroke-linecap="round"></path></svg>
</div>
<div style="margin:0 16px 14px;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:18px;color:#fff;position:relative;overflow:hidden">
<div style="position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:relative">
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.22);border-radius:10px;padding:3px 9px;font-size:11px;margin-bottom:9px">⏳ 申请审核中</div>
<div style="font-size:22px;font-weight:800;line-height:1.2;margin-bottom:6px">合伙人申请<br>预计 <span style="color:#FFD86B">1-3 个工作日</span> 完成</div>
<div style="font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:14px">审核结果通过站内消息 + 短信通知您</div>
<div style="display:inline-flex;align-items:center;gap:6px;background:#fff;color:#3651DB;font-size:14px;font-weight:700;padding:9px 22px;border-radius:18px;box-shadow:0 6px 14px rgba(0,0,0,.15)">查看进度 ›</div>
<div style="position: absolute; left: 153px; top: 108px; transform: translateX(-50%); background: rgba(20, 15, 45, 0.82); backdrop-filter: blur(10px); color: rgb(255, 255, 255); border-radius: 22px; padding: 11px 20px 11px 14px; display: flex; align-items: center; gap: 10px; box-shadow: rgba(20, 15, 45, 0.28) 0px 10px 24px; z-index: 10; white-space: nowrap">
<div style="width:22px;height:22px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0"><svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2.5 6l2.5 2.5 4.5-5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div>
<div style="font-size:13px;font-weight:600;line-height:1.2">申请提交成功</div>
<div style="font-size:10.5px;color:rgba(255,255,255,.75);margin-top:2px;line-height:1.2">审核结果将在 1-3 个工作日内通知</div>
</div>
</div></div>
</div>
<div style="margin:14px 16px 0;background:linear-gradient(180deg,#FFF1E2,#FFFCF6);border-radius:16px;padding:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:6px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFD86B" stroke="#E89B14" stroke-width="1.3" stroke-linejoin="round"><path d="M8 1l1.8 4 4.2.4-3.2 2.8 1 4.2L8 10.4l-3.8 2 1-4.2L1 5.4l4.2-.4L8 1z"></path></svg><span style="font-size:15px;font-weight:800;font-style:italic;color:#A8430F">主推服务</span></div>
<span style="font-size:11px;color:#A8430F;opacity:.7">公司严选 · 出单更稳</span>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background:linear-gradient(135deg,#FF8A4E,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">🔥 高佣金</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">个体工商户/公司注册</span></div>
<div style="font-size:12px;color:#888">开公司办执照，全程合规代办</div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">30%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">佣金服务费的</div></div>
</div>
</div>
<div style="margin:14px 16px 0;padding-bottom:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#7B9AFF,#4A6CF7);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">企</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲企服</span></div><span style="font-size:12px;color:#888">更多 ›</span></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人事用工服务</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">工商财税服务</div><div style="font-size:11px;color:#888">官方严选</div></div>
</div>
</div>
</div>
<!-- Toast 悬浮提示 -->
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P7 · 申请已提交 · 审核中（申请后再次进入的状态）
================================================================ -->
<div style="position:absolute;left:3405px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P7 · 申请已提交 · 审核中</div>
<div class="phone" style="height:812px">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar">
<div class="back-ic"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M14 5l-6 6 6 6" stroke="#1A1A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div class="navtitle" style="padding-right:0">申请成为合伙人</div>
<div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div>
</div>
<div class="scroll" style="padding:0 16px 20px;display:flex;flex-direction:column">
<!-- 状态大卡 -->
<div style="position: relative; background: linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%); border-radius: 20px; padding: 26px 22px 22px; margin-top: 6px; overflow: visible; box-shadow: 0 14px 28px rgba(77,111,245,.28)">
<div style="position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:absolute;right:20px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative;display:flex;align-items:center;gap:14px;margin-bottom:16px">
<!-- 审核 icon 环 -->
<div style="position:relative;width:64px;height:64px;flex-shrink:0">
<div style="position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center">
<svg width="34" height="34" viewBox="0 0 34 34" fill="none"><circle cx="17" cy="17" r="13" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-dasharray="60 20" transform="rotate(-90 17 17)"></circle><path d="M17 10v7l5 3" stroke="#FFD86B" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</div>
<div style="flex:1">
<div style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,216,107,.24);color:#FFD86B;font-size:11px;padding:3px 9px;border-radius:10px;margin-bottom:8px;font-weight:600">
<span style="width:6px;height:6px;border-radius:50%;background:#FFD86B;box-shadow:0 0 0 3px rgba(255,216,107,.28)"></span>审核中
</div>
<div style="color:#fff;font-size:20px;font-weight:800;line-height:1.25;margin-bottom:2px">申请已提交</div>
<div style="color:rgba(255,255,255,.85);font-size:12.5px;line-height:1.5">预计 1-3 个工作日完成审核</div>
</div>
</div>
<!-- 进度步骤 -->
<div style="position:relative;background:rgba(255,255,255,.14);border-radius:14px;padding:16px 14px 14px;backdrop-filter:blur(6px)">
<div style="display:flex;align-items:center;position:relative">
<!-- 步骤 1 已完成 -->
<div style="flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2">
<div style="width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.14)"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7l3 3 5-6" stroke="#3651DB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div style="font-size:11px;color:#fff;font-weight:600;margin-top:6px">提交申请</div>
<div style="font-size:10px;color:rgba(255,255,255,.7);margin-top:1px">今天 09:41</div>
</div>
<!-- 连线 -->
<div style="position:absolute;left:16.66%;right:50%;top:14px;height:2px;background:linear-gradient(90deg,#fff,#FFD86B);z-index:1"></div>
<!-- 步骤 2 进行中 -->
<div style="flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2">
<div style="width:28px;height:28px;border-radius:50%;background:#FFD86B;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(255,216,107,.28)"><svg width="12" height="12" viewBox="0 0 12 12" fill="none"><circle cx="6" cy="6" r="2" fill="#7A4B00"></circle></svg></div>
<div style="font-size:11px;color:#fff;font-weight:600;margin-top:6px">平台审核</div>
<div style="font-size:10px;color:#FFD86B;margin-top:1px">进行中…</div>
</div>
<!-- 连线 -->
<div style="position:absolute;left:50%;right:16.66%;top:14px;height:2px;background:rgba(255,255,255,.28);z-index:1"></div>
<!-- 步骤 3 待完成 -->
<div style="flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2">
<div style="width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.5)"><span style="color:#fff;font-size:11px;font-weight:700">3</span></div>
<div style="font-size:11px;color:rgba(255,255,255,.75);font-weight:500;margin-top:6px">审核通过</div>
<div style="font-size:10px;color:rgba(255,255,255,.5);margin-top:1px">待完成</div>
</div>
</div>
</div>
</div>
<!-- 已提交的资料回显 -->
<div style="background:#fff;border-radius:16px;padding:16px 18px;margin-top:14px;box-shadow:0 4px 16px rgba(60,55,120,.06)">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px">
<div style="display:flex;align-items:center;gap:8px"><div class="section-bar"></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">申请资料</span></div>
</div>
<div style="display:flex;flex-direction:column;gap:12px">
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">姓名</span><span style="color:#1A1A2E;font-weight:500">杨恒宇</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">手机号</span><span style="color:#1A1A2E;font-weight:500">159****1234</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">身份证号</span><span style="color:#1A1A2E;font-weight:500">330***********1234</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">身份类别</span><span style="color:#1A1A2E;font-weight:500">HR</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">提交时间</span><span style="color:#1A1A2E;font-weight:500">2026-07-06 09:41</span></div>
</div>
</div>
<!-- 温馨提示 -->
<div style="background:linear-gradient(135deg,#FFF5EC,#FFEFE0);border-radius:14px;padding:14px 16px;margin-top:12px;display:flex;align-items:flex-start;gap:10px">
<div style="width:24px;height:24px;background:#FF8145;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px"><span style="color:#fff;font-size:13px;font-weight:800">!</span></div>
<div style="flex:1">
<div style="font-size:13px;font-weight:700;color:#A8430F;margin-bottom:4px">温馨提示</div>
<div style="font-size:11.5px;color:#C26033;line-height:1.6">审核结果将通过<b style="font-weight:700">站内消息 + 短信</b>通知您；期间可正常浏览平台，但暂不能产生订单佣金</div>
</div>
</div>
<!-- 底部操作 -->
<div style="margin-top:18px;display:flex;flex-direction:column;gap:10px">
<div style="text-align:center;padding:8px 0"><span style="font-size:13px;color:#666">返回首页浏览 ›</span></div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P8 · 审核未通过（驳回 + 再次申请）
================================================================ -->
<div style="position:absolute;left:3880px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P8 · 审核未通过</div>
<div class="phone" style="height:812px">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar">
<div class="back-ic"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M14 5l-6 6 6 6" stroke="#1A1A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div class="navtitle" style="padding-right:0">申请审核结果</div>
<div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div>
</div>
<div class="scroll" style="padding:0 16px 20px">
<!-- 状态大卡 -->
<div style="position:relative;background:linear-gradient(135deg,#FF7A6B 0%,#E8433A 60%,#C42D3E 100%);border-radius:20px;padding:26px 22px 22px;margin-top:6px;overflow:hidden;box-shadow:0 14px 28px rgba(232,67,58,.28)">
<div style="position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:absolute;right:20px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative;display:flex;align-items:center;gap:14px;margin-bottom:16px">
<!-- 未通过 icon 环 -->
<div style="position:relative;width:64px;height:64px;flex-shrink:0">
<div style="position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center">
<svg width="34" height="34" viewBox="0 0 34 34" fill="none"><circle cx="17" cy="17" r="13" stroke="#fff" stroke-width="2"></circle><path d="M11 11l12 12M23 11L11 23" stroke="#FFD3CE" stroke-width="2.4" stroke-linecap="round"></path></svg>
</div>
</div>
<div style="flex:1">
<div style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.24);color:#fff;font-size:11px;padding:3px 9px;border-radius:10px;margin-bottom:8px;font-weight:600">
<span style="width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.28)"></span>审核未通过
</div>
<div style="color: #fff; font-size: 20px; font-weight: 800; line-height: 1.25; margin-bottom: 2px; width: 230px; height: 29px">很抱歉，您的申请未通过</div>
<div style="color:rgba(255,255,255,.85);font-size:12.5px;line-height:1.5">请根据下方原因修正资料后重新提交</div>
</div>
</div>
<!-- 进度步骤 -->
<div style="position:relative;background:rgba(255,255,255,.14);border-radius:14px;padding:16px 14px 14px;backdrop-filter:blur(6px)">
<div style="display:flex;align-items:center;position:relative">
<!-- 步骤 1 已完成 -->
<div style="flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2">
<div style="width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.14)"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7l3 3 5-6" stroke="#C42D3E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div style="font-size:11px;color:#fff;font-weight:600;margin-top:6px">提交申请</div>
<div style="font-size:10px;color:rgba(255,255,255,.7);margin-top:1px">07-06 09:41</div>
</div>
<!-- 连线 -->
<div style="position:absolute;left:16.66%;right:50%;top:14px;height:2px;background:#fff;z-index:1"></div>
<!-- 步骤 2 已完成 -->
<div style="flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2">
<div style="width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.14)"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7l3 3 5-6" stroke="#C42D3E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div style="font-size:11px;color:#fff;font-weight:600;margin-top:6px">平台审核</div>
<div style="font-size:10px;color:rgba(255,255,255,.7);margin-top:1px">07-07 15:22</div>
</div>
<!-- 连线 -->
<div style="position:absolute;left:50%;right:16.66%;top:14px;height:2px;background:linear-gradient(90deg,#fff,#FFD3CE);z-index:1"></div>
<!-- 步骤 3 未通过 -->
<div style="flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2">
<div style="width:28px;height:28px;border-radius:50%;background:#FFD3CE;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(255,211,206,.28)"><svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 3l6 6M9 3l-6 6" stroke="#C42D3E" stroke-width="2" stroke-linecap="round"></path></svg></div>
<div style="font-size:11px;color:#fff;font-weight:600;margin-top:6px">审核未通过</div>
<div style="font-size:10px;color:#FFD3CE;margin-top:1px">需修正后重提</div>
</div>
</div>
</div>
</div>
<!-- 驳回原因 -->
<div style="background:#fff;border-radius:16px;padding:16px 18px;margin-top:14px;box-shadow:0 4px 16px rgba(60,55,120,.06);border:1px solid rgba(232,67,58,.15)">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px">
<div style="display:flex;align-items:center;gap:8px">
<div style="width:3px;height:14px;background:#E8433A;border-radius:2px"></div>
<span style="font-size:15px;font-weight:700;color:#1A1A2E">未通过原因</span>
</div>
</div>
<div style="display:flex;flex-direction:column;gap:12px">
<div style="display:flex;gap:10px;padding:12px;background:linear-gradient(135deg,#FFF3F1,#FFEAE6);border-radius:12px">
<div style="flex:1">
<div style="font-size:11.5px;color:#8A5348;line-height:1.55">您填写的身份证号与手机号绑定的实名信息不一致，请核对后修正</div>
</div>
</div>
</div>
<!-- 审核员补充备注 -->
</div>
<!-- 资料回显 -->
<div style="background:#fff;border-radius:16px;padding:16px 18px;margin-top:12px;box-shadow:0 4px 16px rgba(60,55,120,.06)">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:14px"><div class="section-bar"></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">本次申请资料</span></div>
<div style="display:flex;flex-direction:column;gap:12px">
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">姓名</span><span style="color:#1A1A2E;font-weight:500">杨恒宇</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">手机号</span><span style="color:#1A1A2E;font-weight:500">159****1234</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">身份证号</span><span style="color: #000000; font-weight: 500">330***********1234&nbsp;</span></div>
<div style="height:1px;background:#F4F2FA"></div>
<div style="display:flex;align-items:center;justify-content:space-between;font-size:13px"><span style="color:#888">身份类别</span><span style="color: #000000; font-weight: 500">HR&nbsp;</span></div>
</div>
</div>
<!-- 底部操作 -->
<div style="margin-top:20px;display:flex;flex-direction:column;gap:10px">
<div class="btn-primary" style="height:50px">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" style="margin-right:8px"><path d="M3 9a6 6 0 1 0 2-4.5M3 3v3h3" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg>
<span>再次申请</span>
</div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ===== 关键逻辑注释 ===== -->
<style>
.logic-card { position:absolute; top:962px; width:375px; background:#fff; border-radius:14px; padding:14px 16px; box-shadow:0 4px 14px rgba(60,55,120,.08); border:1px solid rgba(77,111,245,.12); font-family:'Noto Sans SC',sans-serif; }
.logic-card .lc-title { display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:13px; font-weight:700; color:#1A1A2E; }
.logic-card .lc-dot { width:6px; height:6px; border-radius:50%; background:#4D6FF5; flex-shrink:0; }
.logic-card .lc-tag { font-size:10px; font-weight:600; padding:2px 7px; border-radius:5px; background:#EAF0FE; color:#4A6CF7; margin-left:auto; }
.logic-card ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; }
.logic-card li { font-size:11.5px; line-height:1.55; color:#4A4866; padding-left:14px; position:relative; }
.logic-card li::before { content:''; position:absolute; left:2px; top:7px; width:4px; height:4px; border-radius:50%; background:#B5B3CD; }
.logic-card li b { color:#1A1A2E; font-weight:600; }
.logic-card .lc-sub { font-size:10.5px; color:#7775A0; margin-top:8px; padding-top:8px; border-top:1px dashed #EFEDF6; line-height:1.5; }
</style>
<!-- P1 · 未登录首页 -->
<div class="logic-card" style="left:80px">
<div class="lc-title"><span class="lc-dot"></span>P1 · 未登录首页 · 关键逻辑<span class="lc-tag">未登录态</span></div>
<ul>
<li><b>入口</b>：用户分享链接 / 海报扫码 / 小程序首页直接进入</li>
<li><b>核心目标</b>：让访客 30 秒内理解「亲亲创客是什么」并完成登录</li>
<li><b>Hero 双 CTA</b>：「一键登录」→ 跳转 P2 登录页；「申请入驻」→ 同样先要求登录，登录后跳 P4 申请表单</li>
<li><b>主推服务/企服/小保</b>：可浏览，但点击「查看」时若未登录则唤起登录浮层</li>
</ul>
<div class="lc-sub">登录后根据用户角色路由：合伙人 → 合伙人首页；非合伙人 → P3a/P3b；员工 → 员工视图</div>
</div>
<!-- P2 · 登录页 -->
<div class="logic-card" style="left:555px">
<div class="lc-title"><span class="lc-dot"></span>P2 · 登录页 · 关键逻辑<span class="lc-tag">登录</span></div>
<ul>
<li><b>默认登录方式</b>：手机号一键登录（基于微信授权）</li>
<li><b>协议勾选</b>：未勾选时点击登录按钮 → 弹出协议确认弹窗，二次确认后才发起登录</li>
<li><b>其他登录方式</b>：手机号、验证码登录</li>
<li><b>登录成功后路由</b>：新用户 → P3a 非介绍人首页；已是介绍人 → P3b；已是合伙人 → 合伙人首页</li>
<li><b>暂不登录</b>：返回 P1 未登录首页继续浏览</li>
</ul>
<div class="lc-sub">手机号校验失败 / 验证码错误 → toast 提示；同一手机号 60s 内仅可发送 1 次验证码</div>
</div>
<!-- P3a · 非介绍人状态 -->
<div class="logic-card" style="left:1030px">
<div class="lc-title"><span class="lc-dot"></span>P3a · 非介绍人 · 关键逻辑<span class="lc-tag">已登录 · 普通用户</span></div>
<ul>
<li><b>身份判定</b>：登录用户既非合伙人，也未推荐过任何合伙人 → 显示该态</li>
<li><b>Hero 申请合伙人</b>：点击「立即申请」→ P4 申请表单</li>
<li><b>邀请朋友成为合伙人</b>：点击「去分享」→ 唤起分享面板（海报 / 微信 / 链接），生成带本人 ID 的专属邀请链接</li>
<li><b>分享后</b>：被邀请人通过该链接注册并申请成合伙人 → 本人自动升级为「介绍人」，下次进入显示 P3b</li>
<li><b>主推/企服/小保</b>：可浏览详情，点击「查看」进入服务详情页</li>
</ul>
<div class="lc-sub">奖励规则：被邀请合伙人首单成交，介绍人得 ¥50 福礼金（由渠道管理员线下审核发放）</div>
</div>
<!-- P3b · 介绍人状态 -->
<div class="logic-card" style="left:1505px">
<div class="lc-title"><span class="lc-dot"></span>P3b · 介绍人 · 关键逻辑<span class="lc-tag">已登录 · 介绍人</span></div>
<ul>
<li><b>身份判定</b>：登录用户曾推荐过至少 1 位合伙人 (无论是否成单) → 自动显示「介绍人」徽章</li>
<li><b>邀请合伙人板块</b>：展示介绍合伙人数 / 推荐企业数 / 待领奖励金额；点击进入「介绍人业务详情」（见 03 介绍人视图）</li>
<li><b>板块内嵌小 banner</b>：「邀请朋友成为合伙人」点击同样唤起分享面板，引导持续邀请</li>
<li><b>Hero 申请合伙人</b>：保留入口；介绍人本人仍可申请成为合伙人（身份不互斥）</li>
<li><b>待领提示</b>：右上角徽标显示「N 笔待领」，点击直达介绍人业务详情</li>
</ul>
<div class="lc-sub">介绍人 ↔ 合伙人 ↔ 普通用户身份独立，可同时具备；显示优先级：合伙人 &gt; 介绍人 &gt; 普通</div>
</div>
<!-- P4 · 申请成为合伙人 -->
<div class="logic-card" style="left:1980px">
<div class="lc-title"><span class="lc-dot"></span>P4 · 申请成为合伙人 · 关键逻辑<span class="lc-tag">提交申请</span></div>
<ul>
<li><b>必填校验</b>：姓名 / 手机号 / 短信验证码 / 身份证号 (18 位校验) / 身份类别</li>
<li><b>手机号</b>：默认带入登录手机号，可修改；修改后需重新获取验证码</li>
<li><b>身份类别</b>：单选 HR / 财务 / 老板 / 猎头 / 博主 / 其他（用于后台分群运营）</li>
<li><b>介绍人（选填）</b>：填写姓名 → 提交后由渠道管理员匹配并绑定；也可来自邀请链接自动带入并锁定</li>
<li><b>提交后</b>：唤起 P5 加盟协议弹窗，用户浏览协议至底部并停留 3 秒后方可点击「确认加盟」</li>
</ul>
<div class="lc-sub">审核期间该用户仍可正常浏览，但暂不能产生订单佣金；审核结果通过站内通知 + 短信告知</div>
</div>
<!-- P5 · 合伙人加盟协议弹窗 -->
<div class="logic-card" style="left:2455px">
<div class="lc-title"><span class="lc-dot"></span>P5 · 加盟协议确认 · 关键逻辑<span class="lc-tag">弹窗 · 强阅读</span></div>
<ul>
<li><b>触发时机</b>：P4 点击「提交申请」后，若表单校验通过，自动弹出加盟协议</li>
<li><b>强阅读</b>：协议内容需用户手动滚动到底部，未到底时按钮置灰不可点击</li><li><b>协议内容</b>：协议中，有一块内容是合伙人姓名和联系方式，需要将申请信息带入到协议中对应的位置，并在协议中显示。</li>
<li><b>同意协议</b>：滚动到底部后方可点击「已阅读并同意协议」按钮；</li>
<li><b>我已阅读并同意以上协议</b>：提交申请及协议同意记录 → 页面提示申请提交成功。并回到首页。</li>
<li><b>暂不加盟</b>：关闭弹窗回到 P4，用户可修改资料后再次提交</li>
</ul>
<div class="lc-sub">协议内容与《合伙人加盟协议》长文一致；用户同意记录（时间戳 + 协议版本号）写入后台，用于合规留痕</div>
</div>
<!-- P6 · 提交成功 · Toast 提示 -->
<div class="logic-card" style="left:2930px">
<div class="lc-title"><span class="lc-dot"></span>P6 · 提交成功 · 关键逻辑<span class="lc-tag">Toast · 回首页</span></div>
<ul>
<li><b>触发时机</b>：P5 加盟协议弹窗点击「我已阅读并同意以上协议」后立即触发</li>
<li><b>页面跳转</b>：自动关闭弹窗 → 路由回首页（P3a/P3b），头像旁徽标切换为「审核中」</li>
<li><b>Toast 提示</b>：顶部悬浮半透明胶囊「申请提交成功」，含绿色对勾图标 + 副文案「审核结果将在 1-3 个工作日内通知」</li>
<li><b>停留时长</b>：Toast 显示 2.5 秒后自动淡出消失</li>
<li><b>Hero 变化</b>：原「立即申请」入口替换为「查看进度」，点击进入 P7 审核状态页</li>
</ul>
<div class="lc-sub">若审核期间用户再次点击 Hero「查看进度」/ 底 tab「我的申请」，均跳转 P7 审核中页；审核通过后自动升级为合伙人</div>
</div>
<!-- P7 · 申请已提交 · 审核中 -->
<div class="logic-card" style="left:3405px">
<div class="lc-title"><span class="lc-dot"></span>P7 · 申请已提交 · 关键逻辑<span class="lc-tag">审核中</span></div>
<ul>
<li><b>触发时机</b>：用户已完成 P4→P5 提交流程后，再次通过「立即申请」进入本页时显示此状态（取代 P4 表单）</li>
<li><b>顶部状态卡</b>：黄色「审核中」徽标 + 三步进度条（提交申请 ✓ / 平台审核 · 进行中 / 审核通过 · 待完成）</li>
<li><b>资料回显</b>：只读展示已提交的姓名、手机号、身份证号、身份类别、提交时间；修改需联系客服</li>
<li><b>审核完成后</b>：状态自动切换为「审核通过」→ 用户升级为合伙人，下次进入显示合伙人首页；若被驳回则跳 P8 审核未通过</li>
<li><b>通知方式</b>：站内消息 + 短信双通道，用户可点击「查看审核进度」进入详情</li>
</ul>
<div class="lc-sub">审核期间该用户仍可正常浏览，但暂不能产生订单佣金；平均审核时长 1-3 个工作日</div>
</div>
<!-- P8 · 审核未通过 -->
<div class="logic-card" style="left:3880px">
<div class="lc-title"><span class="lc-dot"></span>P8 · 审核未通过 · 关键逻辑<span class="lc-tag">驳回 · 重新申请</span></div>
<ul>
<li><b>触发时机</b>：平台审核完成且结论为「未通过」→ 站内消息/短信通知用户 → 用户进入本页</li>
<li><b>驳回原因</b>：明确展示后台勾选的一个或多个驳回项（如身份证信息不符、身份类别与实际不符等）</li>
<li><b>资料回显</b>：只读展示本次提交的申请资料，便于用户对照修改</li>
<li><b>再次申请</b>：主 CTA 「再次申请」→ 跳转 P4 申请表单，携带上次数据预填，用户修正后重新走 P4→P5 流程</li>
</ul>
<div class="lc-sub">同一用户驳回后可无限次重新申请；系统会记录申请历史与驳回原因，避免重复提交同类问题</div>
</div>
</x-dc>
</body>
</html>
小程序HTML原型/02-合伙人.dc.html 0 → 100644
This diff could not be displayed because it is too large.
小程序HTML原型/03-介绍人视图.dc.html 0 → 100644
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<helmet>
<meta name="design_doc_mode" content="canvas">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Noto Sans SC', -apple-system, 'PingFang SC', sans-serif; -webkit-font-smoothing: antialiased; }
.phone { width:375px; height:812px; background:linear-gradient(180deg,#E8EAFA 0%,#EEE9F6 50%,#F4F1FA 100%); border-radius:42px; overflow:hidden; box-shadow:0 24px 50px rgba(60,55,120,.18),0 4px 14px rgba(0,0,0,.08); position:relative; display:flex; flex-direction:column; }
.statusbar { height:44px; display:flex; align-items:center; padding:0 28px 0 32px; flex-shrink:0; z-index:3; }
.stime { font:600 16px/1 -apple-system,sans-serif; flex:1; color:#1A1A2E; }
.sicons { display:flex; gap:5px; align-items:center; color:#1A1A2E; }
.navbar { height:44px; display:flex; align-items:center; padding:0 6px 0 16px; flex-shrink:0; z-index:2; }
.navtitle { flex:1; text-align:center; font:600 17px/1 'Noto Sans SC',sans-serif; color:#1A1A2E; padding-right:88px; padding-left:32px; }
.capsule { width:87px; height:32px; background:rgba(255,255,255,.7); border-radius:16px; border:.5px solid rgba(0,0,0,.08); display:flex; align-items:center; justify-content:space-around; flex-shrink:0; }
.scroll { flex:1; overflow-y:auto; }
.scroll::-webkit-scrollbar { width:3px; }
.scroll::-webkit-scrollbar-thumb { background:rgba(0,0,0,.1); border-radius:2px; }
.home { height:34px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:8px; flex-shrink:0; }
.home-bar { width:134px; height:5px; background:#1A1A2E; border-radius:3px; }
.back-ic { width:28px; height:28px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.label { position:absolute; top:-26px; font:500 12px/1 -apple-system,sans-serif; color:rgba(40,30,80,.55); letter-spacing:.3px; }
.section-bar { width:3px; height:14px; background:#4A6CF7; border-radius:2px; }
.card { background:#fff; border-radius:14px; padding:14px 16px; box-shadow:0 2px 10px rgba(60,55,120,.06); }
.sicons-set svg:first-child + svg + svg { font-size: inherit; }
</style>
</helmet>
<!-- ===== CANVAS HEADER ===== -->
<div style="position:absolute;left:80px;top:14px;font:800 22px/1 'Noto Sans SC',sans-serif;color:#1A1A2E;letter-spacing:-.4px">员工 · 介绍人视图</div>
<div style="position:absolute;left:80px;top:46px;display:flex;align-items:center;gap:10px;font:500 12px/1 'Noto Sans SC',sans-serif;color:rgba(40,30,80,.6)">
<span style="display:inline-block;width:18px;height:2px;background:#16A55A"></span>
<span>内部员工（非对接人） · 介绍人业务 + 我介绍的合伙人 + 合伙人详情</span>
</div>
<!-- ================================================================
P1 · 员工首页（介绍人状态）
================================================================ -->
<div style="position:absolute;left:80px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P1 · 员工首页（介绍人）</div>
<div class="phone">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar">
<div style="flex:1"></div>
<div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div>
</div>
<div class="scroll">
<!-- Profile · 介绍人 -->
<div style="padding:6px 18px 14px;display:flex;align-items:center;gap:12px">
<div style="width:54px;height:54px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 12px rgba(22,165,90,.28)">
<span style="color:#fff;font-size:22px;font-weight:700">杨</span>
</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px"><span style="font-size:18px;font-weight:700;color:#1A1A2E">杨恒宇</span><span style="background:linear-gradient(135deg,#6CD3A4,#16A55A);color:#fff;font-size:11px;padding:2px 9px;border-radius:10px;font-weight:600">介绍人</span></div>
<div style="font-size:13px;color:#666">159****1234&nbsp;</div>
</div>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6 3l6 6-6 6" stroke="#999" stroke-width="1.6" stroke-linecap="round"></path></svg>
</div>
<!-- HERO · 申请合伙人 -->
<div style="margin:0 16px 14px;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:18px;color:#fff;position:relative;overflow:hidden">
<div style="position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:absolute;right:14px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08)"></div>
<div style="position:relative">
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.22);border-radius:10px;padding:3px 9px;font-size:11px;margin-bottom:9px">🎉 你还不是合伙人</div>
<div style="font-size:22px;font-weight:800;line-height:1.2;margin-bottom:6px">申请成为合伙人<br>最高享 <span style="color:#FFD86B">30%</span> 持续返佣</div>
<div style="font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:14px">推荐企业客户 · 订单成交即得佣金 · 提现秒到账</div>
<div style="display:inline-flex;align-items:center;gap:6px;background:#fff;color:#3651DB;font-size:14px;font-weight:700;padding:9px 22px;border-radius:18px;box-shadow:0 6px 14px rgba(0,0,0,.15)">立即申请 ›</div>
</div>
</div>
<!-- 介绍人业务 板块 -->
<div style="margin:0 16px 0;background:linear-gradient(135deg,#E5F7EC 0%,#D1F0DC 50%,#C7EFE2 100%);border-radius:18px;padding:16px;position:relative;overflow:hidden;border:1.5px solid rgba(22,165,90,.18);box-shadow:0 8px 24px rgba(22,165,90,.12)">
<div style="position:absolute;right:-20px;top:-20px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(108,211,164,.4),transparent 70%)"></div>
<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;position:relative">
<div style="width:38px;height:38px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(22,165,90,.32)">
<svg width="20" height="20" viewBox="0 0 22 22" fill="none"><path d="M8 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM2 20c0-3.3 2.7-6 6-6s6 2.7 6 6m1.5-5.5c2.5 0 4.5 2 4.5 4.5" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
<div style="flex:1">
<div style="font-size:16px;font-weight:800;color:#0E5A30;letter-spacing:-.2px">邀请合伙人</div>
<div style="font-size: 11px; color: #1A8C4D; margin-top: 2px">推荐他人成为合伙人 · 首单成交奖¥50</div>
</div>
<span style="background:#FF8145;color:#fff;font-size:10px;padding:3px 8px;border-radius:9px;font-weight:600">2 笔待领</span>
</div>
<div style="background:rgba(255,255,255,.78);border-radius:12px;padding:12px 0;display:flex;backdrop-filter:blur(8px);position:relative">
<div style="flex:1;text-align:center"><div style="font-size:22px;font-weight:800;color:#16A55A;line-height:1">3</div><div style="font-size:11px;color:#666;margin-top:4px">介绍合伙人</div></div>
<div style="width:1px;background:rgba(22,165,90,.2)"></div>
<div style="flex:1;text-align:center"><div style="font-size:22px;font-weight:800;color:#16A55A;line-height:1">8</div><div style="font-size:11px;color:#666;margin-top:4px">推荐企业</div></div>
<div style="width:1px;background:rgba(22,165,90,.2)"></div>
<div style="flex:1;text-align:center"><div style="font-size:22px;font-weight:800;color:#FF6B35;line-height:1">¥100</div><div style="font-size:11px;color:#FF6B35;font-weight:500;margin-top:4px">待领奖励</div></div>
</div>
<!-- 内部小 banner · 邀请成为合伙人 -->
<div style="margin-top:12px;background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 100%);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden">
<div style="position:absolute;right:-15px;top:-20px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="flex:1;position:relative">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:3px"><span style="font-size:13.5px;font-weight:700;color:#fff">邀请朋友成为合伙人</span><span style="background:#FFD86B;color:#7A4B00;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700">¥50/人</span></div>
<div style="font-size:11px;color:rgba(255,255,255,.85);line-height:1.5">分享专属海报 · 朋友首单成交您得礼金</div>
</div>
<div style="height:28px;padding:0 12px;background:#fff;color:#3651DB;border-radius:14px;display:flex;align-items:center;font-size:11.5px;font-weight:700;flex-shrink:0;position:relative">去邀请 ›</div>
</div>
</div>
<!-- 主推服务 -->
<div style="margin:14px 16px 0;background:linear-gradient(180deg,#FFF1E2,#FFFCF6);border-radius:16px;padding:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:6px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFD86B" stroke="#E89B14" stroke-width="1.3" stroke-linejoin="round"><path d="M8 1l1.8 4 4.2.4-3.2 2.8 1 4.2L8 10.4l-3.8 2 1-4.2L1 5.4l4.2-.4L8 1z"></path></svg><span style="font-size:15px;font-weight:800;font-style:italic;color:#A8430F;letter-spacing:.5px">主推服务</span></div>
<span style="font-size:11px;color:#A8430F;opacity:.7">公司严选好品 · 出单更稳更省心</span>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background:linear-gradient(135deg,#FF8A4E,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">🔥 高佣金</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">个体工商户/公司注册</span></div>
<div style="font-size:12px;color:#888;margin-bottom:8px">开公司办执照，全程合规代办</div>
<div style="display:flex;gap:6px"><span style="background:#E5F7EC;color:#16A55A;font-size:11px;padding:2px 7px;border-radius:4px;font-weight:500">亲亲小保</span><span style="background:#E8EEFE;color:#4A6CF7;font-size:11px;padding:2px 7px;border-radius:4px;font-weight:500">个人创业支持服务</span></div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">30%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">合伙人佣金</div><div style="margin-top:8px;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:14px">查看</div></div>
</div>
<div style="background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px">
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px"><span style="background: #EAF0FE; color: #4A6CF7; border: 1px solid #BFD0FA; font-size: 10px; padding: 2px 7px; border-radius: 5px; font-weight: 600; width: 70px">👍 易成交</span><span style="font-size:15px;font-weight:700;color:#1A1A2E">虚拟注册地/租赁注册地址</span></div>
<div style="font-size:12px;color:#888;margin-bottom:8px">全流程代办零操心</div>
<div style="display:flex;gap:6px"><span style="background:#E8EEFE;color:#4A6CF7;font-size:11px;padding:2px 7px;border-radius:4px;font-weight:500">亲亲企服</span><span style="background:#E8EEFE;color:#4A6CF7;font-size:11px;padding:2px 7px;border-radius:4px;font-weight:500">人事用工服务</span></div>
</div>
<div style="text-align:center"><div style="font-size:24px;font-weight:800;color:#FF6B35;line-height:1">10%</div><div style="font-size:10px;color:#FF6B35;margin-top:2px">合伙人佣金</div><div style="margin-top:8px;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:14px">查看</div></div>
</div>
<div style="text-align:center;margin-top:10px"><span style="font-size:12px;color:#A8430F;font-weight:500">更多服务 ⌄</span></div>
</div>
<!-- 亲亲企服 -->
<div style="margin:14px 16px 0">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#7B9AFF,#4A6CF7);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">企</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲企服</span></div>
<span style="font-size:12px;color:#888">更多服务 ›</span>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人事用工服务</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">工商财税服务</div><div style="font-size:11px;color:#888">官方严选</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">企业出海服务</div><div style="font-size:11px;color:#4A6CF7">全新上线</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">数字员工服务</div><div style="font-size:11px;color:#16A55A">新品首发</div></div>
</div>
</div>
<!-- 亲亲小保 -->
<div style="margin:14px 16px 0;padding-bottom:14px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:7px"><div style="width:24px;height:24px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:6px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:13px;font-weight:700">保</span></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">亲亲小保</span></div>
<span style="font-size:12px;color:#888">更多服务 ›</span>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">Offer分析/择业规划</div><div style="font-size:11px;color:#888">零基础可推</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">个体工商户/公司注册</div><div style="font-size:11px;color:#888">官方严选</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">人社保/公积金/个税…</div><div style="font-size:11px;color:#FF6B35">高佣金</div></div>
<div style="background:#fff;border-radius:12px;padding:12px 14px"><div style="font-size:13px;font-weight:600;color:#1A1A2E;margin-bottom:3px">临时挂靠参保</div><div style="font-size:11px;color:#888">个人刚需</div></div>
</div>
</div>
</div>
<!-- Tab bar -->
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P2 · 介绍人业务详情
================================================================ -->
<div style="position:absolute;left:555px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P2 · 介绍人业务详情</div>
<div class="phone">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar">
<div class="back-ic"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M14 5l-6 6 6 6" stroke="#1A1A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div class="navtitle" style="padding-right: 0px">邀请合伙人</div>
<div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div>
</div>
<div class="scroll" style="padding:0 16px 16px">
<!-- Rule banner -->
<div style="background:linear-gradient(135deg,#16A55A 0%,#0E7A40 100%);border-radius:14px;padding:14px 16px;color:#fff;margin-bottom:12px;position:relative;overflow:hidden">
<div style="position:absolute;right:-10px;bottom:-20px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="display:flex;align-items:center;gap:8px;margin-bottom:6px;position:relative"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFD86B"><path d="M8 1l1.8 4 4.2.4-3.2 2.8 1 4.2L8 10.4l-3.8 2 1-4.2L1 5.4l4.2-.4L8 1z"></path></svg><span style="font-size:13px;font-weight:600">介绍人奖励规则</span></div>
<div style="font-size:12px;line-height:1.65;color:rgba(255,255,255,.92)">您推荐的合伙人，每个合伙人 <b style="color:#FFD86B">首单成交</b> 即可获得 <b style="color:#FFD86B">¥50</b> 福礼金。奖励由渠道管理员审核后线下发放。</div>
</div>
<!-- 2-stat grid -->
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px">
<div class="card" style="padding:16px;position:relative">
<div style="display:flex;align-items:flex-end;justify-content:space-between">
<div>
<div style="display:flex;align-items:baseline;gap:3px;line-height:1"><span style="font-size:28px;font-weight:800;color:#16A55A">4</span><span style="font-size:13px;color:#888">人</span></div>
<div style="font-size:12px;color:#888;margin-top:6px">我介绍的合伙人</div>
</div>
<div style="display:flex"></div>
</div>
<div style="margin-top:10px;padding-top:10px;border-top:1px dashed #EFEDF6;display:flex;align-items:center;gap:10px;font-size:11px">
<span style="display:inline-flex;align-items:center;gap:4px;color:#16A55A"><span style="display: inline-block; width: 5px; height: 5px; background: rgb(22, 165, 90); border-radius: 50%;"></span>已成单 3</span>
<span style="display:inline-flex;align-items:center;gap:4px;color:#E89B14"><span style="display:inline-block;width:5px;height:5px;background:#E89B14;border-radius:50%"></span>未成单 1</span>
</div>
</div>
<div style="background:linear-gradient(135deg,#FFF1E2,#FFEAD1);border-radius:14px;padding:16px;border:1.5px solid #FFD8B8">
<div style="font-size:11px;color:#A8430F;margin-bottom:4px">奖励（元）</div>
<div style="display:flex;align-items:baseline;gap:6px;line-height:1"><span style="font-size:28px;font-weight:800;color:#FF6B35">150</span><span style="font-size:11px;color:#A8430F">累计获取</span></div>
<div style="margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,107,53,.25);display:flex;align-items:center;justify-content:space-between"><span style="font-size:11px;color:#A8430F">待发放</span><span style="font-size:14px;font-weight:700;color:#FF6B35">¥100 (2笔)</span></div>
</div>
</div>
<!-- 我介绍的合伙人 -->
<div>
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:8px"><div class="section-bar" style="background:#16A55A"></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">我介绍的合伙人</span></div>
<div style="font-size:12px;color:#888;display:flex;align-items:center;gap:4px">全部 <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5l3 3 3-3" stroke="#999" stroke-width="1.4" stroke-linecap="round"></path></svg></div>
</div>
<div style="display:flex;flex-direction:column;gap:10px">
<div class="card" style="padding:14px 16px">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:10px">
<div style="width:36px;height:36px;background:linear-gradient(135deg,#7B9AFF,#4A6CF7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600">王</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px"><span style="font-size:14px;font-weight:600;color:#1A1A2E">王辉</span></div>
<div style="font-size:11px;color:#999;margin-top:2px">2025-03-15 加入 ｜ 159****1234</div>
</div>
</div>
<div style="background:#F8F8FC;border-radius:8px;padding:10px 12px;display:flex">
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">推荐企业</div><div style="font-size:14px;font-weight:700;color:#1A1A2E;margin-top:2px">3 家</div></div>
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">已成单</div><div style="font-size:14px;font-weight:700;color:#16A55A;margin-top:2px">2 家</div></div>
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">奖励状态</div><div style="font-size:12px;font-weight:600;color:#FF7A2E;margin-top:2px">待发放</div></div>
</div>
</div>
<div class="card" style="padding:14px 16px">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:10px">
<div style="width:36px;height:36px;background:linear-gradient(135deg,#FFB36A,#FF6B35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600">李</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px"><span style="font-size:14px;font-weight:600;color:#1A1A2E">李华</span></div>
<div style="font-size:11px;color:#999;margin-top:2px">2025-04-20 加入 ｜ 137****5678</div>
</div>
</div>
<div style="background:#F8F8FC;border-radius:8px;padding:10px 12px;display:flex">
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">推荐企业</div><div style="font-size:14px;font-weight:700;color:#1A1A2E;margin-top:2px">3 家</div></div>
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">已成单</div><div style="font-size:14px;font-weight:700;color:#16A55A;margin-top:2px">2 家</div></div>
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">奖励状态</div><div style="font-size:12px;font-weight:600;color:#16A55A;margin-top:2px">已发放</div></div>
</div>
</div>
<div class="card" style="padding:14px 16px">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:10px">
<div style="width:36px;height:36px;background:linear-gradient(135deg,#A6B8F8,#7B5FE8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600">赵</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:6px"><span style="font-size:14px;font-weight:600;color:#1A1A2E">赵明</span></div>
<div style="font-size:11px;color:#999;margin-top:2px">2025-05-12 加入 ｜ 138****9023</div>
</div>
</div>
<div style="background:#F8F8FC;border-radius:8px;padding:10px 12px;display:flex">
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">推荐企业</div><div style="font-size:14px;font-weight:700;color:#1A1A2E;margin-top:2px">2 家</div></div>
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">已成单</div><div style="font-size:14px;font-weight:700;color:#999;margin-top:2px">0 家</div></div>
<div style="flex:1;text-align:center"><div style="font-size:11px;color:#888">奖励状态</div><div style="font-size:12px;font-weight:600;color:#999;margin-top:2px">无奖励</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P3 · 合伙人详情
================================================================ -->
<div style="position:absolute;left:1030px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3 · 合伙人详情</div>
<div class="phone" style="height: 812px">
<div class="statusbar">
<span class="stime">9:41</span>
<div class="sicons"><svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><circle cx="2" cy="9.5" r="1.5"></circle><circle cx="6.5" cy="9.5" r="1.5"></circle><circle cx="11" cy="9.5" r="1.5"></circle></svg><svg width="16" height="11" viewBox="0 0 16 11" fill="none"><circle cx="8" cy="9.5" r="1" fill="currentColor"></circle></svg><svg width="26" height="13" viewBox="0 0 26 13" fill="none"><rect x=".5" y="1.5" width="22" height="10" rx="2.5" stroke="currentColor" stroke-opacity=".4"></rect><rect x="2" y="3" width="19" height="7" rx="1.2" fill="currentColor"></rect></svg></div>
</div>
<div class="navbar">
<div class="back-ic"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M14 5l-6 6 6 6" stroke="#1A1A2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div class="navtitle" style="padding-right: 0px">合伙人详情</div>
<div class="capsule"><svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="9" cy="2" r="1.5" fill="#1A1A2E"></circle><circle cx="15" cy="2" r="1.5" fill="#1A1A2E"></circle></svg><div style="width:.5px;height:14px;background:rgba(0,0,0,.15)"></div><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6.5" stroke="#1A1A2E" stroke-width="1.1" fill="none"></circle><circle cx="8" cy="8" r="2.2" fill="#1A1A2E"></circle></svg></div>
</div>
<div class="scroll" style="padding:0 16px 16px">
<!-- Partner header card -->
<div style="background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:16px;padding:18px;color:#fff;margin-bottom:12px;position:relative;overflow:hidden">
<div style="position:absolute;right:-20px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.1)"></div>
<div style="position:relative;display:flex;align-items:center;gap:14px">
<div style="width:56px;height:56px;background:rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.45);font-size:22px;font-weight:700">王</div>
<div style="flex:1">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:5px"><span style="font-size:18px;font-weight:700">王辉</span></div>
<div style="font-size:12px;color:rgba(255,255,255,.85);line-height:1.65">159****1234<br>2025-03-15 加入 ｜ 已加入 105 天</div>
</div>
<div style="display:flex;flex-direction:column;gap:6px;flex-shrink:0">
</div>
</div>
<div style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);display:flex">
<div style="flex:1;text-align:center"><div style="font-size:11px;color:rgba(255,255,255,.75)">推荐企业数</div><div style="font-size:20px;font-weight:800;margin-top:3px">3</div></div>
<div style="flex:1;text-align:center;border-left:1px solid rgba(255,255,255,.15)"><div style="font-size:11px;color:rgba(255,255,255,.75)">已成单企业数</div><div style="font-size:20px;font-weight:800;margin-top:3px">2</div></div>
</div>
</div>
<!-- 我获得的奖励 -->
<div style="background:linear-gradient(135deg,#FFF1E2,#FFEAD1);border-radius:14px;padding:14px 16px;border:1.5px solid #FFD8B8;margin-bottom:14px">
<div style="display:flex;align-items:center;justify-content:space-between">
<div>
<div style="font-size:12px;color:#A8430F;margin-bottom:4px">我从 TA 获得的介绍奖励</div>
<div style="display:flex;align-items:baseline;gap:8px;line-height:1"><span style="font-size:26px;font-weight:800;color:#FF6B35">¥50</span></div>
</div>
<span style="background:#FFEEE0;color:#FF7A2E;font-size:12px;padding:5px 12px;border-radius:8px;font-weight:600">奖励已发放</span>
</div>
<div style="margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,107,53,.25);font-size:11px;color:#A8430F;line-height:1.5">首单触发：<b>北京卓思教育集团</b><div>2025-06-15 · 由渠道管理员线下发放</div></div>
</div>
<!-- 推荐的企业 -->
<div>
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:8px"><div class="section-bar"></div><span style="font-size:15px;font-weight:700;color:#1A1A2E">推荐的企业</span><span style="font-size:11px;color:#888">共 3 家</span></div>
<div style="display:flex;gap:6px;font-size:11px">
<span style="background:#EAF0FE;color:#4A6CF7;padding:3px 9px;border-radius:5px;border:1px solid #BFD0FA;font-weight:500">全部 3</span>
<span style="background:#fff;color:#16A55A;padding:3px 9px;border-radius:5px;border:1px solid #C7E8D2">已成单 2</span>
<span style="background:#fff;color:#E89B14;padding:3px 9px;border-radius:5px;border:1px solid #F0E2BB">未成单 1</span>
</div>
</div>
<div style="display:flex;flex-direction:column;gap:10px">
<!-- 企业 1 · 已成单（可点击进入业务列表） -->
<div class="card" style="padding:14px 16px;border:1.5px solid transparent;position:relative">
<div style="position:absolute;top:0;right:0;background:#16A55A;color:#fff;font-size:10px;padding:3px 9px;border-radius:0 14px 0 8px;font-weight:600">已成单</div>
<div style="display:flex;align-items:flex-start;gap:10px;padding-right:50px">
<div style="width:32px;height:32px;background:#E5F7EC;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0">🏢</div>
<div style="flex:1">
<div style="font-size:14px;font-weight:600;color:#1A1A2E;line-height:1.4">北京卓思教育集团</div>
<div style="font-size:11px;color:#888;margin-top:3px">联系人 张先生 139****8877</div>
</div>
</div>
<div style="margin-top:10px;background:#F8F8FC;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#666">
<span>邀请时间 <b style="color:#1A1A2E">2025-04-02</b></span>
<span>首单成交 <b style="color:#16A55A">2025-06-15</b></span>
</div>
</div>
<!-- 企业 2 · 已成单 -->
<div class="card" style="padding:14px 16px;border:1.5px solid transparent;position:relative">
<div style="position:absolute;top:0;right:0;background:#16A55A;color:#fff;font-size:10px;padding:3px 9px;border-radius:0 14px 0 8px;font-weight:600">已成单</div>
<div style="display:flex;align-items:flex-start;gap:10px;padding-right:50px">
<div style="width:32px;height:32px;background:#E5F7EC;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0">🏢</div>
<div style="flex:1">
<div style="font-size:14px;font-weight:600;color:#1A1A2E;line-height:1.4">深圳华创智联网络科技</div>
<div style="font-size:11px;color:#888;margin-top:3px">联系人 陈总 138****8800</div>
</div>
</div>
<div style="margin-top:10px;background:#F8F8FC;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#666">
<span>邀请时间 <b style="color:#1A1A2E">2025-05-20</b></span>
<span>首单成交 <b style="color:#16A55A">2025-06-22</b></span>
</div>
</div>
<!-- 企业 3 · 未成单（不可跳转） -->
<div class="card" style="padding:14px 16px;position:relative;opacity:.85">
<div style="position:absolute;top:0;right:0;background:#E89B14;color:#fff;font-size:10px;padding:3px 9px;border-radius:0 14px 0 8px;font-weight:600">未成单</div>
<div style="display:flex;align-items:flex-start;gap:10px;padding-right:50px">
<div style="width:32px;height:32px;background:#FFF6E0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0">🏢</div>
<div style="flex:1">
<div style="font-size:14px;font-weight:600;color:#1A1A2E;line-height:1.4">上海飞扬科技有限公司</div>
<div style="font-size:11px;color:#888;margin-top:3px">联系人 李女士 150****8888</div>
</div>
</div>
<div style="margin-top:10px;background:#F8F8FC;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#666">
<span>邀请时间 <b style="color:#1A1A2E">2025-06-08</b></span>
<span style="color:#E89B14">暂未成单 · 已入驻18 天</span>
</div>
</div>
</div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ===== 关键逻辑注释 ===== -->
<style>
.logic-card { position:absolute; top:962px; width:375px; background:#fff; border-radius:14px; padding:14px 16px; box-shadow:0 4px 14px rgba(60,55,120,.08); border:1px solid rgba(22,165,90,.14); font-family:'Noto Sans SC',sans-serif; }
.logic-card .lc-title { display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:13px; font-weight:700; color:#1A1A2E; }
.logic-card .lc-dot { width:6px; height:6px; border-radius:50%; background:#16A55A; flex-shrink:0; }
.logic-card .lc-tag { font-size:10px; font-weight:600; padding:2px 7px; border-radius:5px; background:#E5F7EC; color:#16A55A; margin-left:auto; }
.logic-card ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; }
.logic-card li { font-size:11.5px; line-height:1.55; color:#4A4866; padding-left:14px; position:relative; }
.logic-card li::before { content:''; position:absolute; left:2px; top:7px; width:4px; height:4px; border-radius:50%; background:#B5B3CD; }
.logic-card li b { color:#1A1A2E; font-weight:600; }
.logic-card .lc-sub { font-size:10.5px; color:#7775A0; margin-top:8px; padding-top:8px; border-top:1px dashed #EFEDF6; line-height:1.5; }
</style>
<div class="logic-card" style="left:80px">
<div class="lc-title"><span class="lc-dot"></span>P1 · 员工首页（介绍人）<span class="lc-tag">已登录 · 介绍人</span></div>
<ul>
<li><b>身份判定</b>：当前员工/普通用户邀请的合伙人，已有「审核通过的合伙人」 → 显示为「介绍人」</li>
<li><b>未达介绍人条件</b>：仅完成邀请但未触发企业订单时，不显示介绍人徽章和业务板块，引导继续邀请</li>
<li><b>Hero 申请合伙人</b>：本人若尚未是合伙人，可点击「立即申请」 → 走 01 文件 P4 申请表单</li>
<li><b>邀请合伙人板块</b>：展示介绍合伙人数 / 推荐企业数 / 待领奖励；点击进入 P2 介绍人业务详情</li>
<li><b>内嵌邀请 banner</b>：「邀请朋友成为合伙人 ¥50/人」→ 唤起分享面板（专属海报 / 链接 / 微信）</li>
<li><b>主推/企服/小保</b>：浏览产品入口；员工点击「查看」进服务详情，介绍人不直接卖产品仅做拉新</li>
</ul>
<div class="lc-sub">介绍人 ≠ 对接人 ≠ 合伙人，三种身份相互独立；本视图为「内部员工 + 介绍人」共存视角</div>
</div>
<div class="logic-card" style="left:555px">
<div class="lc-title"><span class="lc-dot"></span>P2 · 介绍人业务详情<span class="lc-tag">业务详情</span></div>
<ul>
<li><b>奖励规则 banner</b>：明示「被邀请合伙人首单成交 → 本人得 ¥50 福礼金」；奖励由渠道管理员审核后线下发放</li>
<li><b>两宫格数据</b>：我介绍的合伙人（含已成单/未成单分布）+ 累计奖励（含已发放 vs 待发放）</li>
<li><b>我介绍的合伙人列表</b>：只显示已审核通过的合伙人。按加入时间倒序，卡片显示推荐企业数 / 已成单数 / 奖励状态（待发放 / 已发放 / 无奖励）</li>
<li><b>点击合伙人卡</b>：进入 P3 合伙人详情</li>
<li><b>奖励状态判定</b>：该合伙人下任意企业客户首单成交 → 待发放；渠道管理员发放后 → 已发放；无成单 → 无奖励</li>
</ul>
<div class="lc-sub">同一合伙人多次企业成单只触发一次 ¥50 奖励（首单即结算）；后续企业订单走合伙人结算规则</div>
</div>
<div class="logic-card" style="left:1030px">
<div class="lc-title"><span class="lc-dot"></span>P3 · 合伙人详情<span class="lc-tag">合伙人画像</span></div>
<ul>
<li><b>头部卡</b>：合伙人基本信息 + 加入天数 + 双指标（推荐企业 / 已成单）</li>
<li><b>我获得的奖励</b>：展示从该合伙人获得的 ¥50 奖励金额及状态、首单触发企业、发放时间</li>
<li><b>推荐的企业列表</b>：状态分类 tab（全部 / 已成单 / 未成单），按邀请时间倒序</li>
<li><b>已成单企业卡</b>：展示邀请时间 + 首单成交时间；点击进入对应企业商机详情（介绍人有只读权限）</li>
<li><b>未成单企业卡</b>：展示邀请时间 + 已入驻天数；不展示业务订单（介绍人不关心订单细节）</li>
</ul>
<div class="lc-sub">介绍人视图仅展示「合伙人 → 企业」的转化漏斗；具体订单 / 佣金属于合伙人本人和对接人视角，不在此暴露</div>
</div>
</x-dc>
</body>
</html>
小程序HTML原型/04-对接人视图.dc.html 0 → 100644
This diff could not be displayed because it is too large.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment