Calculation/app/public/js/shenpi.js

'use strict';

/**
 *
 *
 * @author Ellisran
 * @date 2020/10/09
 * @version
 */
const tenderTree = [];
let parentId = 0;
// 查询方法
function findNode (key, value, arr) {
    for (const a of arr) {
        if (a[key] && a[key] === value) {
            return a;
        }
    }
}
// 初始化TenderTree数据
function initTenderTree () {
    const levelCategory = category.filter(function (c) {
        return c.level && c.level > 0;
    });
    function findCategoryNode(cid, value, array) {
        for (const a of array) {
            if (a.cid === cid && a.vid === value) {
                return a;
            }
        }
    }
    function getCategoryNode(category, value, parent, i = null) {
        const array = parent ?  parent.children : tenderTree;
        let cate = findCategoryNode(category.id, value, array);
        if (!cate) {
            const cateValue = findNode('id', value, category.value);
            if (!cateValue) return null;
            cate = {
                cid: category.id,
                vid: value,
                name: cateValue.value,
                children: [],
                level: i ? i : category.level,
                sort_id: ++parentId,
            };
            array.push(cate);
        }
        return cate;
    }
    function loadTenderCategory (tender) {
        let tenderCategory = null;
        for (const [index,lc] of levelCategory.entries()) {
            const tenderCate = findNode('cid', lc.id, tender.category);
            if (tenderCate) {
                tenderCategory = getCategoryNode(lc, tenderCate.value, tenderCategory);
            } else {
                if (index === 0 && tender.category) {
                    for (const [i,c] of tender.category.entries()) {
                        const cate = findNode('id', c.cid, category);
                        tenderCategory = getCategoryNode(cate, c.value, tenderCategory, i+1);
                    }
                }
                return tenderCategory;
            }
        }
        return tenderCategory;
    }
    function calculateTender(tender) {
        if (tender.lastStage) {
            tender.gather_tp = ZhCalc.add(tender.lastStage.contract_tp, tender.lastStage.qc_tp);
            tender.end_contract_tp = ZhCalc.add(tender.lastStage.pre_contract_tp, tender.lastStage.contract_tp);
            tender.end_qc_tp = ZhCalc.add(tender.lastStage.pre_qc_tp, tender.lastStage.qc_tp);
            tender.end_gather_tp = ZhCalc.add(tender.end_contract_tp, tender.end_qc_tp);
            tender.pre_gather_tp = ZhCalc.add(tender.lastStage.pre_contract_tp, tender.lastStage.pre_qc_tp);
            tender.yf_tp = ZhCalc.add(tender.lastStage.yf_tp);
            tender.end_yf_tp = ZhCalc.add(tender.lastStage.pre_yf_tp, tender.yf_tp);
        }
    }
    tenderTree.splice(0, tenderTree.length);
    for (const t of tenders) {
        calculateTender(t);
        t.valid = true;
        delete t.level;
        if (t.category && levelCategory.length > 0) {
            const parent = loadTenderCategory(t);
            if (parent) {
                t.level = parent.level + 1;
                parent.children.push(t);
            } else {
                tenderTree.push(t);
            }
        } else {
            tenderTree.push(t);
        }
    }
}
function recursiveGetTenderNodeHtml (node, arr, pid, this_code, this_status, aidList = []) {
    const html = [];
    html.push('<tr pid="' + pid + '">');
    // 名称
    html.push('<td class="in-' + node.level + '">');
    if (node.cid) {
        html.push('<i class="fa fa-folder-o"></i> ', node.name);
    } else {
        html.push('<span class="text-muted mr-2">');
        html.push(arr.indexOf(node) === arr.length - 1 ? '└' : '├');
        html.push('</span>');
        //html.push('<a href="/tender/' + node.id + '">', node[c.field], '</a>');
        html.push('<a href="javascript: void(0)" id="' + node.id + '">', node.name, '</a>');
    }
    html.push('</td>');
    // 创建人
    // html.push('<td>', sp_status_list[node.shenpiInfo[shenpi_type]].name, '</td>');
    html.push('<td>');
    if (!node.cid) {
        let auditList = [];
        let tender_status = 1;
        if(cur_tenderid === node.id) {
            html.push(sp_status_list[this_status].name);
            auditList = aidList;
            tender_status = this_status;
        } else {
            html.push(sp_status_list[node.shenpiInfo[this_code]].name);
            auditList = node.shenpiauditList[this_code];
            tender_status = node.shenpiInfo[this_code];
        }
        if(tender_status === sp_status.gdspl || tender_status === sp_status.gdzs) {
            const nameList = [];
            if(auditList) {
                for (const uid of auditList) {
                    const user = _.find(accountList, { id: uid });
                    nameList.push(user.name);
                }
            }
            html.push('<i class="fa fa-question-circle text-primary" data-container="body" data-toggle="tooltip" data-placement="bottom" ' +
                'data-original-title="'+ (nameList.length > 0 ? nameList.join('-') : '') +'"></i>');
        }
    }
    html.push('</td>');
    html.push('<td>');
    if (!node.cid) {
        html.push('<input data-tid="'+ node.id +'" type="checkbox"'+ (cur_tenderid === node.id ? ' checked disabled' : '') +'>');
    }
    html.push('</td>');
    html.push('</tr>');
    if (node.children) {
        for (const c of node.children) {
            html.push(recursiveGetTenderNodeHtml(c, node.children, node.sort_id, this_code, this_status, aidList));
        }
    }
    return html.join('');
}
// 根据TenderTree数据获取Html代码
function getTenderTreeHtml (this_code, this_status, aidList = []) {
    if (tenderTree.length > 0) {
        const html = [];
        html.push('<table class="table table-hover table-bordered">');
        html.push('<thead>', '<tr>');
        html.push('<th>名称</th>');
        html.push('<th width="100">审批流程</th>');
        html.push('<th width="40">选择</th>');
        html.push('</tr>', '</thead>');
        parentId = 0;
        for (const t of tenderTree) {
            html.push(recursiveGetTenderNodeHtml(t, tenderTree, '', this_code, this_status, aidList));
        }
        html.push('</table>');
        return html.join('');
    } else {
        return EmptyTenderHtml.join('');
    }
}
$(document).ready(function () {
    let timer = null;
    let oldSearchVal = null;
    const needYB = ['ledger', 'revise', 'change'];
    $('body').on('input propertychange', '.gr-search', function(e) {
        oldSearchVal = e.target.value;
        timer && clearTimeout(timer);
        timer = setTimeout(() => {
            const newVal = $(this).val();
            const code = $(this).attr('data-code');
            let html = '';
            if (newVal && newVal === oldSearchVal) {
                accountList.filter(item => item && (item.id !== cur_uid || (item.id === cur_uid && needYB.indexOf(code) !== -1)) && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
                    html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
                        <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                class="ml-auto">${item.mobile || ''}</span></p>
                        <span class="text-muted">${item.role || ''}</span>
                    </dd>`
                });
                $('#' + code + '_dropdownMenu .book-list').empty();
                $('#' + code + '_dropdownMenu .book-list').append(html);
            } else {
                if (!$('#' + code + '_dropdownMenu .acc-btn').length) {
                    accountGroup.forEach((group, idx) => {
                        if (!group) return;
                        html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
                        </a> ${group.groupName}</dt>
                        <div class="dd-content" data-toggleid="${idx}">`;
                        group.groupList.forEach(item => {
                            if ((item.id !== cur_uid || (item.id === cur_uid && needYB.indexOf(code) !== -1))) {
                                html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
                                    <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                            class="ml-auto">${item.mobile || ''}</span></p>
                                    <span class="text-muted">${item.role || ''}</span>
                                </dd>`;
                            }
                        });
                        html += '</div>';
                    });
                    $('#' + code + '_dropdownMenu .book-list').empty();
                    $('#' + code + '_dropdownMenu .book-list').append(html);
                }
            }
        }, 400);
    });

    // 添加审批流程按钮逻辑
    $('body').on('click', '.book-list dt', function () {
        const idx = $(this).find('.acc-btn').attr('data-groupid');
        const type = $(this).find('.acc-btn').attr('data-type');
        if (type === 'hide') {
            $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
                $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o');
                $(this).find('.acc-btn').attr('data-type', 'show');

            })
        } else {
            $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
                $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square');
                $(this).find('.acc-btn').attr('data-type', 'hide');
            })
        }
        return false;
    });

    // 更改审批流程状态
    $('.form-check input').on('change', function () {
        // 获取所有审批的checked值并更新
        const this_status = parseInt($(this).val());
        const this_code = $(this).data('code');
        const spt = sp_status_list[this_status];
        $(this).parents('.form-group').siblings('.alert-warning').text(spt.name + '：' + spt.msg);
        // 拼接post json
        const prop = {
            code: this_code,
            status: this_status
        };
        const _self = $(this);
        postData('/tender/' + cur_tenderid + '/shenpi/save', prop, function (data) {
            if (this_status === sp_status.sqspr) {
                _self.parents('.form-group').siblings('.lc-show').html('');
            } else if (this_status === sp_status.gdspl) {
                let addhtml = '<ul class="list-unstyled">\n';
                if (data.length !== 0) {
                    for(const [i, audit] of data.entries()) {
                        addhtml += makeAudit(audit, transFormToChinese(i+1));
                    }
                    addhtml += '<li class="pl-3"><a href="javascript:void(0);" class="add-audit"><i class="fa fa-plus"></i> 添加流程</a></li>';
                } else {
                    addhtml += makeSelectAudit(this_code, '一');
                }
                addhtml += '</ul>\n';
                _self.parents('.form-group').siblings('.lc-show').html(addhtml);
            } else if (this_status === sp_status.gdzs) {
                let addhtml = '<ul class="list-unstyled">\n' +
                    '                                        <li class="d-flex justify-content-start mb-3">\n' +
                    '                                            <span class="col-auto">授权审批人</span>\n' +
                    '                                            <span class="col-7">\n' +
                    '                                                <span class="d-inline-block"></span>\n' +
                    '                                            </span>\n' +
                    '                                        </li>\n';
                addhtml += data ? makeAudit(data) : makeSelectAudit(this_code);
                addhtml += '</ul>\n';
                _self.parents('.form-group').siblings('.lc-show').html(addhtml);
            }
        });
    });

    // 选中审批人
    $('body').on('click', 'dl dd', function () {
        const id = parseInt($(this).data('id'));
        if (id) {
            const user = _.find(accountList, function (item) {
                return item.id === id;
            });
            const this_status = parseInt($(this).parents('.lc-show').siblings('.form-group').find('input:checked').val());
            const this_code = $(this).parents('.lc-show').siblings('.form-group').find('input:checked').data('code');
            if (this_status === sp_status.gdspl) {
                // 判断是否已存在审批人
                const aid_num = $(this).parents('ul').find('.remove-audit').length;
                for (let i = 0; i < aid_num; i++) {
                    const aid = parseInt($(this).parents('ul').find('.remove-audit').eq(i).data('id'));
                    if (aid === id) {
                        toastr.warning('该审核人已存在，请勿重复添加');
                        return;
                    }
                }

            }
            const prop = {
                status: this_status,
                code: sp_type[this_code],
                audit_id: id,
                type: 'add',
            };
            const _self = $(this);
            postData('/tender/' + cur_tenderid + '/shenpi/audit/save', prop, function (data) {
                if (this_status === sp_status.gdspl) {
                    _self.parents('ul').append('<li class="pl-3"><a href="javascript:void(0);" class="add-audit"><i class="fa fa-plus"></i> 添加流程</a></li>');
                }
                _self.parents('.spr-span').html('<span class="d-inline-block"></span>\n' +
                    '<span class="d-inline-block"><span class="badge badge-light">'+ user.name +' <a href="javascript:void(0);" class="remove-audit btn-sm text-danger px-1" title="移除" data-id="'+ user.id +'"><i class="fa fa-remove"></i></a></span> </span>');
            });
        }
    });

    // 移除审批人
    $('body').on('click', '.remove-audit', function () {
        const id = parseInt($(this).data('id'));
        const this_status = parseInt($(this).parents('.lc-show').siblings('.form-group').find('input:checked').val());
        const this_code = $(this).parents('.lc-show').siblings('.form-group').find('input:checked').data('code');
        const prop = {
            status: this_status,
            code: sp_type[this_code],
            audit_id: id,
            type: 'del',
        };
        const _self = $(this);
        postData('/tender/' + cur_tenderid + '/shenpi/audit/save', prop, function (data) {
            if (this_status === sp_status.gdspl) {
                const _selflc = _self.parents('.lc-show');
                _self.parents('li').remove();
                const aid_num = parseInt(_selflc.children('ul').find('li.d-flex').length);
                if (aid_num === 0) {
                    let addhtml = '<ul class="list-unstyled">\n';
                    addhtml += makeSelectAudit(this_code, '一');
                    addhtml += '</ul>\n';
                    _selflc.html(addhtml);
                } else {
                    for (let i = 0; i < aid_num; i++) {
                        _selflc.find('li.d-flex').eq(i).find('.col-auto').text(transFormToChinese(i+1) + '审');
                    }
                }
            } else if (this_status === sp_status.gdzs) {
                let addhtml = '<ul class="list-unstyled">\n' +
                    '                                        <li class="d-flex justify-content-start mb-3">\n' +
                    '                                            <span class="col-auto">授权审批人</span>\n' +
                    '                                            <span class="col-7">\n' +
                    '                                                <span class="d-inline-block"></span>\n' +
                    '                                            </span>\n' +
                    '                                        </li>\n';
                addhtml += makeSelectAudit(this_code);
                addhtml += '</ul>\n';
                _self.parents('.lc-show').html(addhtml);
            }
        })
    });

    // 固定审批流-添加流程
    $('body').on('click', '.add-audit', function () {
        const num = $(this).parents('ul').children('li').length;
        const this_code = $(this).parents('.lc-show').siblings('.form-group').find('input:checked').data('code');
        const addhtml = makeSelectAudit(this_code, transFormToChinese(num));
        $(this).parents('ul').append(addhtml);
        $(this).parents('li').remove();
    });

    // 审批流程-审批人html 生成
    function makeAudit(audit, i = '终') {
        return '<li class="d-flex justify-content-start mb-3">\n' +
            '                                            <span class="col-auto">'+ i +'审</span>\n' +
            '                                            <span class="col-7 spr-span">\n' +
            '                                            <span class="d-inline-block"></span>\n' +
            '                                            <span class="d-inline-block"><span class="badge badge-light">'+ audit.name +' <a href="javascript:void(0);" class="remove-audit btn-sm text-danger px-1" title="移除" data-id="'+ audit.audit_id +'"><i class="fa fa-remove"></i></a></span> </span>\n' +
            '                                            </span>\n' +
            '                                        </li>';
    }

    // 审批流程-选择审批人html 生成
    function makeSelectAudit(code, i = '终') {
        let divhtml = '';
        accountGroup.forEach((group, idx) => {
            let didivhtml = '';
            if(group) {
                group.groupList.forEach(item => {
                    didivhtml += (item.id !== cur_uid || (item.id === cur_uid && needYB.indexOf(code) !== -1)) ? '<dd class="border-bottom p-2 mb-0 " data-id="' + item.id + '" >\n' +
                        '<p class="mb-0 d-flex"><span class="text-primary">' + item.name + '</span><span\n' +
                        '                                                                                class="ml-auto">' + item.mobile + '</span></p>\n' +
                        '                                                                    <span class="text-muted">' + item.role + '</span>\n' +
                        '                                                                    </dd>\n' : '';
                });
                divhtml += '<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="' + idx + '" data-type="hide"><i class="fa fa-plus-square"></i></a> ' + group.groupName + '</dt>\n' +
                    '                                                                <div class="dd-content" data-toggleid="' + idx + '">\n' + didivhtml +
                    '                                                                </div>\n';
            }
        });
        let html = '<li class="d-flex justify-content-start mb-3">\n' +
            '                                            <span class="col-auto">' + i + '审</span>\n' +
            '                                            <span class="col-7 spr-span">\n' +
            '                                            <span class="d-inline-block">\n' +
            '                                                <div class="dropdown text-right">\n' +
            '                                                    <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="' + code + '_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n' +
            '                                                        选择审批人\n' +
            '                                                    </button>\n' +
            '                                                    <div class="dropdown-menu dropdown-menu-right" id="' + code + '_dropdownMenu" aria-labelledby="' + code + '_dropdownMenuButton" style="width:220px">\n' +
            '                                                        <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"\n' +
            '                                                                                     placeholder="姓名/手机 检索" autocomplete="off" data-code="' + code + '"></div>\n' +
            '                                                        <dl class="list-unstyled book-list">\n' + divhtml +
            '                                                        </dl>\n' +
            '                                                    </div>\n' +
            '                                                </div>\n' +
            '                                            </span>\n' +
            '                                        </span>\n' +
            '                                        </li>';
        return html;
    }


    initTenderTree();

    $('.set-otherTender').on('click', function () {
        const this_code = $(this).data('code');
        const this_status = parseInt($(this).siblings('.lc-show').siblings('.form-group').find('input:checked').val());
        const aid_num = $(this).siblings('.lc-show').children('ul').find('.remove-audit').length;
        const aidList = [];
        for (let i = 0; i < aid_num; i++) {
            const aid = parseInt($(this).siblings('.lc-show').children('ul').find('.remove-audit').eq(i).data('id'));
            aidList.push(aid);
        }
        const html = getTenderTreeHtml(this_code, this_status, aidList);
        $('#shenpi-name').text($(this).data('name'));
        $('#shenpi_code').val(this_code);
        $('#shenpi_status').val(this_status);
        $('#shenpi_auditors').val(aidList.join(','));
        $('#tender-list').html(html);
        setTimeout(function () { $("#tender-list [data-toggle='tooltip']").tooltip(); },800);
    });

    $('#save-other-shenpi').click(function () {
        $(this).attr('disabled', true);
        const num = $('#tender-list input:checked').length;
        if (num < 2) {
            toastr.warning('请选择需要设置审批同步的标段');
            return;
        }
        const data = {
            type: 'copy2ot',
            status: $('#shenpi_status').val(),
            code: $('#shenpi_code').val(),
        };
        if(data.code !== shenpi_status.gdspl) {
            data.aidList = $('#shenpi_auditors').val();
        }
        // 获取已选中的标段
        const tenderList = [];
        for (let i = 0; i < num; i++) {
            const tid = parseInt($('#tender-list input:checked').eq(i).data('tid'));
            if (tid !== cur_tenderid) {
                tenderList.push(tid);
            }
        }
        data.tidList = tenderList.join(',');
        postData('/tender/' + cur_tenderid + '/shenpi/audit/save', data, function () {
            toastr.success('设置成功');
            setTimeout(function () {
                window.location.reload();
            }, 1000)
        })
    })
});