<?php viewLoad('public/header'); ?>
<script src="<?=Mvc::$cfg['staticUrl']?>/js/lib/dxGrid.js"></script>

<div id="usersGrid"></div>

<script>
$(function () {
    var departments = <?=json_encode($departments, JSON_UNESCAPED_UNICODE)?>;
    var roles = <?=json_encode($roles, JSON_UNESCAPED_UNICODE)?>;

    createDxGrid('#usersGrid', {
        host: APP.HOST + '/users',
        key: 'admin_id',
        columns: [
            { dataField: 'admin_id', caption: 'ID', width: 60, allowEditing: false },
            { dataField: 'admin_username', caption: '<?=lg('用户名')?>' },
            { dataField: 'admin_password', caption: '<?=lg('密码')?>', visible: false },
            { dataField: 'admin_name', caption: '<?=lg('姓名')?>' },
            dxMultiSelectColumn('admin_depa_ids', 'admin_depa_names', <?=json_encode(lg('部门'))?>, departments, 'admin_depa_id', 'admin_depa_name'),
            dxMultiSelectColumn('admin_role_ids', 'admin_role_names', <?=json_encode(lg('角色'))?>, roles, 'sys_role_id', 'sys_role_name'),
            { dataField: 'admin_email', caption: '<?=lg('邮箱')?>' },
            { dataField: 'admin_mobile', caption: '<?=lg('手机号')?>' },
            { dataField: 'admin_remark', caption: '<?=lg('备注')?>', visible: false },
            { dataField: 'admin_allow', caption: '<?=lg('允许')?>', dataType: 'boolean' },
            { dataField: 'admin_create_time', caption: '<?=lg('创建时间')?>', dataType: 'datetime', allowEditing: false },
            { dataField: 'admin_update_time', caption: '<?=lg('更新时间')?>', dataType: 'datetime', allowEditing: false, visible: false }
        ],
        gridOptions: {
            editing: {
                mode: 'popup',
                popup: { title: '<?=lg('用户信息')?>', showTitle: true, width: 500, height: 480 },
                form: {
                    items: [
                        'admin_username',
                        { dataField: 'admin_password', editorOptions: { mode: 'password' } },
                        'admin_name',
                        'admin_depa_ids',
                        'admin_role_ids',
                        'admin_email',
                        'admin_mobile',
                        'admin_remark',
                        'admin_allow'
                    ]
                }
            }
        },
        toolbar: {
            selectToggle: true,
            batchSearch: { fields: ['admin_username', 'admin_email'] }
        }
    });
});
</script>

<?php viewLoad('public/footer'); ?>
