钱包管理.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496
  1. <!DOCTYPE html><html><head>
  2. <title>钱包管理</title>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css">
  6. <style>
  7. pre{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;padding:1em;margin:.5em 0;overflow:auto;line-height:1.5;tab-size:4;hyphens:none;color:#555;background-color:#f0f0f0!important;border:#d6d6d6;border-radius:3px}pre[class*=language-]{padding:1em}code[class*=language-] .token.cdata,code[class*=language-] .token.comment,code[class*=language-] .token.doctype,code[class*=language-] .token.prolog,pre[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.doctype,pre[class*=language-] .token.prolog{color:#998;font-style:italic}code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{color:#920b2d}code[class*=language-] .namespace,pre[class*=language-] .namespace{opacity:.7}code[class*=language-] .token.property,pre[class*=language-] .token.property{font-weight:700;color:#333}code[class*=language-] .token.boolean,code[class*=language-] .token.function-name,code[class*=language-] .token.number,pre[class*=language-] .token.boolean,pre[class*=language-] .token.function-name,pre[class*=language-] .token.number{color:#d14}code[class*=language-] .token.tag,pre[class*=language-] .token.tag{color:#d14}code[class*=language-] .token.symbol,pre[class*=language-] .token.symbol{color:#990073}code[class*=language-] .token.selector,pre[class*=language-] .token.selector{color:teal}code[class*=language-] .token.attr-name,pre[class*=language-] .token.attr-name{color:#458;font-weight:700}code[class*=language-] .token.string,pre[class*=language-] .token.string{color:#d14}code[class*=language-] .token.char,pre[class*=language-] .token.char{color:#606aa1}code[class*=language-] .token.url,pre[class*=language-] .token.url{color:#888}code[class*=language-] .token.atrule,code[class*=language-] .token.attr-value,code[class*=language-] .token.keyword,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{color:#222;font-weight:700}code[class*=language-] .token.function,pre[class*=language-] .token.function{color:#900}code[class*=language-] .token.class-name,pre[class*=language-] .token.class-name{text-decoration:underline;color:#606aa1}code[class*=language-] .token.variable,pre[class*=language-] .token.variable{color:teal}code[class*=language-] .token.bold,code[class*=language-] .token.important,pre[class*=language-] .token.bold,pre[class*=language-] .token.important{font-weight:700}code[class*=language-] .token.italic,pre[class*=language-] .token.italic{font-style:italic}code[class*=language-] .token.entity,pre[class*=language-] .token.entity{cursor:help}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:#555;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:#030303}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:#7e7e7e}html body strong{color:#030303}html body del{color:#7e7e7e}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:#7e7e7e;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:#030303}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:#030303;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:#030303;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:#030303;page-break-after:avoid}html body blockquote{color:#7e7e7e}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}
  8. /* Please visit the URL below for more information: */
  9. /* https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
  10. </style>
  11. <!-- The content below will be included at the end of the <head> element. --><script type="text/javascript">
  12. document.addEventListener("DOMContentLoaded", function () {
  13. // your code here
  14. });
  15. </script></head><body for="html-export">
  16. <div class="crossnote markdown-preview ">
  17. <h1 id="用户端-钱包管理功能描述">用户端-钱包管理功能描述 </h1>
  18. <h2 id="钱包余额查询-可用余额查询">钱包余额查询-可用余额查询 </h2>
  19. <h3 id="展示字段">展示字段 </h3>
  20. <table>
  21. <thead>
  22. <tr>
  23. <th>字段名</th>
  24. <th>字段类型</th>
  25. <th>说明</th>
  26. </tr>
  27. </thead>
  28. <tbody>
  29. <tr>
  30. <td>可用余额</td>
  31. <td>金额</td>
  32. <td>当前可用于支付的余额</td>
  33. </tr>
  34. <tr>
  35. <td>总资产</td>
  36. <td>金额</td>
  37. <td>包含可用余额和冻结余额</td>
  38. </tr>
  39. <tr>
  40. <td>余额明细</td>
  41. <td>列表</td>
  42. <td>最近余额变动记录</td>
  43. </tr>
  44. <tr>
  45. <td>充值按钮</td>
  46. <td>按钮</td>
  47. <td>快捷充值入口</td>
  48. </tr>
  49. </tbody>
  50. </table>
  51. <h3 id="操作按钮">操作按钮 </h3>
  52. <h4 id="1-刷新余额">1. 刷新余额 </h4>
  53. <table>
  54. <thead>
  55. <tr>
  56. <th>操作</th>
  57. <th>说明</th>
  58. </tr>
  59. </thead>
  60. <tbody>
  61. <tr>
  62. <td>业务逻辑</td>
  63. <td>1. 查询最新账户余额<br>2. 更新显示金额<br>3. 刷新余额明细</td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. <h4 id="2-充值">2. 充值 </h4>
  68. <table>
  69. <thead>
  70. <tr>
  71. <th>操作</th>
  72. <th>说明</th>
  73. </tr>
  74. </thead>
  75. <tbody>
  76. <tr>
  77. <td>前置校验</td>
  78. <td>1. 用户是否完成实名认证<br>2. 账户是否正常状态</td>
  79. </tr>
  80. <tr>
  81. <td>业务逻辑</td>
  82. <td>1. 跳转充值页面<br>2. 选择充值金额<br>3. 选择支付方式</td>
  83. </tr>
  84. </tbody>
  85. </table>
  86. <h2 id="钱包余额查询-冻结余额查询">钱包余额查询-冻结余额查询 </h2>
  87. <h3 id="展示字段-1">展示字段 </h3>
  88. <table>
  89. <thead>
  90. <tr>
  91. <th>字段名</th>
  92. <th>字段类型</th>
  93. <th>说明</th>
  94. </tr>
  95. </thead>
  96. <tbody>
  97. <tr>
  98. <td>冻结余额</td>
  99. <td>金额</td>
  100. <td>当前被冻结的余额</td>
  101. </tr>
  102. <tr>
  103. <td>冻结明细</td>
  104. <td>列���</td>
  105. <td>冻结资金明细列表</td>
  106. </tr>
  107. <tr>
  108. <td>冻结原因</td>
  109. <td>文本</td>
  110. <td>资金冻结原因说明</td>
  111. </tr>
  112. <tr>
  113. <td>预计解冻时间</td>
  114. <td>时间</td>
  115. <td>预计资金解冻时间</td>
  116. </tr>
  117. </tbody>
  118. </table>
  119. <h3 id="操作按钮-1">操作按钮 </h3>
  120. <h4 id="1-查看冻结详情">1. 查看冻结详情 </h4>
  121. <table>
  122. <thead>
  123. <tr>
  124. <th>操作</th>
  125. <th>说明</th>
  126. </tr>
  127. </thead>
  128. <tbody>
  129. <tr>
  130. <td>业务逻辑</td>
  131. <td>1. 显示冻结原因<br>2. 显示冻结时间<br>3. 显示预计解冻时间<br>4. 显示相关订单信息</td>
  132. </tr>
  133. </tbody>
  134. </table>
  135. <h2 id="收支明细-收入明细查询">收支明细-收入明细查询 </h2>
  136. <h3 id="展示字段-2">展示字段 </h3>
  137. <table>
  138. <thead>
  139. <tr>
  140. <th>字段名</th>
  141. <th>字段类型</th>
  142. <th>说明</th>
  143. </tr>
  144. </thead>
  145. <tbody>
  146. <tr>
  147. <td>收入金额</td>
  148. <td>金额</td>
  149. <td>收入金额</td>
  150. </tr>
  151. <tr>
  152. <td>收入类型</td>
  153. <td>标签</td>
  154. <td>如:退款/返现/奖励等</td>
  155. </tr>
  156. <tr>
  157. <td>收入时间</td>
  158. <td>时间</td>
  159. <td>收入到账时间</td>
  160. </tr>
  161. <tr>
  162. <td>收入说明</td>
  163. <td>文本</td>
  164. <td>收入来源说明</td>
  165. </tr>
  166. <tr>
  167. <td>关联订单</td>
  168. <td>链接</td>
  169. <td>相关订单信息(如有)</td>
  170. </tr>
  171. </tbody>
  172. </table>
  173. <h3 id="操作按钮-2">操作按钮 </h3>
  174. <h4 id="1-筛选">1. 筛选 </h4>
  175. <table>
  176. <thead>
  177. <tr>
  178. <th>操作</th>
  179. <th>说明</th>
  180. </tr>
  181. </thead>
  182. <tbody>
  183. <tr>
  184. <td>业务逻辑</td>
  185. <td>1. 按时间范围筛选<br>2. 按收入类型筛选<br>3. 按金额范围筛选</td>
  186. </tr>
  187. </tbody>
  188. </table>
  189. <h4 id="2-导出明细">2. 导出明细 </h4>
  190. <table>
  191. <thead>
  192. <tr>
  193. <th>操作</th>
  194. <th>说明</th>
  195. </tr>
  196. </thead>
  197. <tbody>
  198. <tr>
  199. <td>业务逻辑</td>
  200. <td>1. 导出Excel文件<br>2. 记录导出操作<br>3. 支持自定义导出字段</td>
  201. </tr>
  202. </tbody>
  203. </table>
  204. <h2 id="收支明细-支出明细查询">收支明细-支出明细查询 </h2>
  205. <h3 id="展示字段-3">展示字段 </h3>
  206. <table>
  207. <thead>
  208. <tr>
  209. <th>字段名</th>
  210. <th>字段类型</th>
  211. <th>说明</th>
  212. </tr>
  213. </thead>
  214. <tbody>
  215. <tr>
  216. <td>支出金额</td>
  217. <td>金额</td>
  218. <td>支出金额</td>
  219. </tr>
  220. <tr>
  221. <td>支出类型</td>
  222. <td>标签</td>
  223. <td>如:消费/充值失败退回等</td>
  224. </tr>
  225. <tr>
  226. <td>支出时间</td>
  227. <td>时间</td>
  228. <td>支出发生时间</td>
  229. </tr>
  230. <tr>
  231. <td>支出���明</td>
  232. <td>文本</td>
  233. <td>支出用途说明</td>
  234. </tr>
  235. <tr>
  236. <td>关联订单</td>
  237. <td>链接</td>
  238. <td>相关订单信息(如有)</td>
  239. </tr>
  240. </tbody>
  241. </table>
  242. <h3 id="操作按钮-3">操作按钮 </h3>
  243. <h4 id="1-筛选-1">1. 筛选 </h4>
  244. <table>
  245. <thead>
  246. <tr>
  247. <th>操作</th>
  248. <th>说明</th>
  249. </tr>
  250. </thead>
  251. <tbody>
  252. <tr>
  253. <td>业务逻辑</td>
  254. <td>1. 按时间范围筛选<br>2. 按支出类型筛选<br>3. 按金额范围筛选</td>
  255. </tr>
  256. </tbody>
  257. </table>
  258. <h2 id="支付-余额支付">支付-余额支付 </h2>
  259. <h3 id="展示字段-4">展示字段 </h3>
  260. <table>
  261. <thead>
  262. <tr>
  263. <th>字段名</th>
  264. <th>字段类型</th>
  265. <th>说明</th>
  266. </tr>
  267. </thead>
  268. <tbody>
  269. <tr>
  270. <td>支付金额</td>
  271. <td>金额</td>
  272. <td>需支付金额</td>
  273. </tr>
  274. <tr>
  275. <td>可用余额</td>
  276. <td>金额</td>
  277. <td>当前可用余额</td>
  278. </tr>
  279. <tr>
  280. <td>支付密码</td>
  281. <td>密码框</td>
  282. <td>支付密码输入框</td>
  283. </tr>
  284. <tr>
  285. <td>订单信息</td>
  286. <td>文本</td>
  287. <td>待支付订单信息</td>
  288. </tr>
  289. </tbody>
  290. </table>
  291. <h3 id="操作按钮-4">操作按钮 </h3>
  292. <h4 id="1-确认支付">1. 确认支付 </h4>
  293. <table>
  294. <thead>
  295. <tr>
  296. <th>操作</th>
  297. <th>说明</th>
  298. </tr>
  299. </thead>
  300. <tbody>
  301. <tr>
  302. <td>前置校验</td>
  303. <td>1. 余额是否充足<br>2. 支付密码是否正确<br>3. 订单是否可支付</td>
  304. </tr>
  305. <tr>
  306. <td>业务逻辑</td>
  307. <td>1. 冻结支付金额<br>2. 创建支付流水<br>3. 更新订单状态<br>4. 发送支付通知</td>
  308. </tr>
  309. </tbody>
  310. </table>
  311. <h2 id="支付-微信支付">支付-微信支付 </h2>
  312. <h3 id="展示字段-5">展示字段 </h3>
  313. <table>
  314. <thead>
  315. <tr>
  316. <th>字段名</th>
  317. <th>字段类型</th>
  318. <th>说明</th>
  319. </tr>
  320. </thead>
  321. <tbody>
  322. <tr>
  323. <td>支付金额</td>
  324. <td>金额</td>
  325. <td>需支付金额</td>
  326. </tr>
  327. <tr>
  328. <td>微信二维码</td>
  329. <td>图片</td>
  330. <td>微信支付二维码</td>
  331. </tr>
  332. <tr>
  333. <td>订单信息</td>
  334. <td>文本</td>
  335. <td>待支付订单信息</td>
  336. </tr>
  337. <tr>
  338. <td>支付状态</td>
  339. <td>状态</td>
  340. <td>支付结果状态</td>
  341. </tr>
  342. </tbody>
  343. </table>
  344. <h3 id="操作按钮-5">操作按钮 </h3>
  345. <h4 id="1-发起支付">1. 发起支付 </h4>
  346. <table>
  347. <thead>
  348. <tr>
  349. <th>操作</th>
  350. <th>说明</th>
  351. </tr>
  352. </thead>
  353. <tbody>
  354. <tr>
  355. <td>前置校验</td>
  356. <td>1. 订单是否可支付<br>2. 是否在微信环境</td>
  357. </tr>
  358. <tr>
  359. <td>业务逻辑</td>
  360. <td>1. ��用微信支付接口<br>2. 生成支付二维码<br>3. 监听支付结果<br>4. 更新订单状态</td>
  361. </tr>
  362. </tbody>
  363. </table>
  364. <h2 id="支付-支付宝支付">支付-支付宝支付 </h2>
  365. <h3 id="展示字段-6">展示字段 </h3>
  366. <table>
  367. <thead>
  368. <tr>
  369. <th>字段名</th>
  370. <th>字段类型</th>
  371. <th>说明</th>
  372. </tr>
  373. </thead>
  374. <tbody>
  375. <tr>
  376. <td>支付金额</td>
  377. <td>金额</td>
  378. <td>需支付金额</td>
  379. </tr>
  380. <tr>
  381. <td>支付宝二维码</td>
  382. <td>图片</td>
  383. <td>支付宝支付二维码</td>
  384. </tr>
  385. <tr>
  386. <td>订单信息</td>
  387. <td>文本</td>
  388. <td>待支付订单信息</td>
  389. </tr>
  390. <tr>
  391. <td>支付状态</td>
  392. <td>状态</td>
  393. <td>支付结果状态</td>
  394. </tr>
  395. </tbody>
  396. </table>
  397. <h3 id="操作按钮-6">操作按钮 </h3>
  398. <h4 id="1-发起支付-1">1. 发起支付 </h4>
  399. <table>
  400. <thead>
  401. <tr>
  402. <th>操作</th>
  403. <th>说明</th>
  404. </tr>
  405. </thead>
  406. <tbody>
  407. <tr>
  408. <td>前置校验</td>
  409. <td>1. 订单是否可支付<br>2. 是否在支付宝环境</td>
  410. </tr>
  411. <tr>
  412. <td>业务逻辑</td>
  413. <td>1. 调用支付宝接口<br>2. 生成支付二维码<br>3. 监听支付结果<br>4. 更新订单状态</td>
  414. </tr>
  415. </tbody>
  416. </table>
  417. <h2 id="支付-混合支付">支付-混合支付 </h2>
  418. <h3 id="展示字段-7">展示字段 </h3>
  419. <table>
  420. <thead>
  421. <tr>
  422. <th>字段名</th>
  423. <th>字段类型</th>
  424. <th>说明</th>
  425. </tr>
  426. </thead>
  427. <tbody>
  428. <tr>
  429. <td>总支付金额</td>
  430. <td>金额</td>
  431. <td>需支付总金额</td>
  432. </tr>
  433. <tr>
  434. <td>余额支付金额</td>
  435. <td>金额</td>
  436. <td>使用余额支付金额</td>
  437. </tr>
  438. <tr>
  439. <td>第三方支付金额</td>
  440. <td>金额</td>
  441. <td>需要第三方支付金额</td>
  442. </tr>
  443. <tr>
  444. <td>支付方式选择</td>
  445. <td>单选</td>
  446. <td>微信/支付宝选择</td>
  447. </tr>
  448. <tr>
  449. <td>支付密码</td>
  450. <td>密码框</td>
  451. <td>余额支付密码输入</td>
  452. </tr>
  453. </tbody>
  454. </table>
  455. <h3 id="操作按钮-7">操作按钮 </h3>
  456. <h4 id="1-确认支付-1">1. 确认支付 </h4>
  457. <table>
  458. <thead>
  459. <tr>
  460. <th>操作</th>
  461. <th>说明</th>
  462. </tr>
  463. </thead>
  464. <tbody>
  465. <tr>
  466. <td>前置校验</td>
  467. <td>1. 余额是否充足<br>2. 支付密码是否正确<br>3. 订单是否可支付</td>
  468. </tr>
  469. <tr>
  470. <td>业务逻辑</td>
  471. <td>1. 先扣减余额<br>2. 发起第三方支付<br>3. 监听支付结果<br>4. 更新订单状态</td>
  472. </tr>
  473. </tbody>
  474. </table>
  475. </div>
  476. </body></html>