$(function () {
|
$("#jqGridWithSelected").jqGrid({
|
url: restServerBaseURL + 'org/usergroup/selectedList',
|
datatype: "json",
|
colModel: [
|
{ label:'用户id',name:'userId',index:'USERID',width:40,hidden:true,key:true},
|
{ label: '用户名', name: 'loginName', index: 'LOGINNAME', width: 40,align:'center' },
|
{ label: '中文名', name: 'chineseName', index: 'CHINESENAME', width: 40,align:'center'},
|
{ label: '单位名称', name: 'unitNames', index: 'UNITNAME', width: 70,align:'center' },
|
{ label: '所属群组', name: 'groups', index: 'REMARK', width: 90,align:'center' },
|
{ label: '用户状态', name: 'userStatus', index: 'USERSTATUS', width: 25,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var userstatus = rows.userStatus;
|
if(userstatus == 0) {
|
return "<span class=\"label label-success\">正常</span>";
|
} else if(userstatus == 1) {
|
return "<span class=\"label label-danger\">禁用</span>";
|
} else if(userstatus == 2) {
|
return "<span class=\"label label-danger\">删除</span>";
|
} else if(userstatus == 3) {
|
return "<span class=\"label label-warning\">申请</span>";
|
} else if(userstatus == 4) {
|
return "<span class=\"label label-warning\">拒批</span>";
|
}
|
}
|
},
|
{ label: '删除', width: 25,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var userId = rows.userId;
|
var html = '';
|
/*if(hasPermission('sys:role:edit')) {*/
|
html = '<a href="#"><span style="color: red;font-size:20px" onmousemove="minusWithOrange(this)" onmouseout="minusWithRed(this)" class="glyphicon glyphicon-minus-sign" onclick="vm.del(\'' + userId + '\')"></span></a> ';
|
/* }*/
|
return html;
|
}
|
}
|
],
|
postData:{groupId:groupId},
|
viewrecords: true,
|
height: "auto",
|
rowNum: 10,
|
//owList : [10,30,50],
|
rownumbers: true,
|
rownumWidth: 30,
|
autowidth: true,
|
multiselect: false,
|
pager: "#jqGridPagerWithSelected",
|
jsonReader : {
|
root: "page.list",
|
page: "page.currPage",
|
total: "page.totalPage",
|
records: "page.totalCount",
|
},
|
prmNames : {
|
page:"page",
|
rows:"limit",
|
order: "order"
|
},
|
gridComplete:function(){
|
//隐藏grid底部滚动条
|
$("#jqGridWithSelected").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
|
var totalResocrds = $("#jqGridWithSelected").getGridParam("records");
|
$("#totalSelectedUsers").html(totalResocrds);
|
}
|
});
|
$("#jqGridWithSelected").setGridWidth($(window).width()-20);
|
unitTypeInit();
|
$("#exitsUser a").trigger('click');
|
$("title").text("群组管理 - " + systemTitle);
|
});
|
|
var local = window.location.href;
|
var groupId = local.substring(local.lastIndexOf('=') + 1, local.length);
|
|
var vm = new Vue({
|
el:'#rapp',
|
data: {
|
title: null,
|
userGroup: { groupId: groupId }
|
},
|
methods: {
|
query: function () {
|
vm.reload(0);
|
},
|
add: function(userId){
|
$.ajax({
|
type: "POST",
|
url: restServerBaseURL + 'org/usergroup/save',
|
contentType: "application/json",
|
data: JSON.stringify({groupId:groupId,userId:userId}),
|
success: function(r){
|
if(r.code === 0){
|
alert('操作成功', function(){
|
vm.reload(1);
|
if(parent.opener.vm && parent.opener.vm.reload){
|
parent.opener.vm.reload();
|
}
|
});
|
}else{
|
alert(r.msg);
|
}
|
}
|
});
|
},
|
del: function (userId) {
|
confirm('确定要删除选中的记录？', function(){
|
$.ajax({
|
type: "POST",
|
url: restServerBaseURL + "org/usergroup/delete",
|
contentType: "application/json",
|
data: JSON.stringify({groupId:groupId,userId:userId}),
|
success: function(r){
|
if(r.code == 0){
|
alert('操作成功', function(){
|
vm.reload(1);
|
if(parent.opener.vm && parent.opener.vm.reload){
|
parent.opener.vm.reload();
|
}
|
});
|
}else{
|
alert(r.msg);
|
}
|
}
|
});
|
});
|
},
|
reload: function (type) {
|
var page = $("#jqGrid").jqGrid('getGridParam','page');
|
var selectedPage = $("#jqGridWithSelected").jqGrid('getGridParam','page');
|
var userNameWithSelected = $("#userNameWithSelected").val(); //已选中列表的登陆名称
|
var userName = $("#userName").val(); //选择列表的登陆名称
|
var unitType = $("#unitType").val(); //选择列表的用户类型
|
$("#jqGrid").jqGrid('setGridParam',{
|
page:(type==1?page:1),
|
postData:{groupId:groupId,userName:userName,unitType:unitType}
|
}).trigger("reloadGrid");
|
$("#jqGridWithSelected").jqGrid('setGridParam',{
|
page:(type==1?selectedPage:1),
|
postData:{groupId:groupId,userNameWithSelected:userNameWithSelected}
|
}).trigger("reloadGrid");
|
},
|
resetQueryMsg: function(){
|
$("#userName").val('');
|
$("#unitType").val('');
|
}
|
}
|
});
|
|
function jqgridInit(){
|
$("#jqGrid").jqGrid({
|
url: restServerBaseURL + 'org/usergroup/list',
|
datatype: "json",
|
colModel: [
|
{ label:'用户id',name:'userId',index:'USERID',width:40,hidden:true,key:true},
|
{ label: '用户名', name: 'loginName', index: 'LOGINNAME', width: 40,align:'center' },
|
{ label: '中文名', name: 'chineseName', index: 'CHINESENAME', width: 40,align:'center'},
|
{ label: '单位名称', name: 'unitNames', index: 'UNITNAME', width: 70,align:'center' },
|
{ label: '所属群组', name: 'groups', index: 'REMARK', width: 90,align:'center' },
|
{ label: '用户状态', name: 'userStatus', index: 'USERSTATUS', width: 25,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var userstatus = rows.userStatus;
|
if(userstatus == 0) {
|
return "<span class=\"label label-success\">正常</span>";
|
} else if(userstatus == 1) {
|
return "<span class=\"label label-danger\">禁用</span>";
|
} else if(userstatus == 2) {
|
return "<span class=\"label label-danger\">删除</span>";
|
} else if(userstatus == 3) {
|
return "<span class=\"label label-warning\">申请</span>";
|
} else if(userstatus == 4) {
|
return "<span class=\"label label-warning\">拒批</span>";
|
}
|
}
|
},
|
{ label: '添加', width: 25,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var userId = rows.userId;
|
var html = '';
|
/* if(hasPermission('sys:role:edit')) {*/
|
html = '<a href="#"><span onmouseover="plusWithYellow(this)" onmouseout="plusWithGreen(this)" style="color: green;font-size:20px" class="glyphicon glyphicon-plus-sign" onclick="vm.add(\'' + userId + '\')"></span></a> ';
|
/* }*/
|
return html;
|
}
|
}
|
],
|
postData:{groupId:groupId},
|
viewrecords: true,
|
height: "100%",
|
rowNum: 10,
|
//rowList : [10,30,50],
|
rownumbers: true,
|
rownumWidth: 30,
|
autowidth: true,
|
multiselect: false,
|
pager: "#jqGridPager",
|
jsonReader : {
|
root: "page.list",
|
page: "page.currPage",
|
total: "page.totalPage",
|
records: "page.totalCount"
|
},
|
prmNames : {
|
page:"page",
|
rows:"limit",
|
order: "order"
|
},
|
gridComplete:function(){
|
//隐藏grid底部滚动条
|
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
|
}
|
});
|
$("#jqGrid").setGridWidth($(window).width()-20);
|
}
|
|
function jqgridWithSelectedItemToInit(){
|
$("#jqGridWithSelected").setGridWidth($(window).width()-20);
|
}
|
|
function plusWithYellow(element){
|
$(element).attr("style","color:yellowgreen;font-size:20px");
|
}
|
|
function plusWithGreen(element){
|
$(element).attr("style","color:green;font-size:20px");
|
}
|
|
function minusWithOrange(element){
|
$(element).attr("style","color:orange;font-size:20px");
|
}
|
|
function minusWithRed(element){
|
$(element).attr("style","color:red;font-size:20px");
|
}
|
|
function unitTypeInit(){
|
//绑定“单位类型”
|
$("#unitType").empty();
|
$.ajax({
|
type: "GET",
|
url: restServerBaseURL + "sys/fieldvalue/queryListByKey?key=UnitType",
|
contentType: "application/json",
|
success: function(msg) {
|
var sysFieldList = msg.sysFieldList;
|
jQuery("#unitType").append("<option value=''>全部</option>");
|
jQuery.each(sysFieldList, function(i, item) {
|
jQuery("#unitType").append("<option value=" + item.vcode + ">" + item.vtext + "</option>");
|
});
|
}
|
});
|
}
|
|
function findUserByWord(name){
|
var username = $("#"+name+"").val();
|
$("#"+name+"").autocomplete({
|
source: restServerBaseURL + 'org/user/findUserByWord?keyWord='+encodeURI(encodeURI(username)), //请求的url
|
minLength: 1,
|
});
|
}
|
