purchase_price_user_edit.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  11. <style type="text/css">
  12. .table-overlay .layui-table-view,
  13. .table-overlay .layui-table-header,
  14. .table-overlay .layui-table-box,
  15. .table-overlay .layui-table-body{overflow: visible;}
  16. .table-overlay .layui-table-cell{height: auto; overflow: visible;}
  17. </style>
  18. <body>
  19. <div class="layui-fluid">
  20. <div class="layui-card">
  21. <div class="layui-card-body" pad15>
  22. <div class="layui-row layui-col-space15">
  23. <div class="layui-col-md12">
  24. <form class="layui-form" action="" lay-filter="component-form-element">
  25. <div class="table-overlay">
  26. <table id="product_data_table" lay-filter="product_data_table" class="layui-hide"></table>
  27. </div>
  28. <button class="layui-btn" id="submit_btn" lay-submit lay-filter="component-form-element" style="display: none">确定</button>
  29. </form>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <script src="../../layuiadmin/layui/layui.js"></script>
  36. <script>
  37. var _Quality_request = [];
  38. var _user = [];
  39. layui.config({
  40. base: '../../../layuiadmin/', //静态资源所在路径
  41. }).extend({
  42. index: 'lib/index' //主入口模块
  43. }).use(['index', 'utils', 'form', 'table', 'laydate'], function() {
  44. var $ = layui.$;
  45. var utils = layui.utils;
  46. var laydate = layui.laydate;
  47. var admin = layui.admin;
  48. var form = layui.form;
  49. var table = layui.table;
  50. var id = layui.view.getParameterByName('id');
  51. admin.req({
  52. url: '/purchase/purchase_price/detail/?id=' + id,
  53. done: function (res) {
  54. var data = res.data.data;
  55. var productData = table.cache[product_data_table];
  56. for (var i in data) {
  57. var newRow = {
  58. id: data[i].id,
  59. name: data[i].name,
  60. user_name: data[i].user_name,
  61. supplier_name: data[i].supplier_name,
  62. price: data[i].price
  63. };
  64. productData.push(newRow);
  65. }
  66. product_tableIns.reload({
  67. data: productData
  68. })
  69. }
  70. });
  71. var product_data_table = "product_data_table";
  72. var product_tableIns = table.render({
  73. elem: '#product_data_table',
  74. id: product_data_table,
  75. data: [],
  76. page: false,
  77. limit: 1000,
  78. loading: true,
  79. even: true, //不开启隔行背景
  80. cols: [[
  81. {title: '序号', type: 'numbers'},
  82. {field: 'name', title: '产品名称', width: 100},
  83. {field: 'user_name', title: '采购员', width: 100},
  84. {field: 'supplier_name', title: '供应商', width: 100},
  85. {field: 'price', title: '价格', width: 100, templet: function (d){
  86. return '<input id="price'+d.id+'" type="text" value="'+d.price+'" lay-verify="required|numberGtZ" autocomplete="off" class="layui-input">';
  87. }}
  88. ]]
  89. ,done: function () {
  90. layui.index.removeNoPermButtons();
  91. }
  92. });
  93. //监听工具条
  94. table.on('tool(product_data_table)', function (obj) {
  95. var data = obj.data, event = obj.event, tr = obj.tr; //获得当前行 tr 的DOM对象;
  96. switch (event) {
  97. case "chooseDate":
  98. laydate.render({
  99. elem: '#product_time'+data.id,
  100. trigger:"click",
  101. type:'datetime',
  102. show:true,
  103. closeStop:'#product_time'+data.id
  104. });
  105. break;
  106. case "del":
  107. obj.del();
  108. layer.msg('删除成功', {icon: 6});
  109. break;
  110. }
  111. });
  112. var getproductData = function () {
  113. var rows = table.cache[product_data_table];
  114. var data = [];
  115. for (var n in rows) {
  116. if (rows[n] == false) {
  117. continue;
  118. }
  119. var price = $('#price'+rows[n].id).val();
  120. var item = {
  121. id: rows[n].id,
  122. user_name: rows[n].user_name,
  123. supplier_name: rows[n].supplier_name,
  124. name: rows[n].name,
  125. price: price
  126. };
  127. data.push(item);
  128. }
  129. return data;
  130. };
  131. form.on('submit(component-form-element)', function (data) {
  132. var items = getproductData();
  133. if (items.length == 0) {
  134. layer.msg('没有上报询价!', {icon: 5});
  135. return false;
  136. }
  137. admin.req({
  138. url: '/purchase/purchase_price/edit_save/'
  139. , data: {data: JSON.stringify(items)}
  140. , type: 'post'
  141. , done: function (res) {
  142. parent.layui.onSubmitChild();
  143. }
  144. });
  145. return false;
  146. });
  147. parent.layui.submitChild = function () {
  148. $("#submit_btn").click();
  149. };
  150. })
  151. </script>
  152. </body>
  153. </html>