material_pay.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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. <link rel="stylesheet" href="../../jquery-easyui-1.5.2/themes/icon.css" type="text/css">
  13. <style type="text/css">
  14. .table-overlay .layui-table-view,
  15. .table-overlay .layui-table-header,
  16. .table-overlay .layui-table-box,
  17. .table-overlay .layui-table-body {
  18. overflow: visible;
  19. }
  20. .table-overlay .layui-table-cell {
  21. height: auto;
  22. overflow: visible;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div class="layui-fluid">
  28. <div class="layui-card">
  29. <div class="layui-card-body" pad15>
  30. <form class="layui-form" action="" lay-filter="component-form-element">
  31. <div class="layui-row layui-col-space10">
  32. <div class="layui-col-xs6 layui-col-sm4">
  33. <label class="layui-form-label">订单费用:</label>
  34. <div class="layui-input-block">
  35. <input type="text" name="order_amount" lay-verify="number" autocomplete="off" value="0"
  36. class="layui-input">
  37. </div>
  38. </div>
  39. <div class="layui-col-xs6 layui-col-sm4">
  40. <label class="layui-form-label">付款账户:</label>
  41. <div class="layui-input-block">
  42. <select id="id_order_account" name="order_account" lay-search>
  43. <option value=""></option>
  44. </select>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="layui-row layui-col-space10">
  49. <div class="layui-col-xs6 layui-col-sm4">
  50. <label class="layui-form-label">运输费用:</label>
  51. <div class="layui-input-block">
  52. <input type="text" name="transport_amount" lay-verify="number" value="0"
  53. class="layui-input">
  54. </div>
  55. </div>
  56. <div class="layui-col-xs6 layui-col-sm4">
  57. <label class="layui-form-label">付款账户:</label>
  58. <div class="layui-input-block">
  59. <select id="id_transport_account" name="transport_account" lay-search>
  60. <option value=""></option>
  61. </select>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="layui-row layui-col-space10">
  66. <div class="layui-col-xs6 layui-col-sm4">
  67. <label class="layui-form-label">装卸费用:</label>
  68. <div class="layui-input-block">
  69. <input type="text" name="handing_amount" lay-verify="number" value="0" class="layui-input">
  70. </div>
  71. </div>
  72. <div class="layui-col-xs6 layui-col-sm4">
  73. <label class="layui-form-label">付款账户:</label>
  74. <div class="layui-input-block">
  75. <select id="id_handing_account" name="handing_account" lay-search>
  76. <option value=""></option>
  77. </select>
  78. </div>
  79. </div>
  80. </div>
  81. <button class="layui-btn" id="material-pay-submit" lay-submit
  82. lay-filter="component-form-element" style="display: none">确定
  83. </button>
  84. </form>
  85. </div>
  86. </div>
  87. </div>
  88. <script src="../../jquery-easyui-1.5.2/jquery.min.js"></script>
  89. <script src="../../layuiadmin/layui/layui.js"></script>
  90. <script>
  91. layui.config({
  92. base: '../../../layuiadmin/' //静态资源所在路径
  93. }).extend({
  94. index: 'lib/index' //主入口模块
  95. }).use(['index', 'form', 'utils',], function () {
  96. var $ = layui.$;
  97. var admin = layui.admin;
  98. var form = layui.form;
  99. var id = layui.view.getParameterByName('id');
  100. admin.req({
  101. url: '/foundation/search_options/?type=5',
  102. done: function (res) {
  103. var data = res.data;
  104. var order_account = $('#id_order_account');
  105. var transport_account = $('#id_transport_account');
  106. var handing_account = $('#id_handing_account');
  107. for (var i in data) {
  108. var pid = data[i].id;
  109. var value = data[i].name;
  110. order_account.append("<option value='" + pid + "'>" + value + "</option>");
  111. transport_account.append("<option value='" + pid + "'>" + value + "</option>");
  112. handing_account.append("<option value='" + pid + "'>" + value + "</option>");
  113. }
  114. form.render();
  115. }
  116. });
  117. form.on('submit(component-form-element)', function (data) {
  118. var order_amount = parseFloat(data.field.order_amount)
  119. var handing_amount = parseFloat(data.field.handing_amount)
  120. var transport_amount = parseFloat(data.field.transport_amount)
  121. if (order_amount > 0 && !data.field.order_account) {
  122. layer.msg('请选择订单费用付款账户!', {icon: 5});
  123. return false;
  124. }
  125. if (handing_amount > 0 && !data.field.handing_account) {
  126. layer.msg('请选择装卸费用付款账户!', {icon: 5});
  127. return false;
  128. }
  129. if (transport_amount > 0 && !data.field.transport_account) {
  130. layer.msg('请选择运输费用付款账户!', {icon: 5});
  131. return false;
  132. }
  133. console.log(!order_amount && !handing_amount && !transport_amount)
  134. if(!order_amount && !handing_amount && !transport_amount){
  135. layer.msg('请填写费用!', {icon: 5});
  136. return false;
  137. }
  138. admin.req({
  139. url: '/purchase/purchase_order/payment/?id=' + id
  140. , data: data.field
  141. , type: 'post'
  142. , done: function (res) {
  143. parent.layui.onSubmitChild();
  144. }
  145. });
  146. return false;
  147. });
  148. parent.layui.submitChild = function () {
  149. $("#material-pay-submit").click();
  150. };
  151. })
  152. </script>
  153. </body>
  154. </html>