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 "#技师注销账号"
用户登录哈
后台逻辑:
- 用户登录
- 微信登录
前端逻辑:
–SUDOQ–
用户钱包哈
后台逻辑:
- 用户点击钱包
- 用户钱包
UI 图:

用户充值哈
后台逻辑:
- 用户选择充值类型(平台充值、技师充值),充值方式,充值金额
- 用户充值 --SUDOH–
UI 图:

用户提现哈
后台逻辑:
- 用户点击体现、提现方式、体现金额
- 用户提现
UI 图:

营销券
后台逻辑:
- 用户点击营销券
- –SUDOH–
UI 图:

我的团队哈
后台逻辑:
- 用户点击我的团队
- 我的团队
UI 图:
–SUDOQ–
团队成员
后台逻辑:
- 用户点击团队成员
- –SUDOH–
UI 图:
–SUDOQ–
团队佣金
后台逻辑:
- 用户点击团队佣金
–SUDOH–
UI 图:

分享赚钱
后台逻辑:
- 用户点击分享赚钱
- –SUDOH–
UI 图:
–SUDOQ–
嘀咚会员
后台逻辑:
- 用户点击嘀咚会员
- –SUDOH–
UI 图:

渠道合作
UI 图:

技师申请
技师注册
业务员申请
后台逻辑:
–SUDOH–
UI 图:
–SUDOQ–
技师登录
1.技师登录就是用户登录
技师钱包
后台逻辑:
- 技师点击钱包
- 技师钱包
UI 图:

技师充值
后台逻辑:
- 技师点击充值
- –SUDOH–
UI 图:
–SUDOQ–
技师提现
后台逻辑:
- 技师点击提现
- 技师提现
UI 图:
–SUDOQ–
项目设置哈
后台逻辑:
- 针对每个项目进行设置
- 技师项目列表
- 项目设置
UI 图:
1.技师项目列表

2.技师项目设置

接单设置哈
后台逻辑:
- 点击接单设置
- 接单设置
UI 图:

选择技师下单
选择技师下单
选择项目下单哈
选择项目下单
订单支付
后台逻辑:
- 用户点击订单支付
- –SUDOH–
线下服务
线下服务
分账结算
后台逻辑:
- 订单结束
- 分账结算
合同解约
后台逻辑:
–SUDOH–
UI 图:
–SUDOQ–
异地签到
后台逻辑:
–SUDOH–
UI 图:
–SUDOQ–
技师注销账号
后台逻辑:
–SUDOH–
用户注销账号
后台逻辑:
用户注销账号