兰杰柯在线商城产品系统

我要开发同款
小鸟2026年08月20日
10阅读

技术信息

语言技术
VueTypeScriptElementUIES6小程序
系统类型
WebH5小程序轻应用
行业分类
电商医疗健康

作品详情

行业场景

1. 业务现状痛点(内部驱动)
1)原有销售模式以线下销售、销售微信 / 电话接单、线下经销商渠道为主,上万 SKU 产品,依靠业务员人工报价、手工录单,订单处理效率低,容易出现录单错误、价格错乱、库存信息不同步问题。
2)全国 30 + 分支机构、多仓仓储体系,线下模式无法实时同步库存、物流信息;客户无法自助查价、查货、查订单进度,大量消耗销售人力做基础咨询工作。
3)客户分层复杂:终端科研客户、政企院校、大小经销商,不同客户需要执行不同价格体系、账期、折扣政策,传统模式很难管控差异化价格,价格泄露风险高。
4)营销活动落地难:满减、套餐、经销商专属活动、积分、清仓货品,线下很难统一落地,缺少线上运营载体。
5)数据缺失:缺少统一线上平台沉淀客户行为、采购数据,无法统计客户复购、品类消耗,不利于市场分析与经营决策。
2. 市场与行业外部驱动
1)国内实验室耗材市场规模千亿级别,国产替代加速,科研采购线上化比例持续提升,高校、药企、检测机构采购越来越要求线上留痕、流程可追溯,传统线下模式无法满足客户合规采购要求。
2)行业竞争加剧,综合工业品 B2B 平台、同行自研商城纷纷上线,如果没有自有线上商城,会丢失线上获客、留存客户的阵地。
3)兰杰柯拥有多自主品牌 BIOSHARP、LABSELECT、LABGIC,同时代理上百个外部品牌,需要自有商城完成产品统一展示、品牌输出,降低对第三方平台的依赖。
3. 项目建设目标
1)搭建 B2B 模式兰杰柯在线商城,实现客户自助注册、权限管控、分级价格、商品查询、下单、订单、物流、对账全流程线上化,解放销售人力。
2)打通后端 ERP、库存、多仓物流系统,实现库存实时同步、订单自动流转。
3)支持终端客户、经销商两类核心用户,满足询价、集采、账期订单、促销营销等业务场景。
4)沉淀业务数据,支撑运营分析,提升客户采购体验,扩大线上业务

功能介绍

一、客户前台功能(采购用户使用)
1. 账号与权限管理
企业注册:企业信息提交、资质上传,账号需要后台审核开通,未审核用户看不到采购价格。
多子账号管理:企业主账号可创建采购、审批子账号,分配下单、查询、审批权限,适配高校、药企内部采购流程。
客户身份区分:终端客户、经销商客户,不同身份展示对应专属价格、账期权限。
个人中心:企业资料维护、密码修改、消息通知、账户信用额度查看。
2. 商品检索与浏览(科研耗材行业特色)
多级商品分类:按耗材、试剂、仪器、品牌(BIOSHARP、LABSELECT、LABGIC 及代理品牌)分类导航。
高级筛选:支持规格、灭菌 / 非灭菌、包装规格、货号、品牌、库存状态、是否临期清仓筛选;货号精准搜索(科研客户高频使用)。
商品详情页:产品大图、参数规格、技术资料下载、包装信息、效期提示、库存状态、起订量、客户专属价、替代相关产品推荐。
特色专区:新品专区、清仓临期专区、套餐组合专区、热销耗材专区。
收藏、历史浏览,支持导出产品参数资料。
3. 采购下单业务
购物车:批量加入商品、批量修改数量、快速清空;支持批量导入货号下单(实验室高频批量补货)。
询价功能(RFQ):非标、大批量、仪器设备,客户提交询价单,销售后台报价,报价单可一键生成订单。
结算模式
预付款线上支付;
账期结算:已授信客户使用账期下单,占用信用额度,超额度禁止下单。
收货信息管理:多收货地址维护,支持选择期望交货时间。
订单确认:订单预览,展示商品、单价、批量折扣、运费、优惠金额。
4. 订单、物流、对账与发票
我的订单:全部订单、待确认、待发货、待收货、已完成、已取消;查看订单明细、单据预览;导出订单 PDF。
物流跟踪:对接 WMS 多仓系统,查看发货仓库、物流单号、物流轨迹;多仓拆单会展示多个包裹信息。
对账中心:查看对账单、历史欠款、账期明细,支持对账单导出。

项目实现

客户前台(商城站点 PC+H5 响应式)
框架:Vue2 + JavaScript + nuxt.js
路由:Vue‑Router
状态管理:Pinia(用户登录信息、购物车全局状态等)
UI:SCSS 原生样式,封装业务通用组件;移动端做响应式适配
HTTP:Axios 二次封装(请求拦截、统一错误处理、重复请求防抖)
工具库:xlsx、lodash‑es、dayjs、js-base64、js-md5、qrcode、vue-clipboard2、vue-i18n、core-js等
工程化:ESLint+Prettier 代码规范;Vite 打包、代码分割、CDN 静态资源、gzip 压缩
运营后台 + 业务员工作台
框架:Vue2 + JavaScript + Vite
UI 组件库:ElementUi,二次封装业务表格、查询表单、弹窗组件
状态:Pinia,按业务域拆分模块(用户、商品、订单)
路由:动态路由,后端返回菜单权限,前端动态注册路由
工具:xlsx 导入导出、虚拟滚动组件处理万级表格数据、file‑saver 文件下载等
整体架构模式
前后端分离 SPA 架构,前端不处理核心业务计算,所有业务规则(价格计算、账期校验、库存、权限)由后端控制;前端负责渲染、交互、表单校验、页面流转。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论