Calculation/app/public/js/setting_manage.js

// 游客及投资管理用户添加到其他标段
const tenderTree4User = [];
let parentId4User = 0;
// 分类数据排序
function sortCategory4User() {
    category.sort(function (a, b) {
        return a.level ? (b.level ? a.level - b.level : -1) : a.id - b.id;
    });
}
// 初始化TenderTree数据
function initTenderTree4User () {
    const levelCategory = category.filter(function (c) {
        return c.level && c.level > 0;
    });
    function findCategoryNode4User(cid, value, array) {
        for (const a of array) {
            if (a.cid === cid && a.vid === value) {
                return a;
            }
        }
    }
    function getCategoryNode4User(category, value, parent, i = null) {
        const array = parent ?  parent.children : tenderTree4User;
        let cate = findCategoryNode4User(category.id, value, array);
        if (!cate) {
            const cateValue = findNode2('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: ++parentId4User,
                sort: cateValue.sort,
            };
            array.push(cate);
        }
        return cate;
    }
    function loadTenderCategory4User (tender) {
        let tenderCategory = null;
        for (const [index,lc] of levelCategory.entries()) {
            const tenderCate = findNode2('cid', lc.id, tender.category);
            if (tenderCate) {
                tenderCategory = getCategoryNode4User(lc, tenderCate.value, tenderCategory);
            } else {
                if (index === 0 && tender.category) {
                    for (const [i,c] of tender.category.entries()) {
                        const cate = findNode2('id', c.cid, category);
                        if (cate) tenderCategory = getCategoryNode4User(cate, c.value, tenderCategory, i+1);
                    }
                }
                return tenderCategory;
            }
        }
        return tenderCategory;
    }
    tenderTree4User.splice(0, tenderTree4User.length);
    for (const t of tenders) {
        t.valid = true;
        delete t.level;
        if (t.category && levelCategory.length > 0) {
            const parent = loadTenderCategory4User(t);
            if (parent) {
                t.level = parent.level + 1;
                parent.children.push(t);
            } else {
                tenderTree4User.push(t);
            }
        } else {
            tenderTree4User.push(t);
        }
    }
    sortTenderTree(tenderTree4User);
}
function recursiveGetTenderNodeHtml4User (node, arr, pid) {
    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>');
    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(recursiveGetTenderNodeHtml4User(c, node.children, node.sort_id));
        }
    }
    return html.join('');
}
// 根据TenderTree数据获取Html代码
function getTenderTreeHtml4User () {
    if (tenderTree4User.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="40">选择</th>');
        html.push('</tr>', '</thead>');
        parentId4User = 0;
        for (const t of tenderTree4User) {
            html.push(recursiveGetTenderNodeHtml4User(t, tenderTree4User, ''));
        }
        html.push('</table>');
        return html.join('');
    } else {
        return EmptyTenderHtml.join('');
    }
}

function recursiveGetFilterTenderNodeHtml (node, arr) {
    const html = [];
    html.push(`<tr ${node.id ? 'tid="'+ node.id +'"' : ''}>`);
    // 名称
    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>', node.name);
    }
    html.push('</td>');
    html.push('<td class="text-center">');
    if (!node.cid) {
        html.push(`<input data-tid="${node.id}" data-type="filter_budget" type="checkbox" ${node.filter_budget ? 'checked' : ''}>`);
    }
    html.push('</td>');
    html.push('<td class="text-center">');
    if (!node.cid) {
        html.push(`<input data-tid="${node.id}" data-type="filter_fund" type="checkbox" ${node.filter_fund ? 'checked' : ''}>`);
    }
    html.push('</td>');
    html.push('</tr>');
    if (node.children) {
        for (const c of node.children) {
            html.push(recursiveGetFilterTenderNodeHtml(c, node.children));
        }
    }
    return html.join('');
}
function getFilterTenderTreeHtml() {
    const html = [];
    for (const t of tenderTree4User) {
        html.push(recursiveGetFilterTenderNodeHtml(t, tenderTree4User));
    }
    $('#filter-tender-list').html(html.join(''));
}

