duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
    <link rel="stylesheet" href="./css/yongHuManger.css" />
    <title>系统管理-->用户管理</title>
    <style>
    	.toolRight input{
    		width: 100%;
    	}
    	.toolRight select{
    		float: left;
    	}
    	.toolRight{
    		position: relative;
    		line-height: 30px;
    	}
    	.toolRight .tooldiv1{
    		position: absolute;
    		margin-right: 10px;
    	}
        #characterSelect{
            width: 170px;
            height: 27px;
            border: 1px solid rgb(235, 235, 235);
        }
    </style>
</head>
<body class="gray-bg">
    <div class="container-fluid wrapper-content animated fadeInRight">
        <div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="" class="nowPosition">用户管理</a></sapn>
            </div>
             <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
        </div>
        <div class="toolBar clearfix">
            <div class="toolLeft">
                <button class="btns add">添加</button>
                <button class="btns change">修改</button>
                <button class="btns again">重设密码</button>
                <button class="btns ban">禁用用户</button>
                <button class="btns using">启用用户</button>
                <button class="btns del">删除用户</button>
            </div>
            <div class="toolRight">
            	<div class="tooldiv1" style="right: 680px; width: 150px;">搜索内容：</div>
                <div class="tooldiv1" style="right: 520px; width: 240px;">
                	<select id="testInput1"></select>
                </div>
                <div class="tooldiv1" style="top: 2px; right: 300px; width: 200px;">
                	<select id="characterSelect">
                        <option value="">请选择角色</option>
                    </select>
                </div>
                <div class="tooldiv1" style="right: 160px; width: 150px;">
                	<input type="text" class="searCon" placeholder="输入用户编号或用户名称" style="width: 200px;"/>
                </div>
                <div class="tooldiv1" style="right: 0px; width: 80px;">
                	<button class="btns searchGo">搜索</button>
                </div>
                
            </div>
        </div>
        <div class="treeTable clearfix">
            <div class="tree col-md-3">
                <div class="trTitle"> 部门信息</div>
                <div class="treeCon">
                    <ul id="treeDemo" class="ztree">
                        <!--类名为ztree是必须的-->
                    </ul>
                </div>
            </div>
            <div class="tableCon col-md-9">
                <div class="trTitle"> 用户列表</div>
                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                    <thead>
                        <tr>
                            <th data-align="center" data-formatter="setCode"></th>
                            <th data-field="F_UserCode" data-align="center">用户编号</th>
                            <th data-field="F_WorkNumber" data-align="center">坐席工号</th>
                            <th data-field="F_UserName" data-align="center">用户名称</th>
                            <th data-field="F_Telephone" data-align="center">用户电话</th>
                            <th data-field="F_Mobile" data-align="center">用户手机</th>
                            <th data-field="F_RoleName" data-align="center">用户角色</th>
                            <th data-field="F_DeptName" data-align="center">用户部门</th>
                            <th data-field="F_DeleteFlag" data-align="center" data-formatter="setYongState">用户状态</th>
                            <th data-field="F_CreateOn" data-align="center">创建时间</th>
                            <th data-field="F_LastActiveTime" data-align="center">最后登录时间</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>

    </div>
    <!--添加弹出内容-->
    <div class="model addModel">
        <div class="box">
            <div class="btop clearfix">
                <p class="btl">添加用户信息</p>
                <p class="btr addBtr" title="关闭">X</p>
            </div>
            <div class="boxCon">
                <table>
                    <tbody>
                        <tr>
                            <th style="color: darkred;">员工姓名：</th>
                            <td><input type="text" class="add_ygName" /></td>
                            <th style="color: darkred;">员工工号：</th>
                            <td><input type="text" class="add_ygCode" /></td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">密码：</th>
                            <td><input type="password" class="add_pwd" /></td>
                            <th style="color: darkred;">确认密码：</th>
                            <td><input type="password" class="add_pwd2" /></td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">所属角色：</th>
                            <td colspan="3">
                                <div class="inpBox">
                                    <input type="text" class="inps inps1" />
                                    <input type="hidden" class="add_roleid" />
                                    <i class="xl xl_one"></i>
                                    <div class="addTree xlAdd_one">
                                        <ul class="list"></ul>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">所属部门：</th>
                            <td colspan="3">
                                <div class="inpBox">
                                    <input type="text" class="inps inps2" />
                                    <input type="hidden" class="add_did" />
                                    <i class="xl xl_two"></i>
                                    <div class="addTree xlAdd_two">
                                        <ul id="xlAdd_depTree" class="ztree"></ul>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>话务标志：</th>
                            <td class="addhwb">
                                <label class="radio-inline">
                                    <input type="radio" name="huwu" value="true" style="vertical-align: middle;display: inline-block;">使用
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" checked="true" name="huwu" value="false" style="vertical-align: middle;display: inline-block;">不使用
                                </label>
                            </td>
                            <th>坐席权限：</th>
                            <td class="addzxqx">
                                <label class="radio-inline">
                                    <input type="radio" checked="true" name="zxqx" id="use" value="0" style="vertical-align: middle;display: inline-block;">普通坐席
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="zxqx" id="noUse" value="1" style="vertical-align: middle;display: inline-block;">班长坐席

                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th>员工性别：</th>
                            <td class="addSex">
                                <label class="radio-inline">
                                    <input type="radio" checked="true" name="sex" value="男" style="vertical-align: middle;display: inline-block;">男

                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="女" style="vertical-align: middle;display: inline-block;">女

                                </label>
                            </td>
                            <th>用户生日：</th>
                            <td><input type="text" class="add_birth laydate-icon" id="ygbirth" /></td>
                        </tr>
                        <tr>
                            <th>固定电话：</th>
                            <td>
                                <input type="text" class="add_telphone" />
                            </td>
                            <th>手机号码：</th>
                            <td><input type="text" class="add_mobile" /></td>
                        </tr>
                        <tr>
                            <th>用户备注：</th>
                            <td colspan="3">
                                <textarea class="add_remark" style="width: 100%;height: 50px;"></textarea>
                            </td>

                        </tr>

                    </tbody>
                </table>
                <div style="text-align: center;"><button class="btns addCun">保存</button></div>
            </div>
        </div>

    </div>
    <!--重设弹出内容-->
    <div class="model againModel">
        <div class="box">
            <div class="btop clearfix">
                <p class="btl"><span>重设用户密码</span></p>
                <p class="btr agBtr" title="关闭">X</p>
            </div>
            <div class="boxCon" style="height: 235px;">
                <table>
                    <tbody>
                        <tr>
                            <th style="color: darkred;">员工姓名：</th>
                            <td><input type="text" class="again_ygName" readonly="readonly" /></td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">员工工号：</th>
                            <td><input type="text" class="again_ygCode" readonly="readonly" /></td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">新密码：</th>
                            <td><input type="password" class="again_pwd" /></td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">确认密码：</th>
                            <td><input type="password" class="again_pwd2" /></td>
                        </tr>
                    </tbody>
                </table>
                <div style="text-align: center;"><button class="btns again_Cun">保存</button></div>
            </div>

        </div>

    </div>

    <!--修改弹出内容-->
    <div class="model changeModel">
        <div class="box">
            <div class="btop clearfix">
                <p class="btl">修改用户信息</p>
                <p class="btr changeBtr" title="关闭">X</p>
            </div>
            <div class="boxCon">
                <table>
                    <tbody>
                        <tr>
                            <th style="color: darkred;">员工姓名：</th>
                            <td><input type="text" class="change_ygName" /><input type="hidden" class="change_id" /><input type="hidden" class="change_pwd" /></td>
                            <th style="color: darkred;">员工工号：</th>
                            <td><input type="text" class="change_ygCode" /></td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">所属角色：</th>
                            <td colspan="3">
                                <div class="inpBox">
                                    <input type="text" class="inps inps4" />
                                    <input type="hidden" class="change_roleid" />
                                    <i class="xl xl_four"></i>
                                    <div class="addTree xlChan_four">
                                        <ul class="list"></ul>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th style="color: darkred;">所属部门：</th>
                            <td colspan="3">
                                <div class="inpBox">
                                    <input type="text" class="inps inps5" />
                                    <input type="hidden" class="change_did" />
                                    <i class="xl xl_five"></i>
                                    <div class="addTree xlChan_two">
                                        <ul id="xlChan_depTree" class="ztree"></ul>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>话务标志：</th>
                            <td class="change_hwb">
                                <label class="radio-inline">
                                    <input type="radio" name="huwu" value="true" style="vertical-align: middle;display: inline-block;">使用
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" checked="true" name="huwu" value="false" style="vertical-align: middle;display: inline-block;">不使用
                                </label>
                            </td>
                            <th>坐席权限：</th>
                            <td class="change_zxqx">
                                <label class="radio-inline">
                                    <input type="radio" checked="true" name="zxqx" id="use" value="0" style="vertical-align: middle;display: inline-block;">普通坐席
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="zxqx" id="noUse" value="1" style="vertical-align: middle;display: inline-block;">班长坐席

                                </label>
                            </td>
                        </tr>
                        <tr>
                            <th>员工性别：</th>
                            <td class="changeSex">
                                <label class="radio-inline">
                                    <input type="radio" checked="true" name="sex" value="男" style="vertical-align: middle;display: inline-block;">男

                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="女" style="vertical-align: middle;display: inline-block;">女

                                </label>
                            </td>
                            <th>用户生日：</th>
                            <td><input type="text" class="change_birth laydate-icon" id="chan_ygbirth" /></td>
                        </tr>
                        <tr>
                            <th>固定电话：</th>
                            <td>
                                <input type="text" class="change_telphone" />
                            </td>
                            <th>手机号码：</th>
                            <td><input type="text" class="change_mobile" /></td>
                        </tr>
                        <tr>
                            <th>用户备注：</th>
                            <td colspan="3">
                                <textarea class="change_remark" style="width: 100%;height: 50px;"></textarea>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div style="text-align: center;"><button class="btns changeCun">保存</button></div>
            </div>
        </div>
    </div>

    <!--禁用弹出框-->
    <div class="model banModel">
        <div class="box">
            <div class="btop clearfix">
                <p class="btl"><span>提示</span></p>
                <p class="btr banBtr" title="关闭">X</p>
            </div>
            <div class="boxCon" style="height: 150px;">
                <p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定要禁用吗？</p>
                <p style="margin-top: 30px;text-align: center;">
                    <button class="btns banSure">确定</button>
                    <button class="btns banReturn">取消</button>
                </p>
            </div>
        </div>
    </div>


    <!--启用弹出框-->
    <div class="model useModel">
        <div class="box">
            <div class="btop clearfix">
                <p class="btl"><span>提示</span></p>
                <p class="btr useBtr" title="关闭">X</p>
            </div>
            <div class="boxCon" style="height: 150px;">
                <p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定要启用吗？</p>
                <p style="margin-top: 30px;text-align: center;">
                    <button class="btns useSure">确定</button>
                    <button class="btns useReturn">取消</button>
                </p>
            </div>
        </div>
    </div>

    <script src="../js/jquery.md5.js"></script>
    <script src="../css/laydate/laydate.js"></script>
    <script src="../css/layer/layer.js"></script>
    <script src="../js/zTree/jquery.ztree.core.js"></script>
    <script src="../js/comboSelect/jquery.combo.select.js"></script>
    <script src="./js/yongHuManger.js"></script>
    <script>
    	
    </script>
</body>
</html>