tradlist.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
  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. .dongbox{position:fixed;z-index:9999;display:none;top:0px;width:100%;height:100vh;background:rgba(0,0,0,0.2);}
  50. .dong_con{width:80%;height:100vh;background:#fff;margin-top:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;padding:20px 15px 10px 20px;float:left;}
  51. </style>
  52. </head>
  53. <body style="background:#fff;">
  54. <div class="container-fluid " style="padding:0px;width:100vw;">
  55. <div class="no_header">
  56. <div class="fl allhg txtl">
  57. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  58. </div>
  59. <div class="fr allhg txtr" style="line-height:50px;width:10%;"></div>
  60. </div>
  61. <div class="contentbox">
  62. <div class="contentbox_top" style="position: fixed;top: 50px;background:#f5f5f5;">
  63. <div class="titlebox">
  64. <span class="xztitile" id="wtlistbtn">{:L('全部委托')}</span>
  65. </div>
  66. <div class="titlebox">
  67. <span class="notitile" id="alllistbtn">{:L('全部持仓')}</span>
  68. </div>
  69. <div class="titlebox">
  70. <span class="notitile" id="finishbtn">{:L('成交明细')}</span>
  71. </div>
  72. </div>
  73. <!---成交记录-->
  74. <div class="listbox" id="finishbox" style="display:none;">
  75. <empty name="finishlist">
  76. <div class="emptybox">
  77. <span class="fcc fzmm">{:L('暂时没有记录')}</span>
  78. </div>
  79. <else />
  80. <foreach name="finishlist" item="vo">
  81. <div class="tlistbox">
  82. <div class="tlistbox_1">
  83. <div class="tlistbox_2">
  84. <div class="tlistbox_3 fl">
  85. <if condition="$vo.direction eq 1">
  86. <span class="fzmmm green">{:L('做多')}</span>
  87. <elseif condition="$vo.direction eq 2" />
  88. <span class="fzmmm red">{:L('做空')}</span>
  89. </if>
  90. <span class="fzmmm fch" style="font-weight:bold;">{$vo.symbol}</span>
  91. </div>
  92. <!--<a href="{:U('Trade/billinfo')}?id={$vo.id}">-->
  93. <div class="tlistbox_4 fr tr">
  94. <if condition="$vo.status eq 3">
  95. <span class="green fzm">{:L('已完成')}</span>
  96. <elseif condition="$vo.status eq 4" />
  97. <span class="red fzm">{:L('爆仓')}</span>
  98. </if>
  99. <i class="bi bi-chevron-right"></i>
  100. </div>
  101. <!--</a>-->
  102. </div>
  103. <div class="tlistbox_2">
  104. <div class="tlistbox_3 fl">
  105. <span class="fzmm fcc">{:L('开仓时间')}:<?php echo $vo['addtime'];?></span>
  106. </div>
  107. </div>
  108. <div class="tlistbox_2">
  109. <div class="tlistbox_3 fl">
  110. <span class="fzmm fcc">{:L('平仓时间')}:<?php echo $vo['endtime'];?></span>
  111. </div>
  112. </div>
  113. <div class="tlistbox_6">
  114. <div class="tlistbox_7 fl">
  115. <div class="tlistbox_8 tl">
  116. <span class="fzm fcc">{:L('开仓单价')}</span>
  117. </div>
  118. <div class="tlistbox_9 tl">
  119. <span class="fzmm fch">{$vo.price}</span>
  120. </div>
  121. </div>
  122. <div class="tlistbox_7 fl">
  123. <div class="tlistbox_8 tc">
  124. <span class="fzm fcc">{:L('平仓单价')}</span>
  125. </div>
  126. <div class="tlistbox_9 tc">
  127. <span class="fzmm fch">{$vo.pc_price}</span>
  128. </div>
  129. </div>
  130. <div class="tlistbox_7 fl">
  131. <div class="tlistbox_8 tr">
  132. <span class="fzm fcc">{:L('合约手数')}</span>
  133. </div>
  134. <div class="tlistbox_9 tr">
  135. <span class="fzmm fch">{$vo.num}</span>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="tlistbox_6">
  140. <div class="tlistbox_7 fl">
  141. <div class="tlistbox_8 tl">
  142. <span class="fzm fcc">{:L('杠杆倍数')}</span>
  143. </div>
  144. <div class="tlistbox_9 tl">
  145. <span class="fzmm fch">{$vo.ggan}</span>
  146. </div>
  147. </div>
  148. <div class="tlistbox_7 fl">
  149. <div class="tlistbox_8 tc">
  150. <span class="fzm fcc">{:L('盈亏状态')}</span>
  151. </div>
  152. <div class="tlistbox_9 tc">
  153. <if condition="$vo.yk_status eq 1">
  154. <span class="green fzmmm">{:L('盈利')}</span>
  155. <elseif condition="$vo.yk_status eq 2" />
  156. <span class="red fzmmm">{:L('亏损')}</span>
  157. </if>
  158. </div>
  159. </div>
  160. <div class="tlistbox_7 fl">
  161. <div class="tlistbox_8 tr">
  162. <span class="fzm fcc">{:L('盈亏金额')}</span>
  163. </div>
  164. <div class="tlistbox_9 tr">
  165. <if condition="$vo.yk_status eq 1">
  166. <span class="green fzmmm">+{$vo.ylmoney}</span>
  167. <elseif condition="$vo.yk_status eq 2" />
  168. <span class="red fzmmm">-{$vo.ylmoney}</span>
  169. </if>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </foreach>
  176. </empty>
  177. </div>
  178. <!---全部持仓-->
  179. <div class="listbox" id="alllistbox" style="display:none;">
  180. <empty name="alllist">
  181. <div class="emptybox">
  182. <span class="fcc fzmm">{:L('暂时没有记录')}</span>
  183. </div>
  184. <else />
  185. <foreach name="alllist" item="vo">
  186. <div class="tlistbox">
  187. <div class="tlistbox_1">
  188. <div class="tlistbox_2">
  189. <div class="tlistbox_3 fl" style="width:65%;">
  190. <if condition="$vo.direction eq 1">
  191. <span class="fzmmm green">{:L('做多')}</span>
  192. <elseif condition="$vo.direction eq 2" />
  193. <span class="fzmmm red">{:L('做空')}</span>
  194. </if>
  195. <span class="fzmmm fch" style="font-weight:bold;">{$vo.symbol}</span>
  196. </div>
  197. <div class="tlistbox_4 fr tr" style="width:35%;" onclick="closeorder({$vo.id});">
  198. <span class="tlistbox_5 fcy">{:L('一键平仓')}</span>
  199. </div>
  200. </div>
  201. <div class="tlistbox_2">
  202. <div class="tlistbox_3 fl">
  203. <span class="fzmm fcc">{:L('开仓时间')}:<?php echo $vo['addtime'];?></span>
  204. </div>
  205. </div>
  206. <div class="tlistbox_6">
  207. <div class="tlistbox_7 fl">
  208. <div class="tlistbox_8 tl">
  209. <span class="fzm fcc">{:L('开仓单价')}</span>
  210. </div>
  211. <div class="tlistbox_9 tl">
  212. <span class="fzmm fcc">{$vo.price}</span>
  213. </div>
  214. </div>
  215. <div class="tlistbox_7 fl">
  216. <div class="tlistbox_8 tc">
  217. <span class="fzm fcc">{:L('合约手数')}</span>
  218. </div>
  219. <div class="tlistbox_9 tc">
  220. <span class="fzmm fcc">{$vo.num}</span>
  221. </div>
  222. </div>
  223. <div class="tlistbox_7 fl">
  224. <div class="tlistbox_8 tr">
  225. <span class="fzm fcc">{:L('杠杆倍数')}</span>
  226. </div>
  227. <div class="tlistbox_9 tr">
  228. <span class="fzmm fcc">{$vo.ggan}</span>
  229. </div>
  230. </div>
  231. </div>
  232. <div class="tlistbox_6">
  233. <div class="tlistbox_7 fl">
  234. <div class="tlistbox_8 tl">
  235. <span class="fzm fcc">{:L('止盈单价')}</span>
  236. </div>
  237. <div class="tlistbox_9 tl">
  238. <span class="fzmm fcc">{$vo.zyprice}</span>
  239. </div>
  240. </div>
  241. <div class="tlistbox_7 fl">
  242. <div class="tlistbox_8 tc">
  243. <span class="fzm fcc">{:L('止损单价')}</span>
  244. </div>
  245. <div class="tlistbox_9 tc">
  246. <span class="fzmm fcc">{$vo.zsprice}</span>
  247. </div>
  248. </div>
  249. <div class="tlistbox_7 fl">
  250. <div class="tlistbox_8 tr">
  251. <span class="fzm fcc">{:L('手续费')}</span>
  252. </div>
  253. <div class="tlistbox_9 tr">
  254. <span class="fzmm fcc">{$vo.fee}</span>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. </foreach>
  261. </empty>
  262. </div>
  263. <!----所有委托--->
  264. <div class="listbox" id="wtlistbox" style="display:block;">
  265. <empty name="list">
  266. <div class="emptybox">
  267. <span class="fcc fzmm">{:L('暂时没有记录')}</span>
  268. </div>
  269. <else />
  270. <foreach name="list" item="vo">
  271. <div class="tlistbox">
  272. <div class="tlistbox_1">
  273. <div class="tlistbox_2">
  274. <div class="tlistbox_3 fl">
  275. <if condition="$vo.direction eq 1">
  276. <span class="fzmmm green">{:L('做多')}</span>
  277. <elseif condition="$vo.direction eq 2" />
  278. <span class="fzmmm red">{:L('做空')}</span>
  279. </if>
  280. <span class="fzmmm fch" style="font-weight:bold;">{$vo.symbol}</span>
  281. </div>
  282. <div class="tlistbox_4 fr tr" onclick="clearorder({$vo.id});">
  283. <span class="tlistbox_5 fcy">{:L('取消')}</span>
  284. </div>
  285. </div>
  286. <div class="tlistbox_6">
  287. <div class="tlistbox_7 fl">
  288. <div class="tlistbox_8 tl">
  289. <span class="fzm fcc">{:L('限价')}</span>
  290. </div>
  291. <div class="tlistbox_9 tl">
  292. <span class="fzmm fch">{$vo.wt_price}</span>
  293. </div>
  294. </div>
  295. <div class="tlistbox_7 fl">
  296. <div class="tlistbox_8 tc">
  297. <span class="fzm fcc">{:L('委托手数')}</span>
  298. </div>
  299. <div class="tlistbox_9 tc">
  300. <span class="fzmm fch">{$vo.num}</span>
  301. </div>
  302. </div>
  303. <div class="tlistbox_7 fl">
  304. <div class="tlistbox_8 tr">
  305. <span class="fzm fcc">{:L('杠杆倍数')}</span>
  306. </div>
  307. <div class="tlistbox_9 tr">
  308. <span class="fzmm fch">{$vo.ggan}</span>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. </foreach>
  315. </empty>
  316. </div>
  317. <div style="width:100%;height:80px;"></div>
  318. </div>
  319. </div>
  320. <div class="dongbox" id="pcconfim" style="display:none;">
  321. <div style="width:300px;height:260px;background:#fff;margin:50% auto;border-radius:10px;padding:20px;">
  322. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  323. <span style="font-size:16px;font-weight:bold;">{:L('操作提示')}</span>
  324. </div>
  325. <div style="width:100%;overflow:hidden;min-height:140px;text-align:center;padding:15px;" id="confim_txt">
  326. </div>
  327. <input type="hidden" id="pcoid" value="" />
  328. <div style="width:100%;height:60px;">
  329. <div onclick="pcorder()" style="width:45%;height:36px;line-height:36px;text-align:center;float:left;font-size:14px;color:#fff;background:#0ecb81;border-radius:10px;">{:L('确定平仓')}</div></a>
  330. <div onclick="hidepcconfim()" style="width:45%;height:36px;line-height:36px;text-align:center;float:right;font-size:14px;color:#fff;background:#f5465c;border-radius:10px;">{:L('取消')}</div>
  331. </div>
  332. </div>
  333. </div>
  334. </body>
  335. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  336. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  337. <script type="text/javascript">
  338. $("#wtlistbtn").click(function(){
  339. $("#wtlistbtn").addClass("xztitile");
  340. $("#wtlistbtn").removeClass("notitile");
  341. $("#alllistbtn").addClass("notitile");
  342. $("#alllistbtn").removeClass("xztitile");
  343. $("#finishbtn").addClass("notitile");
  344. $("#finishbtn").removeClass("xztitile");
  345. $("#wtlistbox").show();
  346. $("#alllistbox").hide();
  347. $("#finishbox").hide();
  348. });
  349. $("#alllistbtn").click(function(){
  350. $("#wtlistbtn").addClass("notitile");
  351. $("#wtlistbtn").removeClass("xztitile");
  352. $("#alllistbtn").addClass("xztitile");
  353. $("#alllistbtn").removeClass("notitile");
  354. $("#finishbtn").addClass("notitile");
  355. $("#finishbtn").removeClass("xztitile");
  356. $("#wtlistbox").hide();
  357. $("#alllistbox").show();
  358. $("#finishbox").hide();
  359. });
  360. $("#finishbtn").click(function(){
  361. $("#wtlistbtn").addClass("notitile");
  362. $("#wtlistbtn").removeClass("xztitile");
  363. $("#alllistbtn").addClass("notitile");
  364. $("#alllistbtn").removeClass("xztitile");
  365. $("#finishbtn").addClass("xztitile");
  366. $("#finishbtn").removeClass("notitile");
  367. $("#wtlistbox").hide();
  368. $("#alllistbox").hide();
  369. $("#finishbox").show();
  370. });
  371. </script>
  372. <script type="text/javascript">
  373. function hidepcconfim(){
  374. $("#pcconfim").hide();
  375. }
  376. function closeorder(id){
  377. var oid = id;
  378. if(oid == '' || oid <= 0){
  379. layer.msg("{:L('缺少重要参数')}");return false;
  380. }
  381. $.post("{:U('Levertade/confimclose')}",{'id':oid},function(data){
  382. if(data.code == 1){
  383. $("#confim_txt").empty();
  384. $("#pcoid").val(data.id);
  385. $("#confim_txt").html(data.txt);
  386. $("#pcconfim").show();
  387. }
  388. });
  389. }
  390. function pcorder(){
  391. var flag = $("#flag").val();
  392. if(flag == 2){
  393. return false;
  394. }
  395. var oid = $("#pcoid").val();
  396. if(oid == '' || oid <= 0){
  397. layer.msg("{:L('缺少重要参数')}");return false;
  398. }
  399. $("#flag").val(2);
  400. $.post("{:U('Levertade/closeorder')}",{'id':oid},function(data){
  401. if(data.code == 1){
  402. layer.msg(data.info);
  403. setTimeout(function(args){
  404. window.location.reload();
  405. },2000);
  406. }else{
  407. layer.msg(data.info);return false;
  408. }
  409. });
  410. }
  411. function clearorder(id){
  412. var flag = $("#flag").val();
  413. if(flag == 2){
  414. return false;
  415. }
  416. var oid = id;
  417. if(oid == '' || oid <= 0){
  418. layer.msg("{:L('缺少重要参数')}");return false;
  419. }
  420. $("#flag").val(2);
  421. $.post("{:U('Levertade/clearorder')}",{'id':oid},function(data){
  422. if(data.code == 1){
  423. layer.msg(data.info);
  424. setTimeout(function(args){
  425. $("#pcconfim").hide();
  426. window.location.reload();
  427. },2000);
  428. }else{
  429. layer.msg(data.info);return false;
  430. }
  431. });
  432. }
  433. </script>
  434. <script type="text/javascript">
  435. function goback(){
  436. window.history.go(-1);
  437. }
  438. </script>
  439. </html>