Calculation/app/public/js/sp_setting_permission.js

$(document).ready(() => {
    autoFlashHeight();
    // 选择账号
    const refreshUnitUsersHtml = function () {
        const keyword = $('#sb-keyword').val().trim();
        const html = [];
        const select = $('#sel-batch-unit').val();
        const users = accountList.filter(user => {
            if (select && user.company !== select) return false;
            return !keyword || (user.role || '').indexOf(keyword) >= 0 || (user.name || '').indexOf(keyword) >= 0;
        });
        const selectableUsers = users.filter(user => !user.sp_exist);
        for (const u of users) {
            html.push('<tr class="text-center">');
            html.push(`<td><input type="checkbox" name="sel-batch-check" id="${u.id}" ${(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>');
        }
        $('#sel-batch-users').html(html.join(''));
        $('#sel-batch-all').prop('checked', selectableUsers.length > 0 && selectableUsers.every(user => user.select));
    };
    $('#sel-batch').on('show.bs.modal', function() {
        accountList.forEach(user => { user.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 user = accountList.find(user => user.id === parseInt(this.getAttribute('id')));
        if (!user || user.sp_exist) return;
        user.select = this.checked;
        const checks = $('[name=sel-batch-check]:enabled');
        $('#sel-batch-all').prop('checked', checks.length > 0 && checks.filter(':checked').length === checks.length);
    });
    $('#sel-batch-all').change(function() {
        for (const check of $('[name=sel-batch-check]:enabled')) {
            const user = accountList.find(user => user.id === parseInt(check.getAttribute('id')));
            if (user) user.select = this.checked;
        }
        refreshUnitUsersHtml();
    });
    $('#sel-batch-ok').click(() => {
        const select = accountList.filter(user => user.select && !user.sp_exist).map(user => user.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' || pvalue === '7' || pvalue === '8') && !$(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();
        })
    });
    $('[name=copy-permission]').click(function() {
        let data = $('[name=set-permission]', $(this).parent()).attr('data-account');
        $('#source-permission').val(data);
        data = JSON.parse(data);
        const html = [];
        for (const u of subProjectAllAccountList) {
            if (u.id === data.id) continue;
            html.push('<tr>');
            html.push(`<td class=text-center><input type="checkbox" name="copy-batch-check" id="${u.permission_id}"></td>`);
            html.push(`<td>${u.name}</td>`);
            html.push(`<td>${u.role}</td>`);
            html.push(`<td>${u.company}</td>`);
            html.push('</tr>');
        }
        $('#copy-batch-users').html(html.join(''));
        $('#copy-permission').modal('show');
    });
    $('#copy-batch-all').click(function() {
        for (const c of $('[name=copy-batch-check]')) {
            c.checked = this.checked;
        }
    });
    $('#copy-batch-ok').click(function() {
        const source = JSON.parse($('#source-permission').val());
        const updateData = [];
        const batchUser = $('[name=copy-batch-check]:checked');
        if (batchUser.length === 0) {
            toastr.warning('未选择账号');
            return;
        }

        for (const user of batchUser) {
            const data = { id: user.getAttribute('id') };
            const permissionCheck = $('[name="permission-check"]');
            for (const pc of permissionCheck) {
                const ptype = pc.getAttribute('ptype');
                data[ptype + '_permission'] = source[ptype + '_permission'];
            }
            updateData.push(data);
        }
        postData(`/sp/${spid}/setting/user/permission/update`, { update: updateData }, function() {
            window.location.reload();
        })
    });

    $('#copy-user-batch').on('show.bs.modal', function() {
        $('#cub-sp-all')[0].checked = false;
        for (const c of $('[name=cub-sp-check]')) {
            c.checked = false;
        }
        $('#cub-user-all')[0].checked = false;
        for (const c of $('[name=cub-user-check]')) {
            c.checked = false;
        }
    });
    $('#cub-sp-all').click(function() {
        for (const c of $('[name=cub-sp-check]')) {
            c.checked = this.checked;
        }
    });
    $('#cub-user-all').click(function() {
        for (const c of $('[name=cub-user-check]')) {
            c.checked = this.checked;
        }
    });
    $('#copy-user-batch-ok').click(function() {
        const spCheck = $('[name=cub-sp-check][tree_is_folder="0"]:checked');
        if (spCheck.length === 0) {
            toastr.warning('未选择项目');
            return;
        }
        const userCheck = $('[name=cub-user-check]:checked');
        if (userCheck.length === 0) {
            toastr.warning('未选择账号');
            return;
        }
        const copyData = { spid: [], uid: [] };
        for (const sp of spCheck) {
            copyData.spid.push(sp.getAttribute('spid'));
        }
        for (const u of userCheck) {
            copyData.uid.push(parseInt(u.getAttribute('uid')));
        }
        const existType = $('[name=exist-type]:checked').val();
        postData(`/sp/${spid}/setting/user/permission/update`, { copy: copyData, existType }, function(result) {
            toastr.success('设置成功');
            $('#copy-user-batch').modal('hide');
        });
    });
    $('#sel-batch-unit').select2({
        placeholder: '全部单位',
        allowClear: true,
        width: '300px',
        dropdownParent: $('#sel-batch'),
        minimumResultsForSearch: 0,
    });
});