$(function () {
|
$("#jqGridWithSelected").jqGrid({
|
url: restServerBaseURL + 'sys/rolegroup/selectedList',
|
datatype: "json",
|
colModel: [
|
{ label: '群组ID', name: 'groupId', index: 'groupId', width: 40,align:'center',hidden:true,key:true },
|
{ label: '群组名称', name: 'groupName', index: 'groupName', width: 40,align:'center'},
|
{ label: '描述', name: 'description', index: 'description', width: 70,align:'center' },
|
{ label: '删除', width: 20,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var groupId = rows.groupId;
|
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(\'' + groupId + '\')"></span></a> ';
|
}
|
return html;
|
}
|
}
|
],
|
postData:{roleId:roleId},
|
viewrecords: true,
|
height: "auto",
|
rowNum: 10,
|
//rowList : [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);
|
$("#exitsUser a").trigger('click');
|
$("title").text("角色管理 - " + systemTitle);
|
});
|
|
var roleId = window.T.p('roleid');
|
|
var vm = new Vue({
|
el:'#rapp',
|
data: {
|
title:null,
|
rolegroup: { roleId: roleId }
|
},
|
methods: {
|
query: function () {
|
vm.reload(0);
|
},
|
add: function(groupId){
|
$.ajax({
|
type: "POST",
|
url: restServerBaseURL + 'sys/rolegroup/save',
|
contentType: "application/json",
|
data: JSON.stringify({roleId:roleId,groupId:groupId}),
|
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 (groupId) {
|
confirm('确定要删除选中的记录？', function(){
|
$.ajax({
|
type: "POST",
|
url: restServerBaseURL + "sys/rolegroup/delete",
|
contentType: "application/json",
|
data: JSON.stringify({roleId:roleId,groupId:groupId}),
|
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 groupNameWithSelected = $("#groupNameWithSelected").val(); //已选中列表的登陆名称
|
var groupName = $("#groupName").val(); //选择列表的登陆名称
|
$("#jqGrid").jqGrid('setGridParam',{
|
page:(type == 1?page:1),
|
postData:{roleId:roleId,groupName:groupName}
|
}).trigger("reloadGrid");
|
$("#jqGridWithSelected").jqGrid('setGridParam',{
|
page:(type == 1?selectedPage:1),
|
postData:{roleId:roleId,groupNameWithSelected:groupNameWithSelected}
|
}).trigger("reloadGrid");
|
},
|
resetQueryMsg: function(){
|
$("#groupName").val('');
|
$("#groupNameWithSelected").val('');
|
}
|
}
|
});
|
|
function jqgridInit(){
|
$("#jqGrid").jqGrid({
|
url: restServerBaseURL + 'sys/rolegroup/list',
|
datatype: "json",
|
colModel: [
|
{ label: '群组ID', name: 'groupId', index: 'groupId', width: 40,align:'center',hidden:true,key:true },
|
{ label: '群组名称', name: 'groupName', index: 'groupName', width: 40,align:'center'},
|
{ label: '描述', name: 'description', index: 'description', width: 70,align:'center' },
|
{ label: '添加', width: 15,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var groupId = rows.groupId;
|
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(\'' + groupId + '\')"></span></a> ';
|
}
|
return html;
|
}
|
}
|
],
|
postData:{roleId:roleId},
|
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");
|
}
|
