commodity_discount.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>商品折扣</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. </head>
  13. <body>
  14. <div class="layui-fluid">
  15. <div class="layui-col-md12">
  16. <div class="layui-card">
  17. <form id='fm' class="layui-form" action="" lay-filter="component-form-element">
  18. <button class="layui-btn" id="id_save" lay-submit lay-filter="component-form-element"
  19. style="display: none">保存
  20. </button>
  21. </form>
  22. </div>
  23. <div class="layui-card">
  24. <div class="layui-card-body">
  25. <div>商品名称:<font id="id_name"></font></div>
  26. <div style="height: 5px"></div>
  27. <div id="tableRes" class="table-overlay">
  28. <table id="dataTable" lay-filter="dataTable" class="layui-hide"></table>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <script src="../../layuiadmin/layui/layui.js"></script>
  35. <script>
  36. layui.config({
  37. base: '../../../layuiadmin/' //静态资源所在路径
  38. }).extend({
  39. index: 'lib/index' //主入口模块
  40. }).use(['index', 'table', 'layer', 'form',], function () {
  41. var $ = layui.$
  42. , admin = layui.admin
  43. , form = layui.form
  44. , table = layui.table
  45. , layer = layui.layer;
  46. var id = layui.view.getParameterByName('id');
  47. var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
  48. $('#id_name').html(editdata.name)
  49. var tbWidth = $("#tableRes").width();
  50. var layTableId = "layTable";
  51. var tableIns = table.render({
  52. elem: '#dataTable',
  53. id: layTableId,
  54. data: [],
  55. width: tbWidth,
  56. page: false,
  57. limit: 100,
  58. loading: true,
  59. even: true, //不开启隔行背景
  60. cols: [[
  61. {title: '序号', type: 'numbers'},
  62. {field: 'agent_level_text', title: '等级', width: '20%',},
  63. {field: 'discount', title: '折扣', edit: 'text', width: '20%',},
  64. ]],
  65. });
  66. admin.req({
  67. url: '/commodity/commodity_discount/?commodity=' + id,
  68. done: function (res) {
  69. var rows = res.data;
  70. var oldData = table.cache[layTableId];
  71. for (var k in rows) {
  72. oldData.push(
  73. {
  74. id: rows[k].id,
  75. agent_level_text: rows[k].agent_level_text,
  76. discount: rows[k].discount,
  77. }
  78. )
  79. }
  80. tableIns.reload({
  81. data: oldData
  82. });
  83. }
  84. });
  85. //保存
  86. form.on('submit(component-form-element)', function (data) {
  87. var rows = table.cache[layTableId];
  88. var items = [];
  89. for (var k in rows) {
  90. var item = {
  91. id: rows[k].id,
  92. discount: rows[k].discount,
  93. };
  94. items.push(item);
  95. }
  96. if (items.length === 0) {
  97. layer.msg('参数错误!', {icon: 2});
  98. return false;
  99. }
  100. admin.req({
  101. url: '/commodity/'+id+'/update_discount/'
  102. , data: {items:JSON.stringify(items)}
  103. //, contentType: false
  104. //, processData: false
  105. , type: 'post'
  106. , done: function (res) {
  107. parent.layui.onSubmitChild(res);
  108. }
  109. });
  110. return false;
  111. });
  112. parent.layui.submitChild = function () {
  113. $("#id_save").click();
  114. };
  115. });
  116. </script>
  117. </body>
  118. </html>