var id; //当前节点id var pid; //当前父节点ID var name; //选择的name var pidName; //父节点name var table = $('#table1'); //右边表格 var did; //部门下拉id var dname; //部门下拉name $(function(){ $('.tool_bars').authorizeButton(); initTable(); //搜索按钮 $('#sc_btns').click(function () { if($.trim($('#searCon').val())){ if (!regexs.chOrenOrnum.test($.trim($('#searCon').val()))) { layer.confirm('请输入有效的账号或姓名(中文、英文、数字)', { icon: 2, btn: ['确定'] //按钮 }); return; } } initTable(); }) }); $.get(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), "pid": pid }, function (result) { result = $.parseJSON(result); $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图 }); var setting1 = { data: { key: { name: "text" }, simpleData: { enable: true, idKey: "id", rootPId: 0 } }, callback: { onClick: zTreeOnClick } }; function zTreeOnClick(event, treeId, treeNode) { id = treeNode.id; name = treeNode.text; var pidnode = treeNode.getParentNode(); if (pidnode) { pidName = pidnode.text; pid = pidnode.id; console.log(pid); } else { pidName = "顶级分类"; pid == 0; console.log(pid); } initTable() }; //===============添加功能开始============================= //用户生日 laydate.render({ elem: '#ygbirth', theme: '#249fea', format: 'yyyy-MM-dd', // 分隔符可以任意定义,该例子表示只显示年月 }); //下拉 $('.inps').focus(function () { $(this).siblings('.addTree').css('display', 'block'); }) $('.xl').click(function () { var xl = $(this).siblings('.addTree'); if (xl.css('display') == 'block') { xl.css('display', 'none') } else { xl.css('display', 'block') } }) $('.addTree').mouseleave(function () { $(this).css('display', 'none') }) //添加按钮 function btn_add(){ $('.addModel').css('display', 'block'); adddep(); //获取所属部门 } $('.addBtr').click(function () { $('.addModel').css('display', 'none'); }) //保存添加按钮 $('.addCun').click(function () { if (!regexs.enOrnum.test($.trim($(".add_ygCode").val()))) { layer.confirm('请输入有效的用户账号(只能是数字或英文)', { icon: 2, btn: ['确定'] //按钮 }); return; } if (!regexs.chOren.test($.trim($(".add_ygName").val()))) { layer.confirm('请输入有效的用户姓名(只能是中文或英文)', { icon: 2, btn: ['确定'] //按钮 }); return; } if (!regexs.accountReg.test($.trim($(".add_pwd").val()))) { layer.confirm('请输入有效的密码(4-20个字符只能是汉字、字母、下划线、数字)', { icon: 2, btn: ['确定'] //按钮 }); return; } if (!regexs.accountReg.test($.trim($(".add_pwd2").val()))) { layer.confirm('请输入有效的确认密码(4-20个字符只能是汉字、字母、下划线、数字)', { icon: 2, btn: ['确定'] //按钮 }); return; } if ($('.add_pwd').val() !== $('.add_pwd2').val()) { layer.confirm('密码输入不一致!', { icon: 2, btn: ['确定'] }); return; } if ($('.inps2').val() == '') { layer.confirm('所属部门不允许为空!', { btn: ['确定'] }); return; } if($('.add_mobile').val()){ if (!regexs.phone1.test($.trim($(".add_mobile").val()))) { layer.confirm('请输入有效的手机号码', { icon: 2, btn: ['确定'] //按钮 }); return; } } if($('.add_telphone').val()){ if (!regexs.fax.test($.trim($(".add_telphone").val()))) { layer.confirm('请输入有效的固定电话号码', { icon: 2, btn: ['确定'] //按钮 }); return; } } addCun(); $('.addModel').css('display', 'none'); }) //保存所调方法 function addCun() { $.ajax({ type: "post", url: huayi.config.callcenter_url + "UserAccount/AddUsersManage", async: true, dataType: 'json', data: { usercode: $('.add_ygCode').val(), password: $('.add_pwd').val(), username: $('.add_ygName').val(), deptid: did, roleid: 39, sex: $('.addSex input[name="sex"]:checked ').val(), mobile: $('.add_mobile').val(), telphone: $('.add_telphone').val(), birth: $('.add_birth').val(), remark: $('.add_remark').val(), token: $.cookie("token"), }, success: function (data) { if (data.state.toLowerCase() == "success") { layer.msg("添加成功!"); table.bootstrapTable('refresh'); Clean(); } } }); } //清除表格 function Clean() { $('.add_ygCode').val(''); $('.add_ygName').val(''); $('.add_pwd').val(''); $('.add_pwd2').val(''); $('.inps2').val(''); $('.addSex input[name="sex"]').removeAttr('checked'); $('.add_mobile').val(''); $('.add_telphone').val(''); $('.add_birth').val(''); $('.add_remark').val(''); } //获取所属部门下拉 var setting2 = { data: { key: { name: "text" }, simpleData: { enable: true, idKey: "id", rootPId: 0 } }, callback: { onClick: ztreeDep } }; function ztreeDep(event, treeId, treeNode) { did = treeNode.id; dname = treeNode.text; $('.inps2').val(dname); }; function adddep() { $.get(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), "pid": pid }, function (result) { result = $.parseJSON(result); $.fn.zTree.init($("#xlAdd_depTree"), setting2, result.data); //实例化树形图 }); } //***********************添加功能结束============================= //=======================修改功能开始============================== //用户生日 laydate.render({ elem: '#chan_ygbirth', theme: '#249fea', format: 'yyyy-MM-dd', // 分隔符可以任意定义,该例子表示只显示年月 }); //var chan_uc; function btn_edit(){ chanGetDep(); //部门列表 if (ygbh) { $('.changeModel').css('display', 'block'); getYG(chan_uc, ygbh); } else { layer.confirm('请选择要修改的行!', { btn: ['确定'] }); return; } } //删除 function btn_delete(){ if (ygbh) { layer.confirm('您确定要删除当前用户吗?', { btn: ['确定'] },function(){ $.ajax({ type: "post", url: huayi.config.callcenter_url + "UserAccount/DeleteUsers", async: true, dataType: 'json', data: { token: $.cookie("token"), ids: chan_uc, }, success: function (data) { if (data.state.toLowerCase() == "success") { layer.msg("删除成功!"); initTable(); } } }); }); } else { layer.confirm('请选择要删除的行!', { btn: ['确定'] }); return; } } //获取所属部门 var setting4 = { data: { key: { name: "text" }, simpleData: { enable: true, idKey: "id", rootPId: 0 } }, callback: { onClick: chanaDep } }; var chanDid; //部门id var chanDname; //部门name function chanaDep(event, treeId, treeNode) { chanDid = treeNode.id; chanDname = treeNode.text; $('.inps5').val(chanDname); }; function chanGetDep() { $.get(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), "pid": pid }, function (result) { result = $.parseJSON(result); $.fn.zTree.init($("#xlChan_depTree"), setting4, result.data); //实例化树形图 }); } //获取用户信息 function getYG(chan_uc, ygbh) { $.ajax({ type: "get", url: huayi.config.callcenter_url + "UserAccount/GetUser", async: true, dataType: 'json', data: { token: $.cookie("token"), usercode: ygbh, userid: chan_uc }, success: function (data) { if (data.state.toLowerCase() == "success") { var ygcon = data.data; $('.change_ygName').val(ygcon.F_UserName); //员工姓名 $('.change_ygCode').val(ygcon.F_WorkNumber); //员工工号 $('.inps5').val(ygcon.depname); //所属部门 $('.inps5').attr('data_id', ygcon.F_DeptId); $('.changeSex input[name="sex"][value="' + ygcon.F_SexFlag + '"]').prop("checked", "checked"); //性别 $('#chan_ygbirth').val(ygcon.F_Birthday); //生日 $('.change_telphone').val(ygcon.F_Telephone); //电话 $('.change_mobile').val(ygcon.F_Mobile); //手机 $('.change_remark').val(ygcon.F_Remark); //备注 } } }); } //关闭按钮 $('.changeBtr').click(function () { $('.changeModel').css('display', 'none'); }) chanDid = $('.inps5').attr('data_id'); //部门id //保存按钮 $('.changeCun').click(function () { if (!regexs.enOrnum.test($.trim($(".change_ygCode").val()))) { layer.confirm('请输入有效的用户账号(只能是数字或英文)', { icon: 2, btn: ['确定'] //按钮 }); return; } if (!regexs.chOren.test($.trim($(".change_ygName").val()))) { layer.confirm('请输入有效的用户姓名(只能是中文或英文)', { icon: 2, btn: ['确定'] //按钮 }); return; } if ($('.inps5').val() == '') { layer.confirm('所属部门不允许为空!', { btn: ['确定'] }); return; } if($('.change_mobile').val()){ if (!regexs.phone1.test($.trim($(".change_mobile").val()))) { layer.confirm('请输入有效的手机号码', { icon: 2, btn: ['确定'] //按钮 }); return; } } if($('.change_telphone').val()){ if (!regexs.fax.test($.trim($(".change_telphone").val()))) { layer.confirm('请输入有效的固定电话号码', { icon: 2, btn: ['确定'] //按钮 }); return; } } chan_tj(); $('.changeModel').css('display', 'none'); }) //修改保存 function chan_tj() { $.ajax({ type: "post", url: huayi.config.callcenter_url + "UserAccount/EditUsers", async: true, dataType: 'json', data: { userid: chan_uc, usercode: $('.change_ygCode').val(), username: $('.change_ygName').val(), deptid: chanDid, roleid: 39, sex: $('.changeSex input[name="sex"]:checked ').val(), mobile: $('.change_mobile').val(), telphone: $('.change_telphone').val(), birth: $('#chan_ygbirth').val(), remark: $('.change_remark').val(), token: $.cookie("token"), }, success: function (data) { if (data.state.toLowerCase() == "success") { layer.msg("修改成功!"); initTable(); } } }); } //***********************修改功能结束============================== //=======================重设功能开始============================== function btn_modifyPsw(){ if (ygbh) { $('.againModel').css('display', 'block'); $('.again_ygName').text(yhname); $('.again_ygCode').text(ygbh); } else { layer.confirm('请选择要重设密码的用户!', { btn: ['确定'] }); return; } } //关闭按钮 $('.agBtr').click(function () { $('.againModel').css('display', 'none'); }) //确定按钮 $('.again_Cun').click(function () { if (!regexs.accountReg.test($.trim($(".again_pwd").val()))) { layer.confirm('请输入有效的密码(4-20个字符只能是汉字、字母、下划线、数字)', { icon: 2, btn: ['确定'] //按钮 }); return; } if (!regexs.accountReg.test($.trim($(".again_pwd2").val()))) { layer.confirm('请输入有效的确认密码(4-20个字符只能是汉字、字母、下划线、数字)', { icon: 2, btn: ['确定'] //按钮 }); return; } if ($('.again_pwd').val() !== $('.again_pwd2').val()) { layer.confirm('密码输入不一致!', { icon: 2, btn: ['确定'] }); return; } $('.againModel').css('display', 'none'); cs(ygbh); //重设密码 }) function cs(ygbh) { $.ajax({ type: "post", url: huayi.config.callcenter_url + "UserAccount/ResetPwd", async: true, dataType: 'json', data: { token: $.cookie("token"), usercode: ygbh, pwd: $('.again_pwd').val() }, success: function (data) { if (data.state.toLowerCase() == "success") { layer.msg("重设密码成功!"); initTable(); } } }); } //***********************重设功能结束============================== var state; //=======================禁用功能开始============================== function btn_disabled(){ if (departmentId) { $('.banModel').css('display', 'block'); } else { layer.confirm('请选择行!', { btn: ['确定'] }); return; } } //关闭按钮 $('.banBtr').click(function () { $('.banModel').css('display', 'none'); }) //取消按钮 $('.banReturn').click(function () { $('.banModel').css('display', 'none'); }) //确定按钮 $('.banSure').click(function () { $('.banModel').css('display', 'none'); state = 1; console.log(state); bu(chan_uc, state); }) function bu(chan_uc, state) { $.ajax({ type: "post", url: huayi.config.callcenter_url + "UserAccount/DelUsers", async: true, dataType: 'json', data: { token: $.cookie("token"), ids: chan_uc, state: state }, success: function (data) { if (data.state.toLowerCase() == "success") { initTable(); } } }); } //***********************禁用功能结束============================== //=======================启用功能开始============================== function btn_enabled(){ if (departmentId) { $('.useModel').css('display', 'block'); } else { layer.confirm('请选择行!', { btn: ['确定'] }); return; } } //关闭按钮 $('.useBtr').click(function () { $('.useModel').css('display', 'none'); }) //取消按钮 $('.useReturn').click(function () { $('.useModel').css('display', 'none'); }) //确定按钮 $('.useSure').click(function () { state = 0; $('.useModel').css('display', 'none'); bu(chan_uc, state); }) //***********************启用功能结束============================== //右边表格 function initTable() { //先销毁表格 table.bootstrapTable('destroy'); //初始化表格,动态从服务器加载数据 table.bootstrapTable({ method: "get", //使用get请求到服务器获取数据 url: huayi.config.callcenter_url + "UserAccount/GetListManage", //获取数据的Servlet地址 striped: true, //表格显示条纹 pagination: true, //启动分页 pageSize: 10, //每页显示的记录数 pageNumber: 1, //当前第几页 pageList: [10, 15, 20, 30, 50, 100], //记录数可选列表 search: false, //是否启用查询 showColumns: false, //显示下拉框勾选要显示的列 showRefresh: false, //显示刷新按钮 sidePagination: "server", //表示服务端请求 //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder //设置为limit可以获取limit, offset, search, sort, order queryParamsType: "undefined", queryParams: function queryParams(params) { //设置查询参数 var param = { pageindex: params.pageNumber, pagesize: params.pageSize, dptid: id, key: $('#searCon').val(), token: $.cookie("token"), }; return param; }, onLoadSuccess: function () { //加载成功时执行 //layer.msg("加载成功"); }, onLoadError: function () { //加载失败时执行 //layer.msg("加载数据失败", { time: 1500, icon: 2 }); } }); } /*选中行添加背景颜色*/ var ygbh, chan_uc, pwd, departmentId, yhname; table.on("click-row.bs.table", function (e, row, ele) { $('.success').removeClass('success'); //去除之前选中的行的,选中样式 $(ele).addClass('success'); //添加当前选中的 success样式用于区别 ygbh = row.F_UserCode; //用户编号 chan_uc = row.F_UserId; //用户id pwd = row.F_Password; //密码 departmentId = row.F_DeptId; //部门id yhname = row.F_UserName; //用户name }); function setCode(val, row, index) { var page = table.bootstrapTable("getPageCode"); return page.pageSize * (page.pageNumber - 1) + index + 1; } function setYongState(val) { //状态:-1删除 0启用 1禁用 if(val == -1) { return '已删除' } else if(val == 0) { return '已启用' } else if(val == 1) { return '已禁用' }else{ '-' } }