measure_material.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418
  1. 'use strict';
  2. /**
  3. * 期计量 - 期列表页面 js
  4. *
  5. * @author Mai
  6. * @date 2018/12/7
  7. * @version
  8. */
  9. $(function () {
  10. // 获取审批流程
  11. $('a[data-target="#sp-list" ]').on('click', function () {
  12. const data = {
  13. order: $(this).attr('m-order'),
  14. };
  15. postData('/tender/' + tenderId + '/measure/material/auditors', data, function (result) {
  16. const { auditHistory, auditors, user } = result
  17. let auditorsHTML = ''
  18. let historyHTML = ''
  19. auditors.forEach((auditor, idx) => {
  20. if (idx === 0) {
  21. auditorsHTML += `<li class="list-group-item">
  22. <i class="fa fa fa-play-circle fa-rotate-90"></i> ${auditor.name}
  23. <small class="text-muted">${auditor.role}</small>
  24. <span class="pull-right">原报</span>
  25. </li>`
  26. } else if(idx === auditors.length -1 && idx !== 0) {
  27. auditorsHTML += `<li class="list-group-item">
  28. <i class="fa fa fa-stop-circle"></i> ${auditor.name}
  29. <small class="text-muted">${auditor.role}</small>
  30. <span class="pull-right">终审</span>
  31. </li>`
  32. } else {
  33. auditorsHTML += `<li class="list-group-item">
  34. <i class="fa fa-chevron-circle-down"></i> ${auditor.name}
  35. <small class="text-muted">${auditor.role}</small>
  36. <span class="pull-right">${transFormToChinese(idx)}审</span>
  37. </li>`
  38. }
  39. })
  40. $('#auditor-list').empty()
  41. $('#auditor-list').append(auditorsHTML)
  42. const leftAuditors = auditors;
  43. auditHistory.forEach((auditors, idx) => {
  44. if(idx === auditHistory.length - 1 && auditHistory.length !== 1) {
  45. historyHTML += `<div class="text-right"><a href="javascript: void(0);" id="fold-btn" data-target="show"
  46. >展开历史审批流程</a></div>`
  47. }
  48. historyHTML += `<div class="${idx < auditHistory.length - 1 ? 'fold-card' : ''}">
  49. <div class="text-center text-muted">${idx + 1}#</div>
  50. <ul class="timeline-list list-unstyled mt-2">`
  51. auditors.forEach((auditor, index) => {
  52. if (index === 0) {
  53. historyHTML += `<li class="timeline-list-item pb-2">
  54. <div class="timeline-item-date">
  55. ${formatDate(auditor.begin_time)}
  56. </div>
  57. <div class="timeline-item-tail"></div>
  58. <div class="timeline-item-icon bg-success text-light">
  59. <i class="fa fa-caret-down"></i>
  60. </div>
  61. <div class="timeline-item-content">
  62. <div class="card">
  63. <div class="card-body p-3">
  64. <div class="card-text">
  65. <p class="mb-1"><span
  66. class="h5">${user.name}</span><span
  67. class="pull-right text-success">${idx !== 0 ? '重新' : ''}上报审批</span>
  68. </p>
  69. <p class="text-muted mb-0">${user.role}</p>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </li>
  75. <li class="timeline-list-item pb-2">
  76. <div class="timeline-item-date">
  77. ${formatDate(auditor.end_time)}
  78. </div>`
  79. if(index < auditors.length - 1) {
  80. historyHTML += `<div class="timeline-item-tail"></div>`
  81. }
  82. if(auditor.status === auditConst.status.checked) {
  83. historyHTML += `<div class="timeline-item-icon bg-success text-light">
  84. <i class="fa fa-check"></i>
  85. </div>`
  86. } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {
  87. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  88. <i class="fa fa-level-up"></i>
  89. </div>`
  90. } else if(auditor.status === auditConst.status.checking) {
  91. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  92. <i class="fa fa-ellipsis-h"></i>
  93. </div>`
  94. } else {
  95. historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
  96. }
  97. historyHTML += `<div class="timeline-item-content">
  98. <div class="card">
  99. <div class="card-body p-3">
  100. <div class="card-text">
  101. <p class="mb-1"><span class="h5">${auditor.name}</span><span
  102. class="pull-right ${auditConst.statusClass[auditor.status]}">${auditConst.statusString[auditor.status]}</span>
  103. </p>
  104. <p class="text-muted mb-0">${auditor.role}</p>
  105. </div>
  106. </div>`
  107. if (auditor.opinion) {
  108. historyHTML += `<div class="card-body p-3 border-top">
  109. <p style="margin: 0;">${auditor.opinion}</p>
  110. </div>`
  111. }
  112. historyHTML += `</div></div></li>`
  113. } else {
  114. historyHTML += `<li class="timeline-list-item pb-2">
  115. <div class="timeline-item-date">
  116. ${formatDate(auditor.end_time)}
  117. </div>`
  118. if(index < auditors.length - 1) {
  119. historyHTML += `<div class="timeline-item-tail"></div>`
  120. }
  121. if(auditor.status === auditConst.status.checked) {
  122. historyHTML += `<div class="timeline-item-icon bg-success text-light">
  123. <i class="fa fa-check"></i>
  124. </div>`
  125. } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {
  126. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  127. <i class="fa fa-level-up"></i>
  128. </div>`
  129. } else if(auditor.status === auditConst.status.checking) {
  130. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  131. <i class="fa fa-ellipsis-h"></i>
  132. </div>`
  133. } else {
  134. historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
  135. }
  136. historyHTML += `<div class="timeline-item-content">
  137. <div class="card">
  138. <div class="card-body p-3">
  139. <div class="card-text">
  140. <p class="mb-1"><span class="h5">${auditor.name}</span>
  141. <span
  142. class="pull-right
  143. ${auditConst.statusClass[auditor.status]}">${auditor.status !== auditConst.status.uncheck ? auditConst.statusString[auditor.status] : ''}
  144. ${auditor.status === auditConst.status.checkNo ? user.name : ''}
  145. ${auditor.status === auditConst.status.checkNoPre ? (leftAuditors.find(item => item.order === auditor.sort-1) ? leftAuditors.find(item => item.order === auditor.sort-1).name : '') : ''}
  146. </span>
  147. </p>
  148. <p class="text-muted mb-0">${auditor.role}</p>
  149. </div>
  150. </div>`
  151. if (auditor.opinion) {
  152. historyHTML += `<div class="card-body p-3 border-top">
  153. <p style="margin: 0;">${auditor.opinion} </p>
  154. </div>`
  155. }
  156. historyHTML += `</div></div></li>`
  157. }
  158. })
  159. historyHTML += '</ul></div>'
  160. })
  161. $('#audit-list').empty()
  162. $('#audit-list').append(historyHTML)
  163. });
  164. });
  165. // 展开/收起历史审核记录
  166. $('#audit-list').on('click', 'a', function() {
  167. const type = $(this).data('target')
  168. const auditCard = $(this).parent().parent()
  169. console.log('auditCard', auditCard)
  170. if (type === 'show') {
  171. $(this).data('target', 'hide')
  172. auditCard.find('.fold-card').slideDown('swing', () => {
  173. auditCard.find('#end-target').text($(this).data('idx') + '#')
  174. auditCard.find('#fold-btn').text('收起历史审核记录')
  175. })
  176. } else {
  177. $(this).data('target', 'show')
  178. auditCard.find('.fold-card').slideUp('swing', () => {
  179. auditCard.find('#end-target').text('1#')
  180. auditCard.find('#fold-btn').text('展开历史审核记录')
  181. })
  182. }
  183. });
  184. function formatDate(date) {
  185. if (!date) return '';
  186. date = new Date(date)
  187. const year = date.getFullYear();
  188. let mon = date.getMonth() + 1;
  189. let day = date.getDate();
  190. let hour = date.getHours();
  191. let minute = date.getMinutes();
  192. let scond = date.getSeconds();
  193. if (mon < 10) {
  194. mon = '0' + mon.toString();
  195. }
  196. if (day < 10) {
  197. day = '0' + day.toString();
  198. }
  199. if (hour < 10) {
  200. hour = '0' + hour.toString();
  201. }
  202. if (minute < 10) {
  203. minute = '0' + minute.toString();
  204. }
  205. if (scond < 10) {
  206. scond = '0' + scond.toString();
  207. }
  208. return `${year}<span>${mon}-${day}</span><span>${hour}:${minute}:${scond}</span>`;
  209. };
  210. // 计量期选中
  211. $('.select-stage-order').on('click', function () {
  212. const stageList = $('.select-stage-order:checked');
  213. if (stageList.length === 0) {
  214. $('#show_order').hide();
  215. $('#s_order').val('');
  216. } else {
  217. const order_array = [];
  218. for (let s = 0; s < stageList.length; s++) {
  219. order_array.push(stageList.eq(s).data('order'));
  220. // console.log(stageList.eq(s));
  221. }
  222. $('#show_order').html('第<b class="mx-2">' + order_array.join(',') + '</b>期');
  223. $('#show_order').show();
  224. $('#s_order').val(order_array.join(','));
  225. }
  226. });
  227. let interval;
  228. let stop = false;
  229. // 提交表单判断
  230. $('#addMaterial').click(function () {
  231. $(this).attr('disabled', true);
  232. if ($('#s_order').val() == '') {
  233. toastr.error('请选择计量期');
  234. $(this).removeAttr('disabled');
  235. return false;
  236. }
  237. $(this).text('正在生成新一期数据中,请勿刷新本页!...');
  238. const _self = $(this);
  239. const stage_id = [];
  240. $('#add-qi input[name="stage_id[]"]:checked').each(function () {
  241. stage_id.push(parseInt($(this).val()));
  242. });
  243. const newMaterialData = {
  244. s_order: $('#s_order').val(),
  245. period: $('#add-qi input[name="period"]').val(),
  246. stage_id,
  247. };
  248. if (lastMaterialListNum === 0) {
  249. console.log(newMaterialData);
  250. postData(preUrl + '/measure/material/add', newMaterialData, function (result) {
  251. window.location.href = preUrl + '/measure/material/' + result.order;
  252. }, function () {
  253. _self.attr('disabled', false).text('确认添加');
  254. });
  255. return;
  256. }
  257. $('#add-qi').modal('hide');
  258. $('#okedit').modal('show');
  259. interval = setInterval(progress, 50);
  260. postData(preUrl + '/measure/material/gcl/load', { stage_id }, function (result) {
  261. // console.log(result);
  262. const ledger = result.ledger;
  263. const curLedgerData = result.curLedgerData;
  264. const pos = result.pos;
  265. const curPosData = result.curPosData;
  266. const gclList = result.gclList;
  267. gclGatherModel.loadLedgerData(ledger, curLedgerData);
  268. gclGatherModel.loadPosData(pos, curPosData);
  269. const gclGatherData = gclGatherModel.gatherGclData();
  270. // const gclGatherData = gclGatherModel.gatherGclData().filter(item => {
  271. // return item.qc_qty || item.contract_qty
  272. // });
  273. // 获取需要新增的工料关联清单
  274. const insertGcl = [];
  275. const removeGclList = [];
  276. for (const g of gclList) {
  277. const gcl = _.find(gclGatherData, function (item) {
  278. return item.leafXmjs && item.leafXmjs.length > 0 && _.findIndex(item.leafXmjs, { gcl_id : g.gcl_id }) !== -1;
  279. });
  280. if (gcl) {
  281. const ig = _.find(insertGcl, { gcl });
  282. if (ig) {
  283. if(_.findIndex(ig.bills, { mb_id: g.mb_id }) === -1) {
  284. ig.bills.push(g);
  285. }
  286. } else {
  287. insertGcl.push({
  288. bills: [g],
  289. gcl,
  290. leafXmjs: _.filter(gcl.leafXmjs, function(item) { return item.gather_qty !== undefined && item.gather_qty !== null }),
  291. })
  292. }
  293. } else {
  294. removeGclList.push(g);
  295. }
  296. }
  297. const insertList = [];
  298. const insertGclList = [];
  299. for (const one of insertGcl) {
  300. if (one.leafXmjs && one.leafXmjs.length > 0) {
  301. for (const xmj of one.leafXmjs) {
  302. const newgcl = _.find(gclList, { gcl_id: xmj.gcl_id });
  303. for (const bill of one.bills) {
  304. insertList.push({
  305. gcl_id: xmj.gcl_id,
  306. mx_id: xmj.mx_id ? xmj.mx_id : null,
  307. xmj_id: xmj.id ? xmj.id : null,
  308. gather_qty: xmj.gather_qty,
  309. quantity: bill.quantity,
  310. expr: bill.expr,
  311. mb_id: bill.mb_id,
  312. order: bill.order,
  313. });
  314. if (!newgcl) {
  315. insertGclList.push({
  316. gcl_id: xmj.gcl_id,
  317. quantity: bill.quantity,
  318. expr: bill.expr,
  319. old_quantity: bill.quantity,
  320. old_expr: bill.expr,
  321. mb_id: bill.mb_id,
  322. order: bill.order,
  323. });
  324. }
  325. }
  326. }
  327. }
  328. }
  329. // 可能需要新增list_gcl表
  330. newMaterialData.material_list = insertList;
  331. newMaterialData.insertGclList = insertGclList;
  332. newMaterialData.removeGclList = removeGclList;
  333. console.log(newMaterialData);
  334. postData(preUrl + '/measure/material/add', newMaterialData, function (result) {
  335. window.location.href = preUrl + '/measure/material/' + result.order;
  336. }, function () {
  337. stop = true;
  338. // clearInterval(interval);
  339. // console.log(_self.parents('div[id="add-qi"]'));
  340. // $('#add-qi').modal('show');
  341. // $('#okedit').modal('hide');
  342. // _self.parents('div[id="add-qi"]').modal('show');
  343. _self.attr('disabled', false).text('确认添加');
  344. });
  345. // return;
  346. });
  347. // $(this).parents('form').submit();
  348. });
  349. let value = 0;
  350. function progress(){
  351. if (stop) {
  352. setTimeout(function () {
  353. $('#add-qi').modal('show');
  354. $('#okedit').modal('hide');
  355. value = 0;
  356. clearInterval(interval);
  357. }, 500);
  358. }
  359. if (value < 100) {
  360. value = parseInt(value) + 1;
  361. $("#material-progress").css("width", value + "%").text(value + "%");
  362. } else if (value === 100) {
  363. value = parseInt(value) + 1;
  364. value = 30;
  365. }
  366. };
  367. let editPeriod = null;
  368. $('.edit-material').on('click', function () {
  369. const order = parseInt($(this).data('order'));
  370. const mid = parseInt($(this).data('mid'));
  371. $('#edit-period').val('');
  372. $('#edit-name').val('第 ' + order + ' 期');
  373. $('#edit-mid').val(mid);
  374. const m_period = $(this).data('period');
  375. const period = [];
  376. for (const p of m_period.split('~')) {
  377. if (p && p !== '') {
  378. period.push(new Date(p));
  379. }
  380. }
  381. $('#edit-period').val(m_period);
  382. editPeriod = !editPeriod ? $('#edit-period').datepicker().data('datepicker') : editPeriod;
  383. editPeriod.clear();
  384. if (period.length > 0) {
  385. editPeriod.selectDate(period);
  386. }
  387. });
  388. });
  389. function checkForm () {
  390. if ($('#edit-period').val() == '') {
  391. toastr.error('请选择调差周期');
  392. return false;
  393. }
  394. // const date = $('#edit-date').val();
  395. // const period = $('#edit-period').val();
  396. // const startDate = period.split('~')[0];
  397. // const endDate = period.split('~')[1];
  398. // if (startDate.indexOf(date) === -1 && endDate.indexOf(date) === -1) {
  399. // toastr.error('所选日期与当前月份不匹配,请重新选择');
  400. // $('#edit-period').parents('.form-group').find('.text-danger').remove();
  401. // $('#edit-period').parents('.form-group').append('<small class="text-danger">所选日期与当前月份不匹配,请重新选择</small>');
  402. // return false;
  403. // }
  404. };