$(document).ready(() => {

    autoFlashHeight();
    function getObjHeight(select) {
        return select.length > 0 ? select.height() : 0;
    }
    const cHeader = getObjHeight($(".c-header"));
    $('.tab-content').height($(window).height()-cHeader-90+53-46);

    if (typeof approvalOnly !== 'undefined' && approvalOnly) {
        initTenderApprovalPage();
        return;
    }

    const tabTypes = {
        tourist: '游客',
        schedule: '标段进度',
        contract: '合同管理',
        construction: '施工日志',
        quality: '质量管理',
        safe: '安全管理',
    };
    const tabTypeKeys = ['tourist', 'schedule', 'contract', 'construction', 'quality', 'safe'];
    // 单个tenderPermission字段用这个
    const tenderPermissionKeys = ['schedule'];
    // 多个tenderPermission字段融合处理用这个
    const tPsKeys = {
        quality: ['quality', 'inspection'],
        safe: ['safe_inspection', 'safe_payment'],
    };
    const $filterTenderDone = $('body #filter-tender-done')
    if (window.location.search && window.location.search.split('done=')[1]) {
      $filterTenderDone.prop('checked', window.location.search.split('done=')[1] === '1' ? true : false);
    } else {
      $filterTenderDone.prop('checked', true);
    }
    $filterTenderDone.on('change', function() {
      const isChecked = $(this).is(':checked');
      if (isChecked) {
        window.location.href = `/sp/${spid}/setting/manage?done=1`;
      } else {
        window.location.href = `/sp/${spid}/setting/manage?done=0`;
      }
    });
    $('body').on('click', '.c-body .tender-info', function () {
        $('.c-body .tender-info').removeClass('table-warning');
        $(this).addClass('table-warning');
        const tid = parseInt($(this).attr('data-id'));
        if (!tid) {
            toastr.warning('不存在标段无法设置');
            return;
        }
        // 请求获取右侧列表信息
        postData(`/sp/${spid}/setting/manage/tender/save`, { type: 'msg', tid: parseInt($(this).attr('data-id'))}, function (result) {
            sp_lc = result.shenpi.sp_lc;
            sp_type = result.shenpi.sp_type;
            sp_status = result.shenpi.sp_status;
            sp_status_list = result.shenpi.sp_status_list;
            cur_tenderid = result.tender.id;
            cur_uid = result.tender.user_id;
            setShenpiHtml(result.shenpi, result.tender, result.revising);
            setTouristHtml(result.tourists);
            // setScheduleHtml(result.scheduleAuditList);
            setContractHtml(result.contractAuditList);
            setConstructionHtml(result.constructionAuditList);
            for (const tpkey of tenderPermissionKeys) {
                setTenderPermissionHtml(result[tpkey + 'AuditList'], tpkey);
            }
            for (const tpk in tPsKeys) {
                setTenderPermissionsHtml(result[tpk + 'AuditList'], tpk, tPsKeys[tpk]);
            }
            resetAddUserHtml();
        });
    });

    setTimeout(function () {
        $('.c-body .tender-info').eq(0).click();// 需要延时加载
    }, 500);


    $('body').on('click', '.nav .nav-link', function () {
        $('#contract-tip').hide();
        if ($(this).attr('href') === '#splc') {
            $('#user-set').hide();
        } else {
            $('#user-set').show();
            const href = $(this).attr('href');
            if (href === '#guest') {
                $('#add_user_dropdownMenuButton').attr('data-type', 'tourist');
            // } else if (href === '#tzpro') {
            //     $('#add_user_dropdownMenuButton').attr('data-type', 'schedule');
            } else if (href === '#htgl') {
                $('#add_user_dropdownMenuButton').attr('data-type', 'contract');
                $('#contract-tip').show();
            } else if (href === '#sgrz') {
                $('#add_user_dropdownMenuButton').attr('data-type', 'construction');
            } else if (_.includes(tenderPermissionKeys, $(this).attr('href').substring(1))) {
                $('#add_user_dropdownMenuButton').attr('data-type', $(this).attr('href').substring(1));
            } else if (_.includes(Object.keys(tPsKeys), $(this).attr('href').substring(1))) {
                $('#add_user_dropdownMenuButton').attr('data-type', $(this).attr('href').substring(1));
            }
            let currentNavType = null;
            if (href === '#guest') currentNavType = 'tourist';
            else if (href === '#tzpro') currentNavType = 'schedule';
            else if (href === '#htgl') currentNavType = 'contract';
            else if (href === '#sgrz') currentNavType = 'construction';
            else if (href === '#quality') currentNavType = 'quality';
            else if (href === '#safe') currentNavType = 'safe';
            if(currentNavType) {
                setTimeout(() => updateSelectedMarks(), 0);
            }
        }

    });

    $('body').on('click', '.c-body a', function (e) {
        e.stopPropagation();
    });

    // 权限设置
    $('body').on('click', '#tourist-users .set-tourist-permission', function () {
        const id = parseInt($(this).data('id'));
        const permission = {
            file: ($(this).attr('name') === 'file' ? $(this).is(':checked') : $('#' + id + '_file').is(':checked')) ? 1 : 0,
            tag: ($(this).attr('name') === 'tag' ? $(this).is(':checked') : $('#' + id + '_tag').is(':checked')) ? 1 : 0,
        }
        const prop = {
            id,
            type: 'permission',
            permission,
        }
        console.log(prop);
        postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
        });
    });

    // 权限更改
    // $('body').on('click', '#schedule-users input[type="checkbox"]', function () {
    //     let permission = scPermission.no;
    //     const value = parseInt($(this).data('zhi'));
    //     if ($(this).is(':checked')) {
    //         if (value === scPermission.edit) {
    //             permission = scPermission.edit;
    //             $(this).parents('td').siblings().find('input').prop('checked', true);
    //         } else if (value === scPermission.show) {
    //             permission = scPermission.show;
    //         }
    //     } else {
    //         if (value === scPermission.edit) {
    //             permission = scPermission.show;
    //         } else if (value === scPermission.show) {
    //             permission = scPermission.no;
    //             $(this).parents('td').siblings().find('input').prop('checked', false);
    //         }
    //     }
    //     const id = parseInt($(this).data('id'));
    //     const prop = {
    //         id,
    //         permission,
    //         type: 'edit',
    //     };
    //     const _self = $(this);
    //     postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
    //     });
    // });

    // 权限更改
    $('body').on('click', '#contract-users input[type="checkbox"]', function () {
        const type = $(this).attr('data-type');
        const value = $(this).is(':checked') ? 1 : 0;
        const id = parseInt($(this).val());
        const updateInfo = { uid: id };
        updateInfo[type] = value;
        postData(`/sp/${spid}/contract/tender/${cur_tenderid}/audit/save`, { type: 'save-permission', updateData: updateInfo }, function (result) {
        })
    });

    // 权限更改
    $('body').on('click', '#construction-users input[type="checkbox"]', function () {
        const id = parseInt($(this).data('id'));
        const prop = {
            type: 'save-report',
            updateData: {
                id,
                is_report: $(this).is(':checked') ? 1 : 0,
            }
        };
        const _self = $(this);
        postData('/sp/' + spid + '/construction/' + cur_tenderid + '/audit/save', prop, function (data) {
        });
    });
    for (const tpKey of tenderPermissionKeys) {
        $('body').on('click', `#${tpKey}-users input[type="checkbox"]`, function () {
            const uid = parseInt($(this).parents('tr').data('uid'));
            const member = {
                uid,
            };
            member[tpKey] = [1];
            $(this).parents('tr').find('input[type="checkbox"]').each(function () {
                if ($(this).is(':checked')) {
                    member[tpKey].push($(this).data('value'));
                }
            });
            const prop = {
                type: 'save-permission',
                uid,
                members: [member],
                key: tpKey,
            };
            const _self = $(this);
            postData('/sp/' + spid + '/quality/' + cur_tenderid + '/audit/save', prop, function (data) {
            });
        });
    }
    for (const tPsKey in tPsKeys) {
        $('body').on('click', `#${tPsKey}-users input[type="checkbox"]`, function () {
            const uid = parseInt($(this).parents('tr').data('uid'));
            const member = {
                uid,
            };
            const key = $(this).data('key');
            member[key] = [];
            if ($(this).data('block') === 'view' && !$(this).is(':checked')) {
                $(this).parents('tr').find(`input[data-key="${key}"]`).prop('checked', false);
            } else {
                let viewFlag = false;
                $(this).parents('tr').find(`input[data-key="${key}"]`).each(function () {
                    if ($(this).is(':checked')) {
                        if ($(this).data('block') !== 'view') {
                            member[key].push(1);
                            $(this).parents('tr').find(`input[data-key="${key}"][data-block="view"]`).prop('checked', true);
                            viewFlag = true;
                        }
                        member[key].push($(this).data('value'));
                    }
                });
            }
            const prop = {
                type: 'save-permission',
                uid,
                members: [member],
                key,
            };
            const _self = $(this);
            postData('/sp/' + spid + '/quality/' + cur_tenderid + '/audit/save', prop, function (data) {
            });
        });
    }

    for (const key of tabTypeKeys) {
        $('body').on('click', `#${key}-users .remove-${key}-user`, function () {
            $('#remove_user_type').val(key);
            $('#remove_user_id').val($(this).data('id'));
            $('#show_id').val($(this).data('show-id'));
        });
    }

    // 移除用户确定
    $('#remove_user_btn').click(function () {
        const type = $('#remove_user_type').val();
        if (tabTypeKeys.indexOf(type) === -1) {
            toastr.error('参数有误');
            return;
        }
        const id = parseInt($('#remove_user_id').val());
        const showId = parseInt($('#show_id').val());
        if (type === 'contract') {
            postData('/sp/' + spid + '/contract/tender/' + cur_tenderid + '/audit/save', { type: 'del-audit', id }, function (data) {
                $('#'+ type + '-users').find('tr[data-uid="'+ id +'"]').remove();
                $('#remove-user').modal('hide');
                selectedUserIdsByType[type] = selectedUserIdsByType[type].filter(function(userId) {
                    return userId !== showId;
                });
                updateSelectedMarks();
            });
        } else if (type === 'construction') {
            postData('/sp/' + spid + '/' + type + '/' + cur_tenderid + '/audit/save', { type: 'del-audit', id }, function (data) {
                $('#'+ type + '-users').find('tr[data-id="'+ id +'"]').remove();
                $('#remove-user').modal('hide');
                selectedUserIdsByType[type] = selectedUserIdsByType[type].filter(function(userId) {
                    return userId !== showId;
                });
                updateSelectedMarks();
            });
        } else if (_.includes(tenderPermissionKeys, type)) {
            postData('/sp/' + spid + '/quality/' + cur_tenderid + '/audit/save', { type: 'del-audit', id, key: type }, function (data) {
                $('#'+ type + '-users').find('tr[data-uid="'+ id +'"]').remove();
                $('#remove-user').modal('hide');
                selectedUserIdsByType[type] = selectedUserIdsByType[type].filter(function(userId) {
                    return userId !== showId;
                });
                updateSelectedMarks();
            });
        } else if (_.includes(Object.keys(tPsKeys), type)) {
            postData('/sp/' + spid + '/quality/' + cur_tenderid + '/audit/save', { type: 'del-audit', id, key: type, together: 1 }, function (data) {
                $('#'+ type + '-users').find('tr[data-uid="'+ id +'"]').remove();
                $('#remove-user').modal('hide');
                selectedUserIdsByType[type] = selectedUserIdsByType[type].filter(function(userId) {
                    return userId !== showId;
                });
                updateSelectedMarks();
            });
        } else {
            const prop = {
                id: id,
                type: 'del',
            };
            postData('/tender/' + cur_tenderid + '/' + type + '/audit/save', prop, function (data) {
                $('#'+ type + '-users').find('tr[data-id="'+ id +'"]').remove();
                $('#remove-user').modal('hide');
                selectedUserIdsByType[type] = selectedUserIdsByType[type].filter(function(userId) {
                    return userId !== showId;
                });
                updateSelectedMarks();
            });

        }

    });

    // 投资进度
    let timerAddUser = null;
    let oldSearchValAddUser = null;
    $('body').on('input propertychange', '#add_user_dropdownMenu2 .gr-search', function (e) {

        const currentDropdownType = $('#add_user_dropdownMenuButton').attr('data-type');
        let currentSelectedIdsForType = [];
        if (currentDropdownType && selectedUserIdsByType.hasOwnProperty(currentDropdownType)) {
            currentSelectedIdsForType = selectedUserIdsByType[currentDropdownType]; // 获取对应类型的ID数组
        }

        oldSearchValAddUser = e.target.value;
        timerAddUser && clearTimeout(timerAddUser);
        timerAddUser = setTimeout(() => {
            const newVal = $(this).val();
            if (newVal && newVal === oldSearchValAddUser) {
                let html = '';
                accountList.filter(item => item && item.id !== cur_uid && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
                    const itemIdInt = parseInt(item.id, 10);
                    const isSelected = currentSelectedIdsForType.includes(itemIdInt);
                    const selectedMarkStyle = isSelected ? '' : ' style="display:none;"';
                    html += `<dd class="border-bottom p-2 mb-0 user-item" data-id="${item.id}" >
                        <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                class="ml-auto">${item.mobile || ''}</span>
                                <span class="selected-mark text-success ml-2"${selectedMarkStyle}><i class="fa fa-check"></i></span>
                                </p>
                        <span class="text-muted">${item.role || ''}</span>
                    </dd>`
                });
                $('#add_user_dropdownMenu2 .book-list').empty();
                $('#add_user_dropdownMenu2 .book-list').append(html);
            } else {
                if (!$('#add_user_dropdownMenu2 .acc-btn').length) {
                    resetAddUserHtml();
                }
            }
        }, 400);
    });

    function resetAddUserHtml() {
        const currentDropdownType = $('#add_user_dropdownMenuButton').attr('data-type');
        let currentSelectedIdsForType = [];
        if (currentDropdownType && selectedUserIdsByType.hasOwnProperty(currentDropdownType)) {
            currentSelectedIdsForType = selectedUserIdsByType[currentDropdownType];
        }
        let html = '';
        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) {
                    const itemIdInt = parseInt(item.id, 10);
                    const isSelected = currentSelectedIdsForType.includes(itemIdInt);
                    const selectedMarkStyle = isSelected ? '' : ' style="display:none;"';
                    html += `<dd class="border-bottom p-2 mb-0 user-item" data-id="${item.id}" >
                                    <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                            class="ml-auto">${item.mobile || ''}</span>
                                            <span class="selected-mark text-success ml-2"${selectedMarkStyle}><i class="fa fa-check"></i></span>
                                    </p>
                                    <span class="text-muted">${item.role || ''}</span>
                                </dd>`;
                }
            });
            html += '</div>';
        });
        $('#add_user_dropdownMenu2 .book-list').empty();
        $('#add_user_dropdownMenu2 .book-list').append(html);
    }

    // 添加审批流程按钮逻辑
    $('body').on('click', '#add_user_dropdownMenu2 .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;
    });

    // 选中用户
    $('body').on('click', '#add_user_dropdownMenu2 dl dd', function (e) {
        const id = parseInt($(this).data('id'));
        if (id) {
            const user = _.find(accountList, function (item) {
                return item.id === id;
            });
            const type = $('#add_user_dropdownMenuButton').attr('data-type');
            if (type === 'tourist') {
                const saIdList = [];
                for (let i = 0; i < $('#tourist-users tr').length; i++) {
                    saIdList.push(parseInt($('#tourist-users tr').eq(i).data('uid')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    e.stopPropagation();
                    return;
                }

                const prop = {
                    user_id: id,
                    type: 'add',
                };
                postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
                    selectedUserIdsByType.tourist.push(id);
                    const html = `<tr data-uid="${user.id}" data-id="${data.id}">
                                    <td>${user.name}</td>
                                    <td>${user.role}</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="${data.id}_file" data-id="${data.id}" name="file" class="custom-control-input set-tourist-permission">
                                            <label class="custom-control-label" for="${data.id}_file"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="${data.id}_tag" data-id="${data.id}" name="tag" class="custom-control-input set-tourist-permission">
                                            <label class="custom-control-label" for="${data.id}_tag"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-id="${data.id}" data-show-id="${user.id}" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-tourist-user">移除</a>
                                    </td>
                                </tr>`;
                    $('#tourist-users').append(html);
                    updateSelectedMarks();
                });
            // } else if (type === 'schedule') {
            //     const user = _.find(accountList, function (item) {
            //         return item.id === id;
            //     });
            //     const saIdList = [];
            //     for (let i = 0; i < $('#schedule-users tr').length; i++) {
            //         saIdList.push(parseInt($('#schedule-users tr').eq(i).data('uid')));
            //     }
            //     if (_.includes(saIdList, id)) {
            //         toastr.error('该用户已存在列表中，无需重复添加');
            //         e.stopPropagation();
            //         return;
            //     }
            //
            //     const prop = {
            //         audit_id: id,
            //         type: 'add',
            //     };
            //     postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
            //         selectedUserIdsByType.schedule.push(user.id);
            //         const html = `<tr data-uid="${user.id}" data-id="${data.id}">
            //                         <td>${user.name}</td>
            //                         <td>${user.role}</td>
            //                         <td class="text-center">
            //                             <div class="custom-control custom-checkbox mb-2">
            //                                 <input type="checkbox" data-zhi="${scPermission.show}" data-id="${data.id}" id="${data.id}_customRadio41" name="customCheckbox" class="custom-control-input" checked>
            //                                 <label class="custom-control-label" for="${data.id}_customRadio41"></label>
            //                             </div>
            //                         </td>
            //                         <td class="text-center">
            //                             <div class="custom-control custom-checkbox mb-2">
            //                                 <input type="checkbox" data-zhi="${scPermission.edit}" data-id="${data.id}" id="${data.id}_customRadio42" name="customCheckbox" class="custom-control-input">
            //                                 <label class="custom-control-label" for="${data.id}_customRadio42"></label>
            //                             </div>
            //                         </td>
            //                         <td class="text-center">
            //                             <a href="#remove-user1" data-id="${data.id}" data-show-id="${user.id}" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-schedule-user">移除</a>
            //                         </td>
            //                     </tr>`;
            //         $('#schedule-users').append(html);
            //         updateSelectedMarks();
            //     });
            } else if (type === 'contract') {
                const user = _.find(accountList, function (item) {
                    return item.id === id;
                });
                const saIdList = [];
                for (let i = 0; i < $('#contract-users tr').length; i++) {
                    saIdList.push(parseInt($('#contract-users tr').eq(i).data('uid')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    e.stopPropagation();
                    return;
                }

                const prop = {
                    id: id,
                    type: 'add-audit',
                };
                postData('/sp/' + spid + '/contract/tender/' + cur_tenderid + '/audit/save', prop, function (datas) {
                    setContractHtml(datas);
                    updateSelectedMarks();
                });
            } else if (type === 'construction') {
                const user = _.find(accountList, function (item) {
                    return item.id === id;
                });
                const saIdList = [];
                for (let i = 0; i < $('#construction-users tr').length; i++) {
                    saIdList.push(parseInt($('#construction-users tr').eq(i).data('uid')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    e.stopPropagation();
                    return;
                }

                const prop = {
                    id: id,
                    type: 'add-audit',
                };
                postData('/sp/' + spid + '/construction/' + cur_tenderid + '/audit/save', prop, function (datas) {
                    setConstructionHtml(datas);
                });
            } else if (_.includes(tenderPermissionKeys, type)) {
                const user = _.find(accountList, function (item) {
                    return item.id === id;
                });
                const saIdList = [];
                for (let i = 0; i < $('#' + type + '-users tr').length; i++) {
                    saIdList.push(parseInt($('#' + type + '-users tr').eq(i).data('uid')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    e.stopPropagation();
                    return;
                }

                const prop = {
                    id: id,
                    type: 'add-audit',
                    key: type,
                };
                postData('/sp/' + spid + '/quality/' + cur_tenderid + '/audit/save', prop, function (datas) {
                    setTenderPermissionHtml(datas, type);
                });
            } else if (_.includes(Object.keys(tPsKeys), type)) {
                const saIdList = [];
                for (let i = 0; i < $('#' + type + '-users tr').length; i++) {
                    saIdList.push(parseInt($('#' + type + '-users tr').eq(i).data('uid')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    e.stopPropagation();
                    return;
                }
                const prop = {
                    id: id,
                    type: 'add-audit',
                    key: type,
                    together: 1,
                };
                postData('/sp/' + spid + '/quality/' + cur_tenderid + '/audit/save', prop, function (datas) {
                    setTenderPermissionsHtml(datas, type, tPsKeys[type]);
                });
            }
        }
        e.stopPropagation();
    });
    sortCategory4User();
    initTenderTree4User();
    getFilterTenderTreeHtml();
    $('#set-other-tender-user-a').click(function () {
        if(!cur_tenderid) {
            toastr.warning('未选中标段无法设置');
            return;
        }
        const userType = $('#add_user_dropdownMenuButton').attr('data-type');
        const saIdList = [];
        for (let i = 0; i < $('#'+ userType +'-users tr').length; i++) {
            saIdList.push(parseInt($('#'+ userType +'-users tr').eq(i).data('uid')));
        }
        if (saIdList.length > 0) {
            $('#bdcopy').modal('show');
        } else {
            toastr.warning('未存在'+ tabTypes[userType] +'用户账号，无法应用至其他标段');
            return;
        }
    });
    $('#bdcopy').on('show.bs.modal', function () {
        const html = getTenderTreeHtml4User();
        $('#tender-list-4user').html(html);
        $('#search-tender').val('');
        $('#search-tender-result').text('0/0');
        $('#up-tender-search').attr('disabled', true);
        $('#down-tender-search').attr('disabled', true);
        setTimeout(function () { $('#tender-list-4user').scrollTop(0); },500);
    });


    let timer4SearchTender = null;
    let oldSearchVal4SearchTender = null;
    $('body').on('input propertychange', '#bdcopy input[name="tender-name"]', function(e) {
        oldSearchVal4SearchTender = e.target.value;
        timer4SearchTender && clearTimeout(timer4SearchTender);
        timer4SearchTender = setTimeout(() => {
            const newVal = $(this).val();

            const resultLength = $('#tender-list-4user').find('.result').length;
            if (resultLength > 0) {
                let content = $('#tender-list-4user').html();
                const replaceStr = $('#tender-list-4user').find('.result').eq(0).html();
                const regExp2 = new RegExp('<span class="result" style="background: yellow;">' + replaceStr + '</span>', 'g');
                content = content.replace(regExp2, replaceStr);
                const regExp3 = new RegExp('<span class="result" style="background: orange;">' + replaceStr + '</span>', 'g');
                content = content.replace(regExp3, replaceStr);
                $('#tender-list-4user').html(content);
            }
            $('#search-tender-result').text('0/0');
            $('#up-tender-search').attr('disabled', true);
            $('#down-tender-search').attr('disabled', true);
            if (newVal && newVal === oldSearchVal4SearchTender) {
                const regExp = new RegExp(newVal, 'g');
                for (let i = 0; i < $('#tender-list-4user tr').length; i++) {
                    if (_.includes($('#tender-list-4user tr').eq(i).children('td').eq(0).children('a').html(), newVal)) {
                        $('#tender-list-4user tr').eq(i).children('td').eq(0).children('a').html($('#tender-list-4user tr').eq(i).children('td').eq(0).children('a').html().replace(regExp, '<span class="result" style="background: yellow;">' + newVal + '</span>'))
                    }
                }
                const resultLength2 = $('#tender-list-4user').find('.result').length;
                if (resultLength2 > 0) {
                    $('#tender-list-4user').find('.result').eq(0).css('background', 'orange');
                    $('#search-tender-result').text('1/' + resultLength2);
                    $('#up-tender-search').attr('disabled', false);
                    $('#down-tender-search').attr('disabled', false);
                }
            }
            if($('#tender-list-4user').find('.result').length > 0) {
                const X = $('#tender-list-4user').find('.result').eq(0).offset().top;
                $('#tender-list-4user').scrollTop(X - $('#tender-list-4user').offset().top + $('#tender-list-4user').scrollTop() - 30);
            }
        }, 400);
    });

    $('#up-tender-search').on('click', function () {
        const cur = parseInt($('#search-tender-result').text().split('/')[0]);
        const total = parseInt($('#search-tender-result').text().split('/')[1]);
        const now = cur - 1 !== 0 ? cur - 1: total;
        $('#tender-list-4user').find('.result').eq(cur-1).css('background', 'yellow');
        $('#tender-list-4user').find('.result').eq(now-1).css('background', 'orange');
        // $('#tender-list tr').eq(searchUser[cur-1]).children('td').eq(2).html($('#tender-list tr').eq(searchUser[cur-1]).children('td').eq(2).html().replace('<span class="result" style="background:orange;">', '<span class="result" style="background:yellow;">'))
        // $('#tender-list tr').eq(searchUser[now-1]).children('td').eq(2).html($('#tender-list tr').eq(searchUser[now-1]).children('td').eq(2).html().replace('<span class="result" style="background:yellow;">', '<span class="result" style="background:orange;">'))
        $('#search-tender-result').text(now + '/' + total);
        const X = $('#tender-list-4user').find('.result').eq(now-1).offset().top;
        $('#tender-list-4user').scrollTop(X - $('#tender-list-4user').offset().top + $('#tender-list-4user').scrollTop() - 30);
    });

    $('#down-tender-search').on('click', function () {
        const cur = parseInt($('#search-tender-result').text().split('/')[0]);
        const total = parseInt($('#search-tender-result').text().split('/')[1]);
        const now = cur + 1 > total ? 1: cur + 1;
        $('#tender-list-4user').find('.result').eq(cur-1).css('background', 'yellow');
        $('#tender-list-4user').find('.result').eq(now-1).css('background', 'orange');
        // $('#tender-list tr').eq(searchUser[cur-1]).children('td').eq(2).html($('#tender-list tr').eq(searchUser[cur-1]).children('td').eq(2).html().replace('<span class="result" style="background:orange;">', '<span class="result" style="background:yellow;">'))
        // $('#tender-list tr').eq(searchUser[now-1]).children('td').eq(2).html($('#tender-list tr').eq(searchUser[now-1]).children('td').eq(2).html().replace('<span class="result" style="background:yellow;">', '<span class="result" style="background:orange;">'))
        $('#search-tender-result').text(now + '/' + total);
        const X = $('#tender-list-4user').find('.result').eq(now-1).offset().top;
        $('#tender-list-4user').scrollTop(X - $('#tender-list-4user').offset().top + $('#tender-list-4user').scrollTop() -30);
    });

    $('#save-other-tender-user').click(function () {
        $(this).attr('disabled', true);
        const num = $('#tender-list-4user input:checked').length;
        if (num < 2) {
            toastr.warning('请选择需要应用同步的标段');
            $(this).attr('disabled', false);
            return;
        }
        const userType = $('#add_user_dropdownMenuButton').attr('data-type');
        const data = {
            type: 'copy2otu',
            tid: cur_tenderid,
            userType,
        };
        const saIdList = [];
        for (let i = 0; i < $('#'+ userType +'-users tr').length; i++) {
            const userData = {
                uid: parseInt($('#'+ userType +'-users tr').eq(i).data('uid')),
            }
            if (userType === 'tourist') {
                userData.permission = {
                    file: $('#tourist-users tr').eq(i).find('input[type="checkbox"]').eq(0).is(':checked') ? 1 : 0,
                    tag: $('#tourist-users tr').eq(i).find('input[type="checkbox"]').eq(1).is(':checked') ? 1 : 0,
                };
            // } else if (userType === 'schedule') {
            //     let permission = scPermission.no;
            //     const _this = $('#schedule-users tr').eq(i).find('input[type="checkbox"]').eq(0);
            //     const _other = $('#schedule-users tr').eq(i).find('input[type="checkbox"]').eq(1);
            //     if (_this.is(':checked') && _other.is(':checked')) {
            //         permission = scPermission.edit;
            //     } else if (_this.is(':checked') && !_other.is(':checked')) {
            //         permission = scPermission.show;
            //     }
            //     userData.permission = permission;
            } else if (userType === 'contract') {
                userData.permission = {
                    add: $('#contract-users tr').eq(i).find('input[data-type="permission_add"]').eq(0).is(':checked') ? 1 : 0,
                    edit: $('#contract-users tr').eq(i).find('input[data-type="permission_edit"]').eq(0).is(':checked') ? 1 : 0,
                    edit_contract: $('#contract-users tr').eq(i).find('input[data-type="permission_edit_contract"]').eq(0).is(':checked') ? 1 : 0,
                    add_pay: $('#contract-users tr').eq(i).find('input[data-type="permission_add_pay"]').eq(0).is(':checked') ? 1 : 0,
                    showUnit: $('#contract-users tr').eq(i).find('input[data-type="permission_show_unit"]').eq(0).is(':checked') ? 1 : 0,
                    showNode: $('#contract-users tr').eq(i).find('input[data-type="permission_show_node"]').eq(0).is(':checked') ? 1 : 0,
                }
            } else if (userType === 'construction') {
                userData.is_report = $('#construction-users tr').eq(i).find('input[type="checkbox"]').eq(0).is(':checked') ? 1 : 0;
            } else if (_.includes(tenderPermissionKeys, userType)) {
                userData.member = {};
                userData.member[userType] = [1];
                $('#'+ userType +'-users tr').eq(i).find('input[type="checkbox"]').each(function () {
                    if ($(this).is(':checked')) {
                        userData.member[userType].push(parseInt($(this).attr('data-value')));
                    }
                });
            } else if (_.includes(Object.keys(tPsKeys), userType)) {
                userData.member = {};
                for (const key of tPsKeys[userType]) {
                    userData.member[key] = [];
                    $('#'+ userType +'-users tr').eq(i).find('input[data-key="' + key + '"]').each(function () {
                        if ($(this).is(':checked')) {
                            userData.member[key].push(parseInt($(this).attr('data-value')));
                        }
                    });
                }
            }
            saIdList.push(userData);
        }
        data.auditList = saIdList;
        // 获取已选中的标段
        const tenderList = [];
        for (let i = 0; i < num; i++) {
            const tid = parseInt($('#tender-list-4user input:checked').eq(i).data('tid'));
            if (tid !== cur_tenderid) {
                tenderList.push(tid);
            }
        }
        data.tidList = tenderList.join(',');
        // 请求获取右侧列表信息
        const _self = $(this);
        postData(`/sp/${spid}/setting/manage/tender/save`, data, function (result) {
            toastr.success('应用至其他标段成功');
            _self.attr('disabled', false);
            $('#bdcopy').modal('hide');
        }, function () {
            _self.attr('disabled', false);
        });
    });

    // 关联标段
    $('#select-tender').on('show.bs.modal', function () {
        $('#select-all-tender').prop('checked', false);
        postData(`/sp/${spid}/setting/manage/tender/save`, { type: 'noSp-tenders' }, function (result) {
            const html = [];
            for (const t of result) {
                html.push('<tr>');
                html.push('<td><a target="_blank" href="/tender/', t.id, '">', t.name, '</a></td>');
                html.push('<td>', t.user_name, '</td>');
                html.push('<td>', moment(t.create_time).format('YYYY-MM-DD'), '</td>');
                html.push('<td class="text-center">', '<input type="checkbox" data-tid="' + t.id + '">', '</td>');
                html.push('</tr>');
            }
            $('#no-project-tenders').html(html.join(''));
        });
    });

    $('#bind-sp-btn').click(function () {
        const num = $('#no-project-tenders input:checked').length;
        if (num < 1) {
            toastr.warning('请选择需要关联的标段');
            return;
        }
        const tidList = [];
        for (let i = 0; i < num; i++) {
            tidList.push($('#no-project-tenders input:checked').eq(i).data('tid'));
        }
        postData(`/sp/${spid}/setting/manage/tender/save`, { type: 'bind-sp', spid, tidList: tidList.join(',') }, function (result) {
            toastr.success('关联标段成功');
            $('#select-tender').modal('hide');
            setTimeout(function () {
                window.location.reload();
            }, 500);
        });
    });

    $('#select-all-tender').click(function () {
        const checked = $(this).is(':checked');
        $('#no-project-tenders input').prop('checked', checked);
    });

    // $('#change-sp').change(function () {
    //     const spid = $(this).val();
    //     console.log(spid);
    //     postData(`/sp/${spid}/setting/manage/tender/save`, { type: 'get-category', spid }, function (result) {
    //         $('#cate-list', '#edit-bd').html(getCategoryHtml(result));
    //         const tender = _.find(tenders, { id: cur_tenderid });
    //         if (tender && tender.spid === spid) {
    //             for (const c of tender.category) {
    //                 // $('input[value=' + c.value + ']', '#edit-bd').prop('checked', 'checked');
    //                 $('option[value=' + c.value + ']', '#edit-bd').prop('selected', true);
    //             }
    //         }
    //     });
    // })

    $('#filter-tender-ok').click(function() {
        const updateData = [];
        const tr = $('tr[tid]', '#filter-tender');
        for (const t of tr) {
            const data = { id: t.getAttribute('tid')};
            const checkes = $('input', t);
            for (const c of checkes) {
                data[c.getAttribute('data-type')] = c.checked ? 1 : 0;
            }
            updateData.push(data);
        }
        postData(`/sp/${spid}/list/batchUpdate`, updateData, function() {
            window.location.reload();
        });
    });

    $('#edit-bd').on('show.bs.modal', function () {

        const tree = new TreeSelect({
            element: '#tree-container',
            data: subProjects,
            selected: spid,
            onSelect: (id, label) => {
                const newSpid = id;
                console.log(newSpid);
                $('#change-sp').val(newSpid);
                postData(`/sp/${newSpid}/setting/manage/tender/save`, { type: 'get-category', spid: newSpid }, function (result) {
                    $('#cate-list', '#edit-bd').html(getCategoryHtml(result));
                    const tender = _.find(tenders, { id: cur_tenderid });
                    if (tender && tender.spid === newSpid) {
                        for (const c of tender.category) {
                            // $('input[value=' + c.value + ']', '#edit-bd').prop('checked', 'checked');
                            $('option[value=' + c.value + ']', '#edit-bd').prop('selected', true);
                        }
                    }
                });
                // console.log('选中了:', id, label);
            }
        });
    });
});

const tenderListSpec = (function(){
    function getTenderTreeHeaderHtml() {
        const html = [];
        html.push('<table class="table table-hover table-bordered">');
        html.push('<thead style="position: sticky;left:176px;top: 0;">', '<tr>');
        html.push('<th class="text-center" style="width: 80%">', '标段名称', '</th>');
        html.push('<th class="text-center" style="width: 20%">', '创建人', '</th>');
        html.push('</tr>', '</thead>');
        return html.join('');
    }
    function getTenderNodeHtml(node, arr, pid) {
        const html = [];
        html.push('<tr pid="' + pid + '"', (node.cid ? '' : 'class="tender-info" data-id="'+ node.id +'"'), '>');
        // 名称
        html.push('<td style="width: 80%" class="in-' + node.level + '"' + (node.cid ? '' : 'tid="' + node.id + '"') + '>');
        if (node.cid) {
            html.push('<span onselectstart="return false" style="{-moz-user-select:none}" class="fold-switch mr-1" title="收起" cid="'+ node.sort_id +'"><i class="fa fa-minus-square-o"></i></span> <i class="fa fa-folder-o"></i> ');
            html.push((node.level === 1 ? '<b>' : ''), node.name, (node.level === 1 ? '</b>' : ''));
        } else {
            html.push('<div class="d-flex justify-content-between align-items-center">');
            html.push('<div>');
            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>');
            const onlyApproval = typeof approvalOnly !== 'undefined' && approvalOnly;
            html.push('<a href="javascript: void(0)" id="' + node.id + '"' + (onlyApproval ? '' : ' name="name"') + '>', node.name, '</a>');
            html.push('</div>');
            if (!onlyApproval) {
                html.push('<div class="btn-group-table" tid="' + node.id + '">');
                html.push('<a href="javascript:void(0);" name="edit" class="mr-1"><i class="fa fa-pencil fa-fw"></i></a>');
                const hasStage = node.progress ? (node.stage_count > 0 ? true : node.stage_status !== 0) : !!node.lastStage;
                if (!hasStage) {
                    html.push('<a href="javascript:void(0);" name="del" class="mr-1"><i class="fa fa-trash-o fa-fw text-danger"></i></a>');
                } else {
                    html.push('<a href="javascript:void(0);" data-toggle="tooltip" title="请先删除所有期" class="mr-1"><i class="fa fa-trash-o fa-fw text-secondary"></i></a>');
                }
                html.push('</div>');
            }
            html.push('</div>');
        }
        html.push('</td>');
        // 创建人
        html.push('<td style="width: 20%" class="text-center">', node.user_name ? node.user_name : '', '</td>');
        html.push('</tr>');
        return html.join('');
    }
    return { getTenderNodeHtml, getTenderTreeHeaderHtml }
})();

function updateSelectedMarks(forcedType = null) {
    let currentUserListSelector = '';
    let selectedIdsArray = [];
    let currentType = forcedType;
    if (!currentType) {
        const $activeTabPane = $('.tab-pane.active');
        const activeTabId = $activeTabPane.attr('id');
        switch(activeTabId) {
            case 'guest': currentType = 'tourist'; break;
            case 'tzpro': currentType = 'schedule'; break;
            case 'htgl': currentType = 'contract'; break;
            case 'sgrz': currentType = 'construction'; break;
            case 'quality': currentType = 'quality'; break;
            case 'safe': currentType = 'safe'; break;
            default: currentType = null;
        }
    }

    if (currentType && selectedUserIdsByType.hasOwnProperty(currentType)) {
        switch(currentType) {
            case 'tourist': currentUserListSelector = '#tourist-users'; break;
            case 'schedule': currentUserListSelector = '#schedule-users'; break;
            case 'contract': currentUserListSelector = '#contract-users'; break;
            case 'construction': currentUserListSelector = '#construction-users'; break;
            case 'quality': currentUserListSelector = '#quality-users'; break;
            case 'inspection': currentUserListSelector = '#inspection-users'; break;
            case 'safe': currentUserListSelector = '#safe-users'; break;
        }
        selectedIdsArray = selectedUserIdsByType[currentType];
    } else {
        $('.user-item').find('.selected-mark').hide();
        $('.user-item').removeClass('bg-light');
        return;
    }
    if ($('#add_user_dropdownMenu2 .book-list').length > 0) {
        $('.user-item').each(function() {
            const userIdStr = $(this).data('id');
            const userId = parseInt(userIdStr, 10);
            const $mark = $(this).find('.selected-mark');
            if (!isNaN(userId) && selectedIdsArray.includes(userId)) {
                $mark.show();
                $(this).addClass('bg-light');
            } else {
                $mark.hide();
                $(this).removeClass('bg-light');
            }
        });
    }
}

function setShenpiHtml(shenpi, tender, revising) {
    renderTenderApproval(shenpi, tender, revising);
}

let selectedUserIdsByType = {
    tourist: [],
    schedule: [],
    contract: [],
    construction: [],
    quality: [],
    inspection: [],
    safe: []
};
function setTouristHtml(tourists) {
    let html = '';
    if (tourists.length > 0) {
        for (const t of tourists) {
            html += `<tr data-uid="${t.user_id}" data-id="${t.id}">
                                    <td>${t.user_name}</td>
                                    <td>${t.user_role}</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="${t.id}_file" data-id="${t.id}" name="file" class="custom-control-input set-tourist-permission" ${t.permission.file ? 'checked' : ''}>
                                            <label class="custom-control-label" for="${t.id}_file"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="${t.id}_tag" data-id="${t.id}" name="tag" class="custom-control-input set-tourist-permission" ${t.permission.tag ? 'checked' : ''}>
                                            <label class="custom-control-label" for="${t.id}_tag"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-id="${t.id}" data-show-id="${t.user_id}" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-tourist-user">移除</a>
                                    </td>
                                </tr>`;
        }
        selectedUserIdsByType.tourist = [];
        if (Array.isArray(tourists)) {
            tourists.forEach(function(tourist) {
                if (tourist.user_id !== undefined && tourist.user_id !== null) {
                    selectedUserIdsByType.tourist.push(parseInt(tourist.user_id, 10));
                }
            });
        }
    }
    $('#tourist-users').html(html);
    updateSelectedMarks();
}

function setScheduleHtml(scheduleAuditList) {
    let html = '';
    if (scheduleAuditList.length > 0) {
        for (const sa of scheduleAuditList) {
            const audit = _.find(accountList, { id: sa.audit_id });
            html += `<tr data-uid="${sa.audit_id}" data-id="${sa.id}">
                                    <td>${audit ? audit.name : ''}</td>
                                    <td>${audit ? audit.role : ''}</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" data-zhi="${scPermission.show}" data-id="${sa.id}" id="${sa.id}_customRadio41" name="customCheckbox" class="custom-control-input" ${sa.permission !== scPermission.no ? 'checked' : ''}>
                                            <label class="custom-control-label" for="${sa.id}_customRadio41"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" data-zhi="${scPermission.edit}" data-id="${sa.id}" id="${sa.id}_customRadio42" name="customCheckbox" class="custom-control-input" ${sa.permission === scPermission.edit ? 'checked' : ''}>
                                            <label class="custom-control-label" for="${sa.id}_customRadio42"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-id="${sa.id}" data-show-id="${sa.user_id}"  data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-schedule-user">移除</a>
                                    </td>
                                </tr>`;
        }
        if (Array.isArray(scheduleAuditList)) {
            scheduleAuditList.forEach(function(sa) {
                if (sa.audit_id !== undefined && sa.audit_id !== null) {
                    selectedUserIdsByType.schedule.push(parseInt(sa.audit_id, 10));
                }
            });
        }
    }
    $('#schedule-users').html(html);
    updateSelectedMarks();
}

function setContractHtml(datas) {
    let list = '';
    for (const ca of datas) {
        list += `<tr data-uid="${ca.uid}" data-id="${ca.id}">
                            <td>${ca.name}</td>
                            <td>${ca.role}</td>
                            <td class="text-center">
                                <input type="checkbox" class="permission-checkbox" data-type="permission_edit" value="${ca.uid}" ${ca.permission_edit ? 'checked' : ''}>
                            </td>
                            <td class="text-center">
                                <input type="checkbox" class="permission-checkbox" data-type="permission_add" value="${ca.uid}" ${ca.permission_add ? 'checked' : ''}>
                            </td>
                            <td class="text-center">
                                <input type="checkbox" class="permission-checkbox" data-type="permission_edit_contract" value="${ca.uid}" ${ca.permission_edit_contract ? 'checked' : ''}>
                            </td>
                            <td class="text-center">
                                <input type="checkbox" class="permission-checkbox" data-type="permission_add_pay" value="${ca.uid}" ${ca.permission_add_pay ? 'checked' : ''}>
                            </td>
                            <td class="text-center">
                                <input type="checkbox" class="permission-checkbox" data-type="permission_show_unit" value="${ca.uid}" ${ca.permission_show_unit ? 'checked' : ''}>
                            </td>
                            <td class="text-center">
                                <input type="checkbox" class="permission-checkbox" data-type="permission_show_node" value="${ca.uid}" ${ca.permission_show_node ? 'checked' : ''}>
                            </td>
                            <td class="text-center">
                                <a href="#remove-user1" data-show-id="${ca.uid}" data-toggle="modal" data-target="#remove-user" class="btn btn-outline-danger btn-sm ml-1 remove-contract-user" data-id="${ca.uid}">移除</a>
                            </td>
                        </tr>`;
    }
    if (Array.isArray(datas)) {
            datas.forEach(function(ca) {
                if (ca.uid !== undefined && ca.uid !== null) {
                    selectedUserIdsByType.contract.push(parseInt(ca.uid, 10));
                }
            });
        }
    $('#contract-users').html(list);
    updateSelectedMarks();
}

function setConstructionHtml(constructionAuditList) {
    let html = '';
    if (constructionAuditList.length > 0) {
        for (const sa of constructionAuditList) {
            html += `<tr data-uid="${sa.uid}" data-id="${sa.id}">
                                    <td>${sa.name}</td>
                                    <td>${sa.role}</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" data-id="${sa.id}" id="${sa.id}_construction" name="customCheckbox" class="custom-control-input" ${sa.is_report ? 'checked' : ''}>
                                            <label class="custom-control-label" for="${sa.id}_construction"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-show-id="${sa.uid}" data-id="${sa.id}" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-construction-user">移除</a>
                                    </td>
                                </tr>`;
        }
        if (Array.isArray(constructionAuditList)) {
            constructionAuditList.forEach(function(sa) {
                if (sa.uid !== undefined && sa.uid !== null) {
                    selectedUserIdsByType.construction.push(parseInt(sa.uid, 10));
                }
            });
        }
    }
    $('#construction-users').html(html);
    updateSelectedMarks();
}

function setTenderPermissionsHtml(auditList, key, keys) {
    const html = [];
    for (const m of auditList) {
        html.push(getUserPermissionsHtml(m, key, keys));
    }
    if (Array.isArray(auditList)) {
        auditList.forEach(function(sa) {
            if (sa.uid !== undefined && sa.uid !== null) {
                selectedUserIdsByType[key].push(parseInt(sa.uid, 10));
            }
        });
    }
    $('#' + key + '-users').html(html.join(''));
    updateSelectedMarks();
}

const getUserPermissionsHtml = function(user, key, keys) {
    const html = [];
    html.push(`<tr data-uid="${user.uid}" data-id="${user.id}">`);
    html.push(`<td>${user.name}</td>`, `<td>${user.role}</td>`);
    const block = _.find(permissionBlock, { key: key });
    for (const block of permissionBlock) {
        if (keys.indexOf(block.key) < 0) continue;
        for (const p of block.permission) {
            const checked = user[block.key] ? (user[block.key].indexOf(p.value) >= 0 ? 'checked' : '') : '';
            html.push(`<td class="text-center"><input type="checkbox" data-key="${block.key}" data-block="${p.key}" data-value="${p.value}" ${checked}></td>`);
        }
    }
    html.push(`<td class="text-center"><a href="#remove-user1" data-id="${user.uid}" data-show-id="${user.uid}" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-${key}-user">移除</a></td>`);
    html.push('</tr>');
    return html.join('');
};

function setTenderPermissionHtml(auditList, key) {
    const html = [];
    for (const m of auditList) {
        html.push(getUserPermissionHtml(m, key));
    }
    if (Array.isArray(auditList)) {
        auditList.forEach(function(sa) {
            if (sa.uid !== undefined && sa.uid !== null) {
                selectedUserIdsByType[key].push(parseInt(sa.uid, 10));
            }
        });
    }
    $('#' + key + '-users').html(html.join(''));
    updateSelectedMarks();
}

const getUserPermissionHtml = function(user, key) {
    const html = [];
    html.push(`<tr data-uid="${user.uid}" data-id="${user.id}">`);
    html.push(`<td>${user.name}</td>`, `<td>${user.role}</td>`);
    const block = _.find(permissionBlock, { key: key });
    for (const p of block.permission) {
        if (p.isDefault) continue;
        const checked = user[block.key] ? (user[block.key].indexOf(p.value) >= 0 ? 'checked' : '') : '';
        html.push(`<td class="text-center"><input type="checkbox" data-block="${p.key}" data-value="${p.value}" ${checked}></td>`);
    }
    html.push(`<td class="text-center"><a href="#remove-user1" data-show-id="${user.uid}" data-id="${user.uid}" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger remove-${key}-user">移除</a></td>`);
    html.push('</tr>');
    return html.join('');
};


let tenderApprovalLoadId = 0;

function initTenderApprovalPage() {
    tenderApprovalEditor.init();
    $('body').on('click', '.setting-approval-page .tender-info', function (event) {
        event.preventDefault();
        loadTenderApproval(Number($(this).attr('data-id')));
    });
    $('body').on('click', '.setting-approval-page .approval-retry', function () {
        loadTenderApproval(Number($(this).attr('data-id')));
    });
    const firstTender = $('.setting-approval-page .tender-info').eq(0);
    if (firstTender.length) loadTenderApproval(Number(firstTender.attr('data-id')));
}

function loadTenderApproval(tid) {
    if (!Number.isSafeInteger(tid) || tid <= 0) return;
    const loadId = ++tenderApprovalLoadId;
    const rows = $('.setting-approval-page .tender-info');
    rows.removeClass('table-warning');
    rows.filter('[data-id="' + tid + '"]').addClass('table-warning');
    // Loading or failed requests must not leave the previous tender editable.
    cur_tenderid = 0;
    cur_uid = null;
    sp_lc = [];
    $('#splc').html('<div class="text-muted p-3">正在加载审批流程…</div>');
    postData(`/sp/${spid}/setting/manage/tender/save`, { type: 'approval-msg', tid }, function (result) {
        if (loadId !== tenderApprovalLoadId) return;
        sp_lc = result.shenpi.sp_lc;
        sp_type = result.shenpi.sp_type;
        sp_status = result.shenpi.sp_status;
        sp_status_list = result.shenpi.sp_status_list;
        cur_tenderid = result.tender.id;
        cur_uid = result.tender.user_id;
        tenderApprovalEditor.setData(result);
    }, function () {
        if (loadId !== tenderApprovalLoadId) return;
        $('#splc').html('<div class="alert alert-warning">审批流程加载失败，请重试。' +
            '<button type="button" class="btn btn-sm btn-outline-primary ml-2 approval-retry" data-id="' + tid + '">重新加载</button></div>');
    });
}