聚合视界产品系统Vibe Coding

1.在移动互联网流量红利见顶的当下，App获客成本持续走高，无论是头部应用还是新兴产品，均面临着“渠道分散、投放效率低、效果追踪难”的三重困境。与此同时，内容创作者（推手）手握流量却缺乏稳定的变现通路，MCN机构及星图达人在多平台间疲于切换，难以对多个推广项目进行统一管理和收益归集。
2.本项目定位于“全品类推广聚合服务平台”，致力于为推广者、内容创作者及中小广告主提供一个集任务接单、数据监控、收益管理与在线协作于一体的一站式工作台。
1. 个人推广者（推手/达人）

场景描述：自由职业者或兼职推广人员，日常需从多个App（小说、漫画、短句应用、星图任务等）中筛选高性价比任务进行推广。

使用流程：登录首页 → 浏览聚合任务列表 → 一键接单 → 在平台内完成推广并实时查看点击/下载/转化数据 → 随时提现收益 → 遇到问题通过在线客服即时沟通。

核心价值：告别多App跳转，一个首页完成“选任务→做任务→看数据→收钱”全链路，大幅降低操作成本。

2. MCN机构/星图服务商

场景描述：机构旗下管理多名签约达人，需批量承接星图及品牌推广任务，并分配给不同成员执行。

使用流程：在首页任务池中批量接单 → 通过“派发任务”功能将子任务分发给旗下达人 → 在数据看板中监控各成员的任务完成度与转化效果 → 统一结算收益。

核心价值：将零散的达人资源转化为可管理、可量化的推广产能，实现团队化作战与规模化变现。

3. 广告主/推广需求方

场景描述：小说平台、漫画App、短句应用等有获客需求的甲方，需快速找到匹配的推广渠道并追踪投放效果。

使用流程：通过平台发布推广任务 → 设定佣金及投放要求 → 系统匹配推手承接 → 实时查看各渠道的推广数据报表。

核心价值：一站式触达多品类推手资源，投放效果透明可溯，避免预算浪费。

4. 平台运营方（内部管理）

模块一：任务广场（接单中心）
定位：首页核心曝光区，是用户进入后第一眼看到的任务聚合池。
定位：首页核心曝光区，是用户进入后第一眼看到的任务聚合池。

任务广场以瀑布流或Tab切换的方式展示全品类的推广任务，涵盖小说推广、漫画推广、短句应用推广、常规App拉新以及星图任务等类型。每个任务以卡片形式呈现，卡片上清晰标注任务名称、所属App或品牌、佣金单价、剩余名额、截止时间以及任务类型（如下载、注册、阅读、观看视频等）。

平台会根据用户的历史推广数据，智能推荐与其擅长品类和转化能力相匹配的任务，帮助用户更快找到高性价比的接单机会。用户还可以按佣金范围、任务难度、品类和发布时间等多维度进行筛选，或通过关键词搜索精准定位目标任务。

点击任意任务卡片上的“立即推广”按钮即可一键接单，接单前支持查看完整任务详情，包括推广素材链接、转化归因规则、结算方式及特殊要求等，确保用户在充分知情的前提下做出接单决策。
模块二：我的任务
定位：展示用户已承接的所有任务，并提供向下派发任务的管理能力。

我的任务模块按照“进行中、待审核、已完成、已过期”四种状态对任务进行分类展示，方便用户快速定位不同阶段的任务。每个任务都配有实时进度跟踪，以进度条的形式直观展示推广完成情况，例如已推广人数占目标人数的比例、已转化量占目标转化量的比例。

该模块的核心能力是任务派发功能。用户可以将已承接的任务派发给下级推手或团队成员，派发时可设定子任务的佣金分成比例和完成时限，实现任务的二次分发与团队协作。派发后，用户可随时查看被派发人的执行状态和转化数据，并支持催办提醒，确保任务按时保质完成。

对于进行中的任务，用户可执行暂停或继续操作；已完成的任务则可查看结案报告，复盘整体推广效果。

模块三：数据看板
定位：首页的数据可视化区域，让用户对整体推广效果一目了然。

作为项目前端负责人，我从零到一搭建了该推广聚合服务平台的前端体系。该项目集任务接单、数据监控、收益管理与团队协作为一体，对交互体验、性能表现和工程化程度均有较高要求。

我的具体职责涵盖技术选型与架构设计、组件库开发维护、核心模块页面实现、性能优化及前后端联调保障，贯穿产品从需求到上线的全流程。

技术栈方面，选用Vue 3配合TypeScript确保类型安全，Pinia进行模块化状态管理，Ant Design Vue二次封装结合Tailwind CSS处理样式。网络层基于Axios封装统一拦截器，数据可视化采用ECharts，构建工具使用Vite提升开发效率，同时集成ESLint、Prettier和Husky构建代码规范体系。

架构设计上采用分层模式。基础设施层封装HTTP请求、本地存储和全局事件总线；业务逻辑层按任务广场、我的任务、数据看板、收益中心等模块划分独立Store和Service；视图层基于Vue Router实现路由级拆分与懒加载。组件设计遵循原子方法论，确保高复用性和可维护性。

项目难点主要集中在三个方面。首屏性能方面，首页需同时加载任务流、图表和收益概览，我通过接口并行请求、数据懒加载配合骨架屏、虚拟滚动处理长列表，将首屏可交互时间控制在1.8秒以内。数据实时性方面，推广数据要求延迟不超过5分钟，采用WebSocket长连接配合本地缓存策略，兼顾时效与服务器压力。状态管理方面，任务派发涉及多状态节点流转，通过设计状态机模型结合Pinia模块化Store集中管理流转逻辑，避免组件间状态混乱。
项目亮点方面，我设计实现了可配置的动态表单渲染引擎，任务详情页和发布页通过JSON Schema配置生成，新增任务类型时无需额外编码，极大提升产品扩展性。数据看板实现图表与任务列表联动，点击环形图品类区域，列表自动筛选对应任务，形成宏观到微观的数据探查体验。