Skip to content

qqxb-qqqf / qqck-project

Go to a project
Commit 581adddf by 张倩
Options

小程序原型更新

parent 07a187fc
Inline Side-by-side
Showing with 550 additions and 103 deletions
后台说明文档/亲亲创客2.0_合伙人管理系统PRD.md
# 亲亲创客 2.0 — 合伙人管理系统 PRD
# 亲亲创客 2.0 — 合伙人管理系统 PRD
......@@ -479,11 +479,11 @@
| 字段 | 类型 | 必填 | 说明 |
|------|------|------|------|
| 商机 ID | 系统自动 | — | 主键 |
| 客户信息 | 文本 / 关联 | 是 | 客户名称、联系方式等 |
| 客户信息 | 文本 / 关联 | 是 | 客户名称、联系方式等，后台创建商机必填 |
| 产品信息 | 外键 | 是 | 关联产品目录 |
| 合伙人 | 外键 | 是 | 报备商机的合伙人 |
| 对接人 | 外键 | 否 | 渠道管理员分配，或自动匹配 |
| 渠道管理员 | 外键 | 否 | 系统自动填入当前配置的渠道管理员 |
| 对接人 | 外键 | 否 | 渠道管理员分配，或自动匹配，后台创建商机必填 |
| 渠道管理员 | 外键 | 否 | 系统自动填入当前配置的渠道管理员，后台添加商机可手动编辑 |
| 商机状态 | 枚举 | 是 | 待审核 / 待分配 / 跟进中 / 暂时挂起 / 已成单 / 已作废 |
| 创建时间 | datetime | — | 系统自动 |
| 更新时间 | datetime | — | 系统自动 |
......@@ -523,13 +523,13 @@
| 待分配 | 进行中 | 核实真实，等待分配对接人 | 渠道管理员 |
| 跟进中 | 进行中 | 对接人正在跟进 | 对接人 |
| 暂时挂起 | 进行中 | 对接人暂时挂起，可恢复 | 对接人 |
| 已成单 | 结束 | 成功成单 | 对接人 |
| 已成单 | 结束 | 用户的所属合伙人有当前产品的佣金订单产生即为成单（系统自动判断变更） | 系统 |
| 已作废 | 结束 | 商机无效 | 渠道管理员 |
**状态流转：**
```
待审核 ──核实真实──→ 待分配 ──分配对接人──→ 跟进中 ──成单──→ 已成单
待审核 ──核实真实──→ 待分配 ──分配对接人──→ 跟进中 ──成单（自动变更）──→ 已成单
│ │ │ ↕
│核实不真实 │作废 │作废 挂起↔恢复
↓ ↓ ↓ │
......
小程序HTML原型/01-登录及申请.dc.html
<!DOCTYPE html>
<!DOCTYPE html>
......@@ -42,7 +42,7 @@
<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>
<span>未登录首页 · 登录页 · 非介绍人状态 · 介绍人状态 · 未实名提示 · 实名认证 · 人脸识别 · 实名完成 · 申请成为合伙人 · 加盟协议确认 · 提交成功 · 审核中 · 审核未通过 · 产品详情（非合伙人）</span>
</div>
......@@ -407,9 +407,119 @@
<!-- ================================================================
P4 · 申请成为合伙人（新表单）
P3c · 未实名申请合伙人 · 实名提示弹窗
================================================================ -->
<div style="position:absolute;left:1980px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3c · 未实名 · 实名提示弹窗</div>
<div class="phone" style="height:812px">
<!-- 底层：非介绍人首页（暗化） -->
<div style="position:absolute;inset:0;filter:brightness(.92)">
<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">
<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:#F0EEF8;color:#7775A0;font-size:11px;padding:2px 9px;border-radius:10px;font-weight:600">普通用户</span></div>
<div style="font-size:13px;color:#666">159****1234</div>
</div>
</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">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>
<div class="home"><div class="home-bar"></div></div>
</div>
<!-- 遮罩 -->
<div style="position:absolute;inset:0;background:rgba(20,15,45,.5)"></div>
<!-- 实名提示弹窗 -->
<div style="position:absolute;left:30px;right:30px;top:50%;transform:translateY(-50%);background:#fff;border-radius:22px;padding:28px 24px 22px;box-shadow:0 22px 55px rgba(20,15,45,.4)">
<div style="width:66px;height:66px;margin:0 auto 18px;background:linear-gradient(135deg,#FFB36A,#FF6B35);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(255,107,53,.34)">
<svg width="34" height="34" viewBox="0 0 24 24" fill="none"><path d="M12 2l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V5l7-3z" stroke="#fff" stroke-width="1.7" stroke-linejoin="round"></path><path d="M12 8v4" stroke="#fff" stroke-width="1.9" stroke-linecap="round"></path><circle cx="12" cy="15.2" r="1.1" fill="#fff"></circle></svg>
</div>
<div style="text-align:center;font-size:19px;font-weight:800;color:#1A1A2E;margin-bottom:8px">您还未实名认证</div>
<div style="text-align:center;font-size:13px;color:#666;line-height:1.65;margin-bottom:18px">依据平台合规要求，申请成为合伙人前<br>需先完成实名认证</div>
<div class="btn-primary">去实名认证 ›</div>
<div style="text-align:center;margin-top:14px;font-size:13px;color:#999">暂不申请</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P3f · 实名认证完成
================================================================ -->
<div style="position:absolute;left:3405px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3f · 实名认证完成</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="display:flex;flex-direction:column;align-items:center;padding:36px 0 26px">
<div style="position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px">
<div style="position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(22,165,90,.16),transparent 70%)"></div>
<div style="position:absolute;inset:16px;border-radius:50%;border:1.5px solid rgba(22,165,90,.25)"></div>
<div style="width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,#6CD3A4,#16A55A);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(22,165,90,.36)">
<svg width="44" height="44" viewBox="0 0 48 48" fill="none"><path d="M14 25l7 7 14-15" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</div>
<div style="font-size:22px;font-weight:800;color:#1A1A2E;margin-bottom:8px">实名认证成功</div>
<div style="font-size:13px;color:#888;text-align:center;line-height:1.65">您的身份信息已通过权威核验<br></div>
</div>
<!-- 认证信息卡 -->
<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:14px;font-weight:700;color:#1A1A2E">认证信息</span><span style="margin-left:auto;display:inline-flex;align-items:center;gap:3px;background:#E5F7EC;color:#16A55A;font-size:11px;font-weight:600;padding:3px 9px;border-radius:8px"><svg width="11" height="11" viewBox="0 0 16 16" fill="none"><path d="M8 1.5l5 2v4.5c0 3.2-2.1 5.7-5 6.5-2.9-.8-5-3.3-5-6.5V3.5l5-2z" stroke="#16A55A" stroke-width="1.4" stroke-linejoin="round"></path><path d="M5.8 8l1.4 1.4L10.4 6" stroke="#16A55A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg>已认证</span></div>
<div style="display:flex;flex-direction:column;gap:13px">
<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:600">杨恒宇</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:600">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:600">人脸识别实名</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:600">2026-07-08 09:41</span></div>
</div>
</div>
<!-- 安全提示 -->
<div style="margin-top:16px;display:flex;align-items:flex-start;gap:8px;padding:0 4px">
<svg width="15" height="15" viewBox="0 0 16 16" fill="none" style="flex-shrink:0;margin-top:1px"><path d="M8 1.5l5 2v4.5c0 3.2-2.1 5.7-5 6.5-2.9-.8-5-3.3-5-6.5V3.5l5-2z" stroke="#16A55A" stroke-width="1.3" stroke-linejoin="round"></path></svg>
<div style="font-size:11px;color:#999;line-height:1.55">实名信息仅用于身份核验，全程加密传输，平台严格保护您的个人隐私</div>
</div>
<div style="flex:1"></div>
<div class="btn-primary" style="margin-top:24px">继续填写合伙人申请 ›</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P4 · 申请成为合伙人（新表单）
================================================================ -->
<div style="position:absolute;left:3880px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P4 · 申请成为合伙人</div>
<div class="phone" style="height: 812px">
<div class="statusbar">
......@@ -435,35 +545,22 @@
<!-- 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 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><span style="margin-left:auto;display:inline-flex;align-items:center;gap:3px;background:#E5F7EC;color:#16A55A;font-size:11px;font-weight:600;padding:3px 9px;border-radius:8px"><svg width="11" height="11" viewBox="0 0 16 16" fill="none"><path d="M8 1.5l5 2v4.5c0 3.2-2.1 5.7-5 6.5-2.9-.8-5-3.3-5-6.5V3.5l5-2z" stroke="#16A55A" stroke-width="1.4" stroke-linejoin="round"></path><path d="M5.8 8l1.4 1.4L10.4 6" stroke="#16A55A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg>实名已通过</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 class="input filled" style="background:#F4F4F8;justify-content:space-between;color:#1A1A2E">杨恒宇<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><rect x="3.2" y="7" width="9.6" height="7" rx="1.6" stroke="#B5B3CD" stroke-width="1.3"></rect><path d="M5.4 7V5.2a2.6 2.6 0 0 1 5.2 0V7" stroke="#B5B3CD" stroke-width="1.3"></path></svg></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 style="font-size:12px;color:#666;margin-bottom:8px">身份证号<span style="color:#FF4D4F;margin-left:2px">*</span></div>
<div class="input filled" style="background:#F4F4F8;justify-content:space-between;color:#1A1A2E">330***********1234<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><rect x="3.2" y="7" width="9.6" height="7" rx="1.6" stroke="#B5B3CD" stroke-width="1.3"></rect><path d="M5.4 7V5.2a2.6 2.6 0 0 1 5.2 0V7" stroke="#B5B3CD" stroke-width="1.3"></path></svg></div>
</div>
<!-- 身份类别 -->
<div>
<div style="font-size:12px;color:#666;margin-bottom:10px">身份类别<span style="color:#FF4D4F;margin-left:2px">*</span></div>
<div style="font-size:12px;color:#666;margin-bottom:8px">身份类别<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>
......@@ -473,28 +570,215 @@
<div class="role-chip">其他</div>
</div>
</div>
<!-- 介绍人 -->
<div>
</div>
</div>
</div>
<!-- 合伙人特权 (no 介绍人 reward mention) -->
<div style="margin-top:22px" class="btn-primary">提交申请</div>
<div style="text-align:center;margin-top:10px;font-size:11px;color:#999;line-height:1.5">提交后需阅读并确认《合伙人加盟协议》</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P5 · 合伙人加盟协议弹窗（提交申请后触发）
P4b · 实名认证（点击「实名认证」后进入 · 三种方式）
================================================================ -->
<div style="position:absolute;left:2455px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3d · 实名认证</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,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:20px;margin:6px 0 14px;color:#fff;overflow:hidden">
<div style="position:absolute;right:-30px;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:12px">
<div style="width:46px;height:46px;background:rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M12 2l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V5l7-3z" stroke="#fff" stroke-width="1.6" stroke-linejoin="round"></path><path d="M9 12l2 2 4-4.5" stroke="#FFD86B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
<div style="flex:1">
<div style="font-size:18px;font-weight:800;line-height:1.25;margin-bottom:4px">请先完成实名认证</div>
<div style="font-size:12px;color:rgba(255,255,255,.85);line-height:1.55">依据平台合规要求，认证通过后方可提交合伙人申请</div>
</div>
</div>
</div>
<!-- 填写实名信息 -->
<div style="background:#fff;border-radius:16px;padding:16px 18px;margin-bottom:14px;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:14px;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 style="font-size:12px;color:#666;margin-bottom:8px">身份证号<span style="color:#FF4D4F;margin-left:2px">*</span></div>
<div class="input">请输入您的身份证号（18位）</div>
</div>
</div>
</div>
<!-- 三种认证方式 -->
<div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-left:2px"><div class="section-bar"></div><span style="font-size:14px;font-weight:700;color:#1A1A2E">选择认证方式</span></div>
<div style="display:flex;flex-direction:column;gap:12px">
<!-- 方式1 · 人脸识别（推荐） -->
<div style="background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 18px rgba(77,111,245,.14);border:1.5px solid #4D6FF5;position:relative">
<div style="position:absolute;right:14px;top:0;transform:translateY(-50%);background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:10px;font-weight:700;padding:2px 9px;border-radius:9px">推荐</div>
<div style="width:48px;height:48px;background:linear-gradient(135deg,#5B7CFA,#3651DB);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(77,111,245,.3)">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2" stroke="#fff" stroke-width="1.6" stroke-linecap="round"></path><circle cx="9.5" cy="10.5" r="1" fill="#fff"></circle><circle cx="14.5" cy="10.5" r="1" fill="#fff"></circle><path d="M9.5 14.5s1 1.2 2.5 1.2 2.5-1.2 2.5-1.2" stroke="#fff" stroke-width="1.5" stroke-linecap="round"></path></svg>
</div>
<div style="flex:1">
<div style="font-size:15px;font-weight:700;color:#1A1A2E;margin-bottom:3px">人脸识别实名</div>
<div style="font-size:11.5px;color:#888;line-height:1.5">刷脸核验，最快 10 秒完成 · 安全便捷</div>
</div>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6 3l6 6-6 6" stroke="#4D6FF5" stroke-width="1.8" stroke-linecap="round"></path></svg>
</div>
<!-- 方式2 · 手机号实名 -->
<div style="background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 14px rgba(60,55,120,.06)">
<div style="width:48px;height:48px;background:linear-gradient(135deg,#6CD3A4,#16A55A);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(22,165,90,.28)">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="7" y="3" width="10" height="18" rx="2.5" stroke="#fff" stroke-width="1.6"></rect><path d="M10.5 18h3" stroke="#fff" stroke-width="1.6" stroke-linecap="round"></path></svg>
</div>
<div style="flex:1">
<div style="font-size:15px;font-weight:700;color:#1A1A2E;margin-bottom:3px">手机号实名</div>
<div style="font-size:11.5px;color:#888;line-height:1.5">运营商三要素核验 · 姓名·身份证·手机号</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.8" stroke-linecap="round"></path></svg>
</div>
<!-- 方式3 · 银行卡实名 -->
<div style="background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 14px rgba(60,55,120,.06)">
<div style="width:48px;height:48px;background:linear-gradient(135deg,#FFB36A,#FF6B35);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(255,107,53,.26)">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" rx="2.5" stroke="#fff" stroke-width="1.6"></rect><path d="M3 9.5h18" stroke="#fff" stroke-width="1.6"></path><path d="M6.5 15h3" stroke="#fff" stroke-width="1.6" stroke-linecap="round"></path></svg>
</div>
<div style="flex:1">
<div style="font-size:15px;font-weight:700;color:#1A1A2E;margin-bottom:3px">银行卡实名</div>
<div style="font-size:11.5px;color:#888;line-height:1.5">银行卡四要素核验 · 绑定本人银行卡</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.8" stroke-linecap="round"></path></svg>
</div>
</div>
<!-- 安全提示 -->
<div style="margin-top:16px;display:flex;align-items:flex-start;gap:8px;padding:0 4px">
<svg width="15" height="15" viewBox="0 0 16 16" fill="none" style="flex-shrink:0;margin-top:1px"><path d="M8 1.5l5 2v4.5c0 3.2-2.1 5.7-5 6.5-2.9-.8-5-3.3-5-6.5V3.5l5-2z" stroke="#16A55A" stroke-width="1.3" stroke-linejoin="round"></path></svg>
<div style="font-size:11px;color:#999;line-height:1.55">认证信息仅用于身份核验，全程加密传输，平台严格保护您的个人隐私</div>
</div>
</div>
<div class="home"><div class="home-bar"></div></div>
</div>
</div>
<!-- ================================================================
P4c · 微信半屏小程序 · 人脸识别（P4b 选「人脸识别实名」后调起）
================================================================ -->
<div style="position:absolute;left:2930px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P3e · 微信半屏 · 人脸识别</div>
<div class="phone" style="height:812px;background:#F4F1FA">
<!-- 底层：P4b 实名认证页（暗化） -->
<div style="position:absolute;inset:0;filter:brightness(.9)">
<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 style="padding:6px 16px">
<div style="background:linear-gradient(135deg,#5B7CFA 0%,#3651DB 60%,#7B5FE8 100%);border-radius:18px;padding:20px;color:#fff">
<div style="font-size:18px;font-weight:800">请先完成实名认证</div>
<div style="font-size:12px;color:rgba(255,255,255,.85);margin-top:4px">依据平台合规要求，认证通过后方可提交</div>
</div>
</div>
</div>
<!-- 遮罩 -->
<div style="position:absolute;inset:0;background:rgba(20,15,45,.5)"></div>
<!-- 微信半屏小程序 sheet -->
<div style="position:absolute;left:0;right:0;bottom:0;height:560px;background:#EDEDED;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -12px 40px rgba(20,15,45,.3);display:flex;flex-direction:column">
<!-- 微信半屏顶部栏 -->
<div style="height:52px;flex-shrink:0;display:flex;align-items:center;padding:0 14px;background:#EDEDED;position:relative">
<div style="display:flex;align-items:center;gap:8px">
<div style="width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2AAE67,#07C160);display:flex;align-items:center;justify-content:center">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none"><path d="M12 2l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V5l7-3z" fill="#fff"></path><path d="M9 12l2 2 4-4.5" stroke="#07C160" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
<span style="font-size:15px;font-weight:600;color:#1A1A1A">亲亲小保身份验证</span>
</div>
<div style="flex:1"></div>
<!-- 微信胶囊 -->
<div style="width:78px;height:30px;background:rgba(0,0,0,.05);border:.5px solid rgba(0,0,0,.08);border-radius:15px;display:flex;align-items:center;justify-content:space-around">
<svg width="18" height="4" viewBox="0 0 18 4"><circle cx="3" cy="2" r="1.6" fill="#1A1A1A"></circle><circle cx="9" cy="2" r="1.6" fill="#1A1A1A"></circle><circle cx="15" cy="2" r="1.6" fill="#1A1A1A"></circle></svg>
<div style="width:.5px;height:15px;background:rgba(0,0,0,.15)"></div>
<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6.5" stroke="#1A1A1A" stroke-width="1.2"></circle><path d="M5.5 5.5l5 5M10.5 5.5l-5 5" stroke="#1A1A1A" stroke-width="1.2" stroke-linecap="round"></path></svg>
</div>
</div>
<!-- 小程序内容 -->
<div style="flex:1;background:#fff;display:flex;flex-direction:column;align-items:center;padding:26px 24px 0;overflow-y:auto">
<div style="font-size:19px;font-weight:700;color:#1A1A2E;letter-spacing:.5px">人脸识别验证</div>
<div style="font-size:12.5px;color:#888;margin-top:8px;text-align:center;line-height:1.6">为验证是否为本人操作，请根据提示完成人脸识别</div>
<!-- 核验对象 -->
<div style="margin-top:16px;display:flex;align-items:center;gap:10px;background:#F6FBF7;border:1px solid #D6EFDF;border-radius:12px;padding:9px 16px">
<span style="font-size:12.5px;color:#1A1A2E;font-weight:600">杨恒宇</span>
<span style="width:1px;height:12px;background:#CDE7D5"></span>
<span style="font-size:12.5px;color:#4A4866">330***********1234</span>
</div>
<!-- 人脸取景框 -->
<div style="margin-top:26px;position:relative;width:180px;height:180px">
<div style="position:absolute;inset:0;border-radius:50%;background:linear-gradient(160deg,#EAF6EF,#DCF0E4)"></div>
<div style="position:absolute;inset:0;border-radius:50%;border:3px solid #07C160;border-top-color:rgba(7,193,96,.25);border-right-color:rgba(7,193,96,.25);transform:rotate(-45deg)"></div>
<div style="position:absolute;inset:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden">
<svg width="90" height="90" viewBox="0 0 100 100" fill="none">
<path d="M50 18c-13 0-22 10-22 26 0 8 3 15 8 20 3 3 8 6 14 6s11-3 14-6c5-5 8-12 8-20 0-16-9-26-22-26z" stroke="#2AAE67" stroke-width="2.5"></path>
<circle cx="41" cy="46" r="2.6" fill="#2AAE67"></circle>
<circle cx="59" cy="46" r="2.6" fill="#2AAE67"></circle>
<path d="M50 48v9M44 63c2 2 4 2.6 6 2.6s4-.6 6-2.6" stroke="#2AAE67" stroke-width="2.4" stroke-linecap="round"></path>
</svg>
</div>
<!-- 扫描线 -->
<div style="position:absolute;left:26px;right:26px;top:52%;height:2px;background:linear-gradient(90deg,transparent,#07C160,transparent);box-shadow:0 0 8px rgba(7,193,96,.5)"></div>
</div>
<div style="margin-top:22px;font-size:13.5px;color:#1A1A2E;font-weight:600">请将面部置于圆框内</div>
<div style="margin-top:6px;font-size:12px;color:#999;text-align:center;line-height:1.6">保持光线充足 · 正对手机 · 眨眼配合识别</div>
</div>
<!-- 底部按钮 -->
<div style="flex-shrink:0;background:#fff;padding:14px 24px 26px">
<div style="height:48px;background:#07C160;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:16px;font-weight:600">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2" stroke="#fff" stroke-width="1.8" stroke-linecap="round"></path></svg>
开始人脸识别
</div>
<div style="margin-top:12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#B0B0B0">
<svg width="12" height="12" viewBox="0 0 16 16" fill="none"><path d="M8 1.5l5 2v4.5c0 3.2-2.1 5.7-5 6.5-2.9-.8-5-3.3-5-6.5V3.5l5-2z" stroke="#B0B0B0" stroke-width="1.3" stroke-linejoin="round"></path></svg>
<span>人脸信息由腾讯云权威核验，仅用于身份认证</span>
</div>
</div>
</div>
<div class="home"><div class="home-bar" style="background:#1A1A2E"></div></div>
</div>
</div>
<!-- ================================================================
P5 · 合伙人加盟协议弹窗（提交申请后触发）
================================================================ -->
<div style="position:absolute;left:4355px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P5 · 加盟协议确认弹窗</div>
<div class="phone" style="height: 812px">
<!-- 底层 P4 表单（暗化） -->
......@@ -512,7 +796,7 @@
<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:16px;font-weight:800;color:#1A1A2E;letter-spacing:.3px">亲亲创客合伙人合作协议</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>
......@@ -539,6 +823,22 @@
<p style="margin-bottom:12px">10.1 本协议自合伙人点击「确认加盟」按钮之日起生效。</p>
<p style="margin-bottom:12px">10.2 平台保留对本协议内容进行调整的权利，重大变更将通过站内通知/短信告知合伙人。</p>
<div style="font-weight:700;color:#1A1A2E;margin:2px 0 6px">第十一条 签署信息</div>
<p style="margin-bottom:10px">11.1 本协议由甲方与乙方（合伙人本人）共同签署，乙方确认以下实名信息真实有效，并同意作为本协议的签约主体：</p>
<div style="background:#F6F8FF;border:1px solid #E4E9FB;border-radius:12px;padding:14px 16px;margin-bottom:12px">
<div style="font-size:12px;font-weight:700;color:#3651DB;margin-bottom:10px">乙方（合伙人）信息</div>
<div style="display:flex;flex-direction:column;gap:9px;font-size:12px">
<div style="display:flex;justify-content:space-between"><span style="color:#888">姓名</span><span style="color:#1A1A2E;font-weight:600">杨恒宇</span></div>
<div style="height:1px;background:#E9EDFA"></div>
<div style="display:flex;justify-content:space-between"><span style="color:#888">身份证号</span><span style="color:#1A1A2E;font-weight:600">330***********1234</span></div>
<div style="height:1px;background:#E9EDFA"></div>
<div style="display:flex;justify-content:space-between"><span style="color:#888">手机号</span><span style="color:#1A1A2E;font-weight:600">159****1234</span></div>
</div>
<div style="margin-top:12px;padding-top:10px;border-top:1px dashed #D8DEF5;display:flex;justify-content:space-between;font-size:12px"><span style="color:#888">甲方</span><span style="color:#1A1A2E;font-weight:600">亲亲创客（平台运营方）</span></div>
</div>
<p style="margin-bottom:12px">11.2 以上乙方信息由申请人在实名认证环节填写并核验，点击「确认加盟」即视为乙方在本协议落款处签署。</p>
<div style="text-align:center;font-size:11px;color:#B5B3CD;padding:8px 0 4px">— 协议已阅读完毕 —</div>
</div>
......@@ -561,7 +861,7 @@
<!-- ================================================================
P6 · 提交成功 · 回到首页 + Toast 提示
================================================================ -->
<div style="position:absolute;left:2930px;top:120px;width:375px">
<div style="position:absolute;left:4830px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P6 · 提交成功 · Toast 提示</div>
<div class="phone" style="height:812px">
<div class="statusbar">
......@@ -631,7 +931,7 @@
<!-- ================================================================
P7 · 申请已提交 · 审核中（申请后再次进入的状态）
================================================================ -->
<div style="position:absolute;left:3405px;top:120px;width:375px">
<div style="position:absolute;left:5305px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P7 · 申请已提交 · 审核中</div>
<div class="phone" style="height:812px">
<div class="statusbar">
......@@ -647,7 +947,7 @@
<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; top: -41px; width: 160px; height: 160px; border-radius: 50%; background: rgba(255,255,255,.1); left: 189px"></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 环 -->
......@@ -735,7 +1035,7 @@
<!-- ================================================================
P8 · 审核未通过（驳回 + 再次申请）
================================================================ -->
<div style="position:absolute;left:3880px;top:120px;width:375px">
<div style="position:absolute;left:5780px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P8 · 审核未通过</div>
<div class="phone" style="height:812px">
<div class="statusbar">
......@@ -849,6 +1149,96 @@
</div>
</div>
<!-- ================================================================
P9 · 产品详情（非合伙人 · 引导申请合伙人）
================================================================ -->
<div style="position:absolute;left:6255px;top:120px;width:375px">
<div data-drags-parent="1" class="label">P9 · 产品详情（非合伙人）</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: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 110px">
<!-- 非合伙人提示条 -->
<div style="margin:6px 0 12px;background:linear-gradient(135deg,#FFF6E0,#FFEAD1);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(232,155,20,.18)">
<div style="width:26px;height:26px;background:linear-gradient(135deg,#FFD86B,#E89B14);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1.5v6M7 10v1.5" stroke="#fff" stroke-width="1.8" stroke-linecap="round"></path></svg>
</div>
<div style="flex:1;font-size:11.5px;color:#A8430F;line-height:1.5">当前身份为<b style="font-weight:700">普通用户</b>，仅可查看产品详情<br>成为合伙人后即可推广分享并赚取佣金</div>
</div>
<!-- Header card -->
<div style="background:#fff;border-radius:14px;padding:16px;margin-bottom:12px;position:relative;overflow:hidden">
<div style="display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#FFEAD1,#FFD5A8);padding:4px 10px;border-radius:0 0 8px 0;position:absolute;top:0;left:0;font-size:11px;color:#A8430F;font-weight:700"><svg width="12" height="12" viewBox="0 0 12 12" fill="#E89B14"><path d="M6 0l1.5 4 4 .3-3 2.7 1 4L6 8.8l-3.5 2.2 1-4-3-2.7 4-.3L6 0z"></path></svg>人力外包服务</div>
<div style="margin-top:24px">
<div style="font-size:21px;font-weight:800;color:#1A1A2E;letter-spacing:-.3px;margin-bottom:10px">岗位外包 / 劳务派遣</div>
<div style="font-size:12.5px;color:#666;line-height:1.65">跨城市异地员工社保、薪酬、个税申报等合规管理一站式服务，解决异地用工流程复杂问题。不用注册分公司，以名义雇主+数字化工具解决跨城/同城跨区用工合规；助力企业聚焦核心业务拓展。</div>
</div>
<div style="margin-top:14px;display:flex;align-items:center;gap:8px;font-size:13px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFB36A"><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="color:#666">服务单价：</span><span style="color:#1A1A2E;font-weight:600">60元/人/月</span></div>
<!-- 返佣卡（对普通用户开放展示 · 作为吸引路径） -->
<div style="margin-top:12px;background:#FFF6ED;border-radius:12px;padding:14px;position:relative">
<div style="position:absolute;right:0;top:0;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:11px;padding:3px 10px;border-radius:0 12px 0 8px;font-weight:600">续费持续返</div>
<div style="text-align:center;font-size:18px;font-weight:800;color:#FF6B35">30%<span style="font-size:14px;font-weight:600">服务费</span></div>
<div style="text-align:center;font-size:11px;color:#A8430F;margin-top:4px">返佣规则 · 成为合伙人即可获得</div>
</div>
<div style="margin-top:12px;background:linear-gradient(135deg,#FFF1E2,#FFFCF6);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:#A8430F">
<span style="background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">数据</span>
<span>125人推广 ｜ 5641人有意向 ｜ 525人成交</span>
</div>
</div>
<!-- Section divider · 产品详情 -->
<div style="text-align:center;font-size:12px;color:#999;margin:18px 0 8px;display:flex;align-items:center;gap:10px;justify-content:center"><span style="flex:1;height:1px;background:linear-gradient(90deg,transparent,#D8D5E8);max-width:80px"></span>产品详情<span style="flex:1;height:1px;background:linear-gradient(270deg,transparent,#D8D5E8);max-width:80px"></span></div>
<div style="background:#fff;border-radius:14px;padding:16px;margin-bottom:12px">
<div style="font-size:13px;color:#666;line-height:1.75">本服务覆盖跨城市员工社保、薪酬、个税申报的全流程合规管理。基于亲亲企服的数字化用工管理系统，企业可以通过统一后台完成员工入职、合同签订、社保参缴、考勤管理、薪资发放等全周期管理。</div>
<div style="margin-top:12px;height:160px;background:linear-gradient(135deg,#EAF0FE,#F0E7FA);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7B5FE8;font-size:14px">产品介绍图文</div>
</div>
<!-- 推广物料 · 锁定态 -->
<div style="text-align:center;font-size:12px;color:#999;margin:8px 0 8px;display:flex;align-items:center;gap:10px;justify-content:center"><span style="flex:1;height:1px;background:linear-gradient(90deg,transparent,#D8D5E8);max-width:80px"></span>推广物料<span style="flex:1;height:1px;background:linear-gradient(270deg,transparent,#D8D5E8);max-width:80px"></span></div>
<!-- 朋友圈推广 -->
<div style="background:#fff;border-radius:14px;padding:14px;margin-bottom:10px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:6px"><div class="section-bar"></div><span style="font-size:14px;font-weight:700;color:#1A1A2E">朋友圈推广</span><span style="font-size:11px;color:#888">5个物料</span></div>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 4l3 3 3-3" stroke="#999" stroke-width="1.4" stroke-linecap="round"></path></svg>
</div>
<div style="background:#F8F8FC;border-radius:10px;padding:12px;margin-bottom:8px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px"><div style="display:flex;align-items:center;gap:6px"><div style="width:18px;height:18px;background:#4A6CF7;border-radius:4px;display:flex;align-items:center;justify-content:center"><span style="color:#fff;font-size:10px;font-weight:700">T</span></div><span style="font-size:13px;font-weight:600;color:#1A1A2E">文案</span></div><span style="font-size:12px;color:#B5B3CD;display:inline-flex;align-items:center;gap:3px"><svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M3 4.5V3a2 2 0 0 1 4 0v1.5M2.5 4.5h5v4h-5z" stroke="#B5B3CD" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path></svg>合伙人可复制</span></div>
<div style="font-size:12px;color:#666;line-height:1.7">换工作社保不想断缴？推荐亲亲小保社保代缴服务！<br>✅ 正规资质，安全可靠<br>✅ 低至39.9元/月，性价比超高<br>✅ 全程一对一服务，省心省力<br>点击链接立即办理：[专属链接]</div>
<div style="margin-top:8px;font-size:11px;color:#888"><span style="background:#EEF0F4;padding:2px 7px;border-radius:4px;margin-right:6px">使用建议</span>像朋友一样推荐，别像机器人群发。</div>
</div>
<div style="background:#F8F8FC;border-radius:10px;padding:12px">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px"><div style="display:flex;align-items:center;gap:6px"><div style="width:18px;height:18px;background:#4A6CF7;border-radius:4px"></div><span style="font-size:13px;font-weight:600;color:#1A1A2E">海报</span></div><span style="font-size:12px;color:#B5B3CD;display:inline-flex;align-items:center;gap:3px"><svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M3 4.5V3a2 2 0 0 1 4 0v1.5M2.5 4.5h5v4h-5z" stroke="#B5B3CD" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path></svg>合伙人可下载</span></div>
<div style="height:90px;background:linear-gradient(135deg,#4A6CF7 0%,#7B5FE8 100%);border-radius:8px;padding:12px;color:#fff;font-weight:800;font-size:16px;letter-spacing:1px;text-align:center;display:flex;flex-direction:column;justify-content:center"><span style="font-size:12px;font-weight:600;opacity:.85">亲亲企服</span><span style="margin-top:2px">企业出海</span></div>
<div style="margin-top:6px;text-align:center;font-size:11px;color:#B5B3CD">预览海报</div>
</div>
</div>
</div>
<!-- Bottom CTA · 引导申请合伙人 -->
<div style="position:absolute;left:0;right:0;bottom:34px;padding:10px 16px;background:linear-gradient(180deg,transparent,#F4F1FA 30%);z-index:2">
<div style="height:50px;background:linear-gradient(135deg,#5B7CFA,#3651DB);border-radius:25px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:15px;font-weight:600;box-shadow:0 8px 20px rgba(77,111,245,.4);position:relative;overflow:hidden">
<svg width="18" height="18" 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>
<span>成为合伙人 · 解锁推广分享</span>
<span style="background:#FFD86B;color:#7A4B00;font-size:10px;padding:2px 7px;border-radius:8px;font-weight:700;margin-left:4px">30%返佣</span>
</div>
<div style="text-align:center;margin-top:6px;font-size:11px;color:#888">申请成功后即可开始推广并赚取佣金</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; }
......@@ -893,7 +1283,7 @@
<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>Hero 申请合伙人</b>：点击「立即申请」→ 未实名先弹 P3c 实名提示，完成实名（P3d/P3e）后进入 P4 申请表单</li>
<li><b>邀请朋友成为合伙人</b>：点击「去分享」→ 唤起分享面板（海报 / 微信 / 链接），生成带本人 ID 的专属邀请链接</li>
<li><b>分享后</b>：被邀请人通过该链接注册并申请成合伙人 → 本人自动升级为「介绍人」，下次进入显示 P3b</li>
<li><b>主推/企服/小保</b>：可浏览详情，点击「查看」进入服务详情页</li>
......@@ -914,21 +1304,72 @@
<div class="lc-sub">介绍人 ↔ 合伙人 ↔ 普通用户身份独立，可同时具备；显示优先级：合伙人 &gt; 介绍人 &gt; 普通</div>
</div>
<!-- P4 · 申请成为合伙人 -->
<!-- P3c · 未实名提示弹窗 -->
<div class="logic-card" style="left:1980px">
<div class="lc-title"><span class="lc-dot"></span>P4 · 申请成为合伙人 · 关键逻辑<span class="lc-tag">提交申请</span></div>
<div class="lc-title"><span class="lc-dot"></span>P3c · 未实名提示 · 关键逻辑<span class="lc-tag">弹窗 · 实名前置</span></div>
<ul>
<li><b>必填校验</b>：姓名 / 手机号 / 短信验证码 / 身份证号 (18 位校验) / 身份类别</li>
<li><b>手机号</b>：默认带入登录手机号，可修改；修改后需重新获取验证码</li>
<li><b>触发时机</b>：非合伙人用户在 P3a/P3b 点击 Hero「立即申请」，且账号尚未实名 → 弹出本提示</li>
<li><b>核心引导</b>：三步进度（实名认证 → 填写资料 → 提交申请）说明实名是申请第一步</li>
<li><b>去实名认证</b>：点击跳转 P3d 实名认证页</li>
<li><b>暂不申请</b>：关闭弹窗回到首页，用户可稍后再申请</li>
</ul>
<div class="lc-sub">已实名用户点击「立即申请」将跳过本弹窗，直接进入 P4 申请表单</div>
</div>
<!-- P3f · 实名认证完成 -->
<div class="logic-card" style="left:3405px">
<div class="lc-title"><span class="lc-dot"></span>P3f · 实名认证完成 · 关键逻辑<span class="lc-tag">成功页 · 过渡</span></div>
<ul>
<li><b>触发时机</b>：P3d（手机号/银行卡）或 P3e（人脸识别）核验通过后，展示本成功页</li>
<li><b>信息回显</b>：只读展示姓名 / 身份证号（脱敏） / 认证方式 / 认证时间，供用户确认</li>
<li><b>继续填写合伙人申请</b>：点击跳转 P4 申请表单，姓名 / 身份证号自动带入并锁定</li>
<li><b>返回</b>：实名状态已保存，若中途退出，下次申请将直接进入 P4（不再重复实名）</li>
</ul>
<div class="lc-sub">实名与合伙人申请解耦：实名一次即可长期复用，后续申请 / 提现等强实名场景均直接复用该标识</div>
</div>
<!-- P4 · 申请成为合伙人 -->
<div class="logic-card" style="left:3880px">
<div class="lc-title"><span class="lc-dot"></span>P4 · 申请成为合伙人 · 关键逻辑<span class="lc-tag">实名后 · 提交申请</span></div>
<ul>
<li><b>前置条件</b>：已完成实名认证（P3d/P3e/P3f）后进入本页；姓名 / 身份证号由实名结果自动带入并锁定，不可修改</li>
<li><b>必填校验</b>：身份类别（单选）；姓名、身份证已实名带入</li>
<li><b>身份类别</b>：单选 HR / 财务 / 老板 / 猎头 / 博主 / 其他（用于后台分群运营）</li>
<li><b>介绍人（选填）</b>：填写姓名 → 提交后由渠道管理员匹配并绑定；也可来自邀请链接自动带入并锁定</li>
<li><b>提交后</b>：唤起 P5 加盟协议弹窗，用户浏览协议至底部并停留 3 秒后方可点击「确认加盟」</li>
<li><b>提交申请</b>：校验通过后唤起 P5 加盟协议弹窗，用户浏览协议至底部后方可点击「确认加盟」提交</li>
</ul>
<div class="lc-sub">审核期间该用户仍可正常浏览，但暂不能产生订单佣金；审核结果通过站内通知 + 短信告知</div>
</div>
<!-- P5 · 合伙人加盟协议弹窗 -->
<!-- P3d · 实名认证 -->
<div class="logic-card" style="left:2455px">
<div class="lc-title"><span class="lc-dot"></span>P3d · 实名认证 · 关键逻辑<span class="lc-tag">强实名 · 前置</span></div>
<ul>
<li><b>触发时机</b>：P3a/P3b 首页点「立即申请」，未实名 → P3c 弹窗点「去实名认证」→ 进入本页</li>
<li><b>信息录入</b>：本页输入姓名 + 身份证号（18 位校验），作为实名核验主体</li>
<li><b>方式一 · 人脸识别实名</b>（推荐）：调起微信半屏小程序「腾讯身份验证」，完成活体检测 + 人脸比对，最快 10 秒完成（见 P3e）</li>
<li><b>方式二 · 手机号实名</b>：运营商三要素核验（姓名 + 身份证 + 本人手机号），无需刷脸</li>
<li><b>方式三 · 银行卡实名</b>：银行卡四要素核验（姓名 + 身份证 + 卡号 + 预留手机号）</li>
<li><b>认证通过后</b>：写入实名标识 → 展示 P3f 实名完成页，确认后进入 P4 合伙人申请表单，姓名/身份证自动带入并锁定</li>
</ul>
<div class="lc-sub">同一身份证仅可实名一个账号；认证失败可切换其他方式重试；信息全程加密仅用于身份核验</div>
</div>
<!-- P3e · 微信半屏 · 人脸识别 -->
<div class="logic-card" style="left:2930px">
<div class="lc-title"><span class="lc-dot"></span>P3e · 微信半屏人脸识别 · 关键逻辑<span class="lc-tag">微信半屏</span></div>
<ul>
<li><b>触发方式</b>：P3d 选择「人脸识别实名」后，调用 <b>wx.startFacialRecognitionVerify</b> 拉起微信半屏小程序「腾讯身份验证」</li>
<li><b>半屏形态</b>：从底部上划覆盖约 2/3 屏，顶部保留微信胶囊（更多 / 关闭），上划可全屏</li>
<li><b>核验对象</b>：带入 P3d 输入的姓名 + 身份证号，仅对该实名主体做活体检测 + 人脸比对</li>
<li><b>识别成功</b>：回调返回 verifyResult → 写入实名标识 → 关闭半屏 → 展示 P3f 实名完成页 → P4 合伙人申请表单</li>
<li><b>识别失败 / 取消</b>：提示失败原因，可重试或返回 P3d 改用手机号 / 银行卡实名</li>
</ul>
<div class="lc-sub">人脸数据由腾讯云与权威数据源核验，平台不存储原始人脸图像；连续失败 3 次建议引导切换其他实名方式</div>
</div>
<!-- P5 · 合伙人加盟协议弹窗 -->
<div class="logic-card" style="left:4355px">
<div class="lc-title"><span class="lc-dot"></span>P5 · 加盟协议确认 · 关键逻辑<span class="lc-tag">弹窗 · 强阅读</span></div>
<ul>
<li><b>触发时机</b>：P4 点击「提交申请」后，若表单校验通过，自动弹出加盟协议</li>
......@@ -937,11 +1378,11 @@
<li><b>我已阅读并同意以上协议</b>：提交申请及协议同意记录 → 页面提示申请提交成功。并回到首页。</li>
<li><b>暂不加盟</b>：关闭弹窗回到 P4，用户可修改资料后再次提交</li>
</ul>
<div class="lc-sub">协议内容与《合伙人加盟协议》长文一致；用户同意记录（时间戳 + 协议版本号）写入后台，用于合规留痕</div>
<div class="lc-sub">协议内容与《亲亲创客合伙人合作协议》长文一致，并将申请人姓名 / 身份证号 / 手机号带入协议签署栏；用户同意记录（时间戳 + 协议版本号）写入后台，用于合规留痕</div>
</div>
<!-- P6 · 提交成功 · Toast 提示 -->
<div class="logic-card" style="left:2930px">
<div class="logic-card" style="left:4830px">
<div class="lc-title"><span class="lc-dot"></span>P6 · 提交成功 · 关键逻辑<span class="lc-tag">Toast · 回首页</span></div>
<ul>
<li><b>触发时机</b>：P5 加盟协议弹窗点击「我已阅读并同意以上协议」后立即触发</li>
......@@ -954,7 +1395,7 @@
</div>
<!-- P7 · 申请已提交 · 审核中 -->
<div class="logic-card" style="left:3405px">
<div class="logic-card" style="left:5305px">
<div class="lc-title"><span class="lc-dot"></span>P7 · 申请已提交 · 关键逻辑<span class="lc-tag">审核中</span></div>
<ul>
<li><b>触发时机</b>：用户已完成 P4→P5 提交流程后，再次通过「立即申请」进入本页时显示此状态（取代 P4 表单）</li>
......@@ -967,7 +1408,21 @@
</div>
<!-- P8 · 审核未通过 -->
<div class="logic-card" style="left:3880px">
<!-- P9 · 产品详情（非合伙人） -->
<div class="logic-card" style="left:6255px">
<div class="lc-title"><span class="lc-dot"></span>P9 · 产品详情（非合伙人） · 关键逻辑<span class="lc-tag">仅可查看 · 引导申请</span></div>
<ul>
<li><b>入口</b>：P1 未登录首页 / P3a / P3b / P6 / P7 首页任一服务卡片点击「查看」后进入；未登录先走登录浮层</li>
<li><b>身份判定</b>：当前用户非合伙人（普通用户 / 介绍人 / 审核中 / 未通过） → 显示本页；已是合伙人则跳合伙人画布 P6 完整产品详情</li>
<li><b>可见内容</b>：产品名称 / 描述 / 服务单价 / 推广数据 / 产品图文详情 — 全部可读</li>
<li><b>底部 CTA</b>：原「生成产品推广海报」替换为<b>「成为合伙人 · 解锁推广分享」</b> → 点击跳转 <a href="#P4">P4 申请成为合伙人</a>；审核中态则跳 P7；已驳回态则跳 P8</li>
<li><b>顶部提示条</b>：黄色胶囊长期驻留，明确告知当前身份与升级路径</li>
</ul>
<div class="lc-sub">目的：让非合伙人用户完整体验产品价值以建立信任，同时用可见的「锁」制造升级动机 —— 主转化路径为产品详情 → 申请合伙人 → 分享推广</div>
</div>
<div class="logic-card" style="left:5780px">
<div class="lc-title"><span class="lc-dot"></span>P8 · 审核未通过 · 关键逻辑<span class="lc-tag">驳回 · 重新申请</span></div>
<ul>
<li><b>触发时机</b>：平台审核完成且结论为「未通过」→ 站内消息/短信通知用户 → 用户进入本页</li>
......
小程序HTML原型/02-合伙人.dc.html
<!DOCTYPE html>
<!DOCTYPE html>
......@@ -759,11 +759,11 @@
<div style="font-size:21px;font-weight:800;color:#1A1A2E;letter-spacing:-.3px;margin-bottom:10px">岗位外包 / 劳务派遣</div>
<div style="font-size:12.5px;color:#666;line-height:1.65">跨城市异地员工社保、薪酬、个税申报等合规管理一站式服务，解决异地用工流程复杂问题。不用注册分公司，以名义雇主+数字化工具解决跨城/同城跨区用工合规；助力企业聚焦核心业务拓展。</div>
</div>
<div style="margin-top:14px;display:flex;align-items:center;gap:8px;font-size:13px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFB36A"><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="color:#666">服务单价：</span><span style="color:#1A1A2E;font-weight:600">60元/人/月</span></div>
<div style="margin-top:12px;background:#FFF6ED;border-radius:12px;padding:14px;position:relative">
<div style="position:absolute;right:0;top:0;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:11px;padding:3px 10px;border-radius:0 12px 0 8px;font-weight:600">续费持续返</div>
<div style="text-align:center;font-size:18px;font-weight:800;color:#FF6B35">30%<span style="font-size:14px;font-weight:600">服务费</span></div>
<div style="text-align:center;font-size:11px;color:#A8430F;margin-top:4px">返佣规则</div>
<div style="text-align:center;font-size:11px;color:#A8430F;margin-top:4px">合伙人推荐商机成交后返佣</div>
</div>
<div style="margin-top:12px;background:linear-gradient(135deg,#FFF1E2,#FFFCF6);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:#A8430F">
<span style="background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">数据</span>
......@@ -1005,37 +1005,20 @@
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8">
<span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>企业名称</span>
<div style="flex:1;text-align:right;font-size:13px;color:#B5B3CD">请输入完整企业名称</div>
</div><div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8">
<span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>联系人</span>
<div style="font-size:13px;color:#B5B3CD">请输入姓名</div>
</div><div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8">
<span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>手机号</span>
<div style="font-size:13px;color:#B5B3CD">请输入手机号</div>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0">
<span style="font-size:13px;color:#1A1A2E">所在城市</span>
<div style="font-size:13px;color:#B5B3CD;display:flex;align-items:center;gap:4px">请选择<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M4 3l3 3-3 3" stroke="#B5B3CD" stroke-width="1.4" stroke-linecap="round"></path></svg></div>
</div>
</div>
<!-- 联系方式 -->
<div style="background:#fff;border-radius:14px;padding:6px 16px;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:8px;padding:12px 0 6px;border-bottom:1px solid #F4F4F8">
<div class="section-bar"></div><span style="font-size:14px;font-weight:700;color:#1A1A2E">联系方式</span>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8">
<span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>联系人</span>
<div style="font-size:13px;color:#B5B3CD">请输入联系人姓名</div>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8">
<span style="font-size:13px;color:#1A1A2E">职务</span>
<div style="font-size:13px;color:#B5B3CD;display:flex;align-items:center;gap:4px">请选择<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M4 3l3 3-3 3" stroke="#B5B3CD" stroke-width="1.4" stroke-linecap="round"></path></svg></div>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8">
<span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>手机号</span>
<div style="font-size:13px;color:#B5B3CD">请输入联系人手机号</div>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0">
<span style="font-size:13px;color:#1A1A2E">微信号</span>
<div style="font-size:13px;color:#B5B3CD">选填，便于对接人添加</div>
</div>
</div>
<!-- 业务意向 -->
<div style="background:#fff;border-radius:14px;padding:6px 16px;margin-bottom:12px">
......@@ -1063,10 +1046,7 @@
</div>
<!-- 协议 -->
<div style="display:flex;align-items:flex-start;gap:8px;padding:4px 4px 12px;font-size:11.5px;color:#666;line-height:1.55">
<div style="width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#5B7CFA,#3651DB);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center"><svg width="8" height="8" viewBox="0 0 8 8" fill="none"><path d="M1.5 4l2 2 3-4" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<div>我已阅读并同意 <span style="color:#4A6CF7">《亲亲创客线索提交协议》</span>，承诺客户信息真实有效，已获得客户授权可被对接人联系。</div>
</div>
</div>
<!-- Bottom CTA -->
......@@ -1178,25 +1158,37 @@
<!-- Signatures -->
<div style="display:flex;gap:14px;margin-top:22px;padding-top:18px;border-top:1px dashed #E5E4EF">
<div style="flex:1;font-size:12px;line-height:1.9;color:#4A4866">
<div style="color:#1A1A2E;margin-top:6px">授权代表：张 · 华勤</div>
<div style="flex:1;font-size:12px;color:#4A4866;text-align:center">
<div style="font-size:11px;color:#888;margin-bottom:2px">甲方（盖章）</div>
<div style="height:74px;display:flex;align-items:center;justify-content:center">
<svg width="72" height="72" viewBox="0 0 100 100" style="transform:rotate(-10deg)">
<circle cx="50" cy="50" r="46" fill="none" stroke="#C1272D" stroke-width="2.5"></circle>
<path id="sealTopArc" d="M16,50 A34,34 0 0 1 84,50" fill="none"></path>
<text fill="#C1272D" font-size="7" font-weight="700" letter-spacing="0.2"><textPath href="#sealTopArc" startOffset="50%" text-anchor="middle">北京金色华勤数据服务有限公司</textPath></text>
<path d="M50 32 l3.2 9.8 h10.3 l-8.3 6.1 3.2 9.8 -8.3-6.1 -8.3 6.1 3.2-9.8 -8.3-6.1 h10.3 z" fill="#C1272D"></path>
<text x="50" y="80" fill="#C1272D" font-size="9" font-weight="700" text-anchor="middle" letter-spacing="1">合同专用章</text>
</svg>
</div>
<div style="color:#1A1A2E;margin-top:2px">授权代表：张 · 华勤</div>
</div>
<div style="flex:1;font-size:12px;line-height:1.9;color:#4A4866">
<div style="color:#1A1A2E;margin-top:6px">签署人：杨明轩</div>
<div style="flex:1;font-size:12px;color:#4A4866;text-align:center">
<div style="font-size:11px;color:#888;margin-bottom:2px">乙方（签章）</div>
<div style="height:74px;display:flex;align-items:center;justify-content:center">
<svg width="52" height="60" viewBox="0 0 56 64" style="transform:rotate(6deg)">
<rect x="4" y="4" width="48" height="56" rx="3" fill="none" stroke="#C1272D" stroke-width="2.5"></rect>
<rect x="8" y="8" width="40" height="48" rx="2" fill="none" stroke="#C1272D" stroke-width="1"></rect>
<text fill="#C1272D" font-size="16" font-weight="700" text-anchor="middle" font-family="'Noto Sans SC',serif">
<tspan x="38" y="27">杨</tspan><tspan x="38" y="49">明</tspan><tspan x="18" y="27">轩</tspan><tspan x="18" y="49">印</tspan>
</text>
</svg>
</div>
<div style="color:#1A1A2E;margin-top:2px">签署人：杨明轩</div>
</div>
</div>
<div style="margin-top:16px;padding:10px 12px;background:#F8F8FC;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#4A4866">
<span>签署时间</span><span style="color:#1A1A2E;font-weight:500">2026-03-15 14:28:42</span>
</div>
<div style="margin-top:8px;padding:10px 12px;background:#F8F8FC;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#4A4866">
<span>协议有效期</span><span style="color:#1A1A2E">2026-03-15 至 2027-03-14</span>
</div>
</div>
</div>
......@@ -1364,7 +1356,7 @@
<li><b>甲方</b>：北京金色华勤数据服务有限公司（固定，含统一社会信用代码 + 电子公章）</li>
<li><b>乙方</b>：当前登录合伙人 · 实名认证后的姓名 / 身份证 / 手机号（脱敏展示）</li>
<li><b>协议内容</b>：合作范围 / 佣金结算 / 权利义务 / 保密条款 / 生效与解除 5 大章节</li>
<li><b>签署信息</b>：签署时间（精确到秒）· 协议有效期</li>
<li><b>签署信息</b>：签署时间（精确到秒）· 甲方公司电子公章 + 乙方个人签章</li>
<li><b>下载 PDF</b>：调 wx.downloadFile 生成带电子章的 PDF 到本地，可通过微信分享给第三方</li>
<li><b>版本控制</b>：协议模板由运营后台维护；模板更新后老合伙人下次进入需重新签署新版</li>
</ul>
......
小程序HTML原型/04-对接人视图.dc.html
<!DOCTYPE html>
<!DOCTYPE html>
......@@ -447,7 +447,7 @@
<div class="scroll" style="padding:0 16px 100px">
<div style="background:#fff;border-radius:14px;padding:6px 16px;margin-bottom:12px">
<div style="display:flex;align-items:center;gap:8px;padding:12px 0 6px;border-bottom:1px solid #F4F4F8"><div class="section-bar"></div><span style="font-size:14px;font-weight:700;color:#1A1A2E">客户信息</span></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8"><span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>客户类型</span><div style="display:flex;gap:6px"><span style="background:#EAF0FE;color:#4A6CF7;border:1px solid #BFD0FA;font-size:11px;padding:3px 10px;border-radius:5px;font-weight:500">企业客户</span><span style="background:#F4F4F8;color:#666;font-size:11px;padding:3px 10px;border-radius:5px">个人客户</span></div></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8"><span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>企业名称</span><div style="font-size:13px;color:#B5B3CD">请输入完整企业名称</div></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F4F4F8"><span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>联系人</span><div style="font-size:13px;color:#B5B3CD">请输入姓名</div></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 0"><span style="font-size:13px;color:#1A1A2E"><span style="color:#FF6B35;margin-right:2px">*</span>联系电话</span><div style="font-size:13px;color:#B5B3CD">请输入手机号</div></div>
......@@ -831,7 +831,7 @@
<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="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 100px">
<!-- Header -->
......@@ -978,9 +978,9 @@
<div style="margin-top:14px;display:flex;align-items:center;gap:8px;font-size:13px"><svg width="16" height="16" viewBox="0 0 16 16" fill="#FFB36A"><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="color:#666">服务单价：</span><span style="color:#1A1A2E;font-weight:600">商品按市场售价 6-7 折</span></div>
<!-- 佣金规则（对接人 5‰） -->
<div style="margin-top:12px;background:#FFF6ED;border-radius:12px;padding:14px;position:relative">
<div style="position:absolute;right:0;top:0;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:11px;padding:3px 10px;border-radius:0 12px 0 8px;font-weight:600">次月工资结算</div>
<div style="text-align:center;font-size:22px;font-weight:800;color:#FF6B35">5‰<span style="font-size:13px;font-weight:600;color:#A8430F;margin-left:6px">采购金额</span></div>
<div style="text-align:center;font-size:11px;color:#A8430F;margin-top:4px">对接人佣金规则 · 客户复购持续返佣</div>
<div style="position:absolute;right:0;top:0;background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:11px;padding:3px 10px;border-radius:0 12px 0 8px;font-weight:600">续费持续返</div>
<div style="text-align:center;font-size:22px;font-weight:800;color:#FF6B35"><span style="margin-left: 6px;">30%&nbsp;<font color="#a8430f"><span style="font-size: 13px;">服务费</span></font></span></div>
<div style="text-align:center;font-size:11px;color:#A8430F;margin-top:4px">合伙人推荐商机成交后返佣规则</div>
</div>
<div style="margin-top:12px;background:linear-gradient(135deg,#FFF1E2,#FFFCF6);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:#A8430F">
<span style="background:linear-gradient(135deg,#FFB36A,#FF6B35);color:#fff;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600">数据</span>
......
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