1、业务背景:
(1)一家机构一套系统:每接一个陪诊品牌就要重做后台和小程序,交付慢、运维散
(2)履约靠人工:谁接单、能不能去这家医院、时间/性别是否匹配,全靠群里喊,错派、漏派多
(3)C 端页面改一次发一版:首页banner、服务入口、选品经常改,没有可视化配置就只能改代码
(4)支付与账号隔离不清:微信小程序、商户号、证书按品牌独立,没有租户级配置就无法规模化开户
2、立项原因
(1)平台侧:把「开一个陪诊品牌」变成可配置的租户(到期、接单模式、小程序与支付)。
(2)商户侧:把医院、服务、陪诊师、会员、订单、退款、投诉收进同一套运营后台。
(3)C 端侧:用设计器配置小程序首页,让运营自己改首页,而不是每次改代码发版。
1、功能模块:菜单由权限接口动态下发,业务上大致是这些模块。系统首页、租户管理、订单管理、会员管理、服务项目、陪诊师管理、医院管理、小程序设置、资讯管理、投诉反馈、系统设置
2、主要功能描述:平台开租户 → 配小程序/支付;租户配医院、服务、陪诊师、首页;用户小程序下单;后台派单/抢单履约 → 完成/取消/退款 → 投诉处理;订单是核心:待服务可派单;未付可直接取消,已付要填退款金额;退款中走审核(通过金额 / 驳回原因)。派单会按陪诊师接单设置拆成「符合 / 不符合」,不符合需二次确认。
1、技术栈:Vue 3 + TypeScript + Vite、Element Plus + Less、Pinia(侧边栏、多标签)、Vue Router 4,权限菜单动态 addRoute、Axios(token、超时、重试)、ECharts、wangEditor、 vuedraggable / SortableJS
2、出彩模块:
(1)小程序首页设计器(最能体现产品能力):左组件面板、中手机画布、右属性配置。支持 banner、图片、分类/服务导航、服务/陪诊师/医院列表;可配主题、背景、悬浮按钮、边距、跳转(站内/站外)。有版本列表、保存草稿、发布、扫码预览、未保存提示。运营改首页不必发版。
(2) 智能派单(最贴业务):按订单拉可派陪诊师,用医院/服务字典把 id 转成名称;用 unable_reason(时间、医院、性别、服务、忙碌)标红或盖「忙碌」章。详情面板复用,避免两套详情。难点是匹配规则、字典映射、不符合二次确认,以及嵌入布局(两列打散、卡片限高)
(3)多租户与动态权限:一套后台同时服务平台和商户:菜单按权限生成,刷新用缓存菜单避免闪白,切换账号要清动态路由。平台管租户生命周期和小程序支付证书;租户看不到平台菜单
(4)订单履约闭环:取消(未付/已付)、退款审核、详情里的历史/支付/退款/服务凭证,覆盖陪诊订单完整生命周期
3、实现亮点:
(1)权限驱动路由:菜单即路由,角色改权限立刻改可见功能。
(2)组件复用:订单详情同时用于列表抽屉、派单右侧、首页快捷操作。
(3)设计器所见即所得:预览按 enabled、轮播、排版样式渲染,和 C 端首页对齐。
(4)租户级微信配置:AppID、商户号、证书/密钥上传,支撑多品牌独立收款。
(5)列表请求防覆盖:订单列表用序号丢掉过期响应,操作后弹窗关闭再刷一次,避免状态还没落库
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!

下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论