kjinfo.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  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-1odg5z2 {
  27. box-sizing: border-box;
  28. margin: 0;
  29. min-width: 0;
  30. height: 260px;
  31. background-color: #1E2329;
  32. position: -webkit-sticky;
  33. position: sticky;
  34. top: -256px;
  35. z-index: 1;
  36. padding: 0;
  37. }
  38. .css-1odg5z2::before {
  39. content: "";
  40. background-repeat: no-repeat;
  41. background-size: cover;
  42. background-position: center;
  43. background-image: url(/Public/Home/static/imgs/bannerissue.png);
  44. position: absolute;
  45. z-index: -1;
  46. top: 0;
  47. left: 0;
  48. bottom: 0;
  49. right: 0;
  50. -webkit-transform: none;
  51. -ms-transform: none;
  52. transform: none;
  53. }
  54. .css-1xrgo9z {
  55. box-sizing: border-box;
  56. margin: 0;
  57. min-width: 0;
  58. display: -webkit-box;
  59. display: -webkit-flex;
  60. display: -ms-flexbox;
  61. display: flex;
  62. -webkit-align-items: center;
  63. -webkit-box-align: center;
  64. -ms-flex-align: center;
  65. align-items: center;
  66. -webkit-box-pack: start;
  67. -webkit-justify-content: flex-start;
  68. -ms-flex-pack: start;
  69. justify-content: flex-start;
  70. font-size: 26px;
  71. color: white;
  72. z-index: 1;
  73. height: 100%;
  74. padding-bottom: 48px;
  75. }.css-1xrgo9z {
  76. -webkit-box-pack: start;
  77. -webkit-justify-content: flex-start;
  78. -ms-flex-pack: start;
  79. justify-content: flex-start;
  80. font-size: 40px;
  81. padding-bottom: 64px;
  82. }
  83. .css-1xrgo9z {
  84. -webkit-box-pack: center;
  85. -webkit-justify-content: center;
  86. -ms-flex-pack: center;
  87. justify-content: center;
  88. }
  89. .css-uliqdc {
  90. box-sizing: border-box;
  91. margin: 0;
  92. min-width: 0;
  93. display: -webkit-box;
  94. display: -webkit-flex;
  95. display: -ms-flexbox;
  96. display: flex;
  97. -webkit-flex-direction: column;
  98. -ms-flex-direction: column;
  99. flex-direction: column;
  100. }
  101. .progress-bar {
  102. display: -ms-flexbox;
  103. display: flex;
  104. -ms-flex-direction: column;
  105. flex-direction: column;
  106. -ms-flex-pack: center;
  107. justify-content: center;
  108. overflow: hidden;
  109. color: #fff;
  110. text-align: center;
  111. white-space: nowrap;
  112. background-color: #007bff;
  113. transition: width .6s ease;
  114. }
  115. .progress-bar {
  116. color: #000;
  117. background-color: #f3c420;
  118. }
  119. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  120. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  121. input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
  122. .allbtn {
  123. width: 100%;
  124. height: 50px;
  125. line-height: 50px;
  126. text-align: center;
  127. background: #ccc;
  128. border-radius: 5px;
  129. background: linear-gradient(to left,#eeb80d,#ffe35b);
  130. margin-top: 20px;
  131. }
  132. .css-bhso1m {
  133. box-sizing: border-box;
  134. margin: 0px;
  135. min-width: 0px;
  136. display: inline-block;
  137. border-radius: 4px;
  138. padding-left: 8px;
  139. padding-right: 8px;
  140. font-size: 14px;
  141. background-color: rgba(240, 185, 11, 0.19);
  142. color: rgb(240, 185, 11);
  143. }
  144. .css-6ul7zn {
  145. box-sizing: border-box;
  146. margin: 0px;
  147. min-width: 0px;
  148. display: flex;
  149. flex: 1 1 0%;
  150. flex-direction: column;
  151. width: 100%;
  152. padding: 32px;
  153. }
  154. .css-joa6mv {
  155. box-sizing: border-box;
  156. margin: 0px 0px 24px;
  157. min-width: 0px;
  158. }
  159. .css-1868gi1 {
  160. box-sizing: border-box;
  161. margin: 0px;
  162. min-width: 0px;
  163. font-weight: 600;
  164. font-size: 32px;
  165. line-height: 40px;
  166. }
  167. .css-1h690ep {
  168. box-sizing: border-box;
  169. margin: 0px;
  170. min-width: 0px;
  171. display: flex;
  172. flex: 1 1 0%;
  173. }
  174. .css-jjjwcg {
  175. box-sizing: border-box;
  176. margin: 0px;
  177. min-width: 0px;
  178. display: flex;
  179. flex-direction: column;
  180. width: 100%;
  181. }
  182. .css-15owl46 {
  183. box-sizing: border-box;
  184. margin: 0px;
  185. min-width: 0px;
  186. position: relative;
  187. }
  188. .btitle{width:100%;height:40px;background:#f5f5f5;}
  189. .btitleop{height:40px;line-height:40px;text-align:center;float:left;}
  190. .bcontentop{height:60px;line-height:60px;text-align:center;float:left;}
  191. .css-1lzksdc {
  192. box-sizing: border-box;
  193. min-width: 0px;
  194. color: rgb(132, 142, 156);
  195. fill: rgb(132, 142, 156);
  196. margin: 16px;
  197. width: 96px;
  198. height: 96px;
  199. font-size: 96px;
  200. }
  201. .infobox{width:100%;background:#fff;border-top:1px solid #f5f5f5;}
  202. .infobox_1{width:100%;min-height:40px;}
  203. .infobox_1l{width:30%;float:left;}
  204. .infobox_1r{width:70%;float:right;}
  205. .festyle{width:80px;height:30px;line-height:30px;text-align:center;border-radius:5px;float:left;}
  206. .feactive{border:1px solid #FCD535;}
  207. .fenc{border:1px solid #707A8A;}
  208. .copyurl{background: linear-gradient(to left,#eeb80d,#ffe35b);padding:5px 10px;border-radius:5px;}
  209. .buybtn{width:90%;height:40px;line-height:40px;background: linear-gradient(to left,#eeb80d,#ffe35b);margin-top:30px;text-align:center;border-radius:5px;}
  210. .dongbox{position:fixed;z-index:9999;display:none;top:0px;width:100%;height:100vh;background:rgba(0,0,0,0.2);}
  211. </style>
  212. </head>
  213. <body>
  214. <div class="App">
  215. <div class="css-tq0shg">
  216. <include file="Public:header"/>
  217. <div class="css-ogtd7z">
  218. <div class="css-jrzkh7">
  219. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  220. </div>
  221. </div>
  222. <main class="css-1wr4jig" style="background: #fff;">
  223. <div class="css-1odg5z2">
  224. <div class="css-1xrgo9z">{:L('矿机详情')}</div>
  225. </div>
  226. <div class="css-uliqdc">
  227. <div style="width:100%;min-height:min-280px;background:#f5f5f5;padding:20px 50px;">
  228. <div style="width:100%;height:280px;background:#fff;margin-bottom:20px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);border-radius:5px;">
  229. <div style="width:100%;height:240px;">
  230. <div style="width:35%;height:240px;float:left;padding:5px;">
  231. <div style="width:100%;height:240px;background:#fff;">
  232. <div style="width:100%;height:230px;">
  233. <div style="width:25%;heigth:230px;line-height:150px;text-align:center;float:left;">
  234. <img src="/Upload/public/{$info.imgs}" style="width:80%;">
  235. </div>
  236. <div style="width:75%;padding:10px 0px 10px 10px;float:right;">
  237. <div style="width:100%;min-height:30px;">
  238. <span class="f16 fch">{$info.title}</span>
  239. </div>
  240. <div style="width:100%;height:30px;">
  241. <span class="f14 fcc">{:L('上市时间')}:{$info.addtime}</span>
  242. </div>
  243. <div style="width:100%;height:30px;">
  244. <span class="f14 fcc">{:L('产出币种')}:<?php echo strtoupper($info['outcoin']);?></span>
  245. </div>
  246. <div style="width:100%;height:30px;">
  247. <span class="f14 fcc">{:L('矿机产权')}:{$info.cycle} {:L('天')}</span>
  248. </div>
  249. <div style="width:100%;height:30px;">
  250. <span class="f14 fcc">{:L('矿机类型')}:
  251. <if condition="$info.type eq 1">
  252. <span class="f16 fcy fw">{:L('优先质押')}</span>
  253. <elseif condition="$info.type eq 2" />
  254. <span class="f16 fcy fw">{:L('共享矿机')}</span>
  255. </if>
  256. </span>
  257. </div>
  258. <div style="width:100%;height:30px;margin-top:30px;">
  259. <div style="width:80%;height:30px;">
  260. <div class="progress">
  261. <div class="progress-bar" role="progressbar" style="width:<?php echo ($info['ycnum'] + $info['sellnum']) / $info['allnum'] * 100;?>%;" aria-valuenow="<?php echo ($info['ycnum'] + $info['sellnum']) / $info['allnum'] * 100;?>" aria-valuemin="0" aria-valuemax="100"><?php echo ($info['ycnum'] + $info['sellnum']) / $info['allnum'] * 100;?>%</div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div style="width:30%;height:280px;float:left;padding:5px;">
  270. <div style="width:100%;height:280px;">
  271. <div style="width:100%;height:280px;padding:10px 0px 10px 10px;">
  272. <div style="width:100%;height:30px;">
  273. <span class="f16 fch">{:L('项目说明')}</span>
  274. </div>
  275. <div style="width:100%;height:30px;">
  276. <span class="f14 fcc">{:L('购买条件')} :
  277. <if condition="$info.buyask eq 1">
  278. {:L('最低持仓')}{$info.asknum}{:L('平台币')}
  279. <elseif condition="$info.buyask eq 2" />
  280. {:L('要求直推')}{$info.asknum}{:L('人')}
  281. </if>
  282. </span>
  283. </div>
  284. <div style="width:100%;height:30px;">
  285. <span class="f14 fcc">{:L('产币冻结')} :
  286. <if condition="$info.djout eq 1">
  287. {:L('否')}
  288. <elseif condition="$info.djout eq 2" />
  289. {$info.djday}{:L('天')}
  290. </if>
  291. </span>
  292. </div>
  293. <div style="width:100%;height:30px;">
  294. <span class="f14 fcc">{:L('结算说明')} :{:L('定期自动结算')}</span>
  295. </div>
  296. <div style="width:100%;min-height:60px;max-height: 100px;overflow:auto;">
  297. <span class="f14 fcc">{$info.content}</span>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. <div style="width:35%;height:280px;float:right;padding:5px;">
  303. <div style="width:100%;height:280px;">
  304. <div style="width:100%;height:280px;padding:10px 0px 10px 10px;">
  305. <div style="width:100%;height:30px;">
  306. <span class="f18 fch fw">{:L('我要购买')}</span>
  307. </div>
  308. <div style="width:100%;height:30px;margin-top:30px;">
  309. <if condition="$info.type eq 2">
  310. <div class="infobox_1">
  311. <div class="infobox_1l">
  312. <span class="f14 fcc">{:L('选择份额')}:</span>
  313. </div>
  314. <div class="infobox_1r">
  315. <div class="festyle feactive" id="fe1btn" style="cursor: pointer;">
  316. <input type="hidden" id="fe1box" value="{$info.fe1}" />
  317. <span class="f14 fcy" id="fe1span">{$info.fe1}%</span>
  318. </div>
  319. <div class="festyle fenc" style="margin-left:15px;cursor: pointer;" id="fe2btn">
  320. <input type="hidden" id="fe2box" value="{$info.fe2}" />
  321. <span class="f14 fcc" id="fe2span">{$info.fe2}%</span>
  322. </div>
  323. </div>
  324. </div>
  325. <div class="infobox_1">
  326. <div class="infobox_1l">
  327. <span class="f14 fcc">{:L('共享链接')}:</span>
  328. </div>
  329. <div class="infobox_1r">
  330. <div style="width:70%;float:left;">
  331. <span class="f12 fcy">{:L('修改份额后需重新复制链接')}</span>
  332. </div>
  333. <input type="hidden" value="" id="qrcode_url">
  334. <div style="width:20%;float:left;cursor:pointer;">
  335. <span class="copyurl f12" onclick="copyUrl()">{:L('复制')}</span>
  336. </div>
  337. </div>
  338. </div>
  339. </if>
  340. <input type="hidden" value="{$info.fe1}" id="cfebox" />
  341. <input type="hidden" value="{$info.id}" id="kjid" />
  342. <input type="hidden" id="flag" value="1" />
  343. <input type="hidden" id="sharbltxt" value="" />
  344. <div class="infobox_1" style="margin-top:30px;">
  345. <if condition="$uid elt 0">
  346. <div class="buybtn">
  347. <span class="fzmm fch">{:L('请先登陆')}</span>
  348. </div>
  349. <else />
  350. <if condition="$info.type eq 1">
  351. <div class="buybtn" style="cursor:pointer;" onclick="dzbuynow({$info.id});">
  352. <span class="fzmm fch">{:L('购买')}</span>
  353. </div>
  354. <elseif condition="$info.type eq 2" />
  355. <div class="buybtn" style="cursor:pointer;" onclick="gxbuynow({$info.id});">
  356. <span class="fzmm fch">{:L('购买')}</span>
  357. </div>
  358. </if>
  359. </if>
  360. <div>
  361. </div>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. </main>
  369. <include file="Public:footer"/>
  370. </div>
  371. </div>
  372. <div class="dongbox" id="gotaxbox" style="display:none;">
  373. <div style="width:300px;height:260px;background:#fff;margin:18% auto;border-radius:10px;padding:15px;">
  374. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  375. <i class="bi bi-exclamation-circle" style="font-size:56px;font-weight:bold;color:#f5465c;"></i>
  376. </div>
  377. <div style="width:100%;height:60px;text-align:center;color:#000;font-size:14px;">
  378. {:L('请先缴纳税金')}
  379. </div>
  380. <div style="width:100%;height:60px;">
  381. <a href="{:U('Finance/cztax')}" target="__blank">
  382. <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>
  383. <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>
  384. </div>
  385. </div>
  386. </div>
  387. </body>
  388. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  389. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  390. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  391. <script type="text/javascript">
  392. $(function(){
  393. var fetxt2 = $("#fe2box").val();
  394. var oid = $("#kjid").val();
  395. var domain = "http://" + window.location.host + "/Orepool/kjshare?oid="+ oid +"&fe=" + fetxt2;
  396. $("#qrcode_url").val(domain);
  397. });
  398. </script>
  399. <script type="text/javascript">
  400. function hidetaxbox(){
  401. $("#gotaxbox").hide();
  402. }
  403. function gxbuynow(id){
  404. var flag = $("#flag").val();
  405. if(flag == 2){
  406. return false;
  407. }
  408. var kid = id;
  409. if(kid <= 0 || kid == null){
  410. layer.msg("{:L('缺少重要参数')}");return false;
  411. }
  412. var gxfe = $("#cfebox").val();
  413. if(gxfe <= 0 || gxfe == null){
  414. layer.msg("{:L('请选择份额')}");return false;
  415. }
  416. var sharbltxt = $("#sharbltxt").val();
  417. if(sharbltxt <= 0 || sharbltxt == null){
  418. layer.msg("{:L('请选择份额')}");return false;
  419. }
  420. $("#flag").val(2);
  421. $.post("{:U('Orepool/buygxmining')}",
  422. {'kid':kid,'gxfe':gxfe,'st':8,"sharbltxt":sharbltxt},
  423. function(data){
  424. if(data.code == 1){
  425. layer.msg(data.msg);
  426. setTimeout(function(){
  427. window.location.href="{:U('Orepool/index')}";
  428. },2000);
  429. }else if(data.code == 3){
  430. $("#gotaxbox").show();
  431. }else{
  432. layer.msg(data.msg);
  433. setTimeout(function(){
  434. window.location.reload();
  435. },2000);
  436. }
  437. });
  438. }
  439. </script>
  440. <script type="text/javascript">
  441. function dzbuynow(id){
  442. var flag = $("#flag").val();
  443. if(flag == 2){
  444. return false;
  445. }
  446. var kid = id;
  447. if(kid <= 0 || kid == null){
  448. layer.msg("{:L('缺少重要参数')}");return false;
  449. }
  450. $("#flag").val(2);
  451. $.post("{:U('Orepool/buydzmining')}",
  452. {'kid':kid,'st':7},
  453. function(data){
  454. if(data.code == 1){
  455. layer.msg(data.msg);
  456. setTimeout(function(){
  457. window.location.href="{:U('Orepool/index')}";
  458. },2000);
  459. }else if(data.code == 3){
  460. $("#gotaxbox").show();
  461. }else{
  462. layer.msg(data.msg);
  463. setTimeout(function(){
  464. window.location.reload();
  465. },2000);
  466. }
  467. });
  468. }
  469. </script>
  470. <script type="text/javascript">
  471. function createRand(){
  472. var x = 100000;
  473. var y = 1;
  474. var randnum = parseInt(Math.random() * (x - y + 1) + y);
  475. return randnum;
  476. }
  477. $("#fe1btn").click(function(){
  478. $("#fe1btn").addClass("feactive");
  479. $("#fe1btn").removeClass("fenc");
  480. $("#fe1span").addClass("fcy");
  481. $("#fe1span").removeClass("fcc");
  482. $("#fe2btn").removeClass("feactive");
  483. $("#fe2btn").addClass("fenc");
  484. $("#fe2span").removeClass("fcy");
  485. $("#fe2span").addClass("fcc");
  486. var fetxt1 = $("#fe1box").val();
  487. var fetxt2 = $("#fe2box").val();
  488. var oid = $("#kjid").val();
  489. $("#cfebox").val(fetxt1);
  490. var randnum = createRand();
  491. $("#sharbltxt").val(randnum);
  492. var domain = "https://" + window.location.host + "/Orepool/kjshare?oid="+ oid +"&fe="+fetxt2 + "&sharbltxt=" + randnum;
  493. $("#qrcode_url").val(domain);
  494. });
  495. $("#fe2btn").click(function(){
  496. $("#fe2btn").addClass("feactive");
  497. $("#fe2btn").removeClass("fenc");
  498. $("#fe2span").addClass("fcy");
  499. $("#fe2span").removeClass("fcc");
  500. $("#fe1btn").removeClass("feactive");
  501. $("#fe1btn").addClass("fenc");
  502. $("#fe1span").removeClass("fcy");
  503. $("#fe1span").addClass("fcc");
  504. var fetxt1 = $("#fe1box").val();
  505. var fetxt2 = $("#fe2box").val();
  506. var oid = $("#kjid").val();
  507. $("#cfebox").val(fetxt2);
  508. var randnum = createRand();
  509. $("#sharbltxt").val(randnum);
  510. var domain = "https://" + window.location.host + "/Orepool/kjshare?oid="+ oid +"&fe="+fetxt1 + "&sharbltxt=" + randnum;
  511. $("#qrcode_url").val(domain);
  512. });
  513. </script>
  514. <script type="text/javascript">
  515. function copyUrl(){
  516. var qrcode_url=$("#qrcode_url").val();
  517. copy(qrcode_url);
  518. }
  519. function copy(message) {
  520. var input = document.createElement("input");
  521. input.value = message;
  522. document.body.appendChild(input);
  523. input.select();
  524. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  525. document.body.removeChild(input);
  526. layer.msg("{:L('复制成功')}");
  527. }
  528. </script>
  529. <script type="text/javascript">
  530. $("#nav").slide({
  531. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  532. titCell:".nLi", //鼠标触发对象
  533. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  534. effect:"slideDown", //targetCell下拉效果
  535. delayTime:300 , //效果时间
  536. triggerTime:0, //鼠标延迟触发时间(默认150)
  537. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  538. });
  539. </script>
  540. </html>