业务和功能介绍
该系统是一套面向企业销售与服务团队的客户关系管理平台，覆盖从市场线索获取到售后服务交付的完整业务闭环。
系统围绕"线索-客户-商机-合同-服务"五大核心业务对象构建。在市场前端，通过展会获客、线上营销、客户推荐、主动开发、合作伙伴五种渠道将潜在客户沉淀为线索，销售代表逐条跟进并记录沟通轨迹，满足转化条件后一键将线索升级为正式客户并自动生成关联商机。客户管理模块支持按行业、等级、地区多维度分类，关联联系人、商机、合同与历史跟进记录，形成360度客户画像。
商机推进采用标准五阶段漏斗模型——初步接触、需求分析、方案制定、商务谈判至签约成功，每阶段锁定成交概率与预计日期，管理者可全局查看漏斗转化率和团队业绩排名。签约后进入合同管理，支持草稿、审批中、已生效、已到期、已终止的全生命周期，内置销售经理至总经理四级审批流程。
客户服务通过工单系统承接售后需求，按优先级和状态追踪，确保问题从提报到解决全程可追溯。系统设置提供用户管理与四类预设角色（销售代表、销售经理、客服主管、系统管理员）的差异化权限配置。
仪表盘实时汇聚今日新增客户、本月销售额、待处理跟进、待审批合同等关键指标，配合销售趋势图、待办事项和最近动态，帮助团队快速掌握业务全貌。
系统围绕"线索-客户-商机-合同-服务"五大核心业务对象构建。在市场前端，通过展会获客、线上营销、客户推荐、主动开发、合作伙伴五种渠道将潜在客户沉淀为线索，销售代表逐条跟进并记录沟通轨迹，满足转化条件后一键将线索升级为正式客户并自动生成关联商机。客户管理模块支持按行业、等级、地区多维度分类，关联联系人、商机、合同与历史跟进记录，形成360度客户画像。
商机推进采用标准五阶段漏斗模型——初步接触、需求分析、方案制定、商务谈判至签约成功，每阶段锁定成交概率与预计日期，管理者可全局查看漏斗转化率和团队业绩排名。签约后进入合同管理，支持草稿、审批中、已生效、已到期、已终止的全生命周期，内置销售经理至总经理四级审批流程。
客户服务通过工单系统承接售后需求，按优先级和状态追踪，确保问题从提报到解决全程可追溯。系统设置提供用户管理与四类预设角色（销售代表、销售经理、客服主管、系统管理员）的差异化权限配置。
仪表盘实时汇聚今日新增客户、本月销售额、待处理跟进、待审批合同等关键指标，配合销售趋势图、待办事项和最近动态，帮助团队快速掌握业务全貌。
项目实现
整体架构：本项目采用三层分离的静态原型架构。表现层基于纯HTML5+CSS3+原生JS构建14个页面，不依赖任何框架；业务逻辑层通过状态标签和示例数据体现线索→客户→商机→合同→服务完整闭环；数据模型层以静态HTML嵌入六类核心实体（客户、线索、商机、合同、联系人、工单）及关联关系。
设计思路：采用"场景驱动+角色隔离"策略，为四类用户（销售代表/销售经理/客服主管/管理员）设计差异化视图和导航配置。侧边栏按"核心工作→业务中心→服务与分析→系统"四层分组，确保首屏可达。整体视觉采用科技蓝(#165DFF)主色调搭配CSS变量设计系统。
技术栈：仪表盘用CSS Grid四象限布局+KPI卡片；客户/线索/商机/合同四模块统一"列表-详情-表单"三级结构，列表含筛选+表格+分页，详情用Panel卡片+Tabs切换，表单用双列网格；报表模块用CSS绘制静态漏斗图；系统设置含完整CRUD数据表。全局交互使用原生JS实现弹窗开关、Tab切换、Toast反馈，页面跳转使用MAI平台标准路由格式。
我负责的模块与结果：全部14个页面的架构设计、CSS设计系统搭建、多轮质量审查与修正。最终交付14个高保真原型页面（含完整跳转关系）、5色主题+三级阴影的CSS变量系统、四角色导航配置和一份系统性审查文档。
难点与解决方案：(1) 弹窗关闭误报——审计脚本通过onclick属性检测，但页面实际使用classList+addEventListener，逐页手工验证确认无真实问题；(2) CSS/HTML不同步——6页HTML已更新但CSS遗留旧版，编写差异检测脚本以模板页全量同步；(3) Emoji/CJK误报——审计Unicode范围过宽导致14页告警，收窄检测区间逐字验证。
设计思路：采用"场景驱动+角色隔离"策略，为四类用户（销售代表/销售经理/客服主管/管理员）设计差异化视图和导航配置。侧边栏按"核心工作→业务中心→服务与分析→系统"四层分组，确保首屏可达。整体视觉采用科技蓝(#165DFF)主色调搭配CSS变量设计系统。
技术栈：仪表盘用CSS Grid四象限布局+KPI卡片；客户/线索/商机/合同四模块统一"列表-详情-表单"三级结构，列表含筛选+表格+分页，详情用Panel卡片+Tabs切换，表单用双列网格；报表模块用CSS绘制静态漏斗图；系统设置含完整CRUD数据表。全局交互使用原生JS实现弹窗开关、Tab切换、Toast反馈，页面跳转使用MAI平台标准路由格式。
我负责的模块与结果：全部14个页面的架构设计、CSS设计系统搭建、多轮质量审查与修正。最终交付14个高保真原型页面（含完整跳转关系）、5色主题+三级阴影的CSS变量系统、四角色导航配置和一份系统性审查文档。
难点与解决方案：(1) 弹窗关闭误报——审计脚本通过onclick属性检测，但页面实际使用classList+addEventListener，逐页手工验证确认无真实问题；(2) CSS/HTML不同步——6页HTML已更新但CSS遗留旧版，编写差异检测脚本以模板页全量同步；(3) Emoji/CJK误报——审计Unicode范围过宽导致14页告警，收窄检测区间逐字验证。
示例图片视频
相似推荐
晨电智能骑行 IoT 云平台-cycplus
面向骑行码表、运动相机与 App 的物联网后端，覆盖 FIT 解析、路书/赛段、高程坡度、固件 OTA 及 Strava / 行者等第三方同步，国内海外分环境部署。除业务开发外，负责云上基础设施：Docker 容器化、Jenkins 持续集成、阿里云 ALB 入口、NAT 出口及 SLS 日志与告警，打通从构建发布到观测告警的闭环
智能运动状态识别系统-小天才
该系统对智能终端上报的运动特征数据进行清洗和标准化处理，通过JNA/JNI调用第三方算法进行运动状态识别，并结合GPS、WiFi等定位信息进行智能修正（如居家场景下过滤误判的乘车状态）。采用责任链模式构建多场景决策引擎，综合位置、佩戴状态、时间等维度，实时输出精准的行为识别结果，并在终端动态展示用户位置、佩戴状态及运动行为，提升交互体验；
并且，实时聚合手表电量、网络连接（WiFi/蜂窝）、禁用状态等关键信息，通过左侧边栏直观展示状态可视化：实时聚合手表电量、网络连接（WiFi/蜂窝）、禁用状态等关键信息，通过左侧边栏直观展示；智能卡片交互：采用动态卡片设计（底部可滑动面板），集成定位、运动健康等高频功能入口及实时数据；状态一致性引擎：构建统一状态管理中心，标准化处理20+设备状态（关机/欠费/飞行模式等），实现多业务模块（微聊/定位等）状态同步，自动解决矛盾场景（如断网时强制清空网络状态值）；
立体定位功能V1.0版本工程化落地-小天才
负责定位系统的数据整合与业务实现，对接表端上报的LSM传感器及GPS数据，进行数据清洗和标准化处理，为第三方室内外判定算法提供输入，并根据室内外算法输出结果，用入门口位置信息去结合MongoDB中的楼栋模型数据，通过JNA/JNI调用第三方楼层算法，完成定位信息的整合处理；系统支持5000+ QPS，定位延迟控制在200ms内
电话手表 - 定位后端（数据融合服务）-小天才
针对电话手表硬件快速迭代或升级导致的频繁适配问题，设计可扩展的统一架构，降低升级维护成本，通过数据融合服务集中管理表端上报策略（内容、频率），减少硬编码依赖，采用TLV/Protobuf协议统一数据格式，提升传输效率，由数据融合服务解耦表端与业务服务，实现数据动态路由，降低系统耦合度
palot
Palot 是一款面向中国开发者的 AI 编程与部署客户端。用户安装后即可配置国产模型或 Codex，让 AI Agent 创建和修改代码、审阅变更、运行自动检查，并通过 Sealos 部署项目、获得公网 HTTPS 地址。
支持 DeepSeek、GLM、阿里百炼、腾讯云等国产模型，同时兼容 OpenAI 和 Codex。商业模式采用免费 BYOK 加可选预付 AI 额度，不强制会员或自动续费。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服