tradebill.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" style="background:#fff;">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9. <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
  10. <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
  11. <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
  12. <script src="/Public/Static/Icoinfont/iconfont.js"></script>
  13. <title>{$webname}</title>
  14. <style>
  15. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  16. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  17. input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
  18. a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
  19. .no_header{position: fixed;z-index: 9999;padding:0px 10px;top:0px;line-height: 50px;background:#f5f5f5;}
  20. .contentbox{width:100%;margin-top:45px;}
  21. .contentbox_top{width:100%;height:50px;line-height:50px;text-align:left;padding:0px 15px;}
  22. .listbox{width:100%;height:100px;background:#fff;padding:5px 15px;}
  23. .listbox_title{width:100%;height:30px;line-height:30px;}
  24. .listbox_title_l{width:50%;height:30px;float:left;text-align:left;}
  25. .listbox_title_r{width:50%;height:30px;float:right;text-align:right;}
  26. .titlebox{width:29%;height:50px;line-height:50px;float:left;}
  27. .xztitile{color:#000;font-size:22px;font-weight:bold;}
  28. .notitile{color:#707A8A;font-size:20px;font-weight:500px;}
  29. .listbox{width:100%;background:#fff;margin-top:120px;}
  30. .tlistbox{width:100%;clear:both;padding:10px 0px;}
  31. .tlistbox_1{width:100%;border-bottom:1px solid #f5f5f5;}
  32. .tlistbox_2{width:100%;height:30px;}
  33. .tlistbox_3{width:80%;height:30px;line-height:30px;}
  34. .tlistbox_4{width:20%;height:30px;line-height:30px;}
  35. .tlistbox_5{padding:5px 10px;background:#fcfcfc;border-radius:5px;}
  36. .tlistbox_6{width:100%;height:60px;}
  37. .tlistbox_7{width:33.33%;height:60px;}
  38. .tlistbox_8{width:100%;height:30px;line-height:30px;}
  39. .tlistbox_9{width:100%;height:30px;line-height:20px;}
  40. .tl{text-align:left;}
  41. .tr{text-align:right;}
  42. .tc{text-align:center;}
  43. .fl{float:left;}
  44. .fr{float:right;}
  45. .red{color:#f5465c;}
  46. .bghc{background:#f5f5f5;}
  47. .green{color:#0ecb81;}
  48. .emptybox{width:100%;height:80px;line-height:80px;text-align:center;}
  49. </style>
  50. </head>
  51. <body style="background:#fff;">
  52. <div class="container-fluid " style="padding:0px;width:100vw;">
  53. <div class="no_header">
  54. <div class="fl allhg txtl">
  55. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  56. </div>
  57. <div class="fr allhg txtr" style="line-height:50px;width:10%;"></div>
  58. </div>
  59. <div class="contentbox">
  60. <div class="contentbox_top" style="position: fixed;top: 50px;background:#f5f5f5;">
  61. <div class="titlebox">
  62. <span class="xztitile" id="wtlistbtn">{:L('全部委托')}</span>
  63. </div>
  64. <div class="titlebox">
  65. <span class="notitile" id="alllistbtn">{:L('历史记录')}</span>
  66. </div>
  67. <div class="titlebox">
  68. <span class="notitile" id="finishbtn">{:L('成交明细')}</span>
  69. </div>
  70. </div>
  71. <!---成交记录-->
  72. <div class="listbox" id="finishbox" style="display:none;">
  73. <empty name="finishlist">
  74. <div class="emptybox">
  75. <span class="fcc fzmm">{:L('暂时没有记录')}</span>
  76. </div>
  77. <else />
  78. <foreach name="finishlist" item="vo">
  79. <div class="tlistbox">
  80. <div class="tlistbox_1">
  81. <div class="tlistbox_2">
  82. <div class="tlistbox_3 fl">
  83. <if condition="$vo.type eq 1">
  84. <span class="fzmmm green">{:L('购买')}</span>
  85. <elseif condition="$vo.type eq 2" />
  86. <span class="fzmmm red">{:L('出售')}</span>
  87. </if>
  88. <span class="fzmmm fch" style="font-weight:bold;">{$vo.symbol}</span>
  89. </div>
  90. <a href="{:U('Trade/billinfo')}?id={$vo.id}">
  91. <div class="tlistbox_4 fr tr">
  92. <span class="fcc fzm">{:L('已完成')}</span>
  93. <i class="bi bi-chevron-right"></i>
  94. </div>
  95. </a>
  96. </div>
  97. <div class="tlistbox_6">
  98. <div class="tlistbox_7 fl">
  99. <div class="tlistbox_8 tl">
  100. <span class="fzm fcc">{:L('时间')}</span>
  101. </div>
  102. <div class="tlistbox_9 tl">
  103. <span class="fzmm fch"><?php echo date("m-d H:i",strtotime($vo['tradetime']));?></span>
  104. </div>
  105. </div>
  106. <if condition="$vo.type eq 1">
  107. <div class="tlistbox_7 fl">
  108. <div class="tlistbox_8 tc">
  109. <span class="fzm fcc">{:L('委托价')}(USDT)</span>
  110. </div>
  111. <div class="tlistbox_9 tc">
  112. <span class="fzmm fch">{$vo.xjprice}</span>
  113. </div>
  114. </div>
  115. <elseif condition="$vo.type eq 2" />
  116. <div class="tlistbox_7 fl">
  117. <div class="tlistbox_8 tc">
  118. <span class="fzm fcc">{:L('委托价')}(USDT)</span>
  119. </div>
  120. <div class="tlistbox_9 tc">
  121. <span class="fzmm fch">{:L('市价')}</span>
  122. </div>
  123. </div>
  124. </if>
  125. <div class="tlistbox_7 fl">
  126. <div class="tlistbox_8 tr">
  127. <span class="fzm fcc">{:L('交易额')}(USDT)</span>
  128. </div>
  129. <div class="tlistbox_9 tr">
  130. <span class="fzmm fch">{$vo.usdtnum}</span>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="tlistbox_6">
  135. <div class="tlistbox_7 fl">
  136. <div class="tlistbox_8 tl">
  137. <span class="fzm fcc">{:L('成交总价')}(USDT)</span>
  138. </div>
  139. <div class="tlistbox_9 tl">
  140. <span class="fzmm fch">{$vo.usdtnum}</span>
  141. </div>
  142. </div>
  143. <if condition="$vo.type eq 1">
  144. <div class="tlistbox_7 fl">
  145. <div class="tlistbox_8 tc">
  146. <span class="fzm fcc">{:L('成交均价')}(USDT)</span>
  147. </div>
  148. <div class="tlistbox_9 tc">
  149. <span class="fzmm fch">{$vo.price}</span>
  150. </div>
  151. </div>
  152. <elseif condition="$vo.type eq 2" />
  153. <div class="tlistbox_7 fl">
  154. <div class="tlistbox_8 tc">
  155. <span class="fzm fcc">{:L('成交均价')}(USDT)</span>
  156. </div>
  157. <div class="tlistbox_9 tc">
  158. <span class="fzmm fch">{$vo.price}</span>
  159. </div>
  160. </div>
  161. </if>
  162. <div class="tlistbox_7 fl">
  163. <div class="tlistbox_8 tr">
  164. <span class="fzm fcc">{:L('成交量')}({$vo.coin})</span>
  165. </div>
  166. <div class="tlistbox_9 tr">
  167. <span class="fzmm fch">{$vo.coinnum}</span>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </foreach>
  174. </empty>
  175. </div>
  176. <!---历史记录-->
  177. <div class="listbox" id="alllistbox" style="display:none;">
  178. <empty name="alllist">
  179. <div class="emptybox">
  180. <span class="fcc fzmm">{:L('暂时没有记录')}</span>
  181. </div>
  182. <else />
  183. <foreach name="alllist" item="vo">
  184. <div class="tlistbox">
  185. <div class="tlistbox_1">
  186. <div class="tlistbox_2">
  187. <div class="tlistbox_3 fl">
  188. <if condition="$vo.type eq 1">
  189. <span class="fzmmm green">{:L('购买')}</span>
  190. <elseif condition="$vo.type eq 2" />
  191. <span class="fzmmm red">{:L('出售')}</span>
  192. </if>
  193. <span class="fzmmm fch" style="font-weight:bold;">{$vo.symbol}</span>
  194. </div>
  195. <a href="{:U('Trade/billinfo')}?id={$vo.id}">
  196. <div class="tlistbox_4 fr tr">
  197. <if condition="$vo.status eq 1">
  198. <span class="fcc fzm">{:L('取消')}</span>
  199. <elseif condition="$vo.status eq 2" />
  200. <span class="fcc fzm">{:L('已完成')}</span>
  201. <elseif condition="$vo.status eq 3" />
  202. <span class="fcc fzm">{:L('已完成')}</span>
  203. </if>
  204. <i class="bi bi-chevron-right"></i>
  205. </div>
  206. </a>
  207. </div>
  208. <div class="tlistbox_6">
  209. <div class="tlistbox_7 fl">
  210. <div class="tlistbox_8 tl">
  211. <span class="fzm fcc">{:L('时间')}</span>
  212. </div>
  213. <div class="tlistbox_9 tl">
  214. <span class="fzmm fch"><?php echo date("m-d H:i",strtotime($vo['tradetime']));?></span>
  215. </div>
  216. </div>
  217. <if condition="$vo.type eq 1">
  218. <div class="tlistbox_7 fl">
  219. <div class="tlistbox_8 tc">
  220. <span class="fzm fcc">{:L('委托价')}(USDT)</span>
  221. </div>
  222. <div class="tlistbox_9 tc">
  223. <span class="fzmm fch">{$vo.xjprice}</span>
  224. </div>
  225. </div>
  226. <elseif condition="$vo.type eq 2" />
  227. <div class="tlistbox_7 fl">
  228. <div class="tlistbox_8 tc">
  229. <span class="fzm fcc">{:L('委托价')}(USDT)</span>
  230. </div>
  231. <div class="tlistbox_9 tc">
  232. <span class="fzmm fch">{:L('市价')}</span>
  233. </div>
  234. </div>
  235. </if>
  236. <div class="tlistbox_7 fl">
  237. <div class="tlistbox_8 tr">
  238. <span class="fzm fcc">{:L('交易额')}(USDT)</span>
  239. </div>
  240. <div class="tlistbox_9 tr">
  241. <span class="fzmm fch">{$vo.usdtnum}</span>
  242. </div>
  243. </div>
  244. </div>
  245. <div class="tlistbox_6">
  246. <div class="tlistbox_7 fl">
  247. <div class="tlistbox_8 tl">
  248. <span class="fzm fcc">{:L('成交总价')}(USDT)</span>
  249. </div>
  250. <div class="tlistbox_9 tl">
  251. <span class="fzmm fch">{$vo.usdtnum}</span>
  252. </div>
  253. </div>
  254. <if condition="$vo.type eq 1">
  255. <div class="tlistbox_7 fl">
  256. <div class="tlistbox_8 tc">
  257. <span class="fzm fcc">{:L('成交均价')}(USDT)</span>
  258. </div>
  259. <div class="tlistbox_9 tc">
  260. <span class="fzmm fch">{$vo.price}</span>
  261. </div>
  262. </div>
  263. <elseif condition="$vo.type eq 2" />
  264. <div class="tlistbox_7 fl">
  265. <div class="tlistbox_8 tc">
  266. <span class="fzm fcc">{:L('成交均价')}(USDT)</span>
  267. </div>
  268. <div class="tlistbox_9 tc">
  269. <span class="fzmm fch">{$vo.price}</span>
  270. </div>
  271. </div>
  272. </if>
  273. <div class="tlistbox_7 fl">
  274. <div class="tlistbox_8 tr">
  275. <span class="fzm fcc">{:L('成交量')}({$vo.coin})</span>
  276. </div>
  277. <div class="tlistbox_9 tr">
  278. <span class="fzmm fch">{$vo.coinnum}</span>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </foreach>
  285. </empty>
  286. </div>
  287. <!----所有委托--->
  288. <div class="listbox" id="wtlistbox" style="display:block;">
  289. <empty name="list">
  290. <div class="emptybox">
  291. <span class="fcc fzmm">{:L('暂时没有记录')}</span>
  292. </div>
  293. <else />
  294. <foreach name="list" item="vo">
  295. <div class="tlistbox">
  296. <div class="tlistbox_1">
  297. <div class="tlistbox_2">
  298. <div class="tlistbox_3 fl">
  299. <if condition="$vo.type eq 1">
  300. <span class="fzmmm green">{:L('购买')}</span>
  301. <elseif condition="$vo.type eq 2" />
  302. <span class="fzmmm red">{:L('出售')}</span>
  303. </if>
  304. <span class="fzmmm fch" style="font-weight:bold;">{$vo.symbol}</span>
  305. </div>
  306. <div class="tlistbox_4 fr tr" onclick="clearorder({$vo.id});">
  307. <span class="tlistbox_5 fcy">{:L('取消')}</span>
  308. </div>
  309. </div>
  310. <div class="tlistbox_6">
  311. <div class="tlistbox_7 fl">
  312. <div class="tlistbox_8 tl">
  313. <span class="fzm fcc">{:L('价格')}(USDT)</span>
  314. </div>
  315. <div class="tlistbox_9 tl">
  316. <span class="fzmm fch">{$vo.xjprice}</span>
  317. </div>
  318. </div>
  319. <if condition="$vo.type eq 1">
  320. <div class="tlistbox_7 fl">
  321. <div class="tlistbox_8 tc">
  322. <span class="fzm fcc">{:L('数量')}(USDT)</span>
  323. </div>
  324. <div class="tlistbox_9 tc">
  325. <span class="fzmm fch">{$vo.usdtnum}</span>
  326. </div>
  327. </div>
  328. <elseif condition="$vo.type eq 2" />
  329. <div class="tlistbox_7 fl">
  330. <div class="tlistbox_8 tc">
  331. <span class="fzm fcc">{:L('数量')}({$vo.coin})</span>
  332. </div>
  333. <div class="tlistbox_9 tc">
  334. <span class="fzmm fch">{$vo.coinnum}</span>
  335. </div>
  336. </div>
  337. </if>
  338. <div class="tlistbox_7 fl">
  339. <div class="tlistbox_8 tr">
  340. <span class="fzm fcc">{:L('实际成交')}({$vo.coin})</span>
  341. </div>
  342. <div class="tlistbox_9 tr">
  343. <span class="fzmm fch">{$vo.coinnum}</span>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. </div>
  349. </foreach>
  350. </empty>
  351. </div>
  352. <div style="width:100%;height:80px;"></div>
  353. </div>
  354. </div>
  355. </body>
  356. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  357. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  358. <script type="text/javascript">
  359. $("#wtlistbtn").click(function(){
  360. $("#wtlistbtn").addClass("xztitile");
  361. $("#wtlistbtn").removeClass("notitile");
  362. $("#alllistbtn").addClass("notitile");
  363. $("#alllistbtn").removeClass("xztitile");
  364. $("#finishbtn").addClass("notitile");
  365. $("#finishbtn").removeClass("xztitile");
  366. $("#wtlistbox").show();
  367. $("#alllistbox").hide();
  368. $("#finishbox").hide();
  369. });
  370. $("#alllistbtn").click(function(){
  371. $("#wtlistbtn").addClass("notitile");
  372. $("#wtlistbtn").removeClass("xztitile");
  373. $("#alllistbtn").addClass("xztitile");
  374. $("#alllistbtn").removeClass("notitile");
  375. $("#finishbtn").addClass("notitile");
  376. $("#finishbtn").removeClass("xztitile");
  377. $("#wtlistbox").hide();
  378. $("#alllistbox").show();
  379. $("#finishbox").hide();
  380. });
  381. $("#finishbtn").click(function(){
  382. $("#wtlistbtn").addClass("notitile");
  383. $("#wtlistbtn").removeClass("xztitile");
  384. $("#alllistbtn").addClass("notitile");
  385. $("#alllistbtn").removeClass("xztitile");
  386. $("#finishbtn").addClass("xztitile");
  387. $("#finishbtn").removeClass("notitile");
  388. $("#wtlistbox").hide();
  389. $("#alllistbox").hide();
  390. $("#finishbox").show();
  391. });
  392. </script>
  393. <script type="text/javascript">
  394. function clearorder(id){
  395. var oid = id;
  396. $.post("{:U('Trade/clearorder')}",
  397. {"oid":oid},
  398. function(data){
  399. if(data.code == 1){
  400. layer.msg(data.info);
  401. setTimeout(function(args){
  402. window.location.reload();
  403. },2000);
  404. }else{
  405. layer.msg(data.info);return false;
  406. }
  407. });
  408. }
  409. </script>
  410. <script type="text/javascript">
  411. function goback(){
  412. window.history.go(-1);
  413. }
  414. </script>
  415. </html>