Home Explore Help
Register Sign In
didong
/
owl-admin
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: ca70ace502
Branches Tags
owl-admin
/
doc
/
系统设计
/
流程设计
/
下单流程.html

下单流程.html 41 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643 
  1. <!DOCTYPE html><html><head>
    2. 

  2.       <title>下单流程</title>
    3. 

  3.       <meta charset="utf-8">
    4. 

  4.       <meta name="viewport" content="width=device-width, initial-scale=1.0">
    5. 

  5.       
    6. 

  6.       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css">
    7. 

  7.       
    8. 

  8.       
    9. 

  9.       <script src="https://cdn.jsdelivr.net/npm/mermaid@11.1.1/dist/mermaid.min.js"></script>
    10. 

  10.       
    11. 

  11.       
    12. 

  12.       <style>
    13. 

  13.       code[class*=language-],pre[class*=language-]{color:#333;background:0 0;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:8;-o-tab-size:8;tab-size:8;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:.8em;overflow:auto;border-radius:3px;background:#f5f5f5}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal;background:#f5f5f5}.token.blockquote,.token.comment{color:#969896}.token.cdata{color:#183691}.token.doctype,.token.macro.property,.token.punctuation,.token.variable{color:#333}.token.builtin,.token.important,.token.keyword,.token.operator,.token.rule{color:#a71d5d}.token.attr-value,.token.regex,.token.string,.token.url{color:#183691}.token.atrule,.token.boolean,.token.code,.token.command,.token.constant,.token.entity,.token.number,.token.property,.token.symbol{color:#0086b3}.token.prolog,.token.selector,.token.tag{color:#63a35c}.token.attr-name,.token.class,.token.class-name,.token.function,.token.id,.token.namespace,.token.pseudo-class,.token.pseudo-element,.token.url-reference .token.variable{color:#795da3}.token.entity{cursor:help}.token.title,.token.title .token.punctuation{font-weight:700;color:#1d3e81}.token.list{color:#ed6a43}.token.inserted{background-color:#eaffea;color:#55a532}.token.deleted{background-color:#ffecec;color:#bd2c00}.token.bold{font-weight:700}.token.italic{font-style:italic}.language-json .token.property{color:#183691}.language-markup .token.tag .token.punctuation{color:#333}.language-css .token.function,code.language-css{color:#0086b3}.language-yaml .token.atrule{color:#63a35c}code.language-yaml{color:#183691}.language-ruby .token.function{color:#333}.language-markdown .token.url{color:#795da3}.language-makefile .token.symbol{color:#795da3}.language-makefile .token.variable{color:#183691}.language-makefile .token.builtin{color:#0086b3}.language-bash .token.keyword{color:#0086b3}pre[data-line]{position:relative;padding:1em 0 1em 3em}pre[data-line] .line-highlight-wrapper{position:absolute;top:0;left:0;background-color:transparent;display:block;width:100%}pre[data-line] .line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}pre[data-line] .line-highlight:before,pre[data-line] .line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}pre[data-line] .line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}html body{font-family:'Helvetica Neue',Helvetica,'Segoe UI',Arial,freesans,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;overflow:initial;box-sizing:border-box;word-wrap:break-word}html body>:first-child{margin-top:0}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{line-height:1.2;margin-top:1em;margin-bottom:16px;color:#000}html body h1{font-size:2.25em;font-weight:300;padding-bottom:.3em}html body h2{font-size:1.75em;font-weight:400;padding-bottom:.3em}html body h3{font-size:1.5em;font-weight:500}html body h4{font-size:1.25em;font-weight:600}html body h5{font-size:1.1em;font-weight:600}html body h6{font-size:1em;font-weight:600}html body h1,html body h2,html body h3,html body h4,html body h5{font-weight:600}html body h5{font-size:1em}html body h6{color:#5c5c5c}html body strong{color:#000}html body del{color:#5c5c5c}html body a:not([href]){color:inherit;text-decoration:none}html body a{color:#08c;text-decoration:none}html body a:hover{color:#00a3f5;text-decoration:none}html body img{max-width:100%}html body>p{margin-top:0;margin-bottom:16px;word-wrap:break-word}html body>ol,html body>ul{margin-bottom:16px}html body ol,html body ul{padding-left:2em}html body ol.no-list,html body ul.no-list{padding:0;list-style-type:none}html body ol ol,html body ol ul,html body ul ol,html body ul ul{margin-top:0;margin-bottom:0}html body li{margin-bottom:0}html body li.task-list-item{list-style:none}html body li>p{margin-top:0;margin-bottom:0}html body .task-list-item-checkbox{margin:0 .2em .25em -1.8em;vertical-align:middle}html body .task-list-item-checkbox:hover{cursor:pointer}html body blockquote{margin:16px 0;font-size:inherit;padding:0 15px;color:#5c5c5c;background-color:#f0f0f0;border-left:4px solid #d6d6d6}html body blockquote>:first-child{margin-top:0}html body blockquote>:last-child{margin-bottom:0}html body hr{height:4px;margin:32px 0;background-color:#d6d6d6;border:0 none}html body table{margin:10px 0 15px 0;border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}html body table th{font-weight:700;color:#000}html body table td,html body table th{border:1px solid #d6d6d6;padding:6px 13px}html body dl{padding:0}html body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}html body dl dd{padding:0 16px;margin-bottom:16px}html body code{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;font-size:.85em;color:#000;background-color:#f0f0f0;border-radius:3px;padding:.2em 0}html body code::after,html body code::before{letter-spacing:-.2em;content:'\00a0'}html body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:0 0;border:0}html body .highlight{margin-bottom:16px}html body .highlight pre,html body pre{padding:1em;overflow:auto;line-height:1.45;border:#d6d6d6;border-radius:3px}html body .highlight pre{margin-bottom:0;word-break:normal}html body pre code,html body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}html body pre code:after,html body pre code:before,html body pre tt:after,html body pre tt:before{content:normal}html body blockquote,html body dl,html body ol,html body p,html body pre,html body ul{margin-top:0;margin-bottom:16px}html body kbd{color:#000;border:1px solid #d6d6d6;border-bottom:2px solid #c7c7c7;padding:2px 4px;background-color:#f0f0f0;border-radius:3px}@media print{html body{background-color:#fff}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:#000;page-break-after:avoid}html body blockquote{color:#5c5c5c}html body pre{page-break-inside:avoid}html body table{display:table}html body img{display:block;max-width:100%;max-height:100%}html body code,html body pre{word-wrap:break-word;white-space:pre}}.markdown-preview{width:100%;height:100%;box-sizing:border-box}.markdown-preview ul{list-style:disc}.markdown-preview ul ul{list-style:circle}.markdown-preview ul ul ul{list-style:square}.markdown-preview ol{list-style:decimal}.markdown-preview ol ol,.markdown-preview ul ol{list-style-type:lower-roman}.markdown-preview ol ol ol,.markdown-preview ol ul ol,.markdown-preview ul ol ol,.markdown-preview ul ul ol{list-style-type:lower-alpha}.markdown-preview .newpage,.markdown-preview .pagebreak{page-break-before:always}.markdown-preview pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.markdown-preview pre.line-numbers>code{position:relative}.markdown-preview pre.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:1em;font-size:100%;left:0;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-preview pre.line-numbers .line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.markdown-preview pre.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.markdown-preview .mathjax-exps .MathJax_Display{text-align:center!important}.markdown-preview:not([data-for=preview]) .code-chunk .code-chunk-btn-group{display:none}.markdown-preview:not([data-for=preview]) .code-chunk .status{display:none}.markdown-preview:not([data-for=preview]) .code-chunk .output-div{margin-bottom:16px}.markdown-preview .md-toc{padding:0}.markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link{display:inline;padding:.25rem 0}.markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link div,.markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link p{display:inline}.markdown-preview .md-toc .md-toc-link-wrapper.highlighted .md-toc-link{font-weight:800}.scrollbar-style::-webkit-scrollbar{width:8px}.scrollbar-style::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.scrollbar-style::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,.66);border:4px solid rgba(150,150,150,.66);background-clip:content-box}html body[for=html-export]:not([data-presentation-mode]){position:relative;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:auto}html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{position:relative;top:0;min-height:100vh}@media screen and (min-width:914px){html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{padding:2em calc(50% - 457px + 2em)}}@media screen and (max-width:914px){html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{font-size:14px!important;padding:1em}}@media print{html body[for=html-export]:not([data-presentation-mode]) #sidebar-toc-btn{display:none}}html body[for=html-export]:not([data-presentation-mode]) #sidebar-toc-btn{position:fixed;bottom:8px;left:8px;font-size:28px;cursor:pointer;color:inherit;z-index:99;width:32px;text-align:center;opacity:.4}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] #sidebar-toc-btn{opacity:1}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc{position:fixed;top:0;left:0;width:300px;height:100%;padding:32px 0 48px 0;font-size:14px;box-shadow:0 0 4px rgba(150,150,150,.33);box-sizing:border-box;overflow:auto;background-color:inherit}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar{width:8px}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,.66);border:4px solid rgba(150,150,150,.66);background-clip:content-box}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc a{text-decoration:none}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc{padding:0 16px}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link{display:inline;padding:.25rem 0}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link div,html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link p{display:inline}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper.highlighted .md-toc-link{font-weight:800}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{left:300px;width:calc(100% - 300px);padding:2em calc(50% - 457px - 300px / 2);margin:0;box-sizing:border-box}@media screen and (max-width:1274px){html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{width:100%}}html body[for=html-export]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .markdown-preview{left:50%;transform:translateX(-50%)}html body[for=html-export]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .md-sidebar-toc{display:none}
    14. 

  14. /* Please visit the URL below for more information: */
    15. 

  15. /*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
    16. 

  16. 

  17.       </style>
    18. 

  18.       <!-- The content below will be included at the end of the <head> element. --><script type="text/javascript">
    19. 

  19.   document.addEventListener("DOMContentLoaded", function () {
    20. 

  20.     // your code here
    21. 

  21.   });
    22. 

  22. </script></head><body for="html-export">
    23. 

  23.     
    24. 

  24.     
    25. 

  25.       <div class="crossnote markdown-preview  ">
    26. 

  26.       
    27. 

  27. <div class="md-toc">
    28. 

  28. <details style="padding:0;;padding-left:0px;" open="">
    29. 

  29.         <summary class="md-toc-link-wrapper">
    30. 

  30.           <a href="#选择技师下单流程" class="md-toc-link"><p>选择技师下单流程</p>
    31. 

  31. </a>
    32. 

  32.           </summary>
    33. 

  33.         <div>
    34. 

  34.           <div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    35. 

  35.           <a href="#用户选择技师" class="md-toc-link">
    36. 

  36.             <p>用户选择技师</p>
    37. 

  37. 

  38.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    39. 

  39.           <a href="#用户选择项目" class="md-toc-link">
    40. 

  40.             <p>用户选择项目</p>
    41. 

  41. 

  42.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    43. 

  43.           <a href="#用户选择可服务时间" class="md-toc-link">
    44. 

  44.             <p>用户选择可服务时间</p>
    45. 

  45. 

  46.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    47. 

  47.           <a href="#用户选择营销卷" class="md-toc-link">
    48. 

  48.             <p>用户选择营销卷</p>
    49. 

  49. 

  50.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    51. 

  51.           <a href="#用户点击立即结算" class="md-toc-link">
    52. 

  52.             <p>用户点击立即结算</p>
    53. 

  53. 

  54.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    55. 

  55.           <a href="#支付失败" class="md-toc-link">
    56. 

  56.             <p>支付失败</p>
    57. 

  57. 

  58.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    59. 

  59.           <a href="#支付成功" class="md-toc-link">
    60. 

  60.             <p>支付成功</p>
    61. 

  61. 

  62.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    63. 

  63.           <a href="#技师接单" class="md-toc-link">
    64. 

  64.             <p>技师接单</p>
    65. 

  65. 

  66.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    67. 

  67.           <a href="#技师拒绝接单" class="md-toc-link">
    68. 

  68.             <p>技师拒绝接单</p>
    69. 

  69. 

  70.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    71. 

  71.           <a href="#订单超时" class="md-toc-link">
    72. 

  72.             <p>订单超时</p>
    73. 

  73. 

  74.           </a></div>
    75. 

  75.         </div>
    76. 

  76.       </details>
    77. 

  77.     <details style="padding:0;;padding-left:0px;" open="">
    78. 

  78.         <summary class="md-toc-link-wrapper">
    79. 

  79.           <a href="#选择项目下单" class="md-toc-link"><p>选择项目下单</p>
    80. 

  80. </a>
    81. 

  81.           </summary>
    82. 

  82.         <div>
    83. 

  83.           <div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    84. 

  84.           <a href="#用户选择项目-1" class="md-toc-link">
    85. 

  85.             <p>用户选择项目</p>
    86. 

  86. 

  87.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    88. 

  88.           <a href="#创建抢单类型订单推送给技师" class="md-toc-link">
    89. 

  89.             <p>创建抢单类型订单,推送给技师</p>
    90. 

  90. 

  91.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    92. 

  92.           <a href="#有技师抢单" class="md-toc-link">
    93. 

  93.             <p>有技师抢单</p>
    94. 

  94. 

  95.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    96. 

  96.           <a href="#无技师抢单" class="md-toc-link">
    97. 

  97.             <p>无技师抢单</p>
    98. 

  98. 

  99.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    100. 

  100.           <a href="#用户选择技师-1" class="md-toc-link">
    101. 

  101.             <p>用户选择技师</p>
    102. 

  102. 

  103.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    104. 

  104.           <a href="#用户不反选技师" class="md-toc-link">
    105. 

  105.             <p>用户不反选技师</p>
    106. 

  106. 

  107.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    108. 

  108.           <a href="#支付成功-1" class="md-toc-link">
    109. 

  109.             <p>支付成功</p>
    110. 

  110. 

  111.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    112. 

  112.           <a href="#技师拒绝接单-1" class="md-toc-link">
    113. 

  113.             <p>技师拒绝接单</p>
    114. 

  114. 

  115.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    116. 

  116.           <a href="#支付失败-1" class="md-toc-link">
    117. 

  117.             <p>支付失败</p>
    118. 

  118. 

  119.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    120. 

  120.           <a href="#技师出发" class="md-toc-link">
    121. 

  121.             <p>技师出发</p>
    122. 

  122. 

  123.           </a></div>
    124. 

  124.         </div>
    125. 

  125.       </details>
    126. 

  126.     
    127. 

  127. </div>
    128. 

  128. <h4 id="选择技师下单流程">选择技师下单流程 </h4>
    129. 

  129. <div class="mermaid">    flowchart TD
    130. 

  130.    %% 基础选择流程
    131. 

  131.     Start([开始]) --&gt; A[用户选择服务位置]
    132. 

  132.     A --&gt; B[查询附近技师列表]
    133. 

  133.     B --&gt; C[用户选择技师]
    134. 

  134.     C --&gt; D[展示技师项目列表]
    135. 

  135.     D --&gt; E[用户选择项目]
    136. 

  136.     E --&gt; F[展示项目详情]
    137. 

  137.     F --&gt; G[用户选择服务时间]
    138. 

  138.     G --&gt; H[用户选择营销卷]
    139. 

  139.     H --&gt; I[计算订单费用]
    140. 

  140. 

  141.     %% 支付流程
    142. 

  142.     I --&gt; J[用户确认下单]
    143. 

  143.     J --&gt; K{支付结果}
    144. 

  144. 

  145.     %% 支付失败处理
    146. 

  146.     K --&gt;|失败| L[订单状态:待付款]
    147. 

  147.     L --&gt; M[客服跟进]
    148. 

  148.     M --&gt; N{用户选择}
    149. 

  149.     N --&gt;|重新支付| J
    150. 

  150.     N --&gt;|取消订单| O[退款处理]
    151. 

  151. 

  152.     %% 支付成功处理
    153. 

  153.     K --&gt;|成功| P[订单状态:已支付]
    154. 

  154.     P --&gt; Q[推送订单给技师]
    155. 

  155. 

  156.     %% 技师处理流程
    157. 

  157.     Q --&gt; R{技师处理}
    158. 

  158. 

  159.     %% 技师接单分支
    160. 

  160.     R --&gt;|接单| S[订单状态:已接单]
    161. 

  161.     S --&gt; T[技师确认出发]
    162. 

  162.     T --&gt; U[订单状态:已出发]
    163. 

  163. 

  164.     %% 技师拒单分支
    165. 

  165.     R --&gt;|拒单| V[订单状态:已拒绝]
    166. 

  166.     V --&gt; W[客服处理]
    167. 

  167.     W --&gt; X{处理方案}
    168. 

  168.     X --&gt;|更换技师| Q
    169. 

  169.     X --&gt;|用户退款| O
    170. 

  170. 

  171.     %% 接单超时处理
    172. 

  172.     R --&gt;|超时| Y[客服跟进]
    173. 

  173.     Y --&gt; Z{处理结果}
    174. 

  174.     Z --&gt;|联系上技师| R
    175. 

  175.     Z --&gt;|更换技师| Q
    176. 

  176.     Z --&gt;|取消订单| O
    177. 

  177. 

  178.     %% 结束节点
    179. 

  179.     U --&gt; End([开始服务])
    180. 

  180.     O --&gt; Cancel([订单结束])
    181. 

  181. 

  182.     %% 样式定义
    183. 

  183.     classDef default fill:#f9f9f9,stroke:#333,stroke-width:2px
    184. 

  184.     classDef process fill:#dcedc8,stroke:#33691e
    185. 

  185.     classDef decision fill:#fff3e0,stroke:#e65100
    186. 

  186.     classDef status fill:#e3f2fd,stroke:#0d47a1
    187. 

  187. 

  188.     %% 应用样式
    189. 

  189.     class K,R,X,Z decision
    190. 

  190.     class L,P,S,U,V status
    191. 

  191.     class A,B,C,D,E,F,G,H,I process
    192. 

  192. 

  193.     click A,B,C href "#用户选择技师"
    194. 

  194.     click D,E,F href "#用户选择项目"
    195. 

  195.     click G href "#用户选择可服务时间"
    196. 

  196.     click H,I href "#用户选择营销卷"
    197. 

  197.     click J href "#用户点击立即结算"
    198. 

  198.     click L href "#支付失败"
    199. 

  199.     click P href "#支付成功"
    200. 

  200.     click S href "#技师接单"
    201. 

  201.     click V href "#技师拒绝接单"
    202. 

  202.     click X href "#订单超时"
    203. 

  203. 

  204. </div><h5 id="用户选择技师">用户选择技师 </h5>
    205. 

  205. <p><strong><em>后台逻辑：</em></strong></p>
    206. 

  206. <ol>
    207. 

  207. <li>获取前端传递的经纬度，根据经纬度查询出附近的技师</li>
    208. 

  208. <li><a href="#%E8%8E%B7%E5%8F%96%E6%8A%80%E5%B8%88%E5%88%97%E8%A1%A8">获取技师列表</a></li>
    209. 

  209. <li><a href="#%E8%8E%B7%E5%8F%96%E6%8A%80%E5%B8%88%E8%AF%A6%E6%83%85">获取技师详情</a></li>
    210. 

  210. </ol>
    211. 

  211. <p><strong><em>UI 图：</em></strong><br>
    212. 

  212. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E9%80%89%E6%8B%A9%E6%8A%80%E5%B8%88%E4%B8%8B%E5%8D%95.png" alt=""></p>
    213. 

  213. <h5 id="用户选择项目">用户选择项目 </h5>
    214. 

  214. <p><strong><em>后台逻辑：</em></strong></p>
    215. 

  215. <ol>
    216. 

  216. <li>获取前端传递的技师 id，查询出该技师下可服务项目</li>
    217. 

  217. <li>获取前端传递的区域地址，查询出该区域地址可服务项目（370602 或 156370602）</li>
    218. 

  218. <li><a href="#%E8%8E%B7%E5%8F%96%E9%A1%B9%E7%9B%AE%E5%88%97%E8%A1%A8-%E6%8A%80%E5%B8%88%E5%BC%80%E9%80%9A%E7%A7%9F%E6%88%B7%E9%A1%B9%E7%9B%AE">获取项目列表</a></li>
    219. 

  219. <li><a href="#%E8%8E%B7%E5%8F%96%E9%A1%B9%E7%9B%AE%E8%AF%A6%E6%83%85-%E7%A7%9F%E6%88%B7%E9%A1%B9%E7%9B%AE">获取项目详情</a></li>
    220. 

  220. </ol>
    221. 

  221. <p><strong><em>UI 图：</em></strong><br>
    222. 

  222. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE.png" alt=""></p>
    223. 

  223. <h5 id="用户选择可服务时间">用户选择可服务时间 </h5>
    224. 

  224. <p><strong>前端逻辑</strong></p>
    225. 

  225. <ol>
    226. 

  226. <li>获取前端传递的技师 id 和项目 id，查询出该技师下,该项目的可服务时间,以及下单详情信息</li>
    227. 

  227. <li>获取前端传递的区域地址，计算订单金额（370602 或 156370602）</li>
    228. 

  228. <li>获取前端传递的路程，计算订单金额</li>
    229. 

  229. </ol>
    230. 

  230. <p><strong><em>后台逻辑：</em></strong></p>
    231. 

  231. <ol>
    232. 

  232. <li><a href="#%E8%AE%A1%E7%AE%97%E8%AE%A2%E5%8D%95%E9%87%91%E9%A2%9D">计算订单金额</a></li>
    233. 

  233. <li><a href="#%E8%AE%A2%E5%8D%95%E5%88%9D%E5%A7%8B%E5%8C%96-%E5%89%8D%E7%AB%AF%E5%88%9D%E5%A7%8B%E5%8C%96">订单详情</a></li>
    234. 

  234. </ol>
    235. 

  235. <p><strong><em>UI 图：</em></strong><br>
    236. 

  236. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E9%80%89%E6%8B%A9%E5%8F%AF%E6%9C%8D%E5%8A%A1%E6%97%B6%E9%97%B4.png" alt=""></p>
    237. 

  237. <h5 id="用户选择营销卷">用户选择营销卷 </h5>
    238. 

  238. <p><strong><em>后台逻辑：</em></strong></p>
    239. 

  239. <ol>
    240. 

  240. <li>获取前端传递的技师 id 和项目 id，查询出该技师下,该项目的可使用的营销卷</li>
    241. 

  241. <li>选择优惠劵</li>
    242. 

  242. <li><a href="#%E8%AE%A1%E7%AE%97%E8%AE%A2%E5%8D%95%E9%87%91%E9%A2%9D">计算订单金额</a></li>
    243. 

  243. </ol>
    244. 

  244. <p><strong><em>UI 图：</em></strong><br>
    245. 

  245. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E9%80%89%E6%8B%A9%E4%BC%98%E6%83%A0%E5%8A%B5.png" alt=""></p>
    246. 

  246. <h5 id="用户点击立即结算">用户点击立即结算 </h5>
    247. 

  247. <p><strong><em>后台逻辑：</em></strong></p>
    248. 

  248. <ol>
    249. 

  249. <li>创建订单，并判断使用的那种支付方式</li>
    250. 

  250. <li><a href="#%E5%88%9B%E5%BB%BA%E8%AE%A2%E5%8D%95">创建订单</a></li>
    251. 

  251. <li><a href="#%E8%8E%B7%E5%8F%96%E6%94%AF%E4%BB%98%E9%85%8D%E7%BD%AE">调用支付</a></li>
    252. 

  252. </ol>
    253. 

  253. <p><strong><em>UI 图：</em></strong><br>
    254. 

  254. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E7%AB%8B%E5%8D%B3%E7%BB%93%E7%AE%97.png" alt=""></p>
    255. 

  255. <h5 id="支付失败">支付失败 </h5>
    256. 

  256. <p><strong><em>后台逻辑：</em></strong></p>
    257. 

  257. <ol>
    258. 

  258. <li>支付超时、取消支付导致的用户支付失败，极光推送客服用户支付失败</li>
    259. 

  259. <li><a href="#%E6%94%AF%E4%BB%98%E5%A4%B1%E8%B4%A5">支付失败</a> TODO:??</li>
    260. 

  260. </ol>
    261. 

  261. <p><strong><em>UI 图：</em></strong><br>
    262. 

  262. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E6%94%AF%E4%BB%98%E5%A4%B1%E8%B4%A5%E3%80%81%E6%94%AF%E4%BB%98%E8%B6%85%E6%97%B6.png" alt=""></p>
    263. 

  263. <h5 id="支付成功">支付成功 </h5>
    264. 

  264. <p><strong><em>后台逻辑：</em></strong></p>
    265. 

  265. <ol>
    266. 

  266. <li>支付成功，后台更改订单，且极光推送技师接单</li>
    267. 

  267. <li><a href="#%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F">支付成功</a> TODO:??</li>
    268. 

  268. </ol>
    269. 

  269. <p><strong><em>UI 图：</em></strong><br>
    270. 

  270. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E5%B7%B2%E6%94%AF%E4%BB%98%E3%80%81%E5%BE%85%E6%8E%A5%E5%8D%95.png" alt=""></p>
    271. 

  271. <h5 id="技师接单">技师接单 </h5>
    272. 

  272. <p><strong><em>后台逻辑：</em></strong></p>
    273. 

  273. <ol>
    274. 

  274. <li>技师接单，用户同步数据</li>
    275. 

  275. <li><a href="#%E6%8E%A5%E5%8D%95">技师接单</a></li>
    276. 

  276. </ol>
    277. 

  277. <p><strong><em>UI 图：</em></strong><br>
    278. 

  278. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E6%8A%80%E5%B8%88%E7%A1%AE%E8%AE%A4%E6%8E%A5%E5%8D%95.png" alt=""></p>
    279. 

  279. <h5 id="技师拒绝接单">技师拒绝接单 </h5>
    280. 

  280. <p><strong><em>后台逻辑：</em></strong></p>
    281. 

  281. <ol>
    282. 

  282. <li>技师拒绝接单,客服介入，联系用户，更改技师或者用户取消订单退款</li>
    283. 

  283. <li><a href="#%E6%8B%92%E7%BB%9D%E6%8E%A5%E5%8D%95">技师拒绝接单</a></li>
    284. 

  284. </ol>
    285. 

  285. <p><strong><em>UI 图：</em></strong><br>
    286. 

  286. <img src="./assets/%E4%B8%8B%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%89%87/%E6%8A%80%E5%B8%88%E6%8B%92%E7%BB%9D%E6%8E%A5%E5%8D%95.png" alt=""></p>
    287. 

  287. <h5 id="订单超时">订单超时 </h5>
    288. 

  288. <p><strong><em>后台逻辑：</em></strong></p>
    289. 

  289. <ol>
    290. 

  290. <li>技师没有在规定时间内接单，客服介入，联系技师</li>
    291. 

  291. <li><a href="#%E8%AE%A2%E5%8D%95%E8%B6%85%E6%97%B6">订单超时</a> TODO: 客服介入后，对订单进行处理(更换技师、用户退款、取消订单、转公单等)</li>
    292. 

  292. </ol>
    293. 

  293. <h4 id="选择项目下单">选择项目下单 </h4>
    294. 

  294. <div class="mermaid">    flowchart TD
    295. 

  295.     %% 主流程起点
    296. 

  296.     Start[开始] --&gt; Init[初始化订单]
    297. 

  297. 

  298.     %% 订单创建阶段
    299. 

  299.     subgraph 订单创建
    300. 

  300.         Init --&gt; A1[获取用户位置]
    301. 

  301.         A1 --&gt; A2[查询区域服务]
    302. 

  302.         A2 --&gt; A3[用户选择服务]
    303. 

  303.         A3 --&gt; A4[选择地址/时间/优惠券]
    304. 

  304.         A4 --&gt; A5[创建空订单]
    305. 

  305.     end
    306. 

  306. 

  307.     %% 抢单阶段
    308. 

  308.     subgraph 抢单流程
    309. 

  309.         A5 --&gt; B1[进入抢单池]
    310. 

  310.         B1 --&gt; B2[推送给技师]
    311. 

  311.         B2 --&gt; B3{是否有技师抢单?}
    312. 

  312.         B3 --&gt;|是| B4[展示技师列表]
    313. 

  313.         B3 --&gt;|否| B5[等待5-8分钟]
    314. 

  314.         B5 --&gt; B6[客服介入]
    315. 

  315.     end
    316. 

  316. 

  317.     %% 用户选择阶段
    318. 

  318.     subgraph 用户选择
    319. 

  319.         B4 --&gt; C1{用户是否选择?}
    320. 

  320.         C1 --&gt;|是| C2[锁定技师]
    321. 

  321.         C1 --&gt;|否| C3[等待30分钟]
    322. 

  322.         C2 --&gt; C4[计算费用]
    323. 

  323.         C3 --&gt; B6
    324. 

  324.     end
    325. 

  325. 

  326.     %% 支付阶段
    327. 

  327.     subgraph 支付流程
    328. 

  328.         C4 --&gt; D1[展示订单详情]
    329. 

  329.         D1 --&gt; D2{用户支付?}
    330. 

  330.         D2 --&gt;|是| D3[支付处理]
    331. 

  331.         D2 --&gt;|否| D4[3分钟超时]
    332. 

  332.         D3 --&gt; D5{支付结果}
    333. 

  333.         D5 --&gt;|成功| D6[更新订单状态]
    334. 

  334.         D5 --&gt;|失败| D7[客服介入]
    335. 

  335.         D4 --&gt; D8[解绑技师]
    336. 

  336.     end
    337. 

  337. 

  338.     %% 服务阶段
    339. 

  339.     subgraph 服务执行
    340. 

  340.         D6 --&gt; E1[通知技师]
    341. 

  341.         E1 --&gt; jh1[技师拒绝订单]
    342. 

  342.         jh1 --&gt; jh2[客服介入?]
    343. 

  343.         jh2 --&gt;|技师接单| E2[技师出发]
    344. 

  344.         jh2 --&gt;|技师拒单| jh3[客服介入，联系用户?]
    345. 

  345.         jh3 --&gt; jh4[用户接受更换技师]
    346. 

  346.         jh4 --&gt; E2
    347. 

  347.         jh3 --&gt; jh5[用户不接受更换技师]
    348. 

  348.         jh5 --&gt; Cancel
    349. 

  349. 

  350.         E1 --&gt; E2[技师出发]
    351. 

  351.         E2 --&gt; E3[服务进行中]
    352. 

  352.         E3 --&gt; E4[服务完成]
    353. 

  353.     end
    354. 

  354. 

  355.     %% 取消订单流程
    356. 

  356.     subgraph 取消处理
    357. 

  357.         Cancel[取消订单] --&gt; F1[客服确认]
    358. 

  358.         F1 --&gt; F2{是否可挽回?}
    359. 

  359.         F2 --&gt;|是| F3[恢复订单]
    360. 

  360.         F2 --&gt;|否| F4[退款处理]
    361. 

  361.     end
    362. 

  362. 

  363.     %% 异常处理连接
    364. 

  364.     D7 --&gt; Cancel
    365. 

  365.     B6 --&gt; Cancel
    366. 

  366.     D8 --&gt; B1
    367. 

  367. 

  368.     %% 结束节点
    369. 

  369.     E4 --&gt; End[结束]
    370. 

  370.     F4 --&gt; End
    371. 

  371.     F3 --&gt; D1
    372. 

  372. 

  373.     %% 样式定义
    374. 

  374.     classDef success fill:#baffc9,stroke:#333,stroke-width:2px;
    375. 

  375.     classDef warning fill:#ffffba,stroke:#333,stroke-width:2px;
    376. 

  376.     classDef error fill:#ffb3ba,stroke:#333,stroke-width:2px;
    377. 

  377.     classDef normal fill:#f9f9f9,stroke:#333,stroke-width:2px;
    378. 

  378. 

  379.     %% 应用样式
    380. 

  380.     class D6,E4 success;
    381. 

  381.     class D7,B6,Cancel warning;
    382. 

  382.     class F4 error;
    383. 

  383.     class Start,End normal;
    384. 

  384. 

  385.     click A1,A2,A3 href "#用户选择项目"
    386. 

  386.     click A4,A5,B1,B2 href "#创建抢单类型订单,推送给技师"
    387. 

  387.     click B3,B4 href "#有技师抢单"
    388. 

  388.     click B5,B6 href "#无技师抢单"
    389. 

  389.     click C1,C2,C4 href "#用户选择技师"
    390. 

  390.     click C3,B6 href "#用户不反选技师"
    391. 

  391.     click D2,D3,D6,E1 href "#支付成功"
    392. 

  392.     click jh1,jh2,jh3,jh4,jh5 href "#技师拒绝接单"
    393. 

  393.     click D4,D7,D8 href "#支付失败"
    394. 

  394.     click E2 href "#技师出发"
    395. 

  395. </div><h5 id="用户选择项目-1">用户选择项目 </h5>
    396. 

  396. <p><strong><em>后台逻辑：</em></strong></p>
    397. 

  397. <ol>
    398. 

  398. <li>传递用户当前位置信息</li>
    399. 

  399. <li><a href="#%E8%8E%B7%E5%8F%96%E9%A1%B9%E7%9B%AE%E5%88%97%E8%A1%A8-%E6%8A%80%E5%B8%88%E5%BC%80%E9%80%9A%E7%A7%9F%E6%88%B7%E9%A1%B9%E7%9B%AE">服务项目列表</a></li>
    400. 

  400. <li><a href="#%E8%8E%B7%E5%8F%96%E9%A1%B9%E7%9B%AE%E8%AF%A6%E6%83%85-%E7%A7%9F%E6%88%B7%E9%A1%B9%E7%9B%AE">服务项目详情</a></li>
    401. 

  401. </ol>
    402. 

  402. <p><strong><em>UI 图：</em></strong><br>
    403. 

  403. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE.png" alt=""></p>
    404. 

  404. <h5 id="创建抢单类型订单推送给技师">创建抢单类型订单,推送给技师 </h5>
    405. 

  405. <p><strong><em>后台逻辑：</em></strong></p>
    406. 

  406. <ol>
    407. 

  407. <li>传递用户服务时间、服务地址、服务项目 id、优惠劵 id</li>
    408. 

  408. <li><a href="#%E5%88%9B%E5%BB%BA%E8%AE%A2%E5%8D%95">创建订单</a></li>
    409. 

  409. </ol>
    410. 

  410. <p><strong><em>UI 图：</em></strong><br>
    411. 

  411. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E4%B8%8B%E5%8D%95%E7%AD%89%E5%BE%85%E6%8A%80%E5%B8%88%E6%8A%A2%E5%8D%95.png" alt=""></p>
    412. 

  412. <h5 id="有技师抢单">有技师抢单 </h5>
    413. 

  413. <p><strong><em>后台逻辑：</em></strong></p>
    414. 

  414. <ol>
    415. 

  415. <li>传递技师 id,所抢订单 id，计算路费、技师代金卷等等一些逻辑</li>
    416. 

  416. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用户取消订单</a></li>
    417. 

  417. </ol>
    418. 

  418. <p><strong><em>UI 图：</em></strong><br>
    419. 

  419. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E6%9C%89%E6%8A%80%E5%B8%88%E6%8A%A2%E5%8D%95.png" alt=""></p>
    420. 

  420. <h5 id="无技师抢单">无技师抢单 </h5>
    421. 

  421. <p><strong><em>后台逻辑：</em></strong></p>
    422. 

  422. <ol>
    423. 

  423. <li>用户的抢单类型的订单无技师去抢，客服介入，联系附近技师</li>
    424. 

  424. <li>包含超时的情况，记得处理</li>
    425. 

  425. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用户取消订单</a></li>
    426. 

  426. </ol>
    427. 

  427. <p><strong><em>UI 图：</em></strong><br>
    428. 

  428. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E6%97%A0%E6%8A%80%E5%B8%88%E6%8A%A2%E5%8D%95.png" alt=""></p>
    429. 

  429. <h5 id="用户选择技师-1">用户选择技师 </h5>
    430. 

  430. <p><strong><em>后台逻辑：</em></strong></p>
    431. 

  431. <ol>
    432. 

  432. <li>传递技师 id,所抢订单 id，用户 id，订单费用</li>
    433. 

  433. <li>用户选择技师后，3 分钟内不支付，则技师解绑该订单，记得处理</li>
    434. 

  434. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用户取消订单</a></li>
    435. 

  435. <li><a href="#%E6%8C%87%E5%AE%9A%E6%8A%80%E5%B8%88%E4%BF%AE%E6%94%B9%E8%AE%A2%E5%8D%95">指定技师</a></li>
    436. 

  436. </ol>
    437. 

  437. <p><strong><em>UI 图：</em></strong><br>
    438. 

  438. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E7%94%A8%E6%88%B7%E5%8F%8D%E9%80%89%E6%8A%80%E5%B8%88.png" alt=""></p>
    439. 

  439. <h5 id="用户不反选技师">用户不反选技师 </h5>
    440. 

  440. <p><strong><em>后台逻辑：</em></strong></p>
    441. 

  441. <ol>
    442. 

  442. <li>用户不反选技师</li>
    443. 

  443. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用户取消订单</a></li>
    444. 

  444. </ol>
    445. 

  445. <p><strong><em>UI 图：</em></strong><br>
    446. 

  446. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E7%94%A8%E6%88%B7%E4%B8%8D%E5%8F%8D%E9%80%89%E6%8A%80%E5%B8%88.png" alt=""></p>
    447. 

  447. <h5 id="支付成功-1">支付成功 </h5>
    448. 

  448. <p><strong><em>后台逻辑：</em></strong></p>
    449. 

  449. <ol>
    450. 

  450. <li>订单支付成功，技师和用户的推送提醒</li>
    451. 

  451. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用户取消订单</a></li>
    452. 

  452. </ol>
    453. 

  453. <p><strong><em>UI 图：</em></strong><br>
    454. 

  454. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F.png" alt=""></p>
    455. 

  455. <h5 id="技师拒绝接单-1">技师拒绝接单 </h5>
    456. 

  456. <p><strong><em>后台逻辑：</em></strong></p>
    457. 

  457. <ol>
    458. 

  458. <li>技师拒绝接单，客服介入，联系技师</li>
    459. 

  459. <li><a href="#%E6%8E%A5%E5%8D%95">接单</a></li>
    460. 

  460. <li><a href="#%E6%8B%92%E5%8D%95">拒单</a></li>
    461. 

  461. <li>客服联系用户，用户接受更改技师或者取消订单</li>
    462. 

  462. </ol>
    463. 

  463. <p><strong><em>UI 图：</em></strong><br>
    464. 

  464. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E6%8A%80%E5%B8%88%E6%8B%92%E7%BB%9D%E6%8E%A5%E5%8D%95.png" alt=""></p>
    465. 

  465. <h5 id="支付失败-1">支付失败 </h5>
    466. 

  466. <p><strong><em>后台逻辑：</em></strong></p>
    467. 

  467. <ol>
    468. 

  468. <li>支付失败，订单状态为待付款</li>
    469. 

  469. <li>用户取消订单、选择技师、再次付款。存在超时的以及时间差的处理</li>
    470. 

  470. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用户取消订单</a></li>
    471. 

  471. <li><a href="#%E8%8E%B7%E5%8F%96%E6%94%AF%E4%BB%98%E9%85%8D%E7%BD%AE">支付订单</a></li>
    472. 

  472. </ol>
    473. 

  473. <p><strong><em>UI 图：</em></strong><br>
    474. 

  474. <img src="./assets/%E7%94%A8%E6%88%B7%E9%80%89%E6%8B%A9%E9%A1%B9%E7%9B%AE%E4%B8%8B%E5%8D%95/%E6%94%AF%E4%BB%98%E5%A4%B1%E8%B4%A5.png" alt=""></p>
    475. 

  475. <h5 id="技师出发">技师出发 </h5>
    476. 

  476. <p><strong><em>后台逻辑：</em></strong></p>
    477. 

  477. <ol>
    478. 

  478. <li>技师出发，用户推送提醒</li>
    479. 

  479. <li><a href="#%E7%94%A8%E6%88%B7%E5%8F%96%E6%B6%88%E8%AE%A2%E5%8D%95">用取消订单</a></li>
    480. 

  480. </ol>
    481. 

  481. 

  482.       </div>
    483. 

  483.       <div class="md-sidebar-toc">
    484. 

  484. <div class="md-toc">
    485. 

  485. <details style="padding:0;;padding-left:0px;" open="">
    486. 

  486.         <summary class="md-toc-link-wrapper">
    487. 

  487.           <a href="#选择技师下单流程" class="md-toc-link"><p>选择技师下单流程</p>
    488. 

  488. </a>
    489. 

  489.           </summary>
    490. 

  490.         <div>
    491. 

  491.           <div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    492. 

  492.           <a href="#用户选择技师" class="md-toc-link">
    493. 

  493.             <p>用户选择技师</p>
    494. 

  494. 

  495.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    496. 

  496.           <a href="#用户选择项目" class="md-toc-link">
    497. 

  497.             <p>用户选择项目</p>
    498. 

  498. 

  499.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    500. 

  500.           <a href="#用户选择可服务时间" class="md-toc-link">
    501. 

  501.             <p>用户选择可服务时间</p>
    502. 

  502. 

  503.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    504. 

  504.           <a href="#用户选择营销卷" class="md-toc-link">
    505. 

  505.             <p>用户选择营销卷</p>
    506. 

  506. 

  507.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    508. 

  508.           <a href="#用户点击立即结算" class="md-toc-link">
    509. 

  509.             <p>用户点击立即结算</p>
    510. 

  510. 

  511.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    512. 

  512.           <a href="#支付失败" class="md-toc-link">
    513. 

  513.             <p>支付失败</p>
    514. 

  514. 

  515.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    516. 

  516.           <a href="#支付成功" class="md-toc-link">
    517. 

  517.             <p>支付成功</p>
    518. 

  518. 

  519.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    520. 

  520.           <a href="#技师接单" class="md-toc-link">
    521. 

  521.             <p>技师接单</p>
    522. 

  522. 

  523.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    524. 

  524.           <a href="#技师拒绝接单" class="md-toc-link">
    525. 

  525.             <p>技师拒绝接单</p>
    526. 

  526. 

  527.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    528. 

  528.           <a href="#订单超时" class="md-toc-link">
    529. 

  529.             <p>订单超时</p>
    530. 

  530. 

  531.           </a></div>
    532. 

  532.         </div>
    533. 

  533.       </details>
    534. 

  534.     <details style="padding:0;;padding-left:0px;" open="">
    535. 

  535.         <summary class="md-toc-link-wrapper">
    536. 

  536.           <a href="#选择项目下单" class="md-toc-link"><p>选择项目下单</p>
    537. 

  537. </a>
    538. 

  538.           </summary>
    539. 

  539.         <div>
    540. 

  540.           <div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    541. 

  541.           <a href="#用户选择项目-1" class="md-toc-link">
    542. 

  542.             <p>用户选择项目</p>
    543. 

  543. 

  544.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    545. 

  545.           <a href="#创建抢单类型订单推送给技师" class="md-toc-link">
    546. 

  546.             <p>创建抢单类型订单,推送给技师</p>
    547. 

  547. 

  548.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    549. 

  549.           <a href="#有技师抢单" class="md-toc-link">
    550. 

  550.             <p>有技师抢单</p>
    551. 

  551. 

  552.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    553. 

  553.           <a href="#无技师抢单" class="md-toc-link">
    554. 

  554.             <p>无技师抢单</p>
    555. 

  555. 

  556.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    557. 

  557.           <a href="#用户选择技师-1" class="md-toc-link">
    558. 

  558.             <p>用户选择技师</p>
    559. 

  559. 

  560.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    561. 

  561.           <a href="#用户不反选技师" class="md-toc-link">
    562. 

  562.             <p>用户不反选技师</p>
    563. 

  563. 

  564.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    565. 

  565.           <a href="#支付成功-1" class="md-toc-link">
    566. 

  566.             <p>支付成功</p>
    567. 

  567. 

  568.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    569. 

  569.           <a href="#技师拒绝接单-1" class="md-toc-link">
    570. 

  570.             <p>技师拒绝接单</p>
    571. 

  571. 

  572.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    573. 

  573.           <a href="#支付失败-1" class="md-toc-link">
    574. 

  574.             <p>支付失败</p>
    575. 

  575. 

  576.           </a></div><div class="md-toc-link-wrapper" style="padding:0;;display:list-item;list-style:square;margin-left:42px">
    577. 

  577.           <a href="#技师出发" class="md-toc-link">
    578. 

  578.             <p>技师出发</p>
    579. 

  579. 

  580.           </a></div>
    581. 

  581.         </div>
    582. 

  582.       </details>
    583. 

  583.     
    584. 

  584. </div>
    585. 

  585. </div>
    586. 

  586.       <a id="sidebar-toc-btn">≡</a>
    587. 

  587.     
    588. 

  588.     
    589. 

  589.     <script type="module">
    590. 

  590. // TODO: If ZenUML gets integrated into mermaid in the future,
    591. 

  591. //      we can remove the following lines.
    592. 

  592. 

  593. 

  594. var MERMAID_CONFIG = ({"startOnLoad":true,"securityLevel":"loose"});
    595. 

  595. if (typeof MERMAID_CONFIG !== 'undefined') {
    596. 

  596.   MERMAID_CONFIG.startOnLoad = false
    597. 

  597.   MERMAID_CONFIG.cloneCssStyles = false
    598. 

  598.   MERMAID_CONFIG.theme = "default"
    599. 

  599. }
    600. 

  600. 

  601. mermaid.initialize(MERMAID_CONFIG || {})
    602. 

  602. if (typeof(window['Reveal']) !== 'undefined') {
    603. 

  603.   function mermaidRevealHelper(event) {
    604. 

  604.     var currentSlide = event.currentSlide
    605. 

  605.     var diagrams = currentSlide.querySelectorAll('.mermaid')
    606. 

  606.     for (var i = 0; i < diagrams.length; i++) {
    607. 

  607.       var diagram = diagrams[i]
    608. 

  608.       if (!diagram.hasAttribute('data-processed')) {
    609. 

  609.         mermaid.init(null, diagram, ()=> {
    610. 

  610.           Reveal.slide(event.indexh, event.indexv)
    611. 

  611.         })
    612. 

  612.       }
    613. 

  613.     }
    614. 

  614.   }
    615. 

  615.   Reveal.addEventListener('slidetransitionend', mermaidRevealHelper)
    616. 

  616.   Reveal.addEventListener('ready', mermaidRevealHelper)
    617. 

  617.   await mermaid.run({
    618. 

  618.     nodes: document.querySelectorAll('.mermaid')
    619. 

  619.   })
    620. 

  620. } else {
    621. 

  621.   await mermaid.run({
    622. 

  622.     nodes: document.querySelectorAll('.mermaid')
    623. 

  623.   })
    624. 

  624. }
    625. 

  625. </script>
    626. 

  626.     
    627. 

  627.     
    628. 

  628.     
    629. 

  629. <script>
    630. 

  630. document.body.setAttribute('html-show-sidebar-toc', true)
    631. 

  631. var sidebarTOCBtn = document.getElementById('sidebar-toc-btn')
    632. 

  632. sidebarTOCBtn.addEventListener('click', function(event) {
    633. 

  633.   event.stopPropagation()
    634. 

  634.   if (document.body.hasAttribute('html-show-sidebar-toc')) {
    635. 

  635.     document.body.removeAttribute('html-show-sidebar-toc')
    636. 

  636.   } else {
    637. 

  637.     document.body.setAttribute('html-show-sidebar-toc', true)
    638. 

  638.   }
    639. 

  639. })
    640. 

  640. </script>
    641. 

  641.       
    642. 

  642.   
    643. 

  643.     </body></html>
    644.