productList.js 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. var productOwner=web.getUrlVars("productOwner");
  2. layui.define(['layer', 'form'], function (exports) {
  3. var $ = layui.jquery,layer = layui.layer,form = layui.form;
  4. if (!productOwner){
  5. productOwner="10";
  6. }
  7. var table = $('#dateTable').DataTable({
  8. autoWidth: true,
  9. ajax: {
  10. url: base+"/product/query",
  11. data : function(data) {
  12. data.productName = $.trim($("#productName").val());
  13. data.merchantName = $.trim($("#merchantName").val());
  14. data.productType = "10";
  15. data.productOwner = productOwner;
  16. }
  17. },
  18. "columns": [ // 自定义数据列
  19. {data:function(obj){
  20. return '<input type="checkbox" lay-skin="primary" lay-filter="oneChoose" data-id="'+obj.id+'" />';
  21. }},
  22. {data: 'merchant_name',width:150},
  23. {data: 'product_name',width:180},
  24. {data: function(obj){
  25. return obj.product_old_price+'|'+obj.product_price;
  26. },sClass:'text-c'},
  27. {data: function(obj){
  28. if(loginuser.merchant_id){
  29. return obj.visit_num
  30. }else{
  31. return '<button class="layui-btn layui-btn-primary layui-btn-small visitNum">'+obj.visit_num+'</button>';
  32. }
  33. },sClass:'text-c'},
  34. {data: 'init_num'},
  35. {data: function(obj){
  36. return'<a class="pd-0-5">'+obj.product_num+'</a>|<a href="#" class="pd-0-5 c-blue num1">'+obj.num1+'</a>|'+
  37. '<a href="#" class="pd-0-5 c-blue num2">'+obj.num2+'</a>|'+
  38. '<a href="#" class="pd-0-5 c-blue num3">'+obj.num3+'</a>|'+
  39. '<a href="#" class="pd-0-5 c-blue num4">'+obj.num4+'</a>|'+
  40. '<a href="#" class="pd-0-5 c-red num5">'+obj.num5+'</a>';
  41. },sClass:'text-c'},
  42. {data: function(obj){
  43. if(loginuser.merchant_id){
  44. return obj.sort
  45. }else{
  46. return '<button class="layui-btn layui-btn-primary layui-btn-small sort">'+obj.sort+'</button>';
  47. }
  48. },sClass:'text-c'},
  49. {data: function(obj){
  50. if(new Date(obj.start_time)<=new Date()&&new Date(obj.end_time)>=new Date()){
  51. return '<span class="c-green">进行中</span>';
  52. }else if(new Date(obj.end_time)<new Date()){
  53. return '<span class="layui-disabled">已过期</span>';
  54. }else if(new Date(obj.start_time)>new Date()){
  55. return '<span class="c-blue">未开始</span>';
  56. }
  57. },sClass:'text-c'},
  58. {data: function(obj){
  59. if(obj.is_hot=="1"){
  60. return '<span class="c-green">'+web.getDictVal('yes_no',obj.is_hot)+'</span>';
  61. }else{
  62. return '<span class="layui-disabled">否</span>';
  63. }
  64. },sClass:'text-c'},
  65. {data: function(obj){
  66. if(obj.status=="1"){
  67. return '<span class="c-green">'+web.getDictVal('sys_status',obj.status)+'</span>';
  68. }else{
  69. return '<span class="layui-disabled">'+web.getDictVal('sys_status',obj.status)+'</span>';
  70. }
  71. },sClass:'text-c'},
  72. {data:function(obj){
  73. return '<a title="编辑" class="ml-5 btn-edit"><i class="layui-icon">&#xe642;</i></a>'+
  74. '<a title="删除" class="ml-5 btn-delete" code="100005"><i class="layui-icon">&#xe640;</i></a>';
  75. },sClass:'text-c'}
  76. ],
  77. "stateSaveParams": function () { // 初始化完成调用事件
  78. // 重新渲染form checkbox
  79. form.render('checkbox');
  80. web.hideTableBtns("#dateTable");
  81. }
  82. }).on('click', '.btn-delete', function (e) {
  83. e.stopPropagation();
  84. var row = table.row($(this).parents('tr')).data();
  85. layer.confirm('确认要删除吗?', function (index) {
  86. del(row.id);
  87. });
  88. }).on('click', '.btn-edit', function (e) {
  89. e.stopPropagation();
  90. var row = table.row($(this).parents('tr')).data();
  91. add("编辑", row.id);
  92. }).on("dblclick","tr",function () {
  93. //获取值的对象数据
  94. var row = table.row(this).data();
  95. add("编辑",row.id);
  96. }).on('click', '.sort', function (e) {
  97. e.stopPropagation();
  98. var row = table.row($(this).parents('tr')).data();
  99. updateSort("修改排序", row.id, row.sort);
  100. }).on('click', '.visitNum', function (e) {
  101. e.stopPropagation();
  102. var row = table.row($(this).parents('tr')).data();
  103. updateVisitNum("修改访问量", row.id, row.visit_num);
  104. }).on('click', '.pd-0-5.c-blue', function (e) {
  105. e.stopPropagation();
  106. var row = table.row($(this).parents('tr')).data();
  107. order($(this).index(), row.id);
  108. }).on('click', '.pd-0-5.c-red', function (e) {
  109. e.stopPropagation();
  110. var row = table.row($(this).parents('tr')).data();
  111. order($(this).index(), row.id);
  112. });
  113. form.on('checkbox(allChoose)', function(data){
  114. var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
  115. child.each(function(index, item){
  116. item.checked = data.elem.checked;
  117. });
  118. form.render('checkbox');
  119. });
  120. //查询
  121. $("#btn-query").on('click',function(){
  122. table.ajax.reload();
  123. });
  124. //新增
  125. $('#btn-add').on('click',function(){
  126. add("新增","");
  127. });
  128. //删除
  129. $('#btn-delete').on('click', function(){
  130. var ids = web.getIds($('#dateTable'),'data-id');
  131. if (ids.length == 0) {
  132. layer.msg("请至少选中一条数据");
  133. } else {
  134. layer.confirm('确认要删除吗?', function (index) {
  135. del(ids.join(","));
  136. });
  137. }
  138. });
  139. //启用
  140. $('#btn-enable').on('click', function(){
  141. var ids = web.getIds($('#dateTable'),'data-id');
  142. if (ids.length == 0) {
  143. layer.msg("请至少选中一条数据");
  144. } else {
  145. layer.confirm('确认要启用吗?', function (index) {
  146. updateStatus(ids.join(','),'1');
  147. });
  148. }
  149. });
  150. //停用
  151. $('#btn-disable').on('click', function(){
  152. var ids = web.getIds($('#dateTable'),'data-id');
  153. if (ids.length == 0) {
  154. layer.msg("请至少选中一条数据");
  155. } else {
  156. layer.confirm('确认要停用吗?', function (index) {
  157. updateStatus(ids.join(','),'0');
  158. });
  159. }
  160. });
  161. //删除
  162. function del(id){
  163. web.ajaxPost(base + "/product/delete", {id: id}, function (data) {
  164. if (data.success) {
  165. table.ajax.reload();
  166. layer.msg('删除成功');
  167. } else {
  168. layer.msg('删除失败');
  169. }
  170. });
  171. }
  172. //修改状态
  173. function updateStatus(id,status){
  174. web.ajaxPost(base + "/product/updateStatus", {id: id,status:status}, function (data) {
  175. if (data.success) {
  176. table.ajax.reload();
  177. layer.msg('操作成功');
  178. } else {
  179. layer.msg('操作失败');
  180. }
  181. });
  182. }
  183. //弹出
  184. function add(title,id){
  185. var url="productForm.jsp?productOwner="+productOwner;
  186. if(id){
  187. url +="&id="+id;
  188. }
  189. layer_show(title,url,"100%","100%");
  190. }
  191. //弹出
  192. function updateSort(title,id,data){
  193. var url="productUpdate.jsp?id="+id+"&sort="+data;
  194. layer_show(title,url,"300","158");
  195. }
  196. //弹出
  197. function updateVisitNum(title,id,data){
  198. var url="productUpdate.jsp?id="+id+"&visitNum="+data;
  199. layer_show(title,url,"300","158");
  200. }
  201. //弹出
  202. function order(num,productId){
  203. var url=base+"/web/user/userOrderList.jsp?productId="+productId+"&num="+num;
  204. layer_show("订单详情",url,"100%","100%");
  205. }
  206. exports('productList', {});
  207. });