actInfoDetail.jsp 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="../common/meta.jsp"%>
  4. <link rel="stylesheet"
  5. href="${base}/static/web/frame/webuploader/webuploader.css"
  6. type="text/css">
  7. <script type="text/javascript"
  8. src="${base}/static/web/frame/webuploader/webuploader.min.js"></script>
  9. <script type="text/javascript"
  10. src="${base}/static/web/frame/ueditor/ueditor.config.js"></script>
  11. <script type="text/javascript"
  12. src="${base}/static/web/frame/ueditor/ueditor.all.js">
  13. </script>
  14. <script type="text/javascript"
  15. src="${base}/static/web/frame/ueditor/lang/zh-cn/zh-cn.js"></script>
  16. <title>活动统计</title>
  17. </head>
  18. <body class="body-grey">
  19. <div class="container" style="margin:20px 20px 50px; background: none">
  20. <div class="layui-tab layui-tab-brief" lay-filter="tabBar">
  21. <ul class="layui-tab-title" style="background: #fff">
  22. <li class="layui-this">活动统计</li>
  23. <li>奖品剩余</li>
  24. <li>中奖名单</li>
  25. </ul>
  26. <div class="layui-tab-content body-grey">
  27. <div class="layui-tab-item layui-show">
  28. <div class="dashboard-header">
  29. <ul class="list-unstyled row">
  30. <li class="layui-col-xs3 pr-20">
  31. <div class="bg-white inner">
  32. <div class="inner-header layui-clear">
  33. <div class="fl c-333">新增人数</div>
  34. <div class="fr c-666">累计人数: <span id="total_user">0</span></div>
  35. </div>
  36. <div class="inner-body layui-clear">
  37. <div class="number fl" id="user">0</div>
  38. </div>
  39. <div class="layui-clear">
  40. <div class="fl">
  41. 相比昨天 <span class="c-red" id="user_rate">0.00%</span>
  42. </div>
  43. </div>
  44. </div>
  45. </li>
  46. <li class="layui-col-xs3 pr-20">
  47. <div class="bg-white inner">
  48. <div class="inner-header layui-clear">
  49. <div class="fl c-333">参与人数</div>
  50. <div class="fr c-666">累计人数: <span id="total_act_user">0</span></div>
  51. </div>
  52. <div class="inner-body layui-clear">
  53. <div class="number fl" id="act_user">0</div>
  54. </div>
  55. <div class="layui-clear">
  56. <div class="fl">
  57. 相比昨天 <span class="c-red" id="act_user_rate">0.00%</span>
  58. </div>
  59. </div>
  60. </div>
  61. </li>
  62. <li class="layui-col-xs3 pr-20">
  63. <div class="bg-white inner">
  64. <div class="inner-header layui-clear">
  65. <div class="fl c-333">中奖人数</div>
  66. <div class="fr c-666">累计人数: <span id="total_act_result">0</span></div>
  67. </div>
  68. <div class="inner-body layui-clear">
  69. <div class="number fl" id="act_result">0</div>
  70. </div>
  71. <div class="layui-clear">
  72. <div class="fl">
  73. 相比昨天 <span class="c-red" id="act_result_rate">0.00%</span>
  74. </div>
  75. </div>
  76. </div>
  77. </li>
  78. <li class="layui-col-xs3 pr-20">
  79. <div class="bg-white inner">
  80. <div class="inner-header layui-clear">
  81. <div class="fl c-333">分享人数</div>
  82. <div class="fr c-666">累计人数: <span id="total_act_share">0</span></div>
  83. </div>
  84. <div class="inner-body layui-clear">
  85. <div class="number fl" id="act_share">0</div>
  86. </div>
  87. <div class="layui-clear">
  88. <div class="fl">
  89. 相比昨天 <span class="c-red" id="act_share_rate">0.00%</span>
  90. </div>
  91. </div>
  92. </div>
  93. </li>
  94. </ul>
  95. </div>
  96. </div>
  97. <div class="layui-tab-item" style="background: #fff;">
  98. <div class="layui-form">
  99. <table id="dateTable1" class="layui-table" lay-even="" width="100%" lay-skin="line">
  100. <thead>
  101. <tr>
  102. <th></th>
  103. <th>奖项</th>
  104. <th>奖品名称</th>
  105. <th>奖品数量</th>
  106. <th>剩余数量</th>
  107. </tr>
  108. </thead>
  109. <tbody>
  110. </tbody>
  111. </table>
  112. </div>
  113. </div>
  114. <div class="layui-tab-item" style="background: #fff;">
  115. <form class="layui-form form-search" action="" onsubmit="return false" method="get">
  116. <div class="layui-row layui-form-item">
  117. <div class="layui-col-xs2_4">
  118. <label class="layui-form-label layui-col-xs4">奖项</label>
  119. <div class="layui-input-block layui-col-xs7">
  120. <layui:select id="prizeNo" type="select" name="prizeNo" key="prize_no"/>
  121. </div>
  122. </div>
  123. <div class="layui-col-xs2_4 f0">
  124. <button class="layui-btn layui-btn-small" id="btn-query"><i class="layui-icon">&#xe604;</i>查询</button>
  125. <button class="layui-btn layui-btn-small layui-btn-primary" type="reset" id="btn-reset">重置</button>
  126. </div>
  127. </div>
  128. </form>
  129. <div class="layui-form">
  130. <table id="dateTable2" class="layui-table" lay-even="" width="100%" lay-skin="line">
  131. <thead>
  132. <tr>
  133. <th></th>
  134. <th>中奖人</th>
  135. <th>联系方式</th>
  136. <th>奖项</th>
  137. <th>奖品名称</th>
  138. <th>中奖时间</th>
  139. <th>收货地址</th>
  140. </tr>
  141. </thead>
  142. <tbody>
  143. </tbody>
  144. </table>
  145. </div>
  146. </div>
  147. </div>
  148. <!-- <div class="foot"> -->
  149. <!-- <button class="layui-btn layui-btn-small layui-btn-primary" -->
  150. <!-- id="btn-close">关闭</button> -->
  151. <!-- </div> -->
  152. </div>
  153. <script type="text/javascript">
  154. layui.config({
  155. base : '${base}/static/web/js/act/',
  156. version : true
  157. //你的模块目录
  158. }).use('actInfoDetail'); //加载入口
  159. </script>
  160. </body>
  161. </html>