Role.php 15.1 KB

原文件审查历史永久链接

<!DOCTYPE html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>管理员列表</title>
    <link rel="stylesheet" type="text/css" href="/assets/common/css/themes/gray/easyui.css" />
    <link rel="stylesheet" type="text/css" href="/assets/common/css/themes/gray/menu.css" />
    <link rel="stylesheet" type="text/css" href="/assets/common/css/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="/assets/web/css/jitnry.css" />
    <link rel="stylesheet" type="text/css" href="/assets/web/css/common_car.css" />
    <script type="text/javascript" src="/assets/common/js/jquery.min.1.9.4.js"></script>
    <script type="text/javascript" src="/assets/common/js/jquery.easyui.min.1.9.4.js"></script>
    <script type="text/javascript" src="/assets/common/js/jquery.cookie.1.4.1.js"></script>
    <!-- 插件调用 --->
    <script type="text/javascript" src="/assets/common/js/datagrid-detailview.js"></script>
    <script type="text/javascript" src="/assets/common/locale/easyui-lang-zh_CN.js"></script>
    <!-- 基础 JS 调用 -->
    <script type="text/javascript" src="/assets/web/js/src/easyui.base.js"></script>
    <script type="text/javascript" src="/assets/web/js/src/allCity.js"></script>
    <style>
        #fm>div {
            width: 100%;
            display: flex;
            justify-content: space-around;
            margin: 10px 0;
        }
        #fm>div input{
            width: 180px;
        }
    </style>
</head>
<body style="margin-bottom: 54px;">
<div class="easyui-layout" data-options="fit:true">
    <div data-options="split:false,region:'west',collapsible:true,footer:'#win_base_org_form_footer'" title="管理员列表" id="saveBox" style="width:100%;">
        <div class="easyui-panel" style="width:100%;max-width:100%;padding: 5px 5px">
            <div style="margin-bottom:5px;">
                <a id="name_add_but" href="#" data-options="iconCls:'icon-add'" class="my_but"  style="vertical-align: middle;">新增</a>
            </div>
        </div>
        <table id="dg"  style="width: 100%; height: 100%"
               data-options="rownumbers:true,singleSelect:true,pagination:true,toolbar:'#tb'">

        </table>

        <div id="tb" style="padding:5px;height:auto">
            <div>
                推送结果:
                <input class="easyui-combobox" style="width:125px" name="materialname" id="materialname"
                       data-options="valueField:'id',
                                            textField:'text',
                                            data:
                                        [{ 'id':0,
                                            'text':'全部' ,
                                            selected:true
                                        },{ 'id':1,
                                            'text':'成功' ,
                                        },{
                                            'id':2,
                                            'text':'失败'
                                        }] ,panelHeight:'auto'
                            "/>
                地区:
                <input class="easyui-combobox" style="width:125px" name="type" id="new_type"
                       data-options="valueField:'id',
                                            textField:'text',
                                            data:
                                        [
                                        { 'id':0,
                                            'text':'全部' ,
                                            selected:true
                                        },{ 'id':1,
                                            'text':'湖南省内' ,
                                        },{ 'id':2,
                                            'text':'湖南省外' ,
                                        }] ,panelHeight:'auto'
                            "/>
                起始时间: <input class="easyui-datebox"  id='start' name='start' style="width:180px">
                截止时间: <input class="easyui-datebox" id='end' name='end' style="width:180px">
                <!--                    电话: <input class="easyui-numberbox" type="text" id='phone' name='phone'>-->
                <a href="#" class="easyui-linkbutton" id="search_buttn" iconCls="icon-search">搜索</a>
                <a id="derive_btn" href="/products/fu_ji_tong/to_excel"  class="easyui-linkbutton" style="height:28px" data-options="iconCls:'icon-undo'">导出</a>
            </div>
        </div>
    </div>
</div>


