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 图:

用户充值哈

后台逻辑:

  1. 用户选择充值类型(平台充值、技师充值),充值方式,充值金额
  2. 用户充值 --SUDOH–

UI 图:

用户提现哈

后台逻辑:

  1. 用户点击体现、提现方式、体现金额
  2. 用户提现

UI 图:

营销券

后台逻辑:

  1. 用户点击营销券
  2. –SUDOH–

UI 图:

我的团队哈

后台逻辑:

  1. 用户点击我的团队
  2. 我的团队

UI 图:
–SUDOQ–

团队成员

后台逻辑:

  1. 用户点击团队成员
  2. –SUDOH–

UI 图:
–SUDOQ–

团队佣金

后台逻辑:

  1. 用户点击团队佣金
    –SUDOH–

UI 图:

分享赚钱

后台逻辑:

  1. 用户点击分享赚钱
  2. –SUDOH–

UI 图:
–SUDOQ–

嘀咚会员

后台逻辑:

  1. 用户点击嘀咚会员
  2. –SUDOH–

UI 图:

渠道合作

UI 图:

技师申请

技师注册

业务员申请

后台逻辑:
–SUDOH–

UI 图:
–SUDOQ–

技师登录

1.技师登录就是用户登录

技师钱包

后台逻辑:

  1. 技师点击钱包
  2. 技师钱包

UI 图:

技师充值

后台逻辑:

  1. 技师点击充值
  2. –SUDOH–

UI 图:
–SUDOQ–

技师提现

后台逻辑:

  1. 技师点击提现
  2. 技师提现

UI 图:
–SUDOQ–

项目设置哈

后台逻辑:

  1. 针对每个项目进行设置
  2. 技师项目列表
  3. 项目设置

UI 图:

1.技师项目列表

2.技师项目设置

接单设置哈

后台逻辑:

  1. 点击接单设置
  2. 接单设置

UI 图:

选择技师下单

选择技师下单

选择项目下单哈

选择项目下单

订单支付

后台逻辑:

  1. 用户点击订单支付
  2. –SUDOH–

线下服务

线下服务

分账结算

后台逻辑:

  1. 订单结束
  2. 分账结算

合同解约

后台逻辑:
–SUDOH–

UI 图:
–SUDOQ–

异地签到

后台逻辑:
–SUDOH–

UI 图:
–SUDOQ–

技师注销账号

后台逻辑:
–SUDOH–

用户注销账号

后台逻辑:
用户注销账号