order-task-edit.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  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,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
  10. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
  11. <link rel="stylesheet" href="./css/font.css">
  12. <link rel="stylesheet" href="./css/xadmin.css">
  13. <script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
  14. <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
  15. <script type="text/javascript" src="js/admin.js"></script>
  16. <script type="text/javascript" src="./js/jquery_cookie_min.js"></script>
  17. <script type="text/javascript" src="./js/jqhttpsdk.js"></script>
  18. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  19. <!--[if lt IE 9]>
  20. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  21. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  22. <![endif]-->
  23. </head>
  24. <body>
  25. <div class="x-body">
  26. <form class="layui-form">
  27. <div class="layui-form-item">
  28. <label for="order_number" class="layui-form-label">
  29. <span class="x-red">*</span>生产订单号
  30. </label>
  31. <div class="layui-input-inline">
  32. <input type="text" id="order_number" name="order_number" required="" lay-verify="required"
  33. autocomplete="off" value="" class="layui-input" disabled>
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label for="board" class="layui-form-label">
  38. <span class="x-red">*</span>主板名称
  39. </label>
  40. <div class="layui-input-inline">
  41. <input type="text" value="" id="board" name="board" required="" lay-verify="required"
  42. autocomplete="off" class="layui-input">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label for="plan" class="layui-form-label">
  47. <span class="x-red">*</span>配置方案
  48. </label>
  49. <div class="layui-input-inline">
  50. <input type="text" value="" id="plan" name="plan" required="" lay-verify="required"
  51. autocomplete="off" class="layui-input">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label for="checksum" class="layui-form-label">
  56. <span class="x-red">*</span>校验和
  57. </label>
  58. <div class="layui-input-inline">
  59. <input type="text" value="" id="checksum" name="checksum" required="" lay-verify="required"
  60. autocomplete="off" class="layui-input">
  61. </div>
  62. </div>
  63. <div class="layui-form-item">
  64. <label for="ic_model" class="layui-form-label">
  65. <span class="x-red">*</span>IC型号
  66. </label>
  67. <div class="layui-input-inline">
  68. <input type="text" value="" id="ic_model" name="ic_model" required="" lay-verify="required"
  69. autocomplete="off" class="layui-input">
  70. </div>
  71. </div>
  72. <div class="layui-form-item">
  73. <label for="quantity" class="layui-form-label">
  74. <span class="x-red">*</span>通知单数量
  75. </label>
  76. <div class="layui-input-inline">
  77. <input type="text" value="" id="quantity" name="quantity" required="" lay-verify="required"
  78. autocomplete="off" class="layui-input">
  79. </div>
  80. </div>
  81. <div class="layui-form-item">
  82. <label for="L_repass" class="layui-form-label">
  83. </label>
  84. <button class="layui-btn" lay-filter="add" lay-submit="">
  85. 修改
  86. </button>
  87. </div>
  88. </form>
  89. </div>
  90. <script>
  91. var id;
  92. $(function () {
  93. id = getQueryString('id')
  94. $('#order_number').val(getQueryString('order_number'));
  95. $('#plan').val(getQueryString('plan'));
  96. $('#board').val(getQueryString('board'));
  97. $('#checksum').val(getQueryString('checksum'));
  98. $('#ic_model').val(getQueryString('ic_model'));
  99. $('#quantity').val(getQueryString('quantity'));
  100. });
  101. function getQueryString(name) {
  102. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  103. var r = window.location.search.substr(1).match(reg);
  104. if (r !== null)
  105. return unescape(r[2]);
  106. return null;
  107. }
  108. layui.use(['form', 'layer'], function () {
  109. var $ = jQuery = layui.$;
  110. var form = layui.form, layer = layui.layer;
  111. //自定义验证规则
  112. form.verify({
  113. nikename: function (value) {
  114. if (value.length < 5) {
  115. return '昵称至少得5个字符啊';
  116. }
  117. }
  118. , pass: [/(.+){6,12}$/, '密码必须6到12位']
  119. , repass: function (value) {
  120. if ($('#L_pass').val() != $('#L_repass').val()) {
  121. return '两次密码不一致';
  122. }
  123. }
  124. });
  125. //监听提交
  126. form.on('submit(add)', function (data) {
  127. console.log(data.field);
  128. var values = data.field;
  129. var content = JSON.stringify({
  130. order_number: values.order_number,
  131. plan: values.plan,
  132. board: values.board,
  133. checksum: values.checksum,
  134. ic_model: values.ic_model,
  135. quantity: values.quantity
  136. });
  137. $.post(
  138. http_ip_port + '/orderTask/update',
  139. {
  140. id: id,
  141. content: content,
  142. token: $.cookie('access_token')
  143. },
  144. function (res) {
  145. console.log(res);
  146. res = JSON.parse(res);
  147. if(res.code === 0) {
  148. //发异步,把数据提交
  149. layer.alert("修改成功", {icon: 6}, function () {
  150. // 获得frame索引
  151. var index = parent.layer.getFrameIndex(window.name);
  152. //关闭当前frame
  153. parent.layer.close(index);
  154. parent.location.reload();
  155. });
  156. }else {
  157. alert(res.msg);
  158. }
  159. }
  160. );
  161. return false;
  162. });
  163. });
  164. </script>
  165. </body>
  166. </html>