details.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  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. .oreimgbox{width:100%;height:150px;margin-top:50px;}
  22. .btmbox{width:100%;height:60px;background:#fff;}
  23. .orebox{width:100%;margin:0px auto;background:#fff;margin-bottom:10px;padding: 10px;}
  24. .progress-bar{color: #000;background-color: #f3c420;}
  25. .progress{height:0.9rem;background-color: #f5f5f5;border-radius: .5rem;}
  26. .obbox{width:33.33%;height:60px;float:left;}
  27. .obbox_h{width:100%;height:30px;line-height:20px;}
  28. .issuebox{width:100%;height:500px;background:#fff;padding:10px 0px;}
  29. .dongbox{position:fixed;z-index:9999999999;display:none;top:0px;width:100%;height:100vh;background:rgba(0,0,0,0.2);}
  30. </style>
  31. </head>
  32. <body style="background:#fff;">
  33. <div class="container-fluid " style="padding:0px;width:100vw;">
  34. <div class="no_header">
  35. <a href="{:U('Issue/index')}">
  36. <div class="fl allhg txtl">
  37. <i class="bi bi-arrow-left fcc fw" style="font-size: 24px;"></i>
  38. </div>
  39. </a>
  40. <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
  41. <span class="fcc fzmmm">{:L('认购项目详情')}</span>
  42. </div>
  43. <a href="{:U('Issue/issuelog')}">
  44. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  45. <i class="bi bi-funnel fcy" style="font-size:20px;"></i>
  46. </div>
  47. </a>
  48. </div>
  49. <div class="issuebox" style="margin-top:40px;">
  50. <div class="orebox">
  51. <div style="width:100%;height:120px;">
  52. <div style="width:30%;height:120px;line-height: 120px;float:left;text-align: center;">
  53. <img src="/Upload/public/{$info.imgs}" style="width:80%;"/>
  54. </div>
  55. <div style="width:70%;height:120px;float:left;padding:5px;">
  56. <p class="fzmmm fcc fw" style="margin-bottom:3px;">{$info.name}</p>
  57. <p class="fzmm fcc" style="margin-bottom:3px;">{:L('认购币种')}:<?php echo strtoupper($info['coinname']);?></p>
  58. <p class="fzmm fcc" style="margin-bottom:3px;">{:L('开始时间')}:{$info.starttime}</p>
  59. <p class="fzmm fcc" style="margin-bottom:3px;">{:L('结束时间')}:<?php echo strtoupper($info['finishtime']);?></p>
  60. </div>
  61. </div>
  62. <div style="width:100%;">
  63. <div class="progress">
  64. <?php if(strtotime($info['starttime']) <= time()){?>
  65. <div class="progress-bar" role="progressbar" style="width:<?php echo ($info['ysnum'] + $info['sellnum']) / $info['num'] * 100;?>%;" aria-valuenow="<?php echo ($info['ysnum'] + $info['sellnum']) / $info['num'] * 100;?>" aria-valuemin="0" aria-valuemax="100"><?php echo ($info['ysnum'] + $info['sellnum']) / $info['num'] * 100;?>%</div>
  66. <?php }elseif(strtotime($info['starttime']) > time()){?>
  67. <div class="progress-bar" role="progressbar" style="width:0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
  68. <?php }?>
  69. </div>
  70. </div>
  71. <div style="width:100%;height:60px;margin-top:15px;padding:0px 15px;">
  72. <div class="obbox" style="width:40%;">
  73. <div class="obbox_h">
  74. <span class="fzmm fcc">{:L('发行总量')}</span>
  75. </div>
  76. <div class="obbox_h">
  77. <span class="fzmm fcc">{$info.num}</span>
  78. </div>
  79. </div>
  80. <div class="obbox" style="width:30%;">
  81. <div class="obbox_h" style="text-align:center;">
  82. <span class="fzmm fcc">{:L('认购单价')}</span>
  83. </div>
  84. <div class="obbox_h" style="text-align:center;">
  85. <span class="fzmm fcc">{$info.price} {$info.buycoin}</span>
  86. </div>
  87. </div>
  88. <div class="obbox" style="width:30%;">
  89. <div class="obbox_h" style="text-align:right;">
  90. <span class="fzmm fcc">{:L('锁仓时间')}</span>
  91. </div>
  92. <div class="obbox_h" style="text-align:right;">
  93. <span class="fzmm fcc">{$info.lockday} {:L('天')}</span>
  94. </div>
  95. </div>
  96. </div>
  97. <div style="width:100%;height:60px;margin-top:5px;padding:0px 15px;border-bottom:1px solid #f5f5f5;">
  98. <div class="obbox" style="width:40%;">
  99. <div class="obbox_h">
  100. <span class="fzmm fcc">{:L('参与数量')}</span>
  101. </div>
  102. <div class="obbox_h">
  103. <span class="fzmm fcc"><?php if(strtotime($info['starttime']) <= time()){echo $info['sellnum'] + $info['ysnum'];}else{echo $info['sellnum'];} ?> </span>
  104. </div>
  105. </div>
  106. <div class="obbox" style="width:30%;">
  107. <div class="obbox_h" style="text-align:center;">
  108. <span class="fzmm fcc">{:L('认购上限')}</span>
  109. </div>
  110. <div class="obbox_h" style="text-align:center;">
  111. <span class="fzmm fcc">{$info.allmax}</span>
  112. </div>
  113. </div>
  114. <div class="obbox" style="width:30%;">
  115. <div class="obbox_h" style="text-align:right;">
  116. <span class="fzmm fcc">{:L('单次最低')}</span>
  117. </div>
  118. <div class="obbox_h" style="text-align:right;">
  119. <span class="fzmm fcc">{$info.min}</span>
  120. </div>
  121. </div>
  122. </div>
  123. <div style="width:100%;margin-top:15px;">
  124. <div style="width:100%;height:50px;background:#f5f5f5;border-radius:5px;margin-bottom:10px;padding:0px 15px;">
  125. <div style="width:70%;height:50px;float:left;">
  126. <input type="number" oninput="tatolcoin();" id="buynum" placeholder="{:L('请输入认购数量')}" style="padding:5 15px;background:#f5f5f5;border:none;margin-top:12px;" <input type="text" name="price" placeholder="请输入价格" autocomplete="off" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" />
  127. </div>
  128. <div style="width:30%;height:50px;line-height:50px;float:left;text-align:center;">
  129. <span class="fzmm fcc"><?php echo strtoupper($info['coinname']);?></span>
  130. </div>
  131. </div>
  132. <div style="width:100%;height:40px;background:#f5f5f5;border-radius:5px;padding:0px 15px;">
  133. <div style="width:70%;height:40px;line-height:40px;float:left;">
  134. <span class="fzmm fcc">{:L('需要支付')}:</span>
  135. <span class="fzmm fcc" id="paynum">0.00</span>
  136. </div>
  137. <div style="width:30%;height:40px;line-height:40px;float:left;text-align:center;">
  138. <span class="fzmm fcc"><?php echo strtoupper($info['buycoin']);?></span>
  139. </div>
  140. </div>
  141. <div style="width:100%;height:40px;border-radius:5px;padding:0px 15px;">
  142. <div style="width:70%;height:40px;line-height:40px;float:left;">
  143. <span class="fzmm fcc">{:L('可用')}<?php echo strtoupper($info['buycoin']);?>:</span>
  144. <span class="fzmm fcc">{$money}</span>
  145. </div>
  146. </div>
  147. <input type="hidden" name="price" id="pricebox" value="{$info.price}" />
  148. <input type="hidden" name="min" id="minbox" value="{$info.min}" />
  149. <input type="hidden" name="max" id="maxbox" value="{$info.max}" />
  150. <input type="hidden" id="flag" value="1" />
  151. <if condition="$uid elt 0">
  152. <div class="allbtn" onclick="gologin();" style="height:40px;line-height:40px;margin-top:5px;">
  153. <span class="fzmm fch">{:L('请先登陆')}</span>
  154. </div>
  155. <else />
  156. <div class="allbtn" id="sumbtn" onclick="buyissue({$info.id})" style="height:40px;line-height:40px;margin-top:5px;">
  157. <span class="fzmm fch">{:L('立即参与')}</span>
  158. </div>
  159. </if>
  160. </div>
  161. </div>
  162. <div style="width:100%;padding:0 15px;overflow: hidden;">
  163. <span class="fzmm fcc">{:L('项目说明')}:</span>
  164. <span class="fzmm fcc">{$info.content}</span>
  165. </div>
  166. <div class="btmbox"></div>
  167. </div>
  168. </div>
  169. <div class="dongbox" id="gotaxbox" style="display:none;">
  170. <div style="width:300px;height:260px;background:#fff;margin:50% auto;border-radius:10px;padding:15px;">
  171. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  172. <i class="bi bi-exclamation-circle" style="font-size:56px;font-weight:bold;color:#f5465c;"></i>
  173. </div>
  174. <div style="width:100%;height:60px;text-align:center;color:#000;font-size:14px;">
  175. {:L('请先缴纳税金')}
  176. </div>
  177. <div style="width:100%;height:60px;">
  178. <a href="{:U('User/cztax')}">
  179. <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>
  180. <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>
  181. </div>
  182. </div>
  183. </div>
  184. </body>
  185. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  186. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  187. <script type="text/javascript">
  188. function hidetaxbox(){
  189. $("#gotaxbox").hide();
  190. }
  191. function buyissue(id){
  192. var flag = $("#flag").val();
  193. if(flag == 2){
  194. return false;
  195. }
  196. var pid = id;
  197. var buynum = $("#buynum").val();
  198. var min = parseFloat($("#minbox").val());
  199. var max = parseFloat($("#maxbox").val());
  200. if(buynum == '' || buynum == 0 || buynum == null){
  201. layer.msg("{:L('请输入认购数量')}");return false;
  202. }
  203. if(buynum < min){
  204. layer.msg("{:L('不能小于最低认购量')}");return false;
  205. }
  206. if(buynum > max){
  207. layer.msg("{:L('不能高于最高认购量')}");return false;
  208. }
  209. $("#flag").val(2);
  210. $.post("{:U('Issue/upbuynum')}",
  211. {'pid':pid,'num':buynum},
  212. function(data){
  213. if(data.code ==1){
  214. layer.msg(data.info);
  215. setTimeout(function(args){
  216. window.location.reload();
  217. },2000);
  218. }else{
  219. layer.msg(data.info);return false;
  220. }
  221. });
  222. }
  223. </script>
  224. <script type="text/javascript">
  225. function tatolcoin(){
  226. var buynum = parseFloat($("#buynum").val());
  227. var price = parseFloat($("#pricebox").val());
  228. var paynum = buynum * price;
  229. $("#paynum").html(paynum);
  230. }
  231. </script>
  232. <script type="text/javascript">
  233. function gologin(){
  234. window.location.href = "{:U('Login/index')}";
  235. }
  236. </script>
  237. </html>