<div id="win" class="easyui-dialog" title="提示"  style="width: 800px; padding: 10px 20px; height: auto" closed="true" buttons="#dlg-buttons">
    <form id="fm" name="frm" method="post" style="margin-top: 20px; margin-left: 20px;">
        <table style="padding: 10px 20px;" cellspacing="10">
            <tr>
                <td>登录账号:</td>
                <td><input class="easyui-textbox" type="text" name="username" id="username" /></td>
                <input class="easyui-textbox" id="user_id" name="user_id" type="hidden">
            </tr>
            <tr>
                <td>登录密码:</td>
                <td><input class="easyui-textbox" type="text" name="password" id="password" /></td>
            </tr>
            <tr>
                <td>用户名称:</td>
                <td><input class="easyui-textbox" type="text" name="name" id="name" /></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td><input  id="statusId" name="sex" class="easyui-switchbutton" data-options="onText:'男',offText:'女'" style="height:30px"></td>
            </tr>
            <tr>
                <td>电话:</td>
                <td><input class="easyui-textbox" type="text" name="phone" id="phone" /></td>
            </tr>
            <tr>
                <td>所属机构:</td>
                <td>
                    <input id="cc1" name="mechanism" class="easyui-combobox" data-options="
                            valueField: 'id',
                            textField: 'mechanismName',
                            url: '/products/role/getMechanism',
                            onSelect: function(rec){
                            var url = '/products/role/getDepartment?id='+rec.id;
                            $('#cc2').combobox('reload', url);
                            var url1 = '/products/role/generateNumber?id='+rec.id;
                            $('#personalNumber').textbox('reload', url1);
                            }">

                </td>
            </tr>
            <tr>
                <td>所属部门:</td>
                <td><input id="cc2" class="easyui-combobox" name="department" data-options="valueField:'id',textField:'departmentName'"></td>
            </tr>
            <tr>
                <td>个人编号:</td>
                <td><input  class="easyui-textbox" type="text" name="personalNumber" id="personalNumber" data-options="valueField:'id',textField:'departmentName'"/></td>
            </tr>
            <tr>
                <td>入职时间:</td>
                <td><input  class="easyui-datebox"  name="entryTime" id="entryTime" /></td>
            </tr>
            <tr>
                <td>离职时间:</td>
                <td><input  class="easyui-datebox"  name="quitTime" id="quitTime" /></td>
            </tr>
            <tr>
                <td>当前状态:</td>
                <td><input class="easyui-combobox" style="width:160px" name="status" id="status"
                           data-options="valueField:'id',
                                            textField:'text',
                                            data:
                                        [{ 'id':0,
                                            'text':'请选择' ,
                                            selected:true
                                        },{ 'id':1,
                                            'text':'试用期' ,
                                        },{ 'id':2,
                                            'text':'正式员工' ,
                                        },{
                                            'id':3,
                                            'text':'已离职'
                                        }] ,panelHeight:'auto'
                            "/></td>
            </tr>

            <div id="dlg-buttons" style="display: block">
                <a id="confirm" href="javascript:void(0)" class="easyui-linkbutton c6" iconcls="icon-ok" onclick="submitForm()" style="width: 90px">提交</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#win').dialog('close')" style="width: 90px">取消</a>
            </div>


        </table>
    </form>
</div>


</body>
<tbody id="html_table"></tbody>
<script type="text/javascript" src="/assets/web/js/src/common_fu.js"></script>

