integral_nuclear.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. {extend name="public/layout"/} {block name="title"}积分核销{/block} {block name="body"}
  2. <style type="text/css">
  3. html,
  4. body {
  5. display: block;
  6. background-color: #fff;
  7. }
  8. .layui-table thead tr,
  9. .layui-table-header {
  10. background-color: #D8E6F1 !important;
  11. }
  12. .layui-fluid {
  13. display: block;
  14. border-radius: 5px;
  15. background-color: #ffffff;
  16. padding: 15px 30px;
  17. }
  18. .layui-tab {
  19. padding: 15px;
  20. height: 100%;
  21. }
  22. .layui-form-item {
  23. width: 100%;
  24. display: flex !important;
  25. }
  26. .flex-sub {
  27. flex: 1;
  28. }
  29. .flex-row {
  30. display: flex;
  31. }
  32. .flex-item {
  33. display: flex;
  34. flex-direction: column;
  35. justify-content: center;
  36. align-items: center;
  37. }
  38. .flex-item > span {
  39. line-height: 30px;
  40. }
  41. .middleLine {
  42. width: 1px;
  43. height: 100px;
  44. background-color: #f5f5f5;
  45. }
  46. .fontWeight {
  47. font-weight: 600;
  48. font-size: 16px;
  49. }
  50. .nuclearTitle {
  51. width: 97%;
  52. margin: auto;
  53. padding: 10px 10px 0px;
  54. }
  55. .nuclearTitle > div {
  56. border-left: 4px solid #249EFB;
  57. box-sizing: border-box;
  58. padding-left: 10px;
  59. }
  60. .layuiadmin-card-header-auto {
  61. padding: 0px !important;
  62. }
  63. </style>
  64. <div class="layui-fluid">
  65. <div class="layui-card">
  66. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  67. <div class="layui-form-item">
  68. <div class="flex-sub flex-row">
  69. <div class="flex-sub flex-item">
  70. <span>共获得积分</span>
  71. <span class="fontWeight">{$data.all_integral}</span>
  72. </div>
  73. <div class="flex-sub flex-item">
  74. <span>已核销积分</span>
  75. <span class="fontWeight">{$data.already_integral}</span>
  76. </div>
  77. </div>
  78. <div class="middleLine"></div>
  79. <div class="flex-sub flex-row">
  80. <div class="flex-sub flex-item">
  81. <span>可核销积分</span>
  82. <span class="fontWeight">{$data.ok_integral}</span>
  83. </div>
  84. <div class="flex-sub flex-item">
  85. <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="LAY-app-contlist-search" id="LAY-app-contlist-search">核销积分</button>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="nuclearTitle"><div>核销记录</div></div>
  91. <div class="layui-card-body">
  92. <table lay-filter="checkTrainPlan" id="checkTrainPlan"></table>
  93. </div>
  94. </div>
  95. </div>
  96. {/block} {block name="js"}
  97. <script type="text/html" id="integraltpl">
  98. {{# if(d.integral){ }}
  99. <span>{{d.integral}}</span>
  100. {{# }else{ }}
  101. <span style="color: #cccccc;">无</span>
  102. {{# } }}
  103. </script>
  104. <script type="text/html" id="addtimetpl">
  105. {{# if(d.addtime){ }}
  106. <span>{{d.addtime}}</span>
  107. {{# }else{ }}
  108. <span style="color: #cccccc;">无</span>
  109. {{# } }}
  110. </script>
  111. <script type="text/html" id="moneytpl">
  112. {{# if(d.money){ }}
  113. <span>{{d.money}}</span>
  114. {{# }else{ }}
  115. <span style="color: #cccccc;">无</span>
  116. {{# } }}
  117. </script>
  118. <script>
  119. layui.config({
  120. base: '__LAYUI__/',
  121. urlbase: '/sys'
  122. }).extend({
  123. index: 'lib/index'
  124. }).use(['index', 'table', 'layedit', 'element'], function () {
  125. var $ = layui.$,
  126. table = layui.table,
  127. element = layui.element,
  128. form = layui.form;
  129. var field = {};
  130. form.on('submit(LAY-app-contlist-search)', function (data) {
  131. //console.log(data);
  132. //return false;
  133. var pattern = $('.pattern').val();
  134. var keyword = $('.keyword').val();
  135. var wiped_integral = '{$data.ok_integral}';
  136. var agentid = '{$data.agentid}';
  137. field['pattern'] = pattern;
  138. field['keyword'] = keyword;
  139. field['agentid'] = agentid;
  140. if (wiped_integral == 0 || wiped_integral == null) {
  141. layer.msg('积分为零', {
  142. anim: 0
  143. , time: 2000
  144. });
  145. return false;
  146. }
  147. layer.prompt({
  148. title: '请输入要核销的积分'
  149. }, function(value, index){
  150. var len = /^[1-9]\d*$/;
  151. if(!len.test(value)){
  152. layer.msg('请输入整数值', {anim: 6,time: 2000});
  153. return false;
  154. }else{
  155. field['wiped_integral'] = value;
  156. //执行重载
  157. $.ajax({
  158. url: '{:url("agents/operation_wiped_integral")}',
  159. type: 'post',
  160. data: field,
  161. dataType: 'json',
  162. success: function(res) {
  163. console.log(res)
  164. if(res.code === 0) {
  165. layer.msg(res.msg, {
  166. anim: 0
  167. ,time: 2000
  168. }, function() {
  169. table.reload('checkTrainPlan', {
  170. where: field,
  171. page: {
  172. curr: 1
  173. }
  174. });
  175. layer.close(index);
  176. parent.layui.table.reload('training-plan'); //重载表格
  177. parent.layer.close(index); //再执行关闭
  178. });
  179. } else {
  180. layer.msg(res.msg, {
  181. anim: 6
  182. ,time: 2000
  183. });
  184. }
  185. }
  186. });
  187. }
  188. });
  189. });
  190. table.render({
  191. elem: '#checkTrainPlan',
  192. url: "{:url('agents/agent_already_list')}?agentid={$data.agentid}",
  193. cols: [
  194. [
  195. {
  196. type: 'numbers',
  197. field: 'id',
  198. title: '序号'
  199. },
  200. {
  201. field: 'title',
  202. title: '核销积分',
  203. templet: '#integraltpl'
  204. },
  205. {
  206. field: 'employee_count',
  207. title: '金额',
  208. templet: '#moneytpl'
  209. },
  210. {
  211. title: '核销时间',
  212. field: 'employee_count',
  213. templet: '#addtimetpl'
  214. },
  215. ]
  216. ],
  217. page: true,
  218. limit: 10,
  219. height: 'full-180'
  220. });
  221. });
  222. </script>
  223. {/block}