--- html: embed_local_images: false embed_svg: true offline: false toc: true print_background: false export_on_save: html: true --- ```mermaid flowchart LR Start((开始)) --> Login[登录/注册] Login --> UserLogin[用户登录] Login --> TechLogin[技师登录] %% 用户主要流程 UserLogin --> UserOrder[用户下单] UserOrder --> SelectTech[选择技师] UserOrder --> SelectService[选择服务项目] SelectTech & SelectService --> Payment[订单支付] Payment --> OfflineService[线下服务] OfflineService --> EndOrder[订单结束] EndOrder --> Settlement[分账结算] Settlement --> End %% 用户其他功能 UserLogin --> Wallet[用户钱包] Wallet --> Recharge[用户充值] Wallet --> Withdraw[用户提现] UserLogin --> Marketing[营销券] UserLogin --> UserTeam[我的团队] UserTeam --> TeamMember[团队成员] UserTeam --> TeamCommission[团队佣金] UserTeam --> ShareMoney[分享赚钱] UserLogin --> Member[嘀咚会员] UserLogin --> Channel[渠道合作] Channel --> TechApply[技师申请] Channel --> BusinessApply[业务员申请] UserLogin --> Logout[注销账号] %% 技师主要流程 TechLogin --> ServiceSetting[服务项目设置] TechLogin --> OrderSetting[接单设置] TechLogin --> TechAccept[技师接单] TechLogin --> TechGrab[技师抢单] TechAccept & TechGrab --> StartService[线下服务] StartService --> EndOrder[订单结束] EndOrder --> Settlement[分账结算] Settlement --> End %% 技师其他功能 TechLogin --> TechTeam[技师团队] TechTeam --> TeamMember[团队成员] TechTeam --> TeamCommission[团队佣金] TechTeam --> ShareMoney[分享赚钱] TechLogin --> TechWallet[技师钱包] TechWallet --> TechRecharge[技师充值] TechWallet --> TechWithdraw[技师提现] TechLogin --> Contract[合同解约] TechLogin --> CheckIn[异地签到] TechLogin --> LogoutJ[注销账号] %% 样式设置 classDef primary fill:#e1f5fe,stroke:#01579b,stroke-width:2px classDef secondary fill:#f3e5f5,stroke:#4a148c,stroke-width:2px classDef process fill:#e8f5e9,stroke:#1b5e20,stroke-width:2px class UserLogin,TechLogin primary class UserOrder,TechAccept,TechGrab secondary class Payment,OfflineService,Settlement process click UserLogin href "#用户登录哈" click Wallet href "#用户钱包哈" click Recharge href "#用户充值哈" click Withdraw href "#用户提现哈" click Marketing href "#营销券" click UserTeam href "#我的团队哈" click Member href "#嘀咚会员" click TechApply href "#技师申请" click TechLogin href "#技师登录" click TechTeam href "#技师团队" click TechWallet href "#技师钱包" click TechRecharge href "#技师充值" click TechWithdraw href "#技师提现" click ServiceSetting href "#项目设置哈" click OrderSetting href "#接单设置哈" click Contract href "#合同解约" click CheckIn href "#异地签到" click TeamMember href "#团队成员" click TeamCommission href "#团队佣金" click ShareMoney href "#分享赚钱" click SelectTech,TechAccept href "#选择技师下单" click SelectService,TechGrab href "#选择项目下单哈" click Payment href "#订单支付" click OfflineService,EndOrder,StartService href "#服务流程" click Settlement href "#分账结算" click Logout href "#用户注销账号" click LogoutJ href "#技师注销账号" ``` #### 用户登录哈 **_后台逻辑:_** 1. [用户登录](#用户登录) 2. [微信登录](#微信登录) **_前端逻辑:_** --SUDOQ-- #### 用户钱包哈 **_后台逻辑:_** 1. 用户点击钱包 2. [用户钱包](#用户钱包) **_UI 图:_** ![钱包](./assets/总流程涉及到的图/钱包.png) #### 用户充值哈 **_后台逻辑:_** 1. 用户选择充值类型(平台充值、技师充值),充值方式,充值金额 2. [用户充值](#用户充值) --SUDOH-- **_UI 图:_** ![充值](./assets/总流程涉及到的图充值.png) #### 用户提现哈 **_后台逻辑:_** 1. 用户点击体现、提现方式、体现金额 2. [用户提现](#用户提现) **_UI 图:_** ![提现](./assets/总流程涉及到的图/提现.png) #### 营销券 **_后台逻辑:_** 1. 用户点击营销券 2. --SUDOH-- **_UI 图:_** ![营销券](./assets/总流程涉及到的图/营销券.png) #### 我的团队哈 **_后台逻辑:_** 1. 用户点击我的团队 2. [我的团队](#我的团队) **_UI 图:_** --SUDOQ-- #### 团队成员 **_后台逻辑:_** 1. 用户点击团队成员 2. --SUDOH-- **_UI 图:_** --SUDOQ-- #### 团队佣金 **_后台逻辑:_** 1. 用户点击团队佣金 --SUDOH-- **_UI 图:_** ![团队佣金](./assets/总流程涉及到的图/团队佣金.png) #### 分享赚钱 **_后台逻辑:_** 1. 用户点击分享赚钱 2. --SUDOH-- **_UI 图:_** --SUDOQ-- #### 嘀咚会员 **_后台逻辑:_** 1. 用户点击嘀咚会员 2. --SUDOH-- **_UI 图:_** ![嘀咚会员](./assets/总流程涉及到的图/嘀咚会员.png) #### 渠道合作 **_UI 图:_** ![渠道合作](./assets/总流程涉及到的图/渠道合作.png) #### 技师申请 [技师注册](#技师注册流程) #### 业务员申请 **_后台逻辑:_** --SUDOH-- **_UI 图:_** --SUDOQ-- #### 技师登录 1.技师登录就是用户登录 #### 技师钱包 **_后台逻辑:_** 1. 技师点击钱包 2. [技师钱包](#获取钱包) **_UI 图:_** ![技师钱包](./assets/总流程涉及到的图/技师钱包.png) #### 技师充值 **_后台逻辑:_** 1. 技师点击充值 2. --SUDOH-- **_UI 图:_** --SUDOQ-- #### 技师提现 **_后台逻辑:_** 1. 技师点击提现 2. [技师提现](#提现) **_UI 图:_** --SUDOQ-- #### 项目设置哈 **_后台逻辑:_** 1. 针对每个项目进行设置 2. [技师项目列表](#获取项目) 3. [项目设置](#设置项目) **_UI 图:_** 1.技师项目列表 ![技师项目列表](./assets/总流程涉及到的图/点击项目设置.png) 2.技师项目设置 ![技师项目设置](./assets/总流程涉及到的图/设置项目.png) #### 接单设置哈 **_后台逻辑:_** 1. 点击接单设置 2. [接单设置](#设置工时) **_UI 图:_** ![接单设置](./assets/总流程涉及到的图/接单设置.png) #### 选择技师下单 [选择技师下单](#选择技师下单流程) #### 选择项目下单哈 [选择项目下单](#选择项目下单) #### 订单支付 **_后台逻辑:_** 1. 用户点击订单支付 2. --SUDOH-- #### 线下服务 [线下服务](#服务流程) #### 分账结算 **_后台逻辑:_** 1. 订单结束 2. [分账结算](#分账算法设计) #### 合同解约 **_后台逻辑:_** --SUDOH-- **_UI 图:_** --SUDOQ-- #### 异地签到 **_后台逻辑:_** --SUDOH-- **_UI 图:_** --SUDOQ-- #### 技师注销账号 **_后台逻辑:_** --SUDOH-- #### 用户注销账号 **_后台逻辑:_** [用户注销账号](#用户注销)