<script>

    //下拉框搜索
    init_datagrid('/products/role/getUsers', 0);

    //下拉框搜索


    $('#search_buttn').bind('click', function() {

        var _data = $('#dg').data('datagrid'); // 拿到datagrid初始化的数据缓存
        if(_data && _data.options){
            _data.options.pageNumber = 1; // 修改缓存
        }
        $.data($('#dg')[0], 'datagrid', _data); // 把修改写回去


        var result=$('#materialname').combobox('getValue');
        var new_type=$('#new_type').combobox('getValue');
        var start = $("#start").val();
        var end = $("#end").val();
        var phone = $("#phone").val();
        if(phone.length>0){
            if(phone.length!=11){
                $.messager.alert('检索手机号','手机号格式错误，请重新输入');
                return false;
            }
        }
        var result = {
            result,
            new_type,
            start,
            end,
            phone
        }
        // console.log(result);return false;
        init_datagrid('/products/role/getUsers', result);
    });


    function init_datagrid(data_url, res) {

        //表头字段
        var arr_columns = dg_columns();
        $("#dg").datagrid({
            rownumbers:true,
            singleSelect:true,
            pagination:true,
            url:data_url,
            queryParams: res,
            method:'post',
            columns: [arr_columns],
            loadMsg: '正在加载数据',
            emptyMsg: '列表为空',
        });
    }
    function dg_columns() {
        var arr = new Array();
        arr.push({
            field: 'username',
            title: '登录账号',
            width: 120,
            align: 'center'
        });
        arr.push({
            field: 'name',
            title: '用户名称',
            width: 80,
            align: 'center'
        });
        arr.push({
            field: 'sex',
            title: '性别',
            width: 80,
            align: 'center'
        });
        arr.push({
            field: 'phone',
            title: '电话',
            width: 150,
            align: 'center'
        });
        arr.push({
            field: 'mechanism',
            title: '所属机构',
            width: 200,
            align: 'center'
        });
        arr.push({
            field: 'department',
            title: '所属部门',
            width: 150,
            align: 'center'
        });
        arr.push({
            field: 'personalNumber',
            title: '人员编号',
            width: 200,
            align: 'center'
        });
        arr.push({
            field: 'status',
            title: '当前状态',
            width: 150,
            align: 'center'
        });
        arr.push({
            field: 'entryTime',
            title: '入职时间',
            width: 200,
            align: 'center'
        });
        arr.push({
            field: 'quitTime',
            title: '离职时间',
            width: 200,
            align: 'center'
        });
        arr.push({
            field: 'id',
            title: '操作',
            width: 90,
            align: 'center',
            formatter:formatOper
        });
        // console.log(arr)
        return arr;
    }
    //操作框
    function formatOper(val, row, index) {
        return '<a href="javascript:void(0)" onclick="showUser(' + val + ')">编辑</a>';
    }

    //添加
    $('#name_add_but').linkbutton({
        onClick: function () {

            addFile();
        }
    });
    function addFile(){
        $('#win').dialog({
            title: '新增',
            width: 800,
            height: "auto",
            top:20,
            closed: false,//显示对话框
            cache: false,
            modal: true
        });
    }
    //修改
    function showUser(row){
        if(row){
            // alert(row);
            var id=row;
            var result = {
                id
            }
            $("#win").dialog("open").dialog("setTitle","人员信息修改");

            //ajax请求数据
            $.ajax({
                type: "post",
                data: result,
                async: false,
                url: "/products/role/getUsers",
                success: function(data) {
                    var arr = JSON.parse(data);

                    console.log(arr.rows[0]);

                    $('#user_id').textbox('setValue',arr.rows[0].user_id);

                    $('#username').textbox('setValue',arr.rows[0].username);
                    $('#password').textbox('setValue',arr.rows[0].password);
                    $('#name').textbox('setValue',arr.rows[0].name);
                    $('#personalNumber').textbox('setValue',arr.rows[0].personalNumber);
                    //
                    if(arr.rows[0].sex == "男") {
                        $('#statusId').switchbutton('check');
                    }else {
                        $('#statusId').switchbutton('uncheck');
                    }
                    $('#phone').textbox('setValue',arr.rows[0].phone);
                    $('#entryTime').textbox('setValue',arr.rows[0].entryTime);
                    $('#quitTime').textbox('setValue',arr.rows[0].quitTime);

                    $('#materialname').combobox('setValue', $('#materialname option')[2].value);


                },
                error:function(data){
                    console.log(data)
                }
            });
        }
    }

    function submitForm(){
        $('#fm').form('submit', {
            url:'/products/role/user_add',
            onSubmit: function(){
                console.log($(this))
                // do some check
                // return false to prevent submit;
            },
            success:function(data){
                console.log(data);
                return false;
                var arr = JSON.parse(data);
                $.messager.alert("提示", arr.msg);
                $('#dg').datagrid('reload');
                // console.log(data);
                //$.messager.alert('',msg);
                //console.log(data);
                //alert(data)
            }
        });
        $('#win').dialog({
            closed: true, // 隱藏列表
        });
    }


</script>
</html>