znt/module/programplan/js/create.ui.js

488 lines
19 KiB
JavaScript
Raw Permalink Normal View History

window.handleClickBatchFormAction = function(action, $row, rowIndex)
{
if(action == 'delete')
{
const $nextRow = this.$tbody.find('tr[data-index="' + rowIndex + '"]');
if($nextRow.length == 0) return;
if($nextRow.find('td[data-name=type]').hasClass('hidden')) return;
const $prevRow = $nextRow.prev();
if($prevRow.length == 1 && $prevRow.attr('data-level') != $nextRow.attr('data-level') - 1) return;
let $typePicker = $nextRow.find('.picker-box[data-name=type]').zui('picker');
let typeItems = [];
for(i in typeList) typeItems.push({'text': typeList[i], 'value': i});
$typePicker.render({items: typeItems});
}
if(action !== 'addSub' && action !== 'addSibling') return;
$this = this;
if(action == 'addSub' && $row.find('td[data-name="id"] input[name^=id]').val() > 0)
{
const $syncData = $row.find('td[data-name="syncData"] input[name^=syncData]');
if($syncData.val() == '0')
{
const executionID = $row.find('td[data-name="id"] input[name^=id]').val();
$.get($.createLink('project', 'ajaxCheckHasStageData', `executionID=${executionID}`), function(hasData)
{
if(!hasData) return window.clickToAddRow($this, action, $row, rowIndex);
zui.Modal.confirm(confirmCreateTip).then((res) =>
{
if(!res) return;
$syncData.val('1');
window.clickToAddRow($this, action, $row, rowIndex);
});
});
}
else
{
window.clickToAddRow($this, action, $row, rowIndex);
}
}
else
{
window.clickToAddRow($this, action, $row, rowIndex);
}
};
window.clickToAddRow = function($this, action, $row, rowIndex)
{
if(!$this.nestedLevelMap) $this.nestedLevelMap = {};
const level = $this.nestedLevelMap[$row.attr('data-gid')] || 0;
const nextGid = $this._idSeed++;
$this.nestedLevelMap[nextGid] = action === 'addSub' ? level + 1 : level;
$row.find('input[data-name="estimate"]').prop('readonly', true); // 如果有子任务,不允许修改预计工时
const nextLevel = level + 1;
while(true)
{
$nextRow = $row.next();
if($nextRow.length == 0 || $nextRow.attr('data-level') < nextLevel)
{
rowIndex = $nextRow.length == 0 ? $row.index() : $nextRow.index() - 1;
break;
}
$row = $nextRow;
}
$this.addRow(rowIndex, nextGid);
};
window.handleRenderRow = function($row, index, data)
{
if(!this.nestedLevelMap) this.nestedLevelMap = {};
/* 上一行: */
const $prevRow = $row.prev();
/* 添加序号。 */
const $nameTd = $row.find('td[data-name="name"]');
if($nameTd.find('.input-group').length == 0)
{
$nameTd.find('input.form-control').wrap('<div class="input-group"></div>');
$nameTd.find('.input-group').prepend('<div class="input-group-addon max-w-100px"></div>');
}
/* 从行中查找层级文本展示元素: */
const nestedTextSelector = 'td[data-name="name"] .input-group-addon';
/* 获取当前行的层级,下面可能会根据上一行层级修改当前行层级: */
let level = this.nestedLevelMap[$row.attr('data-gid')] || 0;
if(typeof data != 'undefined' && typeof data.grade != 'undefined') level = data.grade - planGrade;
/* 当前行层级信息文本: */
let text = '1';
/* 处理有上一行的情况: */
if($prevRow.length)
{
/* 根据上一行层级,重新计算当前行层级: */
const prevLevel = +$prevRow.attr('data-level') || 0;
if(prevLevel < level) level = prevLevel + 1;
/* 根据上一行的层级文本,生成当前行的层级文本: */
const prevText = $prevRow.find(nestedTextSelector).text();
const parts = prevText.split('.');
if(prevLevel === level) parts[level] = +parts[level] + 1;
else if(prevLevel > level)
{
parts.length = level + 1;
parts[level] = +parts[level] + 1;
}
else parts[level] = 1;
text = parts.join('.');
}
else
{
/* 如果没有上一行,当前行层级为 0 */
level = 0;
}
/* 存储当前行层级信息: */
this.nestedLevelMap[$row.attr('data-gid')] = level;
$row.attr('data-level', level);
$row.find(nestedTextSelector).attr('title', text).text(text).append(`<input type="hidden" data-name="level" name="level[${index + 1}]" value="${level}">`); // 创建隐藏表单域用于向服务器提交当前行层级信息。
/* 追加 parent 属性以记录父级index。 */
let $prevLevelRow = $prevRow;
$row.attr('data-parent', '-1');
if($prevRow.length == 1)
{
if($prevLevelRow.attr('data-level') != level - 1) $prevLevelRow = $row.prevAll('tr[data-level="' + (level - 1) + '"]').first();
if($prevLevelRow.length == 1) $row.attr('data-parent', $prevLevelRow.attr('data-gid'));
}
if($row.find('input[data-name="milestone"]:checked').length == 0) $row.find('input[data-name="milestone"]').eq(1).prop('checked', true); //里程碑默认选择"否"。
if($prevLevelRow.length && $prevLevelRow.find('input[data-name="syncData"]').val() == '1') $row.find('input[data-name="syncData"]').val(1);
/* 处理已有数据字段状态。隐藏的删除按钮,禁用管理方法字段。 */
if(typeof data != 'undefined' && typeof data.id != 'undefined')
{
$row.find('[data-name="ACTIONS"]').find('[data-type="delete"]').addClass('hidden');
$row.find('[data-name="type"]').find('.picker-box').on('inited', function(e, info){ info[0].render({disabled: true}); });
}
/* 如果管理方法不是"阶段",禁用拆分子级按钮,禁用工作量占比字段。 */
const $currentType = $row.find('[data-name="type"] input[name^=type]');
if((data != undefined && data.type != undefined && data.type != 'stage') || ($currentType.length && $currentType.val() != 'stage'))
{
$row.find('input[data-name="percent"]').prop('disabled', true);
$row.find('[data-name="ACTIONS"]').find('[data-type="addSub"]').prop('disabled', true).attr('title', addSubTip);
}
$row.find('[data-name="type"]').find('.picker-box').on('inited', function(e, info)
{
let $typePicker = info[0];
let dataExist = (typeof data != 'undefined' && typeof data.type != 'undefined');
let options = {};
options.disabled = (planID == 0 && level == 0) ? true : false;
if(dataExist) options.disabled = true;
let prevType = '';
if(level > 0)
{
let $firstChild = $prevLevelRow.next();
if($firstChild.length > 0)
{
let $firstType = $firstChild.find('[data-name="type"]').find('[name^=type]');
if($firstType.length > 0) prevType = $firstType.val();
}
if(prevType && $firstChild.attr('data-index') != $row.attr('data-index'))
{
options.items = [];
for(i in $typePicker.options.items)
{
let item = $typePicker.options.items[i];
if(item.value == '') continue;
if(prevType == 'stage' && item.value == 'stage') options.items.push(item);
if(prevType != 'stage' && item.value != 'stage') options.items.push(item);
}
}
}
else if(level == 0 && planID && $row.attr('data-index') > 0)
{
options.items = [];
for(i in $typePicker.options.items)
{
let item = $typePicker.options.items[i];
if(item.value == '') continue;
if(initType == 'stage' && item.value == 'stage') options.items.push(item);
if(initType != 'stage' && item.value != 'stage') options.items.push(item);
}
}
$typePicker.render(options);
if(!dataExist)
{
if(level > 0 && prevType != '' && prevType != 'stage') $typePicker.$.setValue('sprint');
if(level == 0 && planID) $typePicker.$.setValue(initType);
}
});
/* Render type picker when move. */
let $typePicker = $row.find('[data-name="type"]').find('.picker-box').zui('picker');
if($typePicker != undefined && level > 0)
{
let $prevRow = $row.prev();
let typeItems = [];
if($prevRow.length == 0 || $prevRow.attr('data-level') < level)
{
for(i in typeList) typeItems.push({'text': typeList[i], 'value': i});
}
else
{
let type = $row.find('[data-name="type"]').find('[name^=type]').val();
for(i in typeList)
{
if(type == 'stage' && i == 'stage') typeItems.push({'text': typeList[i], 'value': i});
if(type != 'stage' && i != 'stage') typeItems.push({'text': typeList[i], 'value': i});
}
}
$typePicker.render({items: typeItems});
}
/* 已关闭且有交付物的阶段无法变更阶段类型。 */
$row.find('[data-name="attribute"]').find('.picker-box').on('inited', function(e, info)
{
if(typeof data != 'undefined' && typeof data.hasDeliverable != 'undefined') info[0].render({disabled: true});
});
if(project.model == 'ipd')
{
if(planID == 0 && level == 0)
{
$row.find('[data-name="ACTIONS"]').find('[data-type="sort"]').addClass('disabled').attr('title', sortableTip);
$row.find('[data-name="ACTIONS"]').find('[data-type="addSibling"]').prop('disabled', true).attr('title', addSiblingTip);
$row.find('[data-name="ACTIONS"]').find('[data-type="delete"]').addClass('hidden');
}
$row.find('[data-name="attribute"]').find('.picker-box').on('inited', function(e, info){ info[0].render({disabled: true}); });
const $point = $row.find('[data-name="point"],[data-name="defaultPoint"]');
$point.find('.picker-box').on('inited', function(e, info)
{
let items = [{text: '', value: ''}];
let disabled = level > 0 ? true : false;
if(typeof data != 'undefined' && typeof data.attribute != 'undefined' && !disabled)
{
const stageID = data.stageID;
for(let point in ipdStagePoint[stageID])
{
let disabled = false
let text = ipdStagePoint[stageID][point];
let hint = text;
/* 如果已经评审过,则置灰不能选。*/
if(reviewedPoints[point] !== undefined && reviewedPoints[point].disabled)
{
disabled = true;
hint = reviewedPointTip;
}
items.push({text: text, value: point, disabled: disabled, hint: hint});
}
}
info[0].render({items: items, disabled: disabled});
});
const $enabled = $row.find('td[data-name=enabled]');
if($enabled.length > 0 && !$enabled.hasClass('hidden'))
{
const $checkbox = $enabled.find('input[type=checkbox]');
if(data != undefined && data.status != undefined && data.status != 'wait') $checkbox.attr('disabled', 'disabled').attr('title', cropStageTip);
if(level > 0) $checkbox.attr('disabled', 'disabled').attr('title', childEnabledTip);
if($enabled.find('input.hidden').length == 0) $enabled.append("<input type='hidden' name='" + $checkbox.attr('name') + "' value='on' class='hidden'/>")
if($enabled.find('input.hidden').length > 0) $enabled.find('input.hidden').attr('name', $checkbox.attr('name'));
let $rootRow = $row;
if($rootRow.attr('data-level') != 0) $rootRow = $row.prevAll('tr[data-level="0"]').first();
if($rootRow.length == 1 && !$rootRow.find('td[data-name=enabled] input[type=checkbox]').prop('checked'))
{
$row.addClass('disabled');
$checkbox.prop('checked', false);
$enabled.find('input.hidden').val('off');
}
}
window.waitDom("div.picker-multi-selection", function()
{
let selection = $row.find('div.picker-multi-selection');
selection.each(function(index, element) {
/* 获取评审点ID。*/
let pointID = $(element).find('div.picker-deselect-btn').data('value');
/* 如果该评审点以提交评审,则不能取消选择。*/
if(reviewedPoints[pointID] !== undefined && reviewedPoints[pointID].disabled)
{
$(element).attr('title', reviewedPointTip); // 修改title
$(element).find(".picker-deselect-btn").remove(); // 禁用点击事件
}
});
});
}
if(level > 0 || planGrade > 1)
{
let preAttribute = $prevLevelRow.length == 0 ? '' : $prevLevelRow.find('[name^=attribute]').val();
$row.find('[data-name="attribute"]').find('.picker-box').on('inited', function(e, info)
{
let $attributePicker = info[0];
let disabled = false;
if(preAttribute && preAttribute != 'mix') disabled = true;
if(data != undefined && data.attribute != undefined && data.attribute != 'mix') disabled = true;
if(disabled)
{
$attributePicker.render({disabled: disabled});
if(preAttribute) $attributePicker.$.setValue(preAttribute);
}
});
}
};
window.onChangeExecutionType = function(event)
{
loadPage($.createLink('programplan', 'create', `projectID=${projectID}&productID=${productID}&planID=${planID}&type=` + $(event.target).val() + `&from=&syncData=${syncData}`));
};
window.onChangeParallel = function(event)
{
const parallel = $(event.target).val();
$('input[name^="parallel"]').val(parallel);
}
window.changeEnabled = function(obj)
{
const $target = $(obj);
const $row = $target.closest('tr');
$row.toggleClass('disabled', !$target.prop('checked'))
let $checkbox = $row.find('[data-name=enabled]').find('input[type=checkbox]');
if($row.find('[data-name=enabled]').find('input.hidden') == 0) $row.find('[data-name=enabled]').append("<input type='hidden' name='" + $checkbox.attr('name') + "' value='on' class='hidden'/>");
$row.find('[data-name=enabled]').find('input.hidden').val($target.prop('checked') ? 'on' : 'off');
let $nextRow = $row.next();
while(true)
{
if($nextRow.length == 0) break;
if($nextRow.attr('data-level') == 0) break;
$nextRow.toggleClass('disabled', !$target.prop('checked'))
let $nextCheckbox = $nextRow.find('[data-name=enabled]').find('input[type=checkbox]');
if($nextRow.find('[data-name=enabled]').find('input.hidden') == 0) $nextRow.find('[data-name=enabled]').append("<input type='hidden' name='" + $nextCheckbox.attr('name') + "' value='on' class='hidden'/>");
$nextCheckbox.prop('checked', $target.prop('checked'));
$nextRow.find('[data-name=enabled]').find('input.hidden').val($target.prop('checked') ? 'on' : 'off');
$nextRow = $nextRow.next();
}
};
window.changeAttribute = function(obj)
{
const attribute = obj.value;
const $target = $(obj);
let $row = $target.closest('tr');
let level = $row.attr('data-level');
let $nextRow = $row.next();
while(true)
{
if($nextRow.length == 0) break;
if($nextRow.attr('data-level') <= level) break;
let $picker = $nextRow.find('.picker-box[data-name="attribute"]').zui('picker');
$picker.render({disabled: attribute == 'mix' ? false : true});
$picker.$.setValue(attribute);
$nextRow = $nextRow.next();
}
};
window.changeType = function(obj)
{
const type = obj.value;
const $target = $(obj);
let $row = $target.closest('tr');
$row.find('input[data-name="percent"]').prop('disabled', type != 'stage');
$row.find('[data-name="ACTIONS"]').find('[data-type="addSub"]').prop('disabled', type != 'stage').attr('title', type != 'stage' ? addSubTip : '');
let $nextRow = $row.next();
let level = $row.attr('data-level');
let $typePicker = $row.find('.picker-box[data-name=type]').zui('picker');
/* 检查子阶段是否又被拆分,如果有拆分,则不允许修改为非阶段的管理方法。 */
if(type != 'stage')
{
while(true)
{
if($nextRow.length == 0) break;
if($nextRow.attr('data-level') < level) break;
if($nextRow.attr('data-level') > level)
{
zui.Modal.alert(errorLang.notStage);
$typePicker.$.setValue('stage');
return;
}
$nextRow = $nextRow.next();
}
}
$nextRow = $row.next();
if($nextRow.length == 0) return;
if($nextRow.attr('data-level') != level) return; //只修改同级的管理方法。
$nextRow.find('input[data-name="percent"]').prop('disabled', type != 'stage');
$nextRow.find('[data-name="ACTIONS"]').find('[data-type="addSub"]').prop('disabled', type != 'stage').attr('title', type != 'stage' ? addSubTip : '');
let $nextTypePicker = $nextRow.find('.picker-box[data-name=type]').zui('picker');
if($nextTypePicker == undefined) return;
let nextTypeItems = [];
for(i in typeList)
{
if(i == '') continue;
if(type == 'stage' && i == 'stage') nextTypeItems.push({'text': typeList[i], 'value': i});
if(type != 'stage' && i != 'stage') nextTypeItems.push({'text': typeList[i], 'value': i});
}
$nextTypePicker.render({items: nextTypeItems});
$nextTypePicker.$.setValue(type);
};
window.onMove = function(event, originEvent)
{
const fromLevel = $(event.dragged).attr('data-level');
const toLevel = $(event.related).attr('data-level');
const fromParent = $(event.dragged).attr('data-parent');
const toParent = $(event.related).attr('data-parent');
if(fromLevel != toLevel) return false;
if(fromParent != toParent) return false;
return true;
}
window.onSort = function(e)
{
const gid = $(e.item).attr('data-gid');
const $duplicates = $(`tr[data-gid='${gid}']`);
if($duplicates.length > 1) $duplicates.slice(1).remove();
const id = $(e.item).attr('data-parent');
window.moveChildren(id);
const $batchForm = $('[data-zui-batchform]').zui('batchForm');
$batchForm._rows = $batchForm._sortable.toArray().map(Number);
$batchForm.render();
}
window.moveChildren = function(id, processedIds = new Set())
{
if(processedIds.has(id)) return;
processedIds.add(id);
const $parent = $(`tr[data-gid='${id}']`);
const $children = $(`tr[data-parent='${id}']`).not('.sortable-empty-shadow');
if($children.length == 0) return;
const $reversedChildren = $($children.get().reverse());
$reversedChildren.each(function(index, element)
{
$parent.after(element);
moveChildren($(element).attr('data-gid'), processedIds);
});
}