index.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878
  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;background:#fff;padding:0px 10px;top:0px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);}
  20. .txtl{line-height:50px;width:10%;}
  21. .klinebox{width:100%;height:550px;margin-top:55px;}
  22. .klinetitle{width:100%;height:80px;background:#fff;padding:0px 20px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);}
  23. .klinetitle_l{width:45%;height:80px;float:left;}
  24. .klinetitle_r{width:55%;height:80px;float:left;}
  25. .newpricebox{height:40px;line-height:60px;margin-bottom:0px;color:#2ebd85;font-size:22px;font-weight:bold;}
  26. .changebox{height:40px;line-height:40px;margin-bottom:0px;color:#2ebd85;font-weight:bold;}
  27. .klr3_box{width:100%;height:30px;}
  28. .klr2_box{width:100%;height:25px;}
  29. .klr3_box_dl{width:45%;height:30px;line-height:40px;float:left;text-align:left;}
  30. .klr3_box_dr{width:55%;height:30px;line-height:40px;float:right;text-align:right;}
  31. .klr2_box_dl{width:45%;height:25px;line-height:25px;float:left;text-align:left;}
  32. .klr2_box_dr{width:55%;height:25px;line-height:25px;float:right;text-align:right;}
  33. .dongbox{position:fixed;z-index:9999;display:none;top:0px;width:100%;height:100vh;background:rgba(0,0,0,0.2);}
  34. .dong_con{width:80%;height:86vh;background:#fff;margin-top:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:20px 15px 10px 20px;float:left;}
  35. .dong_title{width:100%;height:40px;line-height:40px;}
  36. .dong_title_span{font-size:18px;font-weight:500;}
  37. .dong_find_box{width:100%;height:30px;background:#f5f5f5;border-radius:10px;}
  38. .dong_find_box_img{width:20%;height:30px;line-height:30px;float:left;text-align:center;}
  39. .dong_input_box{width:80%;height:30px;float:left;}
  40. .dong_symbox{width:90%;height:20px;border:none;background:#f5f5f5;margin-top:5px;}
  41. .dong_sel_box{width:100%;height:30px;border-bottom:1px solid #f5f5f5;}
  42. .dong_sel_span{display:block;width:35px;height:30px;line-height:30px;border-bottom:2px solid #FCD535;font-size:14px;text-align:center;font-size:14px;}
  43. .symbol_list{width:100%;height:450px;overflow-y: scroll;margin-top:10px;}
  44. .sy_list_box{width:100%;height:30px;}
  45. .sy_list_boxl{width:35%;height:30px;line-height:30px;float:left;text-align:left;}
  46. .sy_list_boxr{width:30%;height:30px;line-height:30px;float:right;text-align:right;}
  47. .btnbox{width:100%;height:60px;padding:10px 20px;}
  48. .btnbox_l{width:45%;height:40px;line-height:40px;float:left;text-align:center;border-radius:10px;background:#0ecb81;}
  49. .btnbox_r{width:45%;height:40px;line-height:40px;float:right;text-align:center;border-radius:10px;background:#f5465c;}
  50. .dong_order_c{width:84%;height:540px;background:#fff;margin:60px auto;border-radius:10px;padding:10px;}
  51. .dong_order_x{width:100%;height:20px;line-height:20px;text-align:right;}
  52. .dong_order_title{width:100%;height:30px;line-height:20px;text-align:center;border-bottom: 1px solid #f5f5f5;}
  53. .dong_order_option{width:100%;height:80px;;overflow: hidden;overflow-x: scroll;margin-top:5px;}
  54. .dong_order_option_list{width:100px;height:80px;background:#f5f5f5;float:left;margin-right:10px;border-radius:10px;padding:5px;}
  55. .option_list_active{border:1px solid #FCD535;}
  56. .dong_order_p{width:100%;margin-bottom: 0rem;margin-top:10px;padding-left:5px;}
  57. .dong_money_list{width:100%;height:40px;}
  58. .dong_money_list_box{width:70%;height:40px;float:left;overflow: hidden;overflow-x: scroll;}
  59. .dong_money_list_box_l{width:1000px;height:40px;}
  60. .dong_money_list_box_option{width:70px;height:40px;line-height:40px;background:#f5f5f5;float:left;margin-right:5px;border-radius:5px;text-align:center;}
  61. .green{color:#0ecb81;}
  62. .red{color:#f5465c;}
  63. .circle_box{position: relative;left: 0;right: 0;top: 5px;bottom: 120px;margin: auto;width: 110px;height: 127px;box-sizing: content-box;}
  64. /*倒计时圆形进度条*/
  65. .circle_wrapper {
  66. position: relative;
  67. left: 0;
  68. right: 0;
  69. top: 5px;
  70. bottom: 120px;
  71. margin: auto;
  72. width: 110px;
  73. height: 127px;
  74. box-sizing: content-box;
  75. }
  76. .right_circle,.left_circle {
  77. position: absolute;
  78. width: 110px;
  79. height: 110px;
  80. overflow: hidden;
  81. top: 8px;
  82. }
  83. .right_circle {
  84. right: -50%;
  85. }
  86. .left_circle {
  87. left: -50%;
  88. }
  89. .right_circle > img {
  90. width: 100%;
  91. position: absolute;
  92. right: 50%;
  93. -webkit-animation: run 5s linear;
  94. animation-fill-mode: forwards;
  95. }
  96. @-webkit-keyframes run{
  97. 0{
  98. transform: rotate(0);
  99. }
  100. 50%{
  101. transform: rotate(180deg);
  102. }
  103. 100% {
  104. transform: rotate(180deg);
  105. }
  106. }
  107. .left_circle > img {
  108. width: 100%;
  109. position: absolute;
  110. left: 50%;
  111. -webkit-animation: runaway 5s linear;
  112. animation-fill-mode: forwards;
  113. }
  114. @-webkit-keyframes runaway{
  115. 0{
  116. transform: rotate(0);
  117. }
  118. 50%{
  119. transform: rotate(0);
  120. }
  121. 100% {
  122. transform: rotate(180deg);
  123. }
  124. }
  125. .count_remaining {
  126. margin-top: -128px !important;
  127. }
  128. .remaining {
  129. position: relative;
  130. height: 138px;
  131. }
  132. .row {subbtn
  133. padding-top: 10px !important;
  134. }
  135. .remaining > .col {
  136. color: red;
  137. font-size: 40px;
  138. text-align: center;
  139. height: 105px;
  140. position: absolute;
  141. top: 0;
  142. bottom: 0;
  143. left: 0;
  144. right: 0;
  145. }
  146. .remaining > div >div:nth-of-type(1) {
  147. font-size: 40px;
  148. color: #fdbe19;
  149. text-align: center;
  150. margin-top: 10px;
  151. }
  152. .remaining > div >div:nth-of-type(2) {
  153. font-size: 12px;
  154. color: #6d6d6d;
  155. text-align: center;
  156. }
  157. .remaining > div >div:nth-of-type(3) {
  158. font-size: 14px;
  159. color: #fa2e42;
  160. text-align: center;
  161. }
  162. .dong_order_c{
  163. height: 65vh;
  164. overflow: auto;
  165. }
  166. </style>
  167. </head>
  168. <body style="background:#fff;">
  169. <div class="container-fluid " style="padding:0px;width:100vw;">
  170. <div class="no_header">
  171. <div class="fl allhg txtl">
  172. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  173. </div>
  174. <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
  175. <i class="bi bi-text-indent-left fw" style="font-size:22px;color:#000;"></i>
  176. <span class="fzmmm fw" style="color:#000;" id="symbolbox">{$upmarket}</span>
  177. <span class="fzmmm fw" style="color:#000;">{:L('快速合约')}</span>
  178. </div>
  179. <a href="{:U('Contract/ctbill')}">
  180. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  181. <i class="bi bi-funnel fcy fw" style="font-size:20px;"></i>
  182. </div>
  183. </a>
  184. </div>
  185. <div class="klinebox">
  186. <div class="klinetitle">
  187. <div class="klinetitle_l">
  188. <p class="newpricebox" id="newpricebox" style="font-size:24px;">--</p>
  189. <p class="changebox" id="changebox">--</p>
  190. </div>
  191. <div class="klinetitle_r">
  192. <div class="klr3_box">
  193. <div class="klr3_box_dl">
  194. <span class="fzmm fcc">{:L('最低')}</span>
  195. </div>
  196. <div class="klr3_box_dr">
  197. <span class="fzmm fch" id="minmoney">--</span>
  198. </div>
  199. </div>
  200. <div class="klr2_box">
  201. <div class="klr2_box_dl">
  202. <span class="fzmm fcc">{:L('最高')}</span>
  203. </div>
  204. <div class="klr2_box_dr">
  205. <span class="fzmm fch" id="maxmoney">--</span>
  206. </div>
  207. </div>
  208. <div class="klr2_box">
  209. <div class="klr2_box_dl">
  210. <span class="fzmm fcc">24h{:L('量')}</span>
  211. </div>
  212. <div class="klr2_box_dr">
  213. <span class="fzmm fch" id="allvol">--</span>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. <input type="hidden" id="coinname" value="{$smybol}" />
  219. <div style="width:100%;height:540px;">
  220. <iframe id="iframeid" width="100%" scrolling="no" height="540" src="/Trade/ordinary?market={$market}" noresize="noresize" frameborder="0" >不支持IFRAME,请升级</iframe>
  221. </div>
  222. <div style="width:100%;height:20px;"></div>
  223. <div class="btnbox" style="position:fixed;bottom:0px;padding:0px 10px;background:#fff;">
  224. <div style="width:40%;height:60px;float:left;">
  225. <a href="{:U('Contract/ctbill')}">
  226. <div style="width:50px;height:60px;float:left;">
  227. <div style="width:100%;height:30px;line-height:40px;text-align:center;">
  228. <i class="bi bi-journal-text" style="font-size:18px;"></i>
  229. </div>
  230. <div style="width:100%;height:30px;line-height:25px;text-align:center;">
  231. <span style="color:#707A8A;">{:L('持仓')}</span>
  232. </div>
  233. </div>
  234. </a>
  235. <a href="{:U('User/czcoin')}">
  236. <div style="width:50px;height:60px;float:left;">
  237. <div style="width:100%;height:30px;line-height:40px;text-align:center;">
  238. <i class="bi bi-cursor-fill" style="font-size:18px;"></i>
  239. </div>
  240. <div style="width:100%;height:30px;line-height:25px;text-align:center;">
  241. <span style="color:#707A8A;">{:L('充币')}</span>
  242. </div>
  243. </div>
  244. </a>
  245. </div>
  246. <div style="width:60%;height:60px;float:right;padding:12px 0px;">
  247. <div class="btnbox_l" style="height:36px;line-height:36px;border-radius:5px;" onclick="show_dongbox(1)">
  248. <span class="fzmm fch" style="color:#fff;">{:L('买涨')}</span>
  249. </div>
  250. <div class="btnbox_r" style="height:36px;line-height:36px;border-radius:5px;" onclick="show_dongbox(2)">
  251. <span class="fzmm fch" style="color:#fff;">{:L('买跌')}</span>
  252. </div>
  253. </div>
  254. </div>
  255. <div style="width:100%;height:80px;"></div>
  256. </div>
  257. </div>
  258. <div class="dongbox" id="dongbox" style="display:none;">
  259. <div class="dong_order_c" id="timer_box" style="display:none;height:340px;margin-top:140px;">
  260. <div style="width:100%;height:10px;"></div>
  261. <div class="dong_order_title">
  262. <span class="fch" style="font-size:18px;font-weight:bold;" id="timer_coinname">BTC/USDT</span>
  263. </div>
  264. <div style="width:100%;height:270px;display:none" id="wait_box">
  265. <div style="width:100%;height:220px;line-height:220px;text-align:center;" id="wait_box_info">
  266. <span style="font-size:16px;font-weight:bold;">{:L('正在结算中')}...</span>
  267. </div>
  268. <div onclick="show_confirm_empty(1)" style="width: 100%;height: 45px;line-height: 45px;text-align: center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius: 10px;cursor: pointer;">
  269. <span style="color:#fff;">{:L('返回')}</span>
  270. </div>
  271. </div>
  272. <div style="width:100%;" id="timer_info_box">
  273. <div class="circle_wrapper">
  274. <div class="right_circle">
  275. <img class="img_circle_right" id="timer_circle_right" style="-webkit-animation: run 300s linear;" src="/Public/Static/img/right_circle1.png">
  276. </div>
  277. <div class="left_circle">
  278. <img class="img_circle_lift" id="timer_circle_left" style="-webkit-animation: runaway 300s linear;" src="/Public/Static/img/left_circle1.png">
  279. </div>
  280. </div>
  281. <div class="row remaining count_remaining">
  282. <div class="col">
  283. <div class="ng-binding pay_order_sen" id="timer_t">68</div>
  284. <div>{:L('现价')}</div>
  285. <div class="ng-binding newprice" id="timer_newprice">43128.277</div>
  286. </div>
  287. </div>
  288. <div style="width:100%;height:150px;border-top:1px solid #f5f5f5;">
  289. <div style="width:100%;height:80px;">
  290. <div style="width:33.33%;height:80px;float:left;">
  291. <div style="width:100%;height:40px;line-height:50px;text-align:center;">{:L('类型')}</div>
  292. <div id="timer_type" style="width:100%;height:40px;line-height:30px;text-align:center;"><span>{:L('买涨')}</span></div>
  293. </div>
  294. <div style="width:33.33%;height:80px;float:left;">
  295. <div style="width:100%;height:40px;line-height:50px;text-align:center;">{:L('金额')}</div>
  296. <div id="timer_buynum" style="width:100%;height:40px;line-height:30px;text-align:center;font-weight:bold;">1000.00</div>
  297. </div>
  298. <div style="width:33.33%;height:80px;float:left;">
  299. <div style="width:100%;height:40px;line-height:50px;text-align:center;">{:L('建仓')}</div>
  300. <div id="timer_buyprice" style="width:100%;height:40px;line-height:30px;text-align:center;font-weight:bold;">43128.277</div>
  301. </div>
  302. </div>
  303. <input type="hidden" id="timer_order_type" value="1" />
  304. <div onclick="show_confirm()" style="width: 100%;height: 45px;line-height: 45px;text-align: center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius: 10px;cursor: pointer;">
  305. <span style="color:#fff;">{:L('返回')}</span>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. <!-------------------确认购买订单弹窗开始--------------------->
  311. <div class="dong_order_c" id="confirm_box" style="display:block;">
  312. <div class="dong_order_x" id="x_dongbox">
  313. <i class="bi bi-x" style="font-size:18px;" ></i>
  314. </div>
  315. <div class="dong_order_title">
  316. <span class="fch" style="font-size:16px;font-weight:500;">{:L('确认订单')}</span>
  317. </div>
  318. <p class="dong_order_p fcc">{:L('订单类型')}</p>
  319. <div class="dong_order_option">
  320. <div style="width:1000px;height:80px;">
  321. <foreach name="cd" item="vo">
  322. <div class="dong_order_option_list" id="time_{$vo.sort}" onclick="xztime({$vo.sort},{$vo.time},{$vo.ykbl});">
  323. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  324. <span class="fcc fzm">{:L('到期时间')}</span>
  325. </div>
  326. <div style="width:100%;height:20px;line-height:20px;text-align:center;margin-top:5px;">
  327. <span class="fcy fzmmm">{$vo.time}{:L('分钟')}</span>
  328. </div>
  329. <div style="width:100%;height:20px;line-height:20px;text-align:center;margin-top:5px;">
  330. <span class="fcc fzm" style="color:#f5465c;">{:L('收益率')}{$vo.ykbl}%</span>
  331. </div>
  332. </div>
  333. </foreach>
  334. </div>
  335. </div>
  336. <p class="dong_order_p fcc">{:L('选择投资金额')}</p>
  337. <div class="dong_money_list">
  338. <div class="dong_money_list_box" style="width:100%;">
  339. <div class="dong_money_list_box_l">
  340. <foreach name="ed" item="v">
  341. <div class="dong_money_list_box_option moveclass" id="tzed_{$v.sort}" onclick="xztzed({$v.sort},{$v.tzed});">
  342. <span class="fzm fcc">{$v.tzed} USDT</span>
  343. </div>
  344. </foreach>
  345. </div>
  346. </div>
  347. </div>
  348. <p class="dong_order_p fcc">{:L('自定义金额')}</p>
  349. <div class="dong_money_list">
  350. <div style="width:100%;height:40px;text-align:center;" id="custommoney">
  351. <input type="text" id="tzmoney" onblur="settzmoney();" value="" placeholder="{:L('请输入金额')}" style="width:98%;margin:auto;height:35px;line-height:35px;background:#f5f5f5;padding-left:15px;border:none;margin-top:2px;" />
  352. </div>
  353. </div>
  354. <p class="dong_order_p fcc">{:L('账户余额')}:{$eusdt_blan} USDT</p>
  355. <p class="dong_order_p fcc">{:L('体验金')}:{$tj_money} USDT</p>
  356. <div style="width:100%;height:50px;margin-top:10px;border-top:1px solid #f5f5f5;padding-top:10px;">
  357. <div style="width:25%;height:50px;float:left;">
  358. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  359. <span class="fcc fzmm">{:L('交易对')}</span>
  360. </div>
  361. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  362. <span class="fcc fzmm">{$upmarket}</span>
  363. </div>
  364. </div>
  365. <div style="width:20%;height:50px;float:left;">
  366. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  367. <span class="fcc fzmm">{:L('方向')}</span>
  368. </div>
  369. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  370. <span class="fcc fzmm" id="fxtext">{:L('买涨')}</span>
  371. </div>
  372. </div>
  373. <div style="width:30%;height:50px;float:left;">
  374. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  375. <span class="fcc fzmm">{:L('现价')}</span>
  376. </div>
  377. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  378. <span class="fcc fzmm" style="color:#f5465c;" id="ordernewprice">--</span>
  379. </div>
  380. </div>
  381. <div style="width:25%;height:50px;float:left;">
  382. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  383. <span class="fcc fzmm">{:L('金额')}</span>
  384. </div>
  385. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  386. <span class="fcc fzmm"><span id="ttzed">10</span> USDT</span>
  387. </div>
  388. </div>
  389. </div>
  390. <input type="hidden" id="ctime" value="" />
  391. <input type="hidden" id="ctzed" value="" />
  392. <input type="hidden" id="ccoinname" value="{$upmarket}" />
  393. <input type="hidden" id="ctzfx" value="1" />
  394. <input type="hidden" id="cykbl" value="" />
  395. <input type="hidden" id="hymin" value="{$hymin}" />
  396. <input type="hidden" id="flag" value="1" />
  397. <if condition="$uid elt 0">
  398. <div style="width:100%;height:40px;line-height:40px;text-align:center;margin-top:30px;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;">
  399. <span class="fch fzmm">{:L('请先登陆')}</span>
  400. </div>
  401. <else />
  402. <div id="subbtn" style="width:45%;height:40px;line-height:40px;text-align:center;margin-top:30px;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;float:left;">
  403. <span class="fch fzmm">{:L('确认下单')}</span>
  404. </div>
  405. <div id="tyj_subbtn" style="width:45%;height:40px;line-height:40px;text-align:center;margin-top:30px;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;float:right;">
  406. <span class="fch fzmm">{:L('体验金下单')}</span>
  407. </div>
  408. </if>
  409. </div>
  410. <!-------------------确认购买订单弹窗结束--------------------->
  411. </div>
  412. <!---------交易选择弹窗---------->
  413. <div class="dongbox" id="showdong">
  414. <div class="dong_con">
  415. <div style="width:100%;position:relative;z-index:9999999;top:0px;">
  416. <div class="dong_title">
  417. <span class="dong_title_span">{:L('快速合约')}</span>
  418. </div>
  419. <div class="dong_sel_box">
  420. <span class="fcc dong_sel_span">{:L('全部')}</span>
  421. </div>
  422. </div>
  423. <div class="symbol_list" id="smybolbox">
  424. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  425. <span class="fzmm fcc">{:L('没有获取数据')}</span>
  426. </div>
  427. </div>
  428. </div>
  429. <div style="width:20%;height:100vh;float:left;" id="hidedong"></div>
  430. </div>
  431. <!--底部-->
  432. <!--<div class="footer">-->
  433. <!-- <a href="{:U('Index/index')}">-->
  434. <!-- <div class="footer_op">-->
  435. <!-- <div class="f_op_t">-->
  436. <!-- <span class="iconfont icon-shouye" style="font-size:22px;"></span>-->
  437. <!-- </div>-->
  438. <!-- <div class="f_op_b">-->
  439. <!-- <span class="fzm fcc">{:L('首页')}</span> -->
  440. <!-- </div>-->
  441. <!-- </div>-->
  442. <!-- </a>-->
  443. <!-- <a href="{:U('Trade/index')}">-->
  444. <!-- <div class="footer_op">-->
  445. <!-- <div class="f_op_t" style="line-height:35px;">-->
  446. <!-- <span class="iconfont icon-fukuan" style="font-size:22px;"></span>-->
  447. <!-- </div>-->
  448. <!-- <div class="f_op_b">-->
  449. <!-- <span class="fzm fcc">{:L('交易')}</span> -->
  450. <!-- </div>-->
  451. <!-- </div>-->
  452. <!-- </a>-->
  453. <!-- <a href="{:U('Orepool/index')}">-->
  454. <!-- <div class="footer_op">-->
  455. <!-- <div class="f_op_t" style="line-height:35px;">-->
  456. <!-- <span class="iconfont icon-ziyuan14" style="font-size:22px;"></span>-->
  457. <!-- </div>-->
  458. <!-- <div class="f_op_b">-->
  459. <!-- <span class="fzm fcc">{:L('矿机')}</span> -->
  460. <!-- </div>-->
  461. <!-- </div>-->
  462. <!-- </a>-->
  463. <!-- <a href="{:U('Levertade/index')}">-->
  464. <!-- <div class="footer_op">-->
  465. <!-- <div class="f_op_t" style="line-height:35px;">-->
  466. <!-- <svg class="icon fticon" aria-hidden="true"><use xlink:href="#icon-xuanxiang"></use></svg>-->
  467. <!-- </div>-->
  468. <!-- <div class="f_op_b">-->
  469. <!-- <span class="fzm fcy">{:L('合约')}</span> -->
  470. <!-- </div>-->
  471. <!-- </div>-->
  472. <!-- </a>-->
  473. <!-- <a href="{:U('User/index')}">-->
  474. <!-- <div class="footer_op">-->
  475. <!-- <div class="f_op_t" style="line-height:35px;">-->
  476. <!-- <span class="iconfont icon-ziyuan24" style="font-size:22px;"></span>-->
  477. <!-- </div>-->
  478. <!-- <div class="f_op_b">-->
  479. <!-- <span class="fzm fcc">{:L('资产')}</span> -->
  480. <!-- </div>-->
  481. <!-- </div>-->
  482. <!-- </a>-->
  483. <!--</div>-->
  484. <div class="dongbox" id="gotaxbox" style="display:none;">
  485. <div style="width:300px;height:260px;background:#fff;margin:50% auto;border-radius:10px;padding:15px;">
  486. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  487. <i class="bi bi-exclamation-circle" style="font-size:56px;font-weight:bold;color:#f5465c;"></i>
  488. </div>
  489. <div style="width:100%;height:60px;text-align:center;color:#000;font-size:14px;">
  490. {:L('请先缴纳税金')}
  491. </div>
  492. <div style="width:100%;height:60px;">
  493. <a href="{:U('User/cztax')}">
  494. <div 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>
  495. <div onclick="hidetaxbox()" 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>
  496. </div>
  497. </div>
  498. </div>
  499. </body>
  500. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  501. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  502. <script type="text/javascript">
  503. function hidetaxbox(){
  504. $("#gotaxbox").hide();
  505. }
  506. function settzmoney(){
  507. var hymin = parseFloat($("#hymin").val());
  508. var tzmoney = parseFloat($("#tzmoney").val());
  509. if(tzmoney < hymin){
  510. layer.msg("{:L('不能小于最低投资额度')}");return false;
  511. }
  512. $("#ctzed").val(tzmoney);
  513. $("#ttzed").html(tzmoney);
  514. }
  515. </script>
  516. <script type="text/javascript">
  517. $("#custommoney").click(function(){
  518. $(".moveclass").removeClass("option_list_active");
  519. $("#custommoney").addClass("option_list_active");
  520. });
  521. </script>
  522. <script type="text/javascript">
  523. $("#tyj_subbtn").click(function(){
  524. // var flag = $("#flag").val();
  525. // if(flag == 2){
  526. // return false;
  527. // }
  528. var ctime = $("#ctime").val();
  529. var ctzed = $("#ctzed").val();
  530. var ccoinname = $("#ccoinname").val();
  531. var ctzfx = $("#ctzfx").val();
  532. var cykbl = $("#cykbl").val();
  533. if(ctime <= 0 || ctime ==''){
  534. layer.msg("{:L('请选择结算时间')}");return false;
  535. }
  536. if(ctzed <= 0 || ctzed==''){
  537. layer.msg("{:L('请选择或输入投入金额')}");return false;
  538. }
  539. if(ccoinname == '' || ccoinname == null){
  540. layer.msg("{:L('缺少重要参数')}");return false;
  541. }
  542. if(ctzfx <= 0 || ctzfx ==''){
  543. layer.msg("{:L('缺少重要参数')}");return false;
  544. }
  545. if(cykbl <= 0 || cykbl ==''){
  546. layer.msg("{:L('缺少重要参数')}");return false;
  547. }
  548. // $("#flag").val(2);
  549. $.post("{:U('Contract/ty_creatorder')}",
  550. {'ctime':ctime,'ctzed':ctzed,'ccoinname':ccoinname,'ctzfx':ctzfx,'cykbl':cykbl},
  551. function(data){
  552. if(data.code == 1){
  553. $('#timer_circle_right').attr('style','-webkit-animation: run '+ data.time +'s linear;')
  554. $('#timer_circle_left').attr('style','-webkit-animation: runaway '+ data.time +'s linear;')
  555. $("#timer_t").text(data.time);
  556. $("#timer_newprice").text(data.timer_newprice);
  557. $("#timer_type").html(data.timer_type);
  558. $("#timer_buynum").html(data.timer_buynum);
  559. $("#timer_order_type").html(data.hyzd);
  560. $("#timer_buyprice").html(data.buyprice);
  561. $("#confirm_box").hide();
  562. $("#timer_box").show();
  563. gettimer_time(data.id);
  564. setInterval('gettimer_time()',1000);
  565. }else{
  566. layer.msg(data.msg);return false;
  567. }
  568. });
  569. });
  570. function gettimer_time(id){
  571. var oid = id;
  572. $.post("{:U('Contract/get_tyhyorder_one')}",{'oid':oid},function(data){
  573. if(data.code == 1){
  574. $("#timer_t").text(data.time);
  575. $("#timer_newprice").text(data.timer_newprice);
  576. $("#timer_info_box").show();
  577. $("#wait_box").hide();
  578. }else if(data.code == 2){
  579. $("#wait_box_info").html(data.statusstr)
  580. $("#wait_box").show();
  581. $("#timer_info_box").hide();
  582. }else{
  583. $("#wait_box").show();
  584. $("#timer_info_box").hide();
  585. }
  586. });
  587. }
  588. </script>
  589. <script type="text/javascript">
  590. $("#subbtn").click(function(){
  591. // var flag = $("#flag").val();
  592. // if(flag == 2){
  593. // return false;
  594. // }
  595. var ctime = $("#ctime").val();
  596. var ctzed = $("#ctzed").val();
  597. var ccoinname = $("#ccoinname").val();
  598. var ctzfx = $("#ctzfx").val();
  599. var cykbl = $("#cykbl").val();
  600. if(ctime <= 0 || ctime ==''){
  601. layer.msg("{:L('请选择结算时间')}");return false;
  602. }
  603. if(ctzed <= 0 || ctzed==''){
  604. layer.msg("{:L('请选择或输入投入金额')}");return false;
  605. }
  606. if(ccoinname == '' || ccoinname == null){
  607. layer.msg("{:L('缺少重要参数')}");return false;
  608. }
  609. if(ctzfx <= 0 || ctzfx ==''){
  610. layer.msg("{:L('缺少重要参数')}");return false;
  611. }
  612. if(cykbl <= 0 || cykbl ==''){
  613. layer.msg("{:L('缺少重要参数')}");return false;
  614. }
  615. // $("#flag").val(2);
  616. $.post("{:U('Contract/creatorder')}",
  617. {'ctime':ctime,'ctzed':ctzed,'ccoinname':ccoinname,'ctzfx':ctzfx,'cykbl':cykbl},
  618. function(data){
  619. if(data.code == 1){
  620. $('#timer_circle_right').attr('style','-webkit-animation: run '+ data.time +'s linear;')
  621. $('#timer_circle_left').attr('style','-webkit-animation: runaway '+ data.time +'s linear;')
  622. $("#timer_t").text(data.time);
  623. $("#timer_newprice").text(data.timer_newprice);
  624. $("#timer_type").html(data.timer_type);
  625. $("#timer_buynum").html(data.timer_buynum);
  626. $("#timer_order_type").html(data.hyzd);
  627. $("#timer_buyprice").html(data.buyprice);
  628. $("#confirm_box").hide();
  629. $("#timer_box").show();
  630. gettimer_hytime(data.id);
  631. setInterval("gettimer_hytime()",1000);
  632. }else if(data.code == 3){
  633. $("#gotaxbox").show();
  634. }else{
  635. layer.msg(data.msg);return false;
  636. }
  637. });
  638. });
  639. function gettimer_hytime(id = null){
  640. var oid = id;
  641. $.post("{:U('Contract/get_hyorder_one')}",{'oid':oid},function(data){
  642. if(data.code == 1){
  643. $("#timer_t").text(data.time);
  644. $("#timer_newprice").text(data.timer_newprice);
  645. $("#timer_info_box").show();
  646. $("#wait_box").hide();
  647. }else if(data.code == 2){
  648. $("#wait_box_info").html(data.statusstr)
  649. $("#wait_box").show();
  650. $("#timer_info_box").hide();
  651. }else{
  652. $("#wait_box").show();
  653. $("#timer_info_box").hide();
  654. }
  655. });
  656. }
  657. </script>
  658. <script type="text/javascript">
  659. function xztime(sort,time,ykbl){
  660. var sort = sort;
  661. var time = time;
  662. var ykbl = ykbl;
  663. var idtxt = "#time_"+sort;
  664. $("#ctime").val(time);
  665. $("#cykbl").val(ykbl);
  666. $(idtxt).addClass("option_list_active");
  667. $(idtxt).siblings().removeClass("option_list_active");
  668. }
  669. function xztzed(sort,tzed){
  670. var sort = sort;
  671. var tzed = tzed;
  672. var idtxt = "#tzed_"+sort;
  673. $("#ctzed").val(tzed);
  674. $("#ttzed").html(tzed);
  675. $("#tzmoney").val(tzed)
  676. $(idtxt).addClass("option_list_active");
  677. $(idtxt).siblings().removeClass("option_list_active");
  678. $("#custommoney").removeClass("option_list_active");
  679. }
  680. </script>
  681. <script type="text/javascript">
  682. function getcoin_data(){
  683. var coinname = $("#coinname").val();
  684. $.post("{:U('Ajaxtrade/getcoin_data')}",
  685. {'coinname':coinname},
  686. function(data){
  687. if(data.code == 1){
  688. $("#newpricebox").html(data.close);
  689. $("#ordernewprice").html(data.close);
  690. $("#changebox").html(data.change);
  691. $("#minmoney").html(data.low);
  692. $("#maxmoney").html(data.high);
  693. $("#allvol").html(data.amount);
  694. }
  695. });
  696. }
  697. </script>
  698. <script type="text/javascript">
  699. $(function(){
  700. getcoin_data();
  701. setInterval("getcoin_data()",2000);
  702. //
  703. });
  704. </script>
  705. <script type="text/javascript">
  706. function getallsmybol(){
  707. $.post("{:U('Ajaxtrade/getallcoin')}",
  708. function(data){
  709. if(data.code == 1){
  710. $("#smybolbox").empty();
  711. var html = '';
  712. if(data.data == '' || data.data == null){
  713. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  714. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  715. '</div>';
  716. $("#smybolbox").append(html);
  717. }else{
  718. $.each(data.data,function(key,val){
  719. html += '<a href="/Contract/index.html?coin='+ val.symbol +'">'+
  720. '<div class="sy_list_box">'+
  721. '<div class="sy_list_boxl">'+
  722. '<span class="fzmm fcc">'+ val.cname +'</span>'+
  723. '</div>'+
  724. '<div class="sy_list_boxl" style="text-align:center;">' + val.open + '</div>'+
  725. '<div class="sy_list_boxr">' + val.change +'</div>'+
  726. '</div>'+
  727. '</a>';
  728. });
  729. $("#smybolbox").append(html);
  730. }
  731. }else{
  732. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  733. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  734. '</div>';
  735. $("#smybolbox").append(html);
  736. }
  737. });
  738. }
  739. </script>
  740. <script type="text/javascript">
  741. function show_confirm(){
  742. var num = $("#timer_type").val;
  743. show_dongbox(num);
  744. };
  745. function show_confirm_empty(num){
  746. var num = num
  747. show_dongbox(num);
  748. }
  749. function show_dongbox(num){
  750. var n = num;
  751. if(n == 1){
  752. $("#ctzfx").val(n);
  753. $("#fxtext").text("{:L('买涨')}");
  754. $("#fxtext").css('color','#0ecb81');
  755. }else if(n == 2){
  756. $("#ctzfx").val(n);
  757. $("#fxtext").text("{:L('买跌')}");
  758. $("#fxtext").css('color','#f5465c');
  759. }
  760. $("#timer_box").hide();
  761. $("#confirm_box").show();
  762. $("#dongbox").show();
  763. }
  764. $("#x_dongbox").click(function(){
  765. $("#timer_box").hide();
  766. $("#confirm_box").hide();
  767. $("#dongbox").hide();
  768. });
  769. </script>
  770. <script type="text/javascript">
  771. $("#hidedong").click(function(){
  772. $("#showdong").fadeOut("slow");
  773. });
  774. $("#centerbox").click(function(){
  775. getallsmybol();
  776. $("#showdong").fadeIn("slow");
  777. });
  778. </script>
  779. <script type="text/javascript">
  780. function goback(){
  781. window.history.go(-1);
  782. }
  783. </script>
  784. </html>