zentao/module/programplan/js/create.ui.js

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);
    });
}