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{
'-'
}
}