Calculation/app/public/js/sp_setting_permission.js

$(document).ready(() => {
    autoFlashHeight();
    // 选择账号
    const refreshUnitUsersHtml = function () {
        const keyword = $('#sb-keyword').val();
        const html = [];
        const select = $('#sel-batch-unit').val();
        const selectGroup = accountGroup.find(x => { return x.name === select; });
        if (selectGroup) {
            const filter = keyword ? selectGroup.groupList.filter(x => {
                return x.role.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0;
            }) : selectGroup.groupList;
            for (const u of filter) {
                html.push(`<tr class="text-center">`);
                html.push(`<td><input type="checkbox" name="sel-batch-check" id="${u.id}" unit="${selectGroup.name}" ${(u.select ? 'checked' : '')} ${u.sp_exist ? 'disabled' : ''}></td>`);
                html.push(`<td>${u.name}</td>`);
                html.push(`<td>${u.role}</td>`);
                html.push(`<td>${u.company}</td>`);
                html.push('<tr>');
            }
        }
        const noCompanyAccount = accountList.filter(x => {
            if (!x.company) return true;
            const unit = accountGroup.find(y => { return y.name === x.company; });
            if (unit) return false;
            return keyword ? x.role.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0 : true;
        });
        for (const u of noCompanyAccount) {
            html.push(`<tr class="text-center table-secondary">`);
            html.push(`<td><input type="checkbox" name="sel-batch-check" id="${u.id}" unit="${selectGroup.name}" ${(u.select ? 'checked' : '')} disabled></td>`);
            html.push(`<td>${u.name}</td>`);
            html.push(`<td>${u.role}</td>`);
            html.push(`<td>${u.company}</td>`);
            html.push('<tr>');
        }
        const otherCompanyAccount = accountList.filter(x => {
            if (!keyword) return false;
            if (!x.company || x.company === selectGroup.name) return false;
            const unit = accountGroup.find(y => { return y.name === x.company; });
            if (!unit) return false;
            return x.role.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0;
        });
        for (const u of otherCompanyAccount) {
            html.push(`<tr class="text-center table-secondary">`);
            html.push(`<td><input type="checkbox" name="sel-batch-check" id="${u.id}" unit="${selectGroup.name}" ${(u.select ? 'checked' : '')} disabled></td>`);
            html.push(`<td>${u.name}</td>`);
            html.push(`<td>${u.role}</td>`);
            html.push(`<td>${u.company}</td>`);
            html.push('<tr>');
        }
        $('#sel-batch-users').html(html.join(''));
    };
    $('#sel-batch').on('show.bs.modal', function() {
        accountGroup.forEach(ag => {
            ag.groupList.forEach(u => { u.select = false; });
        });
        refreshUnitUsersHtml();
    });
    $('#sel-batch-unit').change(function() {
        refreshUnitUsersHtml();
    });
    $('#sb-search').click(function() {
        refreshUnitUsersHtml();
    });
    $('#sb-keyword').change(function() {
        refreshUnitUsersHtml();
    });
    $('body').on('click', '[name=sel-batch-check]', function() {
        const select = $('#sel-batch-unit').val();
        const selectGroup = accountGroup.find(x => { return x.name === select; });
        const user = selectGroup.groupList.find(x => { return x.id === parseInt(this.getAttribute('id')); });
        user.select = this.checked;
    });
    $('#sel-batch-all').change(function() {
        const select = $('#sel-batch-unit').val();
        const selectGroup = accountGroup.find(x => { return x.name === select; });
        selectGroup.groupList.forEach(x => {
            x.select = x.sp_exist ? false : this.checked;
        });
        refreshUnitUsersHtml();
    });
    $('#sel-batch-ok').click(() => {
        const select = [];
        for (const ag of accountGroup) {
            for (const u of ag.groupList) {
                if (u.select && !u.sp_exist) select.push(u.id);
            }
        }
        postData(`/sp/${spid}/setting/user/permission/update`, { add: select }, function() {
            window.location.reload();
        });
    });
    // 移除账号
    $('[name=remove-user]').click(function() {
        const id = this.getAttribute('data-id');
        postData(`/sp/${spid}/setting/user/permission/update`, { del: id }, function() {
            window.location.reload();
        });
    });
    $('[name=permission-check]').click(function() {
        const ptype = $(this).attr('ptype');
        if (ptype === 'contract') {
            const pvalue = $(this).attr('pvalue');
            if (this.checked) {
                if ((pvalue === '1' || pvalue === '2') && !$(this).parents('.permission-parent').find('[ptype=contract][pvalue="3"]').prop('checked') && !$(this).parents('.permission-parent').find('[ptype=contract][pvalue="4"]').prop('checked')) {
                    $(this).parents('.permission-parent').find('[ptype=contract][pvalue="5"]').prop('checked', true);
                }
                if (pvalue === '3' || pvalue === '4') {
                    $(this).parents('.permission-parent').find('[ptype=contract][pvalue="5"]').prop('checked', false);
                } else if (pvalue === '5') {
                    $(this).parents('.permission-parent').find('[ptype=contract][pvalue="3"]').prop('checked', false);
                    $(this).parents('.permission-parent').find('[ptype=contract][pvalue="4"]').prop('checked', false);
                }
            } else if (!this.checked) {
                if (pvalue === '3' || pvalue === '4') {
                    if (!$(this).parents('.permission-parent').find('[ptype=contract][pvalue="3"]').prop('checked') && !$(this).parents('.permission-parent').find('[ptype=contract][pvalue="4"]').prop('checked')) {
                        $(this).parents('.permission-parent').find('[ptype=contract][pvalue="5"]').prop('checked', true);
                    }
                }
            }
        } else if (ptype === 'payment') {
            const pvalue = $(this).attr('pvalue');
            if (this.checked && pvalue === '2') {
                $(this).parents('.permission-parent').find('[ptype=payment][pvalue="3"]').prop('checked', true);
            }
        }
    });
    $('[name=permission-check-all]').click(function() {
        const ptype = $(this).attr('ptype');
        const pvalue = $(this).attr('pvalue');
        $(`[name=permission-check][ptype=${ptype}][pvalue=${pvalue}]`).attr("checked", this.checked);
        $('#save-permission').show();
    });
    $('[name=set-permission]').click(function() {
        const data = JSON.parse(this.getAttribute('data-account'));
        const permissionCheck = $('[name="permission-check"]');
        for (const pc of permissionCheck) {
            const ptype = pc.getAttribute('ptype');
            const pvalue = pc.getAttribute('pvalue');
            const typePermission = (data[ptype + '_permission'] || '').split(',');
            pc.checked = typePermission.indexOf(pvalue) >= 0;
        }
        $('#permission-uid').val(data.permission_id);
        $('#permission').modal('show');
    });
    $('#permission-ok').click(function() {
        const data = { id: $('#permission-uid').val() };
        const updatePermission = [];
        const permissionCheck = $('[name="permission-check"]');
        for (const pc of permissionCheck) {
            const ptype = pc.getAttribute('ptype');
            const pvalue = pc.getAttribute('pvalue');
            let up = updatePermission.find(x => { return x.key === ptype; });
            if (!up) {
                up = { key: ptype, value: [] };
                updatePermission.push(up);
            }
            if (pc.checked) up.value.push(pvalue);
        }
        updatePermission.forEach(x => {
            data[x.key + '_permission'] = x.value.join(',');
        });
        postData(`/sp/${spid}/setting/user/permission/update`, { update: data }, function() {
            window.location.reload();
        });
    });
    $('#filter-valid').change(function() {
        const filter = this.checked;
        const users = $('[name=user-permission]');
        for (const user of users) {
            if (filter) {
                const checked = $(':checked', user);
                if (checked.length > 0) {
                    $(user).show();
                } else {
                    $(user).hide();
                }
            } else {
                $(user).show();
            }
        }
    });
    $('#save-permission').click(function() {
        const updateData = [];
        const users = $('[name=user-permission]');
        for (const user of users) {
            const data = { id: user.getAttribute('pid') };
            const permissionKey = [], permission = {};
            const check = $('[type=checkbox]', user);
            for (const c of check) {
                const ptype = c.getAttribute('ptype');
                const pvalue = c.getAttribute('pvalue');
                if (permissionKey.indexOf(ptype) < 0) {
                    permissionKey.push(ptype);
                    permission[ptype] = [];
                }
                if (c.checked) permission[ptype].push(pvalue);
            }
            permissionKey.forEach(x => {
                data[x + '_permission'] = permission[x].join(',');
            });
            updateData.push(data);
        }
        postData(`/sp/${spid}/setting/user/permission/update`, { update: updateData }, function() {
            window.location.reload();
        })
    });
});