index.html 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  8. <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
  9. <title>{$webname}</title>
  10. <style>
  11. .css-1wr4jig {
  12. box-sizing: border-box;
  13. margin: 0;
  14. min-width: 0;
  15. display: -webkit-box;
  16. display: -webkit-flex;
  17. display: -ms-flexbox;
  18. display: flex;
  19. -webkit-flex-direction: column;
  20. -ms-flex-direction: column;
  21. flex-direction: column;
  22. -webkit-flex: 1;
  23. -ms-flex: 1;
  24. flex: 1;
  25. }
  26. .css-wp2li4 {
  27. box-sizing: border-box;
  28. margin: 0;
  29. min-width: 0;
  30. display: -webkit-box;
  31. display: -webkit-flex;
  32. display: -ms-flexbox;
  33. display: flex;
  34. overflow-x: hidden;
  35. -webkit-flex-direction: column;
  36. -ms-flex-direction: column;
  37. flex-direction: column;
  38. }
  39. .css-19zx9ks {
  40. box-sizing: border-box;
  41. margin: 0;
  42. min-width: 0;
  43. display: -webkit-box;
  44. display: -webkit-flex;
  45. display: -ms-flexbox;
  46. display: flex;
  47. -webkit-align-items: center;
  48. -webkit-box-align: center;
  49. -ms-flex-align: center;
  50. align-items: center;
  51. height: 48px;
  52. font-size: 12px;
  53. color: #474D57;
  54. display: -webkit-box;
  55. display: -webkit-flex;
  56. display: -ms-flexbox;
  57. display: flex;
  58. min-height: 48px;
  59. height: -webkit-fit-content;
  60. height: -moz-fit-content;
  61. height: fit-content;
  62. -webkit-flex-wrap: wrap;
  63. -ms-flex-wrap: wrap;
  64. flex-wrap: wrap;
  65. z-index: 99;
  66. padding-top: 16px;
  67. padding-bottom: 10px;
  68. padding-left: 17%;
  69. padding-right: 17%;
  70. line-height: 1.25;
  71. box-shadow: 0px 2px 4px rgb(0 0 0 / 4%);
  72. }
  73. .css-o4bcl2 {
  74. box-sizing: border-box;
  75. margin: 0;
  76. min-width: 0;
  77. color: #F0B90B;
  78. -webkit-text-decoration: none;
  79. text-decoration: none;
  80. color: #707A8A;
  81. }
  82. .css-19zx9ks a {
  83. -webkit-flex-wrap: nowrap;
  84. -ms-flex-wrap: nowrap;
  85. flex-wrap: nowrap;
  86. -webkit-flex-shrink: 0;
  87. -ms-flex-negative: 0;
  88. flex-shrink: 0;
  89. margin-bottom: 6px;
  90. }
  91. .css-19zx9ks a:hover {
  92. color: #C99400;
  93. -webkit-text-decoration: underline;
  94. text-decoration: underline;
  95. }
  96. .css-wl17qh {
  97. box-sizing: border-box;
  98. margin: 100%px;
  99. min-width: 0px;
  100. display: flex;
  101. height: fit-content;
  102. min-height: 349px;
  103. }
  104. .css-1s5qj1n {
  105. box-sizing: border-box;
  106. margin: 0;
  107. min-width: 0;
  108. position: relative;
  109. margin-bottom: 32px;
  110. padding-top: 40px;
  111. padding-right: 24px;
  112. padding-left: 17%;
  113. width: 69%;
  114. }
  115. .css-101kg5g {
  116. box-sizing: border-box;
  117. margin: 0;
  118. min-width: 0;
  119. font-size: 40px;
  120. color: #1E2329;
  121. font-weight: 700;
  122. }
  123. .css-vurnku {
  124. box-sizing: border-box;
  125. margin: 0;
  126. min-width: 0;
  127. }
  128. .css-wmvdm0 {
  129. box-sizing: border-box;
  130. margin: 0;
  131. min-width: 0;
  132. display: -webkit-box;
  133. display: -webkit-flex;
  134. display: -ms-flexbox;
  135. display: flex;
  136. -webkit-align-items: center;
  137. -webkit-box-align: center;
  138. -ms-flex-align: center;
  139. align-items: center;
  140. margin-top: 44px;
  141. margin-bottom: 11px;
  142. }
  143. .css-ktxhrn {
  144. box-sizing: border-box;
  145. margin: 0;
  146. min-width: 0;
  147. margin-bottom: 32px;
  148. }
  149. .css-qinc3w {
  150. box-sizing: border-box;
  151. margin: 0;
  152. min-width: 0;
  153. color: #F0B90B;
  154. display: block;
  155. margin-bottom: 16px;
  156. width: -webkit-fit-content;
  157. width: -moz-fit-content;
  158. width: fit-content;
  159. max-width: 100%;
  160. overflow: hidden;
  161. text-overflow: ellipsis;
  162. white-space: nowrap;
  163. color: #474D57;
  164. font-size: 14px;
  165. -webkit-text-decoration: none;
  166. text-decoration: none;
  167. }
  168. .css-6f91y1 {
  169. box-sizing: border-box;
  170. margin: 0;
  171. min-width: 0;
  172. margin-left: 48px;
  173. }
  174. .css-qinc3w:hover {
  175. color: #C99400;
  176. -webkit-text-decoration: underline;
  177. text-decoration: underline;
  178. }
  179. .css-ogtd7z {
  180. box-sizing: border-box;
  181. margin: 0;
  182. min-width: 0;
  183. display: -webkit-box;
  184. display: -webkit-flex;
  185. display: -ms-flexbox;
  186. display: flex;
  187. -webkit-transition: all 1s;
  188. transition: all 1s;
  189. -webkit-box-pack: center;
  190. -webkit-justify-content: center;
  191. -ms-flex-pack: center;
  192. justify-content: center;
  193. background-color: #FEF1F2;
  194. }
  195. .css-jrzkh7 {
  196. box-sizing: border-box;
  197. margin: 0;
  198. min-width: 0;
  199. background-color: #181A20;
  200. }
  201. .css-1aac2e {
  202. box-sizing: border-box;
  203. margin: 0;
  204. min-width: 0;
  205. margin-left: auto;
  206. margin-right: auto;
  207. padding-left: 24px;
  208. padding-right: 24px;
  209. max-width: 1248px;
  210. background-color: #FEF1F2;
  211. }
  212. .css-pnjgxq {
  213. box-sizing: border-box;
  214. margin: 0;
  215. min-width: 0;
  216. display: -webkit-box;
  217. display: -webkit-flex;
  218. display: -ms-flexbox;
  219. display: flex;
  220. -webkit-flex-direction: column;
  221. -ms-flex-direction: column;
  222. flex-direction: column;
  223. -webkit-align-items: center;
  224. -webkit-box-align: center;
  225. -ms-flex-align: center;
  226. align-items: center;
  227. height: 219px;
  228. background-color: #181A20;
  229. }
  230. .css-163lzuo {
  231. box-sizing: border-box;
  232. margin: 0;
  233. min-width: 0;
  234. margin-top: 24px;
  235. margin-bottom: 24px;
  236. font-weight: 700;
  237. font-size: 36px;
  238. color: #EAECEF;
  239. }
  240. .css-8pdsjp {
  241. box-sizing: border-box;
  242. margin: 0;
  243. min-width: 0;
  244. display: -webkit-inline-box;
  245. display: -webkit-inline-flex;
  246. display: -ms-inline-flexbox;
  247. display: inline-flex;
  248. position: relative;
  249. height: 32px;
  250. margin-top: 4px;
  251. margin-bottom: 0px;
  252. -webkit-align-items: center;
  253. -webkit-box-align: center;
  254. -ms-flex-align: center;
  255. align-items: center;
  256. line-height: 1.6;
  257. border: 1px solid transparent;
  258. border-color: #EAECEF;
  259. border-radius: 4px;
  260. margin-top: 0;
  261. margin-bottom: 0;
  262. width: 327px;
  263. height: 32px;
  264. padding-left: 11px;
  265. padding-right: 6px;
  266. border-radius: 4px;
  267. background-color: #2B3139;
  268. border: none;
  269. }
  270. .css-8pdsjp {
  271. width: 610px;
  272. height: 48px;
  273. padding-left: 16px;
  274. padding-right: 12.5px;
  275. }
  276. .css-16fg16t {
  277. box-sizing: border-box;
  278. margin: 0;
  279. min-width: 0;
  280. width: 100%;
  281. height: 100%;
  282. padding: 0;
  283. outline: none;
  284. border: none;
  285. background-color: inherit;
  286. opacity: 1;
  287. }
  288. .css-8pdsjp input {
  289. color: #1E2329;
  290. font-size: 14px;
  291. padding-left: 8px;
  292. padding-right: 8px;
  293. }
  294. .css-8pdsjp input {
  295. padding-left: 0;
  296. font-size: 12px;
  297. color: #EAECEF;
  298. border-radius: 10px;
  299. }
  300. .css-8pdsjp .bn-input-suffix {
  301. -webkit-flex-shrink: 0;
  302. -ms-flex-negative: 0;
  303. flex-shrink: 0;
  304. margin-left: 4px;
  305. margin-right: 4px;
  306. font-size: 14px;
  307. }
  308. .css-1qppfsi {
  309. box-sizing: border-box;
  310. margin: 0;
  311. min-width: 0;
  312. color: #EAECEF;
  313. width: 24px;
  314. height: 24px;
  315. font-size: 24px;
  316. fill: #1E2329;
  317. fill: #EAECEF;
  318. width: 1em;
  319. height: 1em;
  320. vertical-align: bottom;
  321. }
  322. ::-webkit-input-placeholder { /* WebKit browsers */
  323. color: #474d57;
  324. font-size: 14px;
  325. }
  326. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  327. color: #474d57;
  328. font-size: 14px;
  329. }
  330. input:focus{background:#2B3139;outline: 1px solid #2B3139;}
  331. .klinebox{width:100%;height:550px;margin-top:55px;}
  332. .klinetitle{width:100%;height:80px;background:#fff;padding:0px 20px;}
  333. .klinetitle_l{width:45%;height:80px;float:left;}
  334. .klinetitle_r{width:55%;height:80px;float:left;}
  335. .newpricebox{height:40px;line-height:60px;margin-bottom:0px;color:#2ebd85;font-size:22px;font-weight:bold;}
  336. .changebox{height:40px;line-height:40px;margin-bottom:0px;color:#2ebd85;font-weight:bold;}
  337. .klr3_box{width:100%;height:30px;}
  338. .klr2_box{width:100%;height:25px;}
  339. .klr3_box_dl{width:45%;height:30px;line-height:40px;float:left;text-align:left;}
  340. .klr3_box_dr{width:55%;height:30px;line-height:40px;float:right;text-align:right;}
  341. .klr2_box_dl{width:45%;height:25px;line-height:25px;float:left;text-align:left;}
  342. .klr2_box_dr{width:55%;height:25px;line-height:25px;float:right;text-align:right;}
  343. .dongbox{position:fixed;z-index:9999;display:none;top:0px;width:100%;height:100vh;background:rgba(0,0,0,0.2);}
  344. .dong_con{width:30%;height:86vh;background:#fff;margin-top:80px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:20px 15px 10px 20px;float:left;}
  345. .dong_title{width:100%;height:40px;line-height:40px;}
  346. .dong_title_span{font-size:18px;font-weight:500;}
  347. .dong_find_box{width:100%;height:30px;background:#f5f5f5;border-radius:10px;}
  348. .dong_find_box_img{width:20%;height:30px;line-height:30px;float:left;text-align:center;}
  349. .dong_input_box{width:80%;height:30px;float:left;}
  350. .dong_symbox{width:90%;height:20px;border:none;background:#f5f5f5;margin-top:5px;}
  351. .dong_sel_box{width:100%;height:30px;border-bottom:1px solid #f5f5f5;}
  352. .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;}
  353. .symbol_list{width:100%;height:450px;overflow-y: scroll;margin-top:10px;}
  354. .sy_list_box{width:100%;height:30px;}
  355. .sy_list_boxl{width:35%;height:30px;line-height:30px;float:left;text-align:left;}
  356. .sy_list_boxr{width:30%;height:30px;line-height:30px;float:right;text-align:right;}
  357. .btnbox{width:100%;height:60px;padding:10px 20px;}
  358. .btnbox_l{width:45%;height:40px;line-height:40px;float:left;text-align:center;border-radius:10px;background:#0ecb81;}
  359. .btnbox_r{width:45%;height:40px;line-height:40px;float:right;text-align:center;border-radius:10px;background:#f5465c;}
  360. .dong_order_c{width:100%;height:550px;background:#fff;margin:0;padding:0px 10px;}
  361. .dong_order_x{width:100%;height:20px;line-height:20px;text-align:right;}
  362. .dong_order_title{width:100%;height:30px;line-height:20px;text-align:center;border-bottom: 1px solid #f5f5f5;}
  363. .dong_order_option{width:100%;height:110px;;overflow: hidden;overflow-x: scroll;margin-top:5px;}
  364. .dong_order_option_list{width:100px;height:80px;background:#f5f5f5;float:left;margin-right:10px;border-radius:10px;padding:5px;cursor: pointer;}
  365. .option_list_active{border:1px solid #FCD535;}
  366. .dong_order_p{width:100%;margin-bottom: 5px;margin-top:5px;padding-left:5px;}
  367. .dong_money_list{width:100%;height:60px;}
  368. .dong_money_list_box{width:70%;height:60px;float:left;overflow: hidden;cursor: pointer;}
  369. .dong_money_list_box_l{width:1000px;height:40px;}
  370. .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;}
  371. .green{color:#0ecb81;}
  372. .red{color:#f5465c;}
  373. input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
  374. </style>
  375. </head>
  376. <body>
  377. <div class="App">
  378. <div class="css-tq0shg">
  379. <include file="Public:header"/>
  380. <div class="css-ogtd7z">
  381. <div class="css-jrzkh7">
  382. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  383. </div>
  384. </div>
  385. <main class="css-1wr4jig" style="background: #fff;">
  386. <div style="width:100%;height:80px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);">
  387. <div style="width:2%;height:80px;background:#fff;float:left;"></div>
  388. <div style="width:63%;height:80px;float:left;">
  389. <div class="klinetitle">
  390. <div class="klinetitle_l">
  391. <p class="newpricebox" id="newpricebox" style="font-size:24px;">--</p>
  392. <p class="changebox" id="changebox">--</p>
  393. </div>
  394. <div class="klinetitle_r">
  395. <div class="klr3_box">
  396. <div class="klr3_box_dl">
  397. <span class="f14 fcc">{:L('最低')}</span>
  398. </div>
  399. <div class="klr3_box_dr">
  400. <span class="f14 fch" id="minmoney">--</span>
  401. </div>
  402. </div>
  403. <div class="klr2_box">
  404. <div class="klr2_box_dl">
  405. <span class="f14 fcc">{:L('最高')}</span>
  406. </div>
  407. <div class="klr2_box_dr">
  408. <span class="f14 fch" id="maxmoney">--</span>
  409. </div>
  410. </div>
  411. <div class="klr2_box">
  412. <div class="klr2_box_dl">
  413. <span class="f14 fcc">24h{:L('量')}</span>
  414. </div>
  415. <div class="klr2_box_dr">
  416. <span class="f14 fch" id="allvol">--</span>
  417. </div>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422. <div style="width:35%;height:80px;line-height:100px;float:left;padding-left:15px;">
  423. <div style="width:100%;height:40px;line-height:50px;">
  424. <span class="f16 fw" style="color:#000;" id="symbolbox">{$upmarket}</span>
  425. <span class="fch fw" style="font-size:20px;">{:L('合约建仓')}</span>
  426. </div>
  427. <div style="width:100%;height:40px;line-height:30px;">
  428. <span class="f12" style="background:#0ecb81;padding:5px 15px;border-radius: 5px;color:#fff;margin:0px 20px;cursor:pointer;" onclick="show_dongbox(1)">{:L('买涨')}</span>
  429. <span class="f12" style="background:#f5465c;padding:5px 15px;border-radius: 5px;color:#fff;cursor:pointer;" onclick="show_dongbox(2)">{:L('买跌')}</span>
  430. <a href="{:U('Contract/contractjc')}" class="f12 fcy" style="margin-left:30px;text-decoration:none;">{:L('我的订单')}</a>
  431. </div>
  432. </div>
  433. </div>
  434. <div style="width:100%;min-height:500px;">
  435. <div style="width:100%;min-height:550px;">
  436. <div id="centerbox" style="width:2%;height:550px;line-height:550px;background:#fff;text-align:center;float:left;cursor:pointer;">
  437. <i class="bi bi-chevron-compact-right fch fw" style="font-size:24px;"></i>
  438. </div>
  439. <div style="width:63%;height:600px;float:left;">
  440. <input type="hidden" id="coinname" value="{$smybol}" />
  441. <div style="width:100%;height:600px;">
  442. <iframe id="iframeid" width="100%" scrolling="no" height="600" src="/Trade/ordinary?market={$market}" noresize="noresize" frameborder="0" >{:L('不支持IFRAME,请升级')}</iframe>
  443. </div>
  444. </div>
  445. <div style="width:35%;height:550px;background:#fff;float:left;">
  446. <div style="width:100%;height:550px;padding:0px 10px;">
  447. <div class="dong_order_c">
  448. <p class="dong_order_p fch f14">{:L('订单类型')}</p>
  449. <div class="dong_order_option">
  450. <div style="min-width:800px;height:110px;">
  451. <foreach name="cd" item="vo">
  452. <div class="dong_order_option_list" id="time_{$vo.sort}" onclick="xztime({$vo.sort},{$vo.time},{$vo.ykbl});">
  453. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  454. <span class="fcc f12">{:L('到期时间')}</span>
  455. </div>
  456. <div style="width:100%;height:20px;line-height:20px;text-align:center;margin-top:5px;">
  457. <span class="fcy f12">{$vo.time}{:L('分钟')}</span>
  458. </div>
  459. <div style="width:100%;height:20px;line-height:20px;text-align:center;margin-top:5px;">
  460. <span class="fcc f12" style="color:#f5465c;">{:L('收益率')}{$vo.ykbl}%</span>
  461. </div>
  462. </div>
  463. </foreach>
  464. </div>
  465. </div>
  466. <p class="dong_order_p f14">{:L('投资金额')}</p>
  467. <div class="dong_money_list">
  468. <div class="dong_money_list_box" style="width:100%;">
  469. <div class="dong_money_list_box_l" style="height:60px;">
  470. <foreach name="ed" item="v">
  471. <div class="dong_money_list_box_option moveclass" id="tzed_{$v.sort}" onclick="xztzed({$v.sort},{$v.tzed});">
  472. <span class="fzm f12">{$v.tzed} USDT</span>
  473. </div>
  474. </foreach>
  475. </div>
  476. </div>
  477. </div>
  478. <p class="dong_order_p fcc fch f14">{:L('自定义金额')}</p>
  479. <div class="dong_money_list">
  480. <div style="width:100%;height:40px;text-align:center;" id="custommoney">
  481. <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;" />
  482. </div>
  483. </div>
  484. <p class="dong_order_p fch" style="margin-bottom:5px;">{:L('账户余额')}:{$eusdt_blan} USDT</p>
  485. <p class="dong_order_p fch" style="margin-bottom:5px;">{:L('体验金')}:{$tj_money} USDT</p>
  486. <div style="width:100%;height:70px;margin-top:10px;border-top:1px solid #f5f5f5;padding-top:10px;">
  487. <div style="width:25%;height:50px;float:left;">
  488. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  489. <span class="fch f14">{:L('交易对')}</span>
  490. </div>
  491. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  492. <span class="fch f14">{$upmarket}</span>
  493. </div>
  494. </div>
  495. <div style="width:20%;height:50px;float:left;">
  496. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  497. <span class="fch f14">{:L('方向')}</span>
  498. </div>
  499. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  500. <span class="fgreen f14" id="fxtext">{:L('买涨')}</span>
  501. </div>
  502. </div>
  503. <div style="width:30%;height:50px;float:left;">
  504. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  505. <span class="fch f14">{:L('现价')}</span>
  506. </div>
  507. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  508. <span class="fch f14" style="color:#f5465c;" id="ordernewprice">--</span>
  509. </div>
  510. </div>
  511. <div style="width:25%;height:50px;float:left;">
  512. <div style="width:100%;height:30px;line-height:30px;text-align:center;">
  513. <span class="fch f14">{:L('金额')}</span>
  514. </div>
  515. <div style="width:100%;height:20px;line-height:20px;text-align:center;">
  516. <span class="fch f14"><span id="ttzed">10</span> USDT</span>
  517. </div>
  518. </div>
  519. </div>
  520. <input type="hidden" id="ctime" value="" />
  521. <input type="hidden" id="ctzed" value="" />
  522. <input type="hidden" id="ccoinname" value="{$upmarket}" />
  523. <input type="hidden" id="ctzfx" value="1" />
  524. <input type="hidden" id="cykbl" value="" />
  525. <input type="hidden" id="hymin" value="{$hymin}" />
  526. <input type="hidden" id="flag" value="1" />
  527. <if condition="$uid elt 0">
  528. <div style="width:100%;height:40px;line-height:40px;text-align:center;margin-top:15px;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;cursor:pointer;">
  529. <span class="fch f12">{:L('请先登陆')}</span>
  530. </div>
  531. <else />
  532. <div id="subbtn" style="width:45%;height:40px;line-height:40px;text-align:center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;margin-top:15px;cursor:pointer;float:left;">
  533. <span class="fch f12">{:L('确认下单')}</span>
  534. </div>
  535. <div id="tyj_subbtn" style="width:45%;height:40px;line-height:40px;text-align:center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;margin-top:15px;cursor:pointer;float:right;">
  536. <span class="fch f12">{:L('体验金下单')}</span>
  537. </div>
  538. </if>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. </div>
  544. </main>
  545. <include file="Public:footer"/>
  546. </div>
  547. </div>
  548. <!---------交易选择弹窗---------->
  549. <div class="dongbox" id="showdong">
  550. <div class="dong_con">
  551. <div style="width:100%;position:relative;z-index:9999999;top:0px;">
  552. <div class="dong_title">
  553. <span class="dong_title_span">{:L('快速合约')}</span>
  554. </div>
  555. <div class="dong_sel_box">
  556. <span class="fcc dong_sel_span">{:L('全部')}</span>
  557. </div>
  558. </div>
  559. <div class="symbol_list" id="smybolbox">
  560. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  561. <span class="fzmm fcc">{:L('没有获取数据')}</span>
  562. </div>
  563. </div>
  564. </div>
  565. <div style="width:70%;height:100vh;float:left;" id="hidedong"></div>
  566. </div>
  567. <div class="dongbox" id="gotaxbox" style="display:none;">
  568. <div style="width:300px;height:260px;background:#fff;margin:18% auto;border-radius:10px;padding:15px;">
  569. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  570. <i class="bi bi-exclamation-circle" style="font-size:56px;font-weight:bold;color:#f5465c;"></i>
  571. </div>
  572. <div style="width:100%;height:60px;text-align:center;color:#000;font-size:14px;">
  573. {:L('请先缴纳税金')}
  574. </div>
  575. <div style="width:100%;height:60px;">
  576. <a href="{:U('Finance/cztax')}" target="__blank">
  577. <div style="width:45%;height:36px;line-height:36px;text-align:center;float:left;font-size:14px;color:#fff;background:#0ecb81;border-radius:10px;cursor:pointer;">{:L('缴税')}</div></a>
  578. <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;cursor:pointer;">{:L('取消')}</div>
  579. </div>
  580. </div>
  581. </div>
  582. </body>
  583. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  584. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  585. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  586. <script type="text/javascript">
  587. function hidetaxbox(){
  588. $("#gotaxbox").hide();
  589. }
  590. function settzmoney(){
  591. var hymin = parseFloat($("#hymin").val());
  592. var tzmoney = parseFloat($("#tzmoney").val());
  593. if(tzmoney < hymin){
  594. layer.msg("{:L('不能小于最低投资额度')}");return false;
  595. }
  596. $("#ctzed").val(tzmoney);
  597. $("#ttzed").html(tzmoney);
  598. }
  599. </script>
  600. <script type="text/javascript">
  601. $("#custommoney").click(function(){
  602. $(".moveclass").removeClass("option_list_active");
  603. $("#custommoney").addClass("option_list_active");
  604. });
  605. </script>
  606. <script type="text/javascript">
  607. $("#tyj_subbtn").click(function(){
  608. // var flag = $("#flag").val();
  609. // if(flag == 2){
  610. // return false;
  611. // }
  612. var ctime = $("#ctime").val();
  613. var ctzed = $("#ctzed").val();
  614. var ccoinname = $("#ccoinname").val();
  615. var ctzfx = $("#ctzfx").val();
  616. var cykbl = $("#cykbl").val();
  617. if(ctime <= 0 || ctime ==''){
  618. layer.msg("{:L('请选择结算时间')}");return false;
  619. }
  620. if(ctzed <= 0 || ctzed==''){
  621. layer.msg("{:L('请选择投入金额')}");return false;
  622. }
  623. if(ccoinname == '' || ccoinname == null){
  624. layer.msg("{:L('缺少重要参数')}");return false;
  625. }
  626. if(ctzfx <= 0 || ctzfx ==''){
  627. layer.msg("{:L('缺少重要参数')}");return false;
  628. }
  629. if(cykbl <= 0 || cykbl ==''){
  630. layer.msg("{:L('缺少重要参数')}");return false;
  631. }
  632. // $("#flag").val(2);
  633. $.post("{:U('Contract/ty_creatorder')}",
  634. {'ctime':ctime,'ctzed':ctzed,'ccoinname':ccoinname,'ctzfx':ctzfx,'cykbl':cykbl},
  635. function(data){
  636. if(data.code == 1){
  637. layer.msg(data.msg);
  638. setTimeout(function(){
  639. window.location.reload();
  640. },2000);
  641. }else if(data.code == 3){
  642. $("#gotaxbox").show();
  643. }else{
  644. layer.msg(data.msg);return false;
  645. }
  646. });
  647. });
  648. $("#subbtn").click(function(){
  649. // var flag = $("#flag").val();
  650. // if(flag == 2){
  651. // return false;
  652. // }
  653. var ctime = $("#ctime").val();
  654. var ctzed = $("#ctzed").val();
  655. var ccoinname = $("#ccoinname").val();
  656. var ctzfx = $("#ctzfx").val();
  657. var cykbl = $("#cykbl").val();
  658. if(ctime <= 0 || ctime ==''){
  659. layer.msg("{:L('请选择结算时间')}");return false;
  660. }
  661. if(ctzed <= 0 || ctzed==''){
  662. layer.msg("{:L('请选择投入金额')}");return false;
  663. }
  664. if(ccoinname == '' || ccoinname == null){
  665. layer.msg("{:L('缺少重要参数')}");return false;
  666. }
  667. if(ctzfx <= 0 || ctzfx ==''){
  668. layer.msg("{:L('缺少重要参数')}");return false;
  669. }
  670. if(cykbl <= 0 || cykbl ==''){
  671. layer.msg("{:L('缺少重要参数')}");return false;
  672. }
  673. // $("#flag").val(2);
  674. $.post("{:U('Contract/creatorder')}",
  675. {'ctime':ctime,'ctzed':ctzed,'ccoinname':ccoinname,'ctzfx':ctzfx,'cykbl':cykbl},
  676. function(data){
  677. if(data.code == 1){
  678. layer.msg(data.msg);
  679. setTimeout(function(){
  680. window.location.reload();
  681. },2000);
  682. }else if(data.code == 3){
  683. $("#gotaxbox").show();
  684. }else{
  685. layer.msg(data.msg);return false;
  686. }
  687. });
  688. });
  689. </script>
  690. <script type="text/javascript">
  691. function xztime(sort,time,ykbl){
  692. var sort = sort;
  693. var time = time;
  694. var ykbl = ykbl;
  695. var idtxt = "#time_"+sort;
  696. $("#ctime").val(time);
  697. $("#cykbl").val(ykbl);
  698. $(idtxt).addClass("option_list_active");
  699. $(idtxt).siblings().removeClass("option_list_active");
  700. }
  701. function xztzed(sort,tzed){
  702. var sort = sort;
  703. var tzed = tzed;
  704. var idtxt = "#tzed_"+sort;
  705. $("#ctzed").val(tzed);
  706. $("#ttzed").html(tzed);
  707. $("#tzmoney").val(tzed);
  708. $(idtxt).addClass("option_list_active");
  709. $(idtxt).siblings().removeClass("option_list_active");
  710. $("#custommoney").removeClass("option_list_active");
  711. }
  712. </script>
  713. <script type="text/javascript">
  714. function getcoin_data(){
  715. var coinname = $("#coinname").val();
  716. $.post("{:U('Ajaxtrade/getcoin_data')}",
  717. {'coinname':coinname},
  718. function(data){
  719. if(data.code == 1){
  720. $("#newpricebox").html(data.close);
  721. $("#ordernewprice").html(data.close);
  722. $("#changebox").html(data.change);
  723. $("#minmoney").html(data.low);
  724. $("#maxmoney").html(data.high);
  725. $("#allvol").html(data.amount);
  726. }
  727. });
  728. }
  729. </script>
  730. <script type="text/javascript">
  731. $(function(){
  732. getcoin_data();
  733. setInterval("getcoin_data()",2000);
  734. });
  735. </script>
  736. <script type="text/javascript">
  737. function getallsmybol(){
  738. $.post("{:U('Ajaxtrade/getallcoin')}",
  739. function(data){
  740. if(data.code == 1){
  741. $("#smybolbox").empty();
  742. var html = '';
  743. if(data.data == '' || data.data == null){
  744. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  745. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  746. '</div>';
  747. $("#smybolbox").append(html);
  748. }else{
  749. $.each(data.data,function(key,val){
  750. html += '<a href="/Contract/index.html?coin='+ val.symbol +'">'+
  751. '<div class="sy_list_box">'+
  752. '<div class="sy_list_boxl">'+
  753. '<span class="f12 fch">'+ val.cname +'</span>'+
  754. '</div>'+
  755. '<div class="sy_list_boxl" style="text-align:center;">' + val.open + '</div>'+
  756. '<div class="sy_list_boxr">' + val.change +'</div>'+
  757. '</div>'+
  758. '</a>';
  759. });
  760. $("#smybolbox").append(html);
  761. }
  762. }else{
  763. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  764. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  765. '</div>';
  766. $("#smybolbox").append(html);
  767. }
  768. });
  769. }
  770. </script>
  771. <script type="text/javascript">
  772. function show_dongbox(num){
  773. var n = num;
  774. if(n == 1){
  775. $("#ctzfx").val(n);
  776. $("#fxtext").text("{:L('买涨')}");
  777. $("#fxtext").css('color','#0ecb81');
  778. }else if(n == 2){
  779. $("#ctzfx").val(n);
  780. $("#fxtext").text("{:L('买跌')}");
  781. $("#fxtext").css('color','#f5465c');
  782. }
  783. }
  784. $("#x_dongbox").click(function(){
  785. $("#dongbox").hide();
  786. });
  787. </script>
  788. <script type="text/javascript">
  789. $("#hidedong").click(function(){
  790. $("#showdong").fadeOut("slow");
  791. });
  792. $("#centerbox").click(function(){
  793. getallsmybol();
  794. $("#showdong").fadeIn("slow");
  795. });
  796. </script>
  797. <script type="text/javascript">
  798. $("#nav").slide({
  799. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  800. titCell:".nLi", //鼠标触发对象
  801. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  802. effect:"slideDown", //targetCell下拉效果
  803. delayTime:300 , //效果时间
  804. triggerTime:0, //鼠标延迟触发时间(默认150)
  805. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  806. });
  807. </script>
  808. </html>