123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418 |
- 'use strict';
- /**
- * 期计量 - 期列表页面 js
- *
- * @author Mai
- * @date 2018/12/7
- * @version
- */
- $(function () {
- // 获取审批流程
- $('a[data-target="#sp-list" ]').on('click', function () {
- const data = {
- order: $(this).attr('m-order'),
- };
- postData('/tender/' + tenderId + '/measure/material/auditors', data, function (result) {
- const { auditHistory, auditors, user } = result
- let auditorsHTML = ''
- let historyHTML = ''
- auditors.forEach((auditor, idx) => {
- if (idx === 0) {
- auditorsHTML += `<li class="list-group-item">
- <i class="fa fa fa-play-circle fa-rotate-90"></i> ${auditor.name}
- <small class="text-muted">${auditor.role}</small>
- <span class="pull-right">原报</span>
- </li>`
- } else if(idx === auditors.length -1 && idx !== 0) {
- auditorsHTML += `<li class="list-group-item">
- <i class="fa fa fa-stop-circle"></i> ${auditor.name}
- <small class="text-muted">${auditor.role}</small>
- <span class="pull-right">终审</span>
- </li>`
- } else {
- auditorsHTML += `<li class="list-group-item">
- <i class="fa fa-chevron-circle-down"></i> ${auditor.name}
- <small class="text-muted">${auditor.role}</small>
- <span class="pull-right">${transFormToChinese(idx)}审</span>
- </li>`
- }
- })
- $('#auditor-list').empty()
- $('#auditor-list').append(auditorsHTML)
- const leftAuditors = auditors;
- auditHistory.forEach((auditors, idx) => {
- if(idx === auditHistory.length - 1 && auditHistory.length !== 1) {
- historyHTML += `<div class="text-right"><a href="javascript: void(0);" id="fold-btn" data-target="show"
- >展开历史审批流程</a></div>`
- }
- historyHTML += `<div class="${idx < auditHistory.length - 1 ? 'fold-card' : ''}">
- <div class="text-center text-muted">${idx + 1}#</div>
- <ul class="timeline-list list-unstyled mt-2">`
- auditors.forEach((auditor, index) => {
- if (index === 0) {
- historyHTML += `<li class="timeline-list-item pb-2">
- <div class="timeline-item-date">
- ${formatDate(auditor.begin_time)}
- </div>
- <div class="timeline-item-tail"></div>
- <div class="timeline-item-icon bg-success text-light">
- <i class="fa fa-caret-down"></i>
- </div>
- <div class="timeline-item-content">
- <div class="card">
- <div class="card-body p-3">
- <div class="card-text">
- <p class="mb-1"><span
- class="h5">${user.name}</span><span
- class="pull-right text-success">${idx !== 0 ? '重新' : ''}上报审批</span>
- </p>
- <p class="text-muted mb-0">${user.role}</p>
- </div>
- </div>
- </div>
- </div>
- </li>
- <li class="timeline-list-item pb-2">
- <div class="timeline-item-date">
- ${formatDate(auditor.end_time)}
- </div>`
- if(index < auditors.length - 1) {
- historyHTML += `<div class="timeline-item-tail"></div>`
- }
- if(auditor.status === auditConst.status.checked) {
- historyHTML += `<div class="timeline-item-icon bg-success text-light">
- <i class="fa fa-check"></i>
- </div>`
- } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-level-up"></i>
- </div>`
- } else if(auditor.status === auditConst.status.checking) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-ellipsis-h"></i>
- </div>`
- } else {
- historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
- }
- historyHTML += `<div class="timeline-item-content">
- <div class="card">
- <div class="card-body p-3">
- <div class="card-text">
- <p class="mb-1"><span class="h5">${auditor.name}</span><span
- class="pull-right ${auditConst.statusClass[auditor.status]}">${auditConst.statusString[auditor.status]}</span>
- </p>
- <p class="text-muted mb-0">${auditor.role}</p>
- </div>
- </div>`
- if (auditor.opinion) {
- historyHTML += `<div class="card-body p-3 border-top">
- <p style="margin: 0;">${auditor.opinion}</p>
- </div>`
- }
- historyHTML += `</div></div></li>`
- } else {
- historyHTML += `<li class="timeline-list-item pb-2">
- <div class="timeline-item-date">
- ${formatDate(auditor.end_time)}
- </div>`
- if(index < auditors.length - 1) {
- historyHTML += `<div class="timeline-item-tail"></div>`
- }
- if(auditor.status === auditConst.status.checked) {
- historyHTML += `<div class="timeline-item-icon bg-success text-light">
- <i class="fa fa-check"></i>
- </div>`
- } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-level-up"></i>
- </div>`
- } else if(auditor.status === auditConst.status.checking) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-ellipsis-h"></i>
- </div>`
- } else {
- historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
- }
- historyHTML += `<div class="timeline-item-content">
- <div class="card">
- <div class="card-body p-3">
- <div class="card-text">
- <p class="mb-1"><span class="h5">${auditor.name}</span>
- <span
- class="pull-right
- ${auditConst.statusClass[auditor.status]}">${auditor.status !== auditConst.status.uncheck ? auditConst.statusString[auditor.status] : ''}
- ${auditor.status === auditConst.status.checkNo ? user.name : ''}
- ${auditor.status === auditConst.status.checkNoPre ? (leftAuditors.find(item => item.order === auditor.sort-1) ? leftAuditors.find(item => item.order === auditor.sort-1).name : '') : ''}
- </span>
- </p>
- <p class="text-muted mb-0">${auditor.role}</p>
- </div>
- </div>`
- if (auditor.opinion) {
- historyHTML += `<div class="card-body p-3 border-top">
- <p style="margin: 0;">${auditor.opinion} </p>
- </div>`
- }
- historyHTML += `</div></div></li>`
- }
- })
- historyHTML += '</ul></div>'
- })
- $('#audit-list').empty()
- $('#audit-list').append(historyHTML)
- });
- });
- // 展开/收起历史审核记录
- $('#audit-list').on('click', 'a', function() {
- const type = $(this).data('target')
- const auditCard = $(this).parent().parent()
- console.log('auditCard', auditCard)
- if (type === 'show') {
- $(this).data('target', 'hide')
- auditCard.find('.fold-card').slideDown('swing', () => {
- auditCard.find('#end-target').text($(this).data('idx') + '#')
- auditCard.find('#fold-btn').text('收起历史审核记录')
- })
- } else {
- $(this).data('target', 'show')
- auditCard.find('.fold-card').slideUp('swing', () => {
- auditCard.find('#end-target').text('1#')
- auditCard.find('#fold-btn').text('展开历史审核记录')
- })
- }
- });
- function formatDate(date) {
- if (!date) return '';
- date = new Date(date)
- const year = date.getFullYear();
- let mon = date.getMonth() + 1;
- let day = date.getDate();
- let hour = date.getHours();
- let minute = date.getMinutes();
- let scond = date.getSeconds();
- if (mon < 10) {
- mon = '0' + mon.toString();
- }
- if (day < 10) {
- day = '0' + day.toString();
- }
- if (hour < 10) {
- hour = '0' + hour.toString();
- }
- if (minute < 10) {
- minute = '0' + minute.toString();
- }
- if (scond < 10) {
- scond = '0' + scond.toString();
- }
- return `${year}<span>${mon}-${day}</span><span>${hour}:${minute}:${scond}</span>`;
- };
- // 计量期选中
- $('.select-stage-order').on('click', function () {
- const stageList = $('.select-stage-order:checked');
- if (stageList.length === 0) {
- $('#show_order').hide();
- $('#s_order').val('');
- } else {
- const order_array = [];
- for (let s = 0; s < stageList.length; s++) {
- order_array.push(stageList.eq(s).data('order'));
- // console.log(stageList.eq(s));
- }
- $('#show_order').html('第<b class="mx-2">' + order_array.join(',') + '</b>期');
- $('#show_order').show();
- $('#s_order').val(order_array.join(','));
- }
- });
- let interval;
- let stop = false;
- // 提交表单判断
- $('#addMaterial').click(function () {
- $(this).attr('disabled', true);
- if ($('#s_order').val() == '') {
- toastr.error('请选择计量期');
- $(this).removeAttr('disabled');
- return false;
- }
- $(this).text('正在生成新一期数据中,请勿刷新本页!...');
- const _self = $(this);
- const stage_id = [];
- $('#add-qi input[name="stage_id[]"]:checked').each(function () {
- stage_id.push(parseInt($(this).val()));
- });
- const newMaterialData = {
- s_order: $('#s_order').val(),
- period: $('#add-qi input[name="period"]').val(),
- stage_id,
- };
- if (lastMaterialListNum === 0) {
- console.log(newMaterialData);
- postData(preUrl + '/measure/material/add', newMaterialData, function (result) {
- window.location.href = preUrl + '/measure/material/' + result.order;
- }, function () {
- _self.attr('disabled', false).text('确认添加');
- });
- return;
- }
- $('#add-qi').modal('hide');
- $('#okedit').modal('show');
- interval = setInterval(progress, 50);
- postData(preUrl + '/measure/material/gcl/load', { stage_id }, function (result) {
- // console.log(result);
- const ledger = result.ledger;
- const curLedgerData = result.curLedgerData;
- const pos = result.pos;
- const curPosData = result.curPosData;
- const gclList = result.gclList;
- gclGatherModel.loadLedgerData(ledger, curLedgerData);
- gclGatherModel.loadPosData(pos, curPosData);
- const gclGatherData = gclGatherModel.gatherGclData();
- // const gclGatherData = gclGatherModel.gatherGclData().filter(item => {
- // return item.qc_qty || item.contract_qty
- // });
- // 获取需要新增的工料关联清单
- const insertGcl = [];
- const removeGclList = [];
- for (const g of gclList) {
- const gcl = _.find(gclGatherData, function (item) {
- return item.leafXmjs && item.leafXmjs.length > 0 && _.findIndex(item.leafXmjs, { gcl_id : g.gcl_id }) !== -1;
- });
- if (gcl) {
- const ig = _.find(insertGcl, { gcl });
- if (ig) {
- if(_.findIndex(ig.bills, { mb_id: g.mb_id }) === -1) {
- ig.bills.push(g);
- }
- } else {
- insertGcl.push({
- bills: [g],
- gcl,
- leafXmjs: _.filter(gcl.leafXmjs, function(item) { return item.gather_qty !== undefined && item.gather_qty !== null }),
- })
- }
- } else {
- removeGclList.push(g);
- }
- }
- const insertList = [];
- const insertGclList = [];
- for (const one of insertGcl) {
- if (one.leafXmjs && one.leafXmjs.length > 0) {
- for (const xmj of one.leafXmjs) {
- const newgcl = _.find(gclList, { gcl_id: xmj.gcl_id });
- for (const bill of one.bills) {
- insertList.push({
- gcl_id: xmj.gcl_id,
- mx_id: xmj.mx_id ? xmj.mx_id : null,
- xmj_id: xmj.id ? xmj.id : null,
- gather_qty: xmj.gather_qty,
- quantity: bill.quantity,
- expr: bill.expr,
- mb_id: bill.mb_id,
- order: bill.order,
- });
- if (!newgcl) {
- insertGclList.push({
- gcl_id: xmj.gcl_id,
- quantity: bill.quantity,
- expr: bill.expr,
- old_quantity: bill.quantity,
- old_expr: bill.expr,
- mb_id: bill.mb_id,
- order: bill.order,
- });
- }
- }
- }
- }
- }
- // 可能需要新增list_gcl表
- newMaterialData.material_list = insertList;
- newMaterialData.insertGclList = insertGclList;
- newMaterialData.removeGclList = removeGclList;
- console.log(newMaterialData);
- postData(preUrl + '/measure/material/add', newMaterialData, function (result) {
- window.location.href = preUrl + '/measure/material/' + result.order;
- }, function () {
- stop = true;
- // clearInterval(interval);
- // console.log(_self.parents('div[id="add-qi"]'));
- // $('#add-qi').modal('show');
- // $('#okedit').modal('hide');
- // _self.parents('div[id="add-qi"]').modal('show');
- _self.attr('disabled', false).text('确认添加');
- });
- // return;
- });
- // $(this).parents('form').submit();
- });
- let value = 0;
- function progress(){
- if (stop) {
- setTimeout(function () {
- $('#add-qi').modal('show');
- $('#okedit').modal('hide');
- value = 0;
- clearInterval(interval);
- }, 500);
- }
- if (value < 100) {
- value = parseInt(value) + 1;
- $("#material-progress").css("width", value + "%").text(value + "%");
- } else if (value === 100) {
- value = parseInt(value) + 1;
- value = 30;
- }
- };
- let editPeriod = null;
- $('.edit-material').on('click', function () {
- const order = parseInt($(this).data('order'));
- const mid = parseInt($(this).data('mid'));
- $('#edit-period').val('');
- $('#edit-name').val('第 ' + order + ' 期');
- $('#edit-mid').val(mid);
- const m_period = $(this).data('period');
- const period = [];
- for (const p of m_period.split('~')) {
- if (p && p !== '') {
- period.push(new Date(p));
- }
- }
- $('#edit-period').val(m_period);
- editPeriod = !editPeriod ? $('#edit-period').datepicker().data('datepicker') : editPeriod;
- editPeriod.clear();
- if (period.length > 0) {
- editPeriod.selectDate(period);
- }
- });
- });
- function checkForm () {
- if ($('#edit-period').val() == '') {
- toastr.error('请选择调差周期');
- return false;
- }
- // const date = $('#edit-date').val();
- // const period = $('#edit-period').val();
- // const startDate = period.split('~')[0];
- // const endDate = period.split('~')[1];
- // if (startDate.indexOf(date) === -1 && endDate.indexOf(date) === -1) {
- // toastr.error('所选日期与当前月份不匹配,请重新选择');
- // $('#edit-period').parents('.form-group').find('.text-danger').remove();
- // $('#edit-period').parents('.form-group').append('<small class="text-danger">所选日期与当前月份不匹配,请重新选择</small>');
- // return false;
- // }
- };
|