purchase_order_edit.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  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. </head>
  19. <body>
  20. <div class="layui-fluid">
  21. <div class="layui-card">
  22. <div class="layui-card-body" pad15>
  23. <div class="layui-row layui-col-space15">
  24. <div class="layui-col-md12">
  25. <form class="layui-form" action="" lay-filter="component-form-element">
  26. <div class="layui-row layui-col-space10">
  27. <div class="layui-col-xs6 layui-col-sm4">
  28. <label class="layui-form-label"><font color='red' size="4">*</font>合同号:</label>
  29. <div class="layui-input-block">
  30. <input id="id_no" type="text" name="no" lay-verify="required" autocomplete="off" class="layui-input">
  31. </div>
  32. </div>
  33. <div class="layui-col-xs6 layui-col-sm4">
  34. <label class="layui-form-label"><font color='red' size="4">*</font>供应商:</label>
  35. <div class="layui-input-block">
  36. <select id="id_supplier" name="supplier" lay-verify="required" lay-search>
  37. <option value=""></option>
  38. </select>
  39. </div>
  40. </div>
  41. <div class="layui-col-xs6 layui-col-sm4">
  42. <label class="layui-form-label">付款方式:</label>
  43. <div class="layui-input-block">
  44. <!--<input id="id_payment_type" type="text" name="payment_type" autocomplete="off"
  45. class="layui-input">-->
  46. <input type="text" name="payment_type" id="id_payment_type" class="layui-input" style="position:absolute;z-index:2;width:80%;" autocomplete="off">
  47. <select lay-filter="hc_select">
  48. <option value="票到付款">票到付款</option>
  49. <option value="预付">预付</option>
  50. </select>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="layui-row layui-col-space10">
  55. <div class="layui-col-xs6 layui-col-sm4">
  56. <label class="layui-form-label"><font color='red' size="4">*</font>收货人:</label>
  57. <div class="layui-input-block">
  58. <input id="id_consignee_name" type="text" name="consignee_name" lay-verify="required" autocomplete="off"
  59. class="layui-input">
  60. </div>
  61. </div>
  62. <div class="layui-col-xs6 layui-col-sm4">
  63. <label class="layui-form-label"><font color='red' size="4">*</font>收货电话:</label>
  64. <div class="layui-input-block">
  65. <input id="id_consignee_tel" type="text" name="consignee_tel" lay-verify="required" autocomplete="off"
  66. class="layui-input">
  67. </div>
  68. </div>
  69. <div class="layui-col-xs6 layui-col-sm4">
  70. <label class="layui-form-label">交货时间:</label>
  71. <div class="layui-input-block">
  72. <input id="id_deliver_time" type="text" name="deliver_time" autocomplete="off"
  73. class="layui-input">
  74. </div>
  75. </div>
  76. </div>
  77. <div class="layui-row layui-col-space10">
  78. <div class="layui-col-xs12">
  79. <label class="layui-form-label">备注:</label>
  80. <div class="layui-input-block">
  81. <input id="id_notes" type="text" name="notes" autocomplete="off"
  82. class="layui-input">
  83. </div>
  84. </div>
  85. </div>
  86. <button class="layui-btn" id="purchase-order-submit" lay-submit lay-filter="component-form-element" style="display: none">保存</button>
  87. </form>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <script src="../../layuiadmin/layui/layui.js"></script>
  94. <script>
  95. var _options = [];
  96. layui.link('../../../layuiadmin/style/autocomplete.css');
  97. layui.config({
  98. base: '../../../layuiadmin/' //静态资源所在路径
  99. }).extend({
  100. index: 'lib/index',
  101. autocomplete: 'autocomplete'
  102. }).use(['index', 'form', 'autocomplete', 'table', 'utils'], function(){
  103. var $ = layui.$
  104. ,admin = layui.admin
  105. ,element = layui.element
  106. ,form = layui.form
  107. ,table = layui.table
  108. ,utils = layui.utils
  109. ,autocomplete = layui.autocomplete;
  110. var id = layui.view.getParameterByName('id');
  111. var supplier_type = layui.view.getParameterByName('type');
  112. var supplier_option = '';
  113. admin.req({
  114. url: '/foundation/search_options/?type=4',
  115. done: function(res){
  116. _options = res.data;
  117. }
  118. });
  119. admin.req({
  120. url: '/supplier/supplier/select/?type=' + supplier_type,
  121. done: function(res){
  122. var suppliers = res.data;
  123. for (var i in suppliers) {
  124. supplier_option += "<option value="+ suppliers[i].id+">"+ suppliers[i].value+"</option>";
  125. }
  126. $("#id_supplier").append(supplier_option);
  127. form.render();
  128. var orderData = JSON.parse(JSON.stringify(parent.layui.table.editdata));
  129. form.val("component-form-element", orderData);
  130. }
  131. });
  132. form.render(null, 'component-form-element');
  133. element.render('breadcrumb', 'breadcrumb');
  134. form.on('select(hc_select)', function (data) { // 赋值给input框
  135. $("#id_payment_type").val(data.value);
  136. form.render();
  137. });
  138. form.on('submit(component-form-element)', function(data){
  139. var supplier = $('#id_supplier').val();
  140. var payment_type = $('#id_payment_type').val();
  141. var notes = $('#id_notes').val();
  142. var deliver_time = $('#id_deliver_time').val();
  143. var no = $('#id_no').val();
  144. var consignee_name = $('#id_consignee_name').val();
  145. var consignee_tel = $('#id_consignee_tel').val();
  146. var order_data = {
  147. 'supplier': supplier,
  148. 'notes': notes,
  149. 'no': no,
  150. 'count': 0,
  151. 'amount': 0,
  152. 'payment_type': payment_type,
  153. 'deliver_time':deliver_time,
  154. 'consignee_name': consignee_name,
  155. 'consignee_tel': consignee_tel
  156. };
  157. data.field.order_data = order_data;
  158. admin.req({
  159. url: '/purchase/purchase_order/edit/?id='+id
  160. ,data: JSON.stringify(data.field)
  161. ,type: 'post'
  162. , done: function (res) {
  163. parent.layui.onSubmitChild();
  164. }
  165. });
  166. return false;
  167. });
  168. $('#btn_close').on('click', function() {
  169. parent.layer.closeAll('iframe');
  170. });
  171. parent.layui.submitChild = function () {
  172. $("#purchase-order-submit").click();
  173. };
  174. });
  175. </script>
  176. </body>
  177. </html>