feeding.js 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form','jQuery.print','jquery.qrcode.min'], function ($, undefined, Backend, Table, Form) {
  2. var Controller = {
  3. index: function () {
  4. // 初始化表格参数配置
  5. Table.api.init({
  6. extend: {
  7. index_url: 'feeding/index' + location.search,
  8. add_url: 'feeding/add',
  9. edit_url: 'feeding/edit',
  10. del_url: 'feeding/del',
  11. multi_url: 'feeding/multi',
  12. import_url: 'feeding/import',
  13. table: 'feeding',
  14. }
  15. });
  16. var table = $("#table");
  17. // 初始化表格
  18. table.bootstrapTable({
  19. url: $.fn.bootstrapTable.defaults.extend.index_url,
  20. pk: 'id',
  21. sortName: 'id',
  22. fixedColumns: true,
  23. fixedRightNumber: 1,
  24. columns: [
  25. [
  26. {checkbox: true},
  27. {field: 'id', title: __('Id')},
  28. {field: 'bach', title: __('Bach'), operate: 'LIKE'},
  29. {field: 'material', title: __('Material'), operate: 'LIKE'},
  30. {field: 'nweight', title: __('Nweight'), operate: 'LIKE'},
  31. {field: 'weight', title: __('Weight'), operate: 'LIKE'},
  32. {field: 'gy_num', title: __('Gy_num')},
  33. {field: 'date', title: __('Date'), operate: 'LIKE'},
  34. {field: 'operator', title: __('Operator'), operate: 'LIKE'},
  35. // {field: 'tid', title: __('Tid')},
  36. {field: 'inspector', title: __('Inspector'), operate: 'LIKE'},
  37. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  38. ]
  39. ]
  40. });
  41. table.on('post-body.bs.table',function(){
  42. $(".btn-add").data("area",["100%","100%"]);
  43. });
  44. // 为表格绑定事件
  45. Table.api.bindevent(table);
  46. },
  47. add: function () {
  48. $('#c-bach').focus();
  49. var num=0;
  50. $('#c-bach').keydown((e)=>{
  51. let key = e.which;
  52. if(key == 13){
  53. if(num === 0){
  54. var bach = $("#c-bach").val();
  55. if (bach == ''){
  56. layer.confirm('批次号不能为空,请输入批次号');return false;
  57. }
  58. $.ajax({
  59. method:"POST",
  60. data:{bach:bach},//批次号
  61. url:"feeding/get_task",
  62. success(res){
  63. if(res.code == 0){
  64. layer.confirm(res.msg,{
  65. title:['信息'],
  66. area:['80%','60%'],
  67. });
  68. var msg = new SpeechSynthesisUtterance(res.msg);
  69. window.speechSynthesis.speak(msg);
  70. return false;
  71. // layer.confirm(res.msg);return false;
  72. }
  73. $("#table").append("<input id='name' type='hidden' value='"+res.data[0].name+"'>");
  74. //批次号重复/做下拉选择
  75. if(res.data.length>1){
  76. let str = '';
  77. str+='<select class="selectpicker form-control" id="bach"><option>请选择对应的生产量</option>';
  78. for(var i=0;i<res.data.length;i++){
  79. str+='<option value="'+i+'">'+res.data[i].create+'&nbsp;&nbsp;&nbsp;&nbsp;生产量:'+res.data[i].number+'</option>';
  80. }
  81. str+='</select><a href="javascript:;" id="btn" class="btn btn-success">确认</a>';
  82. $('#c-bach').parent('#c_bach').append(str);
  83. $("#bach").change(()=>{
  84. $("#c-name").val(res.data[$("#bach").val()].name);
  85. $("#c-specifications").val(res.data[$("#bach").val()].drawer_name);
  86. $("#c-unit").val(res.data[$("#bach").val()].examine_name);
  87. });
  88. $("#btn").click(()=>{
  89. //只读->已扫描过批次号
  90. if($("#c-bach").attr('readonly')==='readonly'){
  91. return false;
  92. }
  93. $("#bach").css('cssText','display:none! important');//隐藏按钮,下拉菜单
  94. $("#btn").css('display','none');
  95. $.ajax({
  96. method:"POST",
  97. url:"feeding/get_formula",
  98. data:{
  99. bach:$("#c-bach").val(),
  100. num:res.data[$("#bach").val()].number// 选定批次号的生产量,精确查找
  101. },
  102. success(result){
  103. var str = '';//页面table
  104. var html = '';// html:需打印的表格
  105. for(var i=0;i<result.data.length;i++){
  106. str += "<tr class='tablestr"+i+" tablestr'><td><input class='form-control material' type='text' name='row[material][]' readonly value='"+result.data[i].material+"'></td>";
  107. str += "<td><input class='form-control' type='text' name='row[nweight][]' readonly value='"+result.data[i].nweight+"'></td>";
  108. str += "<td><input class='form-control' type='number' name='row[weight][]' value='";
  109. if (result.data[i].weight) {
  110. //已操作的工序变为只读,附带实加重量
  111. str += parseFloat(result.data[i].weight) + "' readonly ";
  112. }
  113. str += "'></td>";
  114. str += "<input class='form-control' type='hidden' name='row[gy_num][]' value='"+result.data[i].gy_num+"'>";
  115. str += "<td><input class='form-control' type='text' name='row[gy_name][]' readonly value='"+result.data[i].gy_name+"'></td>";
  116. str += "</tr>";
  117. html += `<tr class="print${i} print"><td>${result.data[i].material}</td>
  118. <td>${result.data[i].nweight}</td><td>`;
  119. if (result.data[i].weight) {
  120. html += parseFloat(result.data[i].weight);
  121. }
  122. html += `</td><td style="text-align: left">${result.data[i].gy_name}</td></tr>`;
  123. }
  124. html+= `<tr>
  125. <td style="width: 100px;text-align: center">总计</td>
  126. <td class="total" style="width: 100px;text-align: center"></td>
  127. <td id="total"></td>
  128. <td></td>
  129. </tr>`;//${res.data.number}
  130. $("#print_gy").append(html);
  131. $("#table").append(str);
  132. $("#c-bach").attr('readonly','readonly');//批次号输入框变为只读
  133. $("#wuliao").keydown((e)=>{
  134. let key = e.which;
  135. var error = 0;
  136. if(key === 13){
  137. var wuliao = $("#wuliao").val();
  138. for(var i=0;i<result.data.length;i++) {
  139. //扫描的物料=table中的物料,,,变红,否则语音提示
  140. if(result.data[i].material===wuliao && result.data[i].gy_num == result.process){
  141. $(".material")[i].setAttribute('style','color:red');
  142. error++;
  143. }else if(result.data[i].material===wuliao){
  144. Layer.confirm("此物料不在当前工序,请确认!");
  145. //语音播报
  146. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  147. window.speechSynthesis.speak(msg);
  148. error++;
  149. }
  150. //替代料变扫描的物料
  151. if(result.data[i].material.indexOf('/')!==-1){
  152. var arr = result.data[i].material.split('/');
  153. if(arr.indexOf($("#wuliao").val()) !== -1 && result.data[i].gy_num == result.process){
  154. $(".material")[i].value = wuliao;
  155. $(".material")[i].setAttribute('style','color:red');
  156. error++;
  157. }else if(arr.indexOf($("#wuliao").val()) !== -1 ){
  158. Layer.confirm("此物料不在当前工序,请确认!");
  159. //语音播报
  160. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  161. window.speechSynthesis.speak(msg);
  162. error++;
  163. }
  164. }
  165. }
  166. if(error===0){
  167. Layer.confirm("此物料不在配方中,请确认!");
  168. //语音播报
  169. var msg = new SpeechSynthesisUtterance("此物料不在配方中,请确认!");
  170. window.speechSynthesis.speak(msg);
  171. }
  172. //清空物料扫描后的值,下次直接重新扫描即可
  173. $("#wuliao").val('');
  174. }
  175. });
  176. }
  177. });
  178. });
  179. }else{//批次号不重复直接赋值
  180. console.log(2222)
  181. $("#btn").css('display','none');
  182. $("#c-name").val(res.data[0].name);
  183. $("#c-specifications").val(res.data[0].drawer_name);
  184. $("#c-unit").val(res.data[0].examine_name);
  185. $("#c-operator").val(res.operator);
  186. $("#c-inspector").val(res.inspector);
  187. $.ajax({
  188. method: "POST",
  189. url: "feeding/get_formula",
  190. data: {
  191. bach: $("#c-bach").val(),
  192. num:''
  193. },
  194. success(result) {
  195. console.log(result)
  196. var str = '';//页面table
  197. var html = '';//打印的table
  198. for(var i=0;i<result.data.length;i++){
  199. str += "<tr class='tablestr"+i+" tablestr'><td><input class='form-control material' type='text' name='row[material][]' readonly value='"+result.data[i].material+"'></td>";
  200. str += "<td><input class='form-control' type='text' name='row[nweight][]' readonly value='"+result.data[i].nweight+"'></td>";
  201. str += "<input class='form-control' type='hidden' name='row[gy_num][]' value='"+result.data[i].gy_num+"'>";
  202. str += "<td><input class='form-control' type='number' name='row[weight][]' value='";
  203. if (result.data[i].weight) {
  204. //已操作的工序变为只读,附带实加重量
  205. str += result.data[i].weight + "' readonly ";
  206. }
  207. str += "'></td>";
  208. str += "<td><input class='form-control' type='text' name='row[gy_name][]' readonly value='"+result.data[i].gy_name+"'></td>";
  209. str += "</tr>";
  210. html += `<tr class="print${i} print"><td>${result.data[i].material}</td>
  211. <td>${result.data[i].nweight}</td><td>`;
  212. if (result.data[i].weight) {
  213. html += parseFloat(result.data[i].weight);
  214. }
  215. html += `</td><td style="text-align: left">${result.data[i].gy_name}</td></tr>`;
  216. }
  217. html+= `<tr>
  218. <td style="width: 100px;text-align: center">总计</td>
  219. <td class="total" id="stotal" style="width: 100px;text-align: center"></td>
  220. <td id="total"></td>
  221. <td></td>
  222. </tr>`;//${res.data[0].number}
  223. $("#print_gy").append(html);
  224. $("#table").append(str);
  225. $("#c-bach").attr('readonly','readonly');//批次号输入框变为只读
  226. $("#wuliao").keydown((e)=>{
  227. let key = e.which;
  228. var error = 0;
  229. if(key === 13){
  230. var wuliao = $("#wuliao").val();
  231. $('#input').html();
  232. $('#input').html(wuliao);
  233. for (var i=0;i<result.data.length;i++){
  234. //扫描的物料=table中的物料,,,变红,否则语音提示
  235. if(result.data[i].material===wuliao){
  236. if (result.data[i].gy_num == result.process){
  237. $(".material")[i].setAttribute('style','color:red');
  238. //语音播报
  239. var msg = new SpeechSynthesisUtterance("应投入物料"+result.data[i].material+"应投入重量"+result.data[i].nweight+"千克");
  240. window.speechSynthesis.speak(msg);
  241. error++;
  242. }else if (result.data[i].gy_num > result.process){
  243. Layer.confirm("此物料不在当前工序,请确认!",{
  244. area: ['60%', '60%'],
  245. });
  246. //语音播报
  247. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  248. window.speechSynthesis.speak(msg);
  249. error++;
  250. }else {
  251. Layer.confirm("此物料已经投料,请确认此工序是否有此物料!",{
  252. area: ['60%', '60%'],
  253. });
  254. //语音播报
  255. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  256. window.speechSynthesis.speak(msg);
  257. error++;
  258. }
  259. }
  260. //替代料变扫描的物料
  261. if(result.data[i].material.indexOf('/')!==-1){
  262. var arr = result.data[i].material.split('/');
  263. if(arr.indexOf($("#wuliao").val()) !== -1 && result.data[i].gy_num == result.process){
  264. $(".material")[i].value = wuliao;
  265. $(".material")[i].setAttribute('style','color:red');
  266. error++;
  267. }else if(arr.indexOf($("#wuliao").val()) !== -1 ){
  268. Layer.confirm("此物料不在当前工序,请确认!",{
  269. area: ['60%', '60%'],
  270. });
  271. //语音播报
  272. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  273. window.speechSynthesis.speak(msg);
  274. error++;
  275. }
  276. }
  277. }
  278. // console.log(new_data);return false;
  279. // for(var i=0;i<result.data.length;i++) {
  280. // //扫描的物料=table中的物料,,,变红,否则语音提示
  281. // if(result.data[i].material===wuliao && result.data[i].gy_num == result.process){
  282. // $(".material")[i].setAttribute('style','color:red');
  283. // //语音播报
  284. // var msg = new SpeechSynthesisUtterance("应投入物料"+result.data[i].material+"应投入重量"+result.data[i].nweight+"千克");
  285. // window.speechSynthesis.speak(msg);
  286. // error++;
  287. // break;
  288. // }else if(result.data[i].material===wuliao && result.data[i].gy_num != result.process ){
  289. // Layer.confirm("此物料不在当前工序,请确认!",{
  290. // area: ['60%', '60%'],
  291. // });
  292. // //语音播报
  293. // var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  294. // window.speechSynthesis.speak(msg);
  295. // error++;
  296. // }
  297. // //替代料变扫描的物料
  298. // if(result.data[i].material.indexOf('/')!==-1){
  299. // var arr = result.data[i].material.split('/');
  300. // if(arr.indexOf($("#wuliao").val()) !== -1 && result.data[i].gy_num == result.process){
  301. // $(".material")[i].value = wuliao;
  302. // $(".material")[i].setAttribute('style','color:red');
  303. // error++;
  304. // }else if(arr.indexOf($("#wuliao").val()) !== -1 ){
  305. // Layer.confirm("此物料不在当前工序,请确认!",{
  306. // area: ['60%', '60%'],
  307. // });
  308. // //语音播报
  309. // var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  310. // window.speechSynthesis.speak(msg);
  311. // error++;
  312. // }
  313. // }
  314. // }
  315. if(error===0){
  316. layer.confirm("此物料不在配方中,且没有替代料,请确认!", {//物料不存在提示错误信息
  317. title: ['信息'],
  318. btn: ['确认'],
  319. area: ['60%', '60%'],
  320. });
  321. // var fn = function(){
  322. var synth = window.speechSynthesis;
  323. var msg = new window.SpeechSynthesisUtterance('此物料不在配方中,且没有替代料,请确认!');
  324. window.speechSynthesis.cancel();
  325. synth.speak(msg);
  326. // }
  327. // setInterval(fn,5000);
  328. //语音播报setTimeout()
  329. // var msg = new SpeechSynthesisUtterance("此物料不在配方中,且没有替代料,请确认!");
  330. // window.speechSynthesis.speak(msg);
  331. }
  332. //清空物料扫描后的值,下次直接重新扫描即可
  333. $("#wuliao").val('');
  334. }
  335. });
  336. }
  337. });
  338. }
  339. }
  340. });
  341. num++;
  342. }else{
  343. // return false;
  344. }
  345. }
  346. });
  347. $('input').keydown( function (e) {
  348. let key = e.which;
  349. if (key == 13) {
  350. return false;
  351. }
  352. });
  353. $(document).ready(function($) { 'use strict';
  354. $(".print-link").on('click', function() {
  355. var status = 1;
  356. var total = 0;
  357. var stotal = 0;
  358. //开票人
  359. $("#specifications").html($('#c-specifications').val());
  360. //审核
  361. $("#unit").html($('#c-unit').val());
  362. //批次号
  363. var bach = $('#c-bach').val();
  364. //写入到add页面
  365. $("#bach").html(bach);
  366. $("#formula").val($("#name").val());
  367. //添加重量,包装规格,机组到表格内
  368. for(var i=0;i<$(".tablestr").length;i++){
  369. var weight = parseFloat($(".tablestr:eq("+i+")").children("tr td:eq(2)").children().val());
  370. if(weight){
  371. $(".print:eq("+i+")").children("tr td:eq(2)").html(weight);
  372. total += weight;
  373. }
  374. var weight2 = parseFloat($(".tablestr:eq("+i+")").children("tr td:eq(1)").children().val());
  375. if(weight2){
  376. $(".print:eq("+i+")").children("tr td:eq(1)").html(weight2);
  377. stotal += weight2;
  378. }
  379. }
  380. $("#stotal").html(stotal.toFixed(2));
  381. if(total>0){
  382. $("#total").html(total.toFixed(2));
  383. }
  384. if(!$("#c-pickor").val()){
  385. status = 2;
  386. }
  387. if(!$("#c-warehouseor").val()){
  388. status = 2;
  389. }
  390. /*if (status == 2){
  391. layer.confirm('领料人或仓管人为空,请检查!');return false;
  392. }*/
  393. createQrcode(bach,80,80);
  394. var img = document.getElementById("myImage"); /// get image element
  395. var canvas = document.getElementsByTagName('canvas')[0];
  396. img.src = canvas.toDataURL(); /// update image
  397. $.print('#print_area');
  398. return false;
  399. });
  400. function createQrcode(txt,width,height) {
  401. $("#qrcode").qrcode({
  402. render: "canvas",//canvas和table两种渲染方式
  403. width: width,
  404. height: height,
  405. correctLevel:3,//二维码纠错级别
  406. background:"#ffffff",//背景颜色
  407. foreground:"#000000", //二维码颜色
  408. text:txt
  409. });
  410. }
  411. });
  412. Controller.api.bindevent();
  413. },
  414. edit: function () {
  415. Controller.api.bindevent();
  416. },
  417. api: {
  418. bindevent: function () {
  419. Form.api.bindevent($("form[role=form]"));
  420. }
  421. }
  422. };
  423. return Controller;
  424. });