role.php 5.73 KB
<?php $this->load->view('common/header'); ?>

<body>
<?php $this->load->view('perm/header'); ?>
<div class="page-container">
    <form class="" onreset="resetHandler()">
        <div class="row cl mb-20">
            <div class="col-xs-2">
                <span class="select-box">
                    <select class="select table_search" size="1" column="1">
                        <option value="" selected>网点</option>
                        <?php foreach ($this->session->departments as $k=>$v):?>
                            <option value="<?=$v->id?>"><?=$v->name?></option>
                    <?php if($v->children && !empty($v->children)):?>
                                <?php foreach ($v->children as $kk=>$vv):?>
                                    <option value="<?=$vv->id?>"><?=$vv->name?></option>
                                <?php endforeach;?>
                            <?php endif;?>
                        <?php endforeach;?>
                    </select>
                </span>
            </div>
            <div class="col-xs-2">
                <span class="select-box">
                    <select class="select table_search" size="1" column="2">
                        <option value="" selected>角色</option>
                        <?php foreach ($this->session->role as $k=>$v):?>
                            <option value="<?=$v->id?>"><?=$v->nameZh?></option>
                        <?php endforeach;?>
                    </select>
                </span>
            </div>
        </div>
        <div>
            <input class="btn btn-warning radius" type="reset" value="重置搜索">
            <button class="btn btn-primary radius" type="button" onclick="add()">添加角色</button>
        </div>
    </form>

    <div class="body mt-20">
        <table class="table table-border table-bordered table-bg" id="table">
            <thead class="text-c">
            <tr>
                <th width="68px">操作</th>
                <th>所属网点</th>
                <th>角色</th>
                <th>人数</th>
            </tr>
            </thead>
            <tbody class="text-c">
            <tr>
                <td></td>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<?php $this->load->view('common/footer'); ?>

<script>
    var table = $('#table').dataTable({
        aaSorting: [[1, "desc"]],
        serverSide: true,
        processing: true,
        bSort: false,
        searching: false,//是否显示搜索
        iDisplayLength: 99,
        bLengthChange: false,
        ajax: {
            url: apiBaseUrl + '/system/role/getAllRole',
            dataFilter: function (json) {
                var ret = {}, json = jQuery.parseJSON(json);
                ret.data = json.data || [];
                var draw = getUrlParam('draw');
                if(draw) {
                    ret.draw = draw;
                }
                ret.recordsTotal = 0;
                ret.recordsFiltered = 0;
                if (json.page) {
                    ret.recordsTotal = parseInt(json.page.totalNumber);
                    ret.recordsFiltered = parseInt(json.page.totalNumber);
                }
                return JSON.stringify(ret);
            },
            data: function (data) {
                data.pageSize = data.length;
                data.currentPage = parseFloat(data.start / data.length) + 1;
                return data;
            }
        },
        columns: [
            {
                data: "id", render: function (data, type, full) {
                    return '<span class="dropDown dropDown_hover">\
                        <button class="btn radius size-M">请选择 <i class="Hui-iconfont">&#xe6d5;</i></button>\
                        <ul class="dropDown-menu menu radius box-shadow">\
                            <li><a href="javascript:edit('+data+');">编辑</a></li>\
                            <li><a href="javascript:del('+data+');">删除</a></li>\
                        </ul></span>';
                }
            },
            {data: "branchName"},//所属网点
            {data: "nameZh"},//角色
            {data: "employeeCount;"},//人数
        ]
    });

    $.fn.dataTableExt.afnFiltering.push(
        function (oSettings, aData, iDataIndex) {
            var min = document.getElementById('min').value;
            var max = document.getElementById('max').value;
            var iDateCol = 12;

            var dateMin = new Date(aData[iDateCol]);
            var dateMax = new Date(aData[iDateCol]);

            if (min === '' && max === '')
                return true;
            else if (new Date(min).getTime() <= dateMin.getTime() && max === '')
                return true;
            else if (new Date(min).getTime() <= dateMin.getTime() && new Date(max).getTime() >= dateMax.getTime())
                return true;
            return false;
        }
    );

    $('.table_search').on('change', function () {
        search = $(this).val();
        column = $(this).attr('column');

        $('#table').DataTable().column(column).search(search).draw();
    });

    $('#min, #max').on('keyup', function () {
        $('#table').DataTable().draw();
    });

    function resetHandler() {
        $('#table').DataTable().columns().search("").draw();
    }

    function add() {
        layer_show('添加角色', '<?=site_url('perm/roleAdd');?>');
    }

    function edit(id) {
        layer_show('编辑角色', '<?=site_url('perm/roleAdd');?>/'+id);
    }

    function del(id) {
        layer.confirm('一旦删除信息无法恢复, 请谨慎操作!', {
            btn: ['确认删除','取消'],
            title: '删除角色',
            icon: 3
        }, function(){
            layer.msg('删除成功');
        });
    }
</script>
</body>
<html>