feeding.js 69 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050
  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: 'no', title: __('No'), operate: 'LIKE' },
  31. { field: 'nweight', title: __('Nweight'), operate: 'LIKE' },
  32. { field: 'weight', title: __('Weight'), operate: 'LIKE' },
  33. { field: 'gy_num', title: __('Gy_num') },
  34. { field: 'date', title: __('Date'), operate: 'LIKE' },
  35. { field: 'operator', title: __('Operator'), operate: 'LIKE' },
  36. // {field: 'tid', title: __('Tid')},
  37. { field: 'inspector', title: __('Inspector'), operate: 'LIKE' },
  38. { field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate }
  39. ]
  40. ]
  41. });
  42. table.on('post-body.bs.table', function () {
  43. $(".btn-add").data("area", ["100%", "100%"]);
  44. });
  45. // 进入页面全屏
  46. if (document.documentElement) {
  47. document.documentElement.webkitRequestFullScreen();
  48. document.body.onkeyup = function (e) {
  49. e = e || window.event;
  50. console.log(e.keyCode);
  51. if (e.keyCode == 27) {//Esc全屏或退出全屏
  52. document.documentElement.webkitRequestFullScreen();
  53. }
  54. if (e.keyCode == 116) {//F5
  55. document.documentElement.webkitRequestFullScreen();
  56. }
  57. if (e.keyCode == 82 && e.ctrlKey) {//Ctrl+R
  58. document.documentElement.webkitRequestFullScreen();
  59. }
  60. if (e.keyCode === 13) {
  61. document.querySelector('.btn-refresh').click();
  62. document.querySelector('.btn-add').click();
  63. }
  64. };
  65. }
  66. // 为表格绑定事件
  67. Table.api.bindevent(table);
  68. },
  69. add: function () {
  70. $(document).ready(function(){
  71. // 设置边框颜色并清除其他输入框的边框颜色
  72. function setBorderColor(input) {
  73. $('input').not(input).css('border-color', ''); // 清除其他输入框的边框颜色
  74. input.css('border-color', 'red'); // 设置当前点击输入框的边框颜色
  75. }
  76. function setBorderColors(input) {
  77. $('input').not(input).css('border-color', '');
  78. input.css('border-color', 'red');
  79. $('#c-inspector').css('border-color', '');
  80. $('#c-operator').css('border-color', '');
  81. }
  82. $('#c-bach').focus(function(){
  83. setBorderColors($(this));
  84. });
  85. $('#wuliao').focus(function(){
  86. setBorderColors($(this));
  87. });
  88. $('#dzcshuju').focus(function(){
  89. setBorderColors($(this));
  90. });
  91. $('#c-operator').focus(function(){
  92. setBorderColor($(this));
  93. $('#c-inspector').css('border-color', '');
  94. });
  95. $('#c-inspector').focus(function(){
  96. setBorderColor($(this));
  97. $('#c-operator').css('border-color', '');
  98. });
  99. });
  100. // //自动获取电子秤串口js方法
  101. // let serialPort;
  102. // let reader;
  103. // let readFlag = true;
  104. // let conectFlag = false;
  105. // let serialData = [];
  106. // let asciidecoder = new TextDecoder();
  107. // let serialTimer = null;
  108. // let input = null;
  109. // let oldVal = 0;
  110. //
  111. // function connectSerial() {
  112. // console.log("connectSerial")
  113. // navigator.serial.getPorts().then((ports) => {
  114. // console.log(ports.length)
  115. // if (ports.length === 1) {
  116. // serialPort = ports[0];
  117. // serialPort.open({ baudRate: 9600 });
  118. // conectFlag = true;
  119. // } else {
  120. // console.log('req');
  121. // navigator.serial
  122. // .requestPort()
  123. // .then((port) => {
  124. // serialPort = port;
  125. // serialPort.open({ baudRate: 9600 });
  126. // conectFlag = true;
  127. // })
  128. // .catch((e) => {
  129. // console.log(e);
  130. // // The user didn't select a port.
  131. // });
  132. // }
  133. // });
  134. // }
  135. //
  136. // //读串口数据
  137. // async function readData() {
  138. // console.log('start readData');
  139. // while (readFlag && conectFlag && serialPort.readable) {
  140. // reader = serialPort.readable.getReader()
  141. // try {
  142. // while (true) {
  143. // const { value, done } = await reader.read();
  144. // if (done) {
  145. // break;
  146. // }
  147. // dataReceived(value);
  148. // }
  149. // } catch (error) {
  150. // } finally {
  151. // reader.releaseLock();
  152. // }
  153. // }
  154. // console.log('stop readData');
  155. // // await serialPort.close()
  156. // }
  157. //
  158. // //串口分包合并
  159. // function dataReceived(data) {
  160. // serialData.push(...data);
  161. // //清除之前的时钟
  162. // clearTimeout(serialTimer);
  163. // serialTimer = setTimeout(() => {
  164. // //超时处理
  165. // const dataNum = parseFloat(asciidecoder.decode(Uint8Array.from(data)));
  166. // console.log(dataNum);
  167. // if (dataNum && input) {
  168. // input.val(dataNum);
  169. // input.prop('readonly', true);
  170. // oldVal = dataNum;
  171. // }
  172. // serialData = [];
  173. // }, 50);
  174. // }
  175. // const BAUD_RATE = 9600;
  176. // const READ_TIMEOUT = 20;
  177. // let serialPort;
  178. // let reader;
  179. // let readFlag = true;
  180. // let conectFlag = false;
  181. // let serialData = [];
  182. // let asciidecoder = new TextDecoder();
  183. // let serialTimer = null;
  184. // let input = null;
  185. // let oldVal = 0;
  186. //
  187. // const connectSerial = async () => {
  188. // try {
  189. // const ports = await navigator.serial.getPorts();
  190. // console.log(ports)
  191. // if (ports.length === 1) {
  192. // serialPort = ports[0];
  193. // await serialPort.open({ baudRate: BAUD_RATE });
  194. // console.log(serialPort)
  195. // if (serialPort) {
  196. // await serialPort.close();
  197. // serialPort = null;
  198. // }
  199. // if (serialPort.readable) {
  200. // console.log("已连接设备");
  201. // // 或者你可以使用其他方式来显示连接状态,比如修改页面内容或者弹窗
  202. // } else {
  203. // console.log("未能连接到设备");
  204. // // 或者你可以使用其他方式来显示连接状态,比如修改页面内容或者弹窗
  205. // }
  206. // conectFlag = true;
  207. // } else {
  208. // const port = await navigator.serial.requestPort();
  209. // serialPort = port;
  210. // await serialPort.open({ baudRate: BAUD_RATE });
  211. // if (serialPort.readable) {
  212. // var duankou_msg = new SpeechSynthesisUtterance("已连接设备");
  213. // window.speechSynthesis.speak(duankou_msg);
  214. // }
  215. // conectFlag = true;
  216. // }
  217. // } catch (error) {
  218. // // 处理连接错误
  219. // }
  220. // };
  221. //
  222. // const readData = async () => {
  223. // try {
  224. // while (readFlag && conectFlag && serialPort.readable) {
  225. // reader = serialPort.readable.getReader();
  226. // while (true) {
  227. // const { value, done } = await reader.read();
  228. // if (done) break;
  229. // dataReceived(value);
  230. // }
  231. // }
  232. // } catch (error) {
  233. // // 处理读取数据错误
  234. // } finally {
  235. // reader.releaseLock();
  236. // }
  237. // };
  238. //
  239. // const dataReceived = (data) => {
  240. // serialData.push(...data);
  241. // clearTimeout(serialTimer);
  242. // serialTimer = setTimeout(() => {
  243. // const dataNum = parseFloat(asciidecoder.decode(Uint8Array.from(data)));
  244. // console.log(dataNum);
  245. // if (dataNum && dataNum !== oldVal && input) {
  246. // $('#dzcshuju').val(dataNum);
  247. // let dzcshuju = $("#dzcshuju").val();
  248. // if(dataNum !== dzcshuju){
  249. // var dzcshuju_msg = new SpeechSynthesisUtterance("当前投入重量" + dzcshuju + "千克");
  250. // window.speechSynthesis.speak(dzcshuju_msg);
  251. // }
  252. // // input.val(dataNum);
  253. // // input.prop('readonly', true);
  254. // oldVal = dataNum;
  255. // }
  256. // serialData = [];
  257. // }, READ_TIMEOUT);
  258. // };
  259. // connectSerial();
  260. // readData();
  261. const BAUD_RATE = 9600;
  262. const READ_TIMEOUT = 20;
  263. let serialPort;
  264. let reader;
  265. let readFlag = true;
  266. let conectFlag = false;
  267. let serialData = [];
  268. let asciidecoder = new TextDecoder();
  269. let serialTimer = null;
  270. let input = null;
  271. let oldVal = 0;
  272. // 连接串口设备
  273. const connectSerial = async () => {
  274. try {
  275. const ports = await navigator.serial.getPorts();
  276. if (ports.length > 0) {
  277. // 关闭已连接的串口
  278. if (serialPort) {
  279. await serialPort.close();
  280. serialPort = null;
  281. }
  282. // 选择第一个串口进行连接
  283. serialPort = ports[0];
  284. await serialPort.open({ baudRate: BAUD_RATE });
  285. if (serialPort.readable) {
  286. console.log("已连接设备");
  287. conectFlag = true;
  288. readData(); // 开始读取数据
  289. } else {
  290. console.log("未能连接到设备");
  291. }
  292. } else {
  293. var duankou_msg = new SpeechSynthesisUtterance("请选择 U S B 串口并点击连接");
  294. window.speechSynthesis.speak(duankou_msg);
  295. const port = await navigator.serial.requestPort();
  296. serialPort = port;
  297. await serialPort.open({ baudRate: BAUD_RATE });
  298. if (serialPort.readable) {
  299. var duankou_msg = new SpeechSynthesisUtterance("已连接设备");
  300. window.speechSynthesis.speak(duankou_msg);
  301. conectFlag = true;
  302. readData(); // 开始读取数据
  303. }
  304. }
  305. } catch (error) {
  306. // 处理连接错误
  307. }
  308. };
  309. // 读取串口数据
  310. const readData = async () => {
  311. try {
  312. while (readFlag && conectFlag && serialPort.readable) {
  313. reader = serialPort.readable.getReader();
  314. while (true) {
  315. const { value, done } = await reader.read();
  316. if (done) break;
  317. dataReceived(value);
  318. }
  319. }
  320. } catch (error) {
  321. // 处理读取数据错误
  322. } finally {
  323. reader.releaseLock();
  324. }
  325. };
  326. // 处理接收到的数据
  327. const dataReceived = (data) => {
  328. serialData.push(...data);
  329. clearTimeout(serialTimer);
  330. serialTimer = setTimeout(() => {
  331. const dataNum = parseFloat(asciidecoder.decode(Uint8Array.from(data)));
  332. console.log(dataNum);
  333. if(dataNum){
  334. // $('#dzcshuju').val(dataNum);
  335. $('#dzcshuju').text(dataNum);
  336. }
  337. // if (dataNum && input) {
  338. // $('#dzcshuju').val(dataNum);
  339. // // input.val(dataNum);
  340. // // input.prop('readonly', true);
  341. // }
  342. serialData = [];
  343. }, READ_TIMEOUT);
  344. };
  345. //进入投料添加页面 光标自动跳到批次号输入框
  346. $('#c-bach').focus();
  347. var num = 0;
  348. $('#c-bach').keydown((e) => {
  349. let key = e.which;
  350. if (key == 13) {
  351. connectSerial();
  352. $("#wuliao").focus();
  353. if (num === 0) {
  354. var bach = $("#c-bach").val();//批次号
  355. if (bach == '') {
  356. layer.confirm('批次号不能为空', { title: '操作提示',btn: [],closeBtn: 0,time: 2000});
  357. return false;
  358. }
  359. //批次号语音播报
  360. var bach_msg = new SpeechSynthesisUtterance("当前批次号是" + bach);
  361. window.speechSynthesis.speak(bach_msg);
  362. $.ajax({
  363. method: "POST",
  364. data: { bach: bach },
  365. url: "feeding/get_task",
  366. success(res) {
  367. $("#table").append("<input id='name' type='hidden' value='" + res.data[0].name + "'>");
  368. //批次号重复/做下拉选择
  369. if (res.data.length > 1) {
  370. // let str = '';
  371. // str+='<select class="selectpicker form-control" id="bach"><option>请选择对应的生产量</option>';
  372. // for(var i=0;i<res.data.length;i++){
  373. // str+='<option value="'+i+'">'+res.data[i].create+'&nbsp;&nbsp;&nbsp;&nbsp;生产量:'+res.data[i].number+'</option>';
  374. // }
  375. // str+='</select><a href="javascript:;" id="btn" class="btn btn-success">确认</a>';
  376. // $('#c-bach').parent('#c_bach').append(str);
  377. // $("#bach").change(()=>{
  378. // $("#c-name").val(res.data[$("#bach").val()].name);
  379. // $("#c-specifications").val(res.data[$("#bach").val()].drawer_name);
  380. // $("#c-unit").val(res.data[$("#bach").val()].examine_name);
  381. // });
  382. // $("#btn").click(()=>{
  383. // //只读->已扫描过批次号
  384. // if($("#c-bach").attr('readonly')==='readonly'){
  385. // return false;
  386. // }
  387. // $("#bach").css('cssText','display:none! important');//隐藏按钮,下拉菜单
  388. // $("#btn").css('display','none');
  389. //
  390. // $.ajax({
  391. // method:"POST",
  392. // url:"feeding/get_formula",
  393. // data:{
  394. // bach:$("#c-bach").val(),
  395. // num:res.data[$("#bach").val()].number// 选定批次号的生产量,精确查找
  396. // },
  397. // success(result){
  398. // var str = '';//页面table
  399. // var html = '';// html:需打印的表格
  400. // for(var i=0;i<result.data.length;i++){
  401. // str += "<tr class='tablestr"+i+" tablestr'><td><input class='form-control material' type='text' name='row[material][]' readonly value='"+result.data[i].material+"'></td>";
  402. // str += "<td><input class='form-control' type='text' name='row[nweight][]' readonly value='"+result.data[i].nweight+"'></td>";
  403. // str += "<td><input class='form-control' type='number' name='row[weight][]' value='";
  404. // if (result.data[i].weight) {
  405. // //已操作的工序变为只读,附带实加重量
  406. // str += parseFloat(result.data[i].weight) + "' readonly ";
  407. // }
  408. // str += "'></td>";
  409. // str += "<input class='form-control' type='hidden' name='row[gy_num][]' value='"+result.data[i].gy_num+"'>";
  410. // str += "<td><input class='form-control' type='text' name='row[gy_name][]' readonly value='"+result.data[i].gy_name+"'></td>";
  411. // str += "</tr>";
  412. // html += `<tr class="print${i} print"><td>${result.data[i].material}</td>
  413. // <td>${result.data[i].nweight}</td><td>`;
  414. // if (result.data[i].weight) {
  415. // html += parseFloat(result.data[i].weight);
  416. // }
  417. // html += `</td><td style="text-align: left">${result.data[i].gy_name}</td></tr>`;
  418. //
  419. // }
  420. // html+= `<tr>
  421. // <td style="width: 100px;text-align: center">总计</td>
  422. // <td class="total" style="width: 100px;text-align: center"></td>
  423. // <td id="total"></td>
  424. // <td></td>
  425. // </tr>`;//${res.data.number}
  426. // $("#print_gy").append(html);
  427. // $("#table").append(str);
  428. // $("#c-bach").attr('readonly','readonly');//批次号输入框变为只读
  429. //
  430. // $("#wuliao").keydown((e)=>{
  431. // let key = e.which;
  432. // var error = 0;
  433. // if(key === 13){
  434. // var wuliao = $("#wuliao").val();
  435. // for(var i=0;i<result.data.length;i++) {
  436. // //扫描的物料=table中的物料,,,变红,否则语音提示
  437. // if(result.data[i].material===wuliao && result.data[i].gy_num == result.process){
  438. // $(".material")[i].setAttribute('style','color:red');
  439. // error++;
  440. // }else if(result.data[i].material===wuliao){
  441. // Layer.confirm("此物料不在当前工序,请确认!");
  442. // //语音播报
  443. // var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  444. // window.speechSynthesis.speak(msg);
  445. // error++;
  446. // }
  447. // //替代料变扫描的物料
  448. // if(result.data[i].material.indexOf('/')!==-1){
  449. // var arr = result.data[i].material.split('/');
  450. // if(arr.indexOf($("#wuliao").val()) !== -1 && result.data[i].gy_num == result.process){
  451. // $(".material")[i].value = wuliao;
  452. // $(".material")[i].setAttribute('style','color:red');
  453. // error++;
  454. // }else if(arr.indexOf($("#wuliao").val()) !== -1 ){
  455. // Layer.confirm("此物料不在当前工序,请确认!");
  456. // //语音播报
  457. // var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  458. // window.speechSynthesis.speak(msg);
  459. // error++;
  460. // }
  461. // }
  462. // }
  463. // if(error===0){
  464. // Layer.confirm("此物料不在配方中,请确认!");
  465. // //语音播报
  466. // var msg = new SpeechSynthesisUtterance("此物料不在配方中,请确认!");
  467. // window.speechSynthesis.speak(msg);
  468. // }
  469. // //清空物料扫描后的值,下次直接重新扫描即可
  470. // $("#wuliao").val('');
  471. // }
  472. // });
  473. // }
  474. // });
  475. // });
  476. } else {//批次号不重复直接赋值
  477. $("#btn").css('display', 'none');
  478. $("#c-name").val(res.data[0].name);
  479. $("#c-specifications").val(res.data[0].drawer_name);
  480. $("#c-unit").val(res.data[0].examine_name);
  481. // $("#c-name").val(res.data.name);
  482. // $("#c-specifications").val(res.data.drawer_name);
  483. // $("#c-unit").val(res.data.examine_name);
  484. // alert(res.operator)
  485. if (res.operator != '' && res.inspector != '') {
  486. $("#c-operator").val(res.operator);
  487. $("#c-inspector").val(res.inspector);
  488. }
  489. $.ajax({
  490. method: "POST",
  491. url: "feeding/get_formula",
  492. data: {
  493. bach: $("#c-bach").val(),
  494. },
  495. success(result) {
  496. var str = '';//页面table
  497. var html = '';//打印的table
  498. for (var i = 0; i < result.data.length; i++) {
  499. str += "<tr class='tablestr" + i + " tablestr'><td><input class='form-control material' type='text' name='row[material][]' readonly value='" + result.data[i].material + "'></td>";
  500. str += "<td><input class='form-control nweight' type='text' name='row[nweight][]' readonly value='" + result.data[i].nweight + "'></td>";
  501. // str += "<td><input class='form-control nweight' type='text' name='row[nweight][]' readonly value='" + result.data[i].nweight + "' style='color: " + (result.data[i].weight ? "##000000" : "") + ";'></td>";
  502. str += "<td style='display: none'><input class='form-control gy_num' type='hidden' name='row[gy_num][]' value='" + result.data[i].gy_num + "'></td>";
  503. //投料重量
  504. str += "<td><input class='form-control number' type='number' name='row[weight][]' value='";
  505. if (result.data[i].weight) {
  506. //已操作的工序变为只读,附带实加重量
  507. str += result.data[i].weight + "' readonly ";
  508. // str += `${result.data[i].weight}' style="color: ##000000;`;
  509. }
  510. str += "'></td>";
  511. if (result.data[i].weight == 0) {
  512. str += "<td style='display:none'><button type=\"button\" class=\"btn btn-primary btn-embossed submit \">保存</button></td>";
  513. str += "<td><input class='form-control bach' type='text' name='row[bach][]' value=''></td>";
  514. } else {
  515. str += "<td style='display:none' ><button type=\"button\" class=\"btn btn-primary btn-embossed submit \" disabled>已保存</button></td>";
  516. str += "<td ><input class='form-control bach' type='text' name='row[bach][]' disabled readonly value='" + result.data[i].material_bach + "'></td>";
  517. }
  518. str += "<td><input class='form-control' disabled type='text' name='row[gy_name][]' value='" + result.data[i].gy_name + "'></td>";
  519. str += "</tr>";
  520. html += `<tr class="print${i} print"><td>${result.data[i].material}</td>
  521. <td>${result.data[i].nweight}</td><td>`;
  522. if (result.data[i].weight) {
  523. html += parseFloat(result.data[i].weight);
  524. }
  525. html += `</td><td style="text-align: left">${result.data[i].gy_name}</td></tr>`;
  526. }
  527. html += `<tr>
  528. <td style="width: 100px;text-align: center">总计</td>
  529. <td class="total" id="stotal" style="width: 100px;text-align: center"></td>
  530. <td id="total"></td>
  531. <td></td>
  532. </tr>`;
  533. $("#print_gy").append(html);
  534. $("#table").append(str);
  535. $("#c-bach").attr('readonly', 'readonly');//批次号输入框变为只读
  536. //判断是否链接电子秤串口
  537. if(conectFlag === true){
  538. $("#dzcshuju").on({
  539. focus: function () {
  540. readFlag = true;
  541. input = $(this);
  542. readData();
  543. },
  544. blur: function () {
  545. readFlag = false;
  546. reader.releaseLock();
  547. input = null;
  548. },
  549. });
  550. $(".number").on({
  551. focus: function () {
  552. readFlag = true;
  553. input = $(this);
  554. readData();
  555. },
  556. blur: function () {
  557. readFlag = false;
  558. reader.releaseLock();
  559. input = null;
  560. },
  561. keydown:function(e){
  562. //通过回车自动保存数据
  563. if(e.keyCode == 13){
  564. $(this).parent().next().children().click();
  565. }
  566. }
  567. });
  568. }else{
  569. $(".number").on({
  570. keydown:function(e){
  571. //通过回车自动保存数据
  572. if(e.keyCode == 13){
  573. $(this).parent().next().children().click();
  574. }
  575. }
  576. });
  577. }
  578. //扫描物料回车
  579. $("#wuliao").keydown((e) => {
  580. let key = e.which;
  581. var error = 0;
  582. if (key === 13) {
  583. if ($("#wuliao").val() === '') {
  584. layer.confirm('扫描物料不能为空', { title: '操作提示',btn: [],closeBtn: 0,time: 2000});
  585. return false;
  586. }
  587. var string = $("#wuliao").val();//获取扫描物料的值
  588. if (string.substr(0, string.indexOf('_'))) {
  589. var wuliao = string.substr(0, string.indexOf('_')); //原材料
  590. var bach = string.substr(string.indexOf('_') + 1); //原材料批次号
  591. } else {
  592. var wuliao = string;
  593. var bach = '';
  594. }
  595. //扫描物料回车后
  596. for (let i = 0; i < $('.tablestr').length; i++) {
  597. const dom = $('.tablestr')[i];
  598. const val = $(dom).children().eq(0).children().eq(0).val();
  599. const status = $(dom).children().eq(4).children().eq(0).text();
  600. if (status === '保存' && val == wuliao) {
  601. const zhongliang = $(dom).children().eq(1).children().eq(0).val();
  602. $("#ytzl").text(zhongliang);
  603. //扫描物料语音播报
  604. var wuliao_msg = new SpeechSynthesisUtterance("当前扫描物料为" + wuliao);
  605. window.speechSynthesis.speak(wuliao_msg);
  606. break;
  607. } else {
  608. if(status === '已保存' && val == wuliao){
  609. $("#ytzl").text('');
  610. $("#dzcshuju").text('');
  611. var wuliao_msg = new SpeechSynthesisUtterance("当前扫描" + wuliao + "已投料");
  612. window.speechSynthesis.speak(wuliao_msg);
  613. }
  614. }
  615. }
  616. //定时获取投入重量的值,将值复制到列表中
  617. setInterval(() => {
  618. let dzcshuju = $("#dzcshuju").text();
  619. for (let i = 0; i < $('.tablestr').length; i++) {
  620. const dom = $('.tablestr')[i];
  621. const val = $(dom).children().eq(0).children().eq(0).val();
  622. const status = $(dom).children().eq(4).children().eq(0).text();
  623. if (status === '保存' && val == wuliao) {
  624. $(dom).children().eq(3).children().eq(0).val(dzcshuju);
  625. break;
  626. }
  627. }
  628. }, 1000); // 每秒检查一次
  629. $("#wuliao").keydown((e) => {
  630. let key = e.which;
  631. if (key === 13) {
  632. let dzcshuju = $("#dzcshuju").text();
  633. let ytzl = $("#ytzl").text();
  634. if (dzcshuju.trim() !== '') {
  635. for (let i = 0; i < $('.tablestr').length; i++) {
  636. const dom = $('.tablestr')[i];
  637. const val = $(dom).children().eq(0).children().eq(0).val();
  638. const table_ytzl = $(dom).children().eq(1).children().eq(0).val();
  639. const status_button = $(dom).children().eq(4).children().eq(0).text();
  640. if (status_button === '保存' && val == wuliao && table_ytzl === ytzl) {
  641. $(dom).children().eq(4).children().eq(0).click();
  642. $("#dzcshuju").text('')
  643. $("#ytzl").text('')
  644. $("#wuliao").focus();
  645. break;
  646. }
  647. }
  648. }
  649. }
  650. });
  651. $('#input').html();
  652. $.ajax({
  653. method: "POST",
  654. url: "feeding/get_material",
  655. data: {
  656. bach: $("#c-bach").val(),
  657. material: wuliao
  658. },
  659. success(data) {
  660. if (data.total > 0) {
  661. wuliao = data.string;
  662. $('#input').html(wuliao);
  663. for (var i = 0; i < result.data.length; i++) {
  664. for (var j = 0; j < data.data.length; j++) {
  665. //扫描的物料=table中的物料,,,变红,否则语音提示
  666. if (result.data[i].material === data.data[j].m_name) {
  667. if (result.data[i].gy_num <= result.process) {
  668. //投料重量为空时 扫描物料文字为红
  669. if (result.data[i].weight == 0) {
  670. $(".material")[i].setAttribute('style', 'color:red');
  671. $(".nweight")[i].setAttribute('style', 'color:red');
  672. // $(".number")[i].parent().css('border-color', 'red');
  673. }
  674. var the_bach = document.getElementsByClassName('bach')[i];
  675. if (the_bach.readOnly == false) {
  676. the_bach.value = bach;
  677. $(".number")[i].focus();
  678. //语音播报
  679. var msg = new SpeechSynthesisUtterance("应3投入物料" + result.data[i].material + "应投入重量" + result.data[i].nweight + "千克");
  680. window.speechSynthesis.speak(msg);
  681. }
  682. error++;
  683. } else if (result.data[i].gy_num > result.process) {
  684. Layer.confirm("此物料不在当前工序,请确认!", {
  685. area: ['60%', '60%'],
  686. });
  687. //语音播报
  688. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  689. window.speechSynthesis.speak(msg);
  690. error++;
  691. // }else{
  692. // Layer.confirm("此物料已经投料,请确认此工序是否有此物料!",{
  693. // area: ['60%', '60%'],
  694. // });
  695. // //语音播报
  696. // var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  697. // window.speechSynthesis.speak(msg);
  698. // error++;
  699. }
  700. }
  701. //替代料变扫描的物料
  702. if (result.data[i].material.indexOf('/') !== -1) {
  703. var arr = result.data[i].material.split('/');
  704. if (arr.indexOf($("#wuliao").val()) !== -1 && result.data[i].gy_num == result.process) {
  705. $(".material")[i].value = wuliao;
  706. if (result.data[i].weight == 0) {
  707. $(".material")[i].setAttribute('style', 'color:red');
  708. $(".nweight")[i].setAttribute('style', 'color:red');
  709. }
  710. var the_bach = document.getElementsByClassName('bach')[i];
  711. the_bach.value = bach;
  712. $(".number")[i].focus();
  713. error++;
  714. } else if (arr.indexOf($("#wuliao").val()) !== -1) {
  715. Layer.confirm("此物料不在当前工序,请确认!", {
  716. area: ['60%', '60%'],
  717. });
  718. //语音播报
  719. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  720. window.speechSynthesis.speak(msg);
  721. error++;
  722. }
  723. }
  724. }
  725. }
  726. if (error === 0) {
  727. layer.confirm("此物料不在配方中,且没有替代料,请确认!", {//物料不存在提示错误信息
  728. title: ['信息'],
  729. btn: ['确认'],
  730. area: ['60%', '60%'],
  731. });
  732. var synth = window.speechSynthesis;
  733. var msg = new window.SpeechSynthesisUtterance('此物料不在配方中,且没有替代料,请确认!');
  734. window.speechSynthesis.cancel();
  735. synth.speak(msg);
  736. }
  737. } else {
  738. //没有在数据库查到,直接去比较物料与配方
  739. if (wuliao.length > 7) {
  740. $('#input').css('font-size', '40px');
  741. } else {
  742. $('#input').css('font-size', '100px');
  743. }
  744. $('#input').html(wuliao);
  745. for (var i = 0; i < result.data.length; i++) {
  746. //扫描的物料=table中的物料,,,变红,否则语音提示
  747. if (result.data[i].material === wuliao) {
  748. if (result.data[i].gy_num <= result.process) {
  749. if (result.data[i].weight == 0) {
  750. //原材料、应投重量文字颜色
  751. $(".material")[i].setAttribute('style', 'color:red');
  752. $(".nweight")[i].setAttribute('style', 'color:red');
  753. }
  754. var the_bach = document.getElementsByClassName('bach')[i];
  755. if (the_bach.readOnly == false) {
  756. the_bach.value = bach;
  757. // $(".number")[i].focus();
  758. //语音播报
  759. // var msg = new SpeechSynthesisUtterance("应投入物料" + result.data[i].material + "应投入重量" + result.data[i].nweight + "千克");
  760. if($("#ytzl").text() !== ''){
  761. var ytzl_msg = new SpeechSynthesisUtterance("应投入重量" + result.data[i].nweight + "千克");
  762. window.speechSynthesis.speak(ytzl_msg);
  763. }
  764. }
  765. error++;
  766. } else if (result.data[i].gy_num > result.process) {
  767. Layer.confirm("此物料不在当前工序,请确认!", {
  768. area: ['60%', '60%'],
  769. });
  770. //语音播报
  771. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  772. window.speechSynthesis.speak(msg);
  773. error++;
  774. }
  775. // else {
  776. // Layer.confirm("此物料已经投料,请确认此工序是否有此物料!",{
  777. // area: ['60%', '60%'],
  778. // });
  779. // //语音播报
  780. // var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  781. // window.speechSynthesis.speak(msg);
  782. // error++;
  783. // }
  784. }
  785. //替代料变扫描的物料
  786. if (result.data[i].material.indexOf('/') !== -1) {
  787. var arr = result.data[i].material.split('/');
  788. var spanValue = document.getElementById("input").innerHTML;
  789. if (arr.indexOf(spanValue) !== -1 && result.data[i].gy_num == result.process) {
  790. $(".material")[i].value = wuliao;
  791. if (result.data[i].weight == 0) {
  792. $(".material")[i].setAttribute('style', 'color:red');
  793. $(".nweight")[i].setAttribute('style', 'color:red');
  794. }
  795. var the_bach = document.getElementsByClassName('bach')[i];
  796. if (the_bach.readOnly == false) {
  797. the_bach.value = bach;
  798. $(".number")[i].focus();
  799. var msg = new SpeechSynthesisUtterance("应2投入物料" + result.data[i].material + "应投入重量" + result.data[i].nweight + "千克");
  800. window.speechSynthesis.speak(msg);
  801. }
  802. error++;
  803. } else if (arr.indexOf($("#wuliao").val()) !== -1) {
  804. Layer.confirm("此物料不在当前工序,请确认!", {
  805. area: ['60%', '60%'],
  806. });
  807. //语音播报
  808. var msg = new SpeechSynthesisUtterance("此物料不在当前工序,请确认!");
  809. window.speechSynthesis.speak(msg);
  810. error++;
  811. }
  812. }
  813. }
  814. if (error === 0) {
  815. layer.confirm("此物料不在配方中,且没有替代料,请确认!", {//物料不存在提示错误信息
  816. title: ['信息'],
  817. btn: ['确认'],
  818. area: ['60%', '60%'],
  819. });
  820. var synth = window.speechSynthesis;
  821. //没有物料,清空应投重量
  822. $("#ytzl").text('');
  823. var msg = new window.SpeechSynthesisUtterance('此物料不在配方中,且没有替代料,请确认!');
  824. window.speechSynthesis.cancel();
  825. synth.speak(msg);
  826. }
  827. }
  828. }
  829. });
  830. //清空物料扫描后的值,下次直接重新扫描即可
  831. $("#wuliao").val('');
  832. }
  833. });
  834. }
  835. });
  836. }
  837. }
  838. });
  839. num++;
  840. } else {
  841. // return false;
  842. }
  843. }
  844. });
  845. $(document).on('click', '.submit', function () {
  846. if ($("#c-operator").val() == "" || $("#c-inspector").val() == "") {
  847. layer.confirm('请选择 操作人员 或 检验人员', {title: '操作提示',btn: [],area: ['60%', '60%'],closeBtn: 0,time: 2000});
  848. //语音播报
  849. var msg = new SpeechSynthesisUtterance("请选择 操作人员 或 检验人员");
  850. window.speechSynthesis.speak(msg);
  851. } else {
  852. //批次号
  853. var bach = $("#c-bach").val();
  854. //日期
  855. var date = $("#c-date").val();
  856. //操作人员
  857. var operator = $("#c-operator").val();
  858. //检验人员
  859. var inspector = $("#c-inspector").val();
  860. //原材料
  861. var material = $(this).parent().siblings().eq(0).children('input').val();
  862. //应投重量
  863. var nweight = $(this).parent().siblings().eq(1).children('input').val();
  864. //工艺序号
  865. var gy_num = $(this).parent().siblings().eq(2).children('input').val();
  866. //投料重量
  867. var weight = $(this).parent().siblings().eq(3).children('input').val();
  868. //原材料批次号
  869. var material_bach = $(this).parent().siblings().eq(4).children('input').val();
  870. //操作记录
  871. var gy_name = $(this).parent().siblings().eq(5).children('input').val();
  872. // if(nweight != weight){
  873. // var num_weight = parseFloat((nweight - weight).toFixed(3));
  874. // console.log(num_weight)
  875. // var num_weight_msg = new SpeechSynthesisUtterance("投料重量与应投入重量相差" + num_weight + "请确认" );
  876. // window.speechSynthesis.speak(num_weight_msg);
  877. // return false;
  878. // }
  879. if (weight == "") {
  880. layer.confirm('请输入投料重量', {
  881. title: '操作提示',
  882. btn: [],
  883. area: ['60%', '60%'],
  884. closeBtn: 0,
  885. time: 2000
  886. });
  887. //语音播报
  888. var msg = new SpeechSynthesisUtterance("请输入投料重量");
  889. window.speechSynthesis.speak(msg);
  890. } else {
  891. $(this).text('已保存');
  892. $("#wuliao").focus();
  893. // $(this).text('修改');
  894. //禁用投料重量
  895. $(this).parent().siblings().eq(3).children('input').attr('disabled', true);
  896. // 禁用原材料批次号
  897. $(this).parent().siblings().eq(4).children('input').attr('disabled', true);
  898. $(this).attr('disabled', true);
  899. }
  900. // console.log(bach);
  901. // console.log(date);
  902. // console.log(operator);
  903. // console.log(inspector);
  904. // console.log(material);
  905. // console.log(nweight);
  906. // console.log(gy_num);
  907. // console.log(weight);
  908. // console.log(material_bach);
  909. // console.log(gy_name);return false;
  910. $.ajax({
  911. type: "POST",
  912. url: "feeding/add",
  913. data: {
  914. bach: bach,
  915. date: date,
  916. operator: operator,
  917. inspector: inspector,
  918. material: material,
  919. nweight: nweight,
  920. gy_num: gy_num,
  921. weight: weight,
  922. material_bach: material_bach,
  923. gy_name: gy_name,
  924. },
  925. success: function (data) {
  926. // console.log("ajax"+data);
  927. }
  928. });
  929. }
  930. });
  931. document.addEventListener('keydown', function(event) {
  932. // console.log(event.key);
  933. // 检查按下的键是否是回车键
  934. if (event.key === 'Escape') {
  935. //关闭弹窗
  936. Fast.api.close();
  937. }
  938. });
  939. $('input').keydown(function (e) {
  940. let key = e.which;
  941. if (key == 13) {
  942. return false;
  943. }
  944. });
  945. //打印预览
  946. $(document).ready(function ($) {
  947. 'use strict';
  948. $(".print-link").on('click', function () {
  949. var status = 1;
  950. var total = 0;
  951. var stotal = 0;
  952. //开票人
  953. $("#specifications").html($('#c-specifications').val());
  954. //审核
  955. $("#unit").html($('#c-unit').val());
  956. //批次号
  957. var bach = $('#c-bach').val();
  958. //写入到add页面
  959. $("#bach").html(bach);
  960. $("#formula").val($("#name").val());
  961. //添加重量,包装规格,机组到表格内
  962. for (var i = 0; i < $(".tablestr").length; i++) {
  963. var weight = parseFloat($(".tablestr:eq(" + i + ")").children("tr td:eq(3)").children().val());
  964. if (weight) {
  965. $(".print:eq(" + i + ")").children("tr td:eq(2)").html(weight);
  966. total += weight;
  967. }
  968. var weight2 = parseFloat($(".tablestr:eq(" + i + ")").children("tr td:eq(1)").children().val());
  969. if (weight2) {
  970. $(".print:eq(" + i + ")").children("tr td:eq(1)").html(weight2);
  971. stotal += weight2;
  972. }
  973. }
  974. $("#stotal").html(stotal.toFixed(2));
  975. if (total > 0) {
  976. $("#total").html(total.toFixed(2));
  977. }
  978. if (!$("#c-pickor").val()) {
  979. status = 2;
  980. }
  981. if (!$("#c-warehouseor").val()) {
  982. status = 2;
  983. }
  984. /*if (status == 2){
  985. layer.confirm('领料人或仓管人为空,请检查!');return false;
  986. }*/
  987. createQrcode(bach, 80, 80);
  988. var img = document.getElementById("myImage"); /// get image element
  989. var canvas = document.getElementsByTagName('canvas')[0];
  990. img.src = canvas.toDataURL(); /// update image
  991. $.print('#print_area');
  992. return false;
  993. });
  994. function createQrcode(txt, width, height) {
  995. $(".qrcode").qrcode({
  996. render: "canvas",//canvas和table两种渲染方式
  997. width: width,
  998. height: height,
  999. correctLevel: 3,//二维码纠错级别
  1000. background: "#ffffff",//背景颜色
  1001. foreground: "#000000", //二维码颜色
  1002. text: txt
  1003. });
  1004. }
  1005. });
  1006. Controller.api.bindevent();
  1007. },
  1008. edit: function () {
  1009. Controller.api.bindevent();
  1010. },
  1011. api: {
  1012. bindevent: function () {
  1013. Form.api.bindevent($("form[role=form]"));
  1014. }
  1015. }
  1016. };
  1017. return Controller;
  1018. });