创建版本
This commit is contained in:
@@ -0,0 +1,181 @@
|
||||
<style>
|
||||
.content-body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.form-panel-body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.left-group {
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
height: calc(100vh - 185px);
|
||||
}
|
||||
|
||||
.right-group {
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
height: calc(100vh - 177px);
|
||||
}
|
||||
</style>
|
||||
<div class="form-panel">
|
||||
<div class="form-panel-header">
|
||||
<div class="pull-right">
|
||||
</div>
|
||||
<button type="button" class="btn btn-sm btn-info" id="role-form-submit"><i class="fa fa-check"></i> 保存</button>
|
||||
<a class="btn btn-sm btn-default" data-toggle="closetab" data-id="role_config"><i class="fa fa-sign-out"></i> 退出</a>
|
||||
</div>
|
||||
<div class="form-panel-body">
|
||||
|
||||
<div class="panel no-border">
|
||||
|
||||
<div class="padder padder-t padder-r-n">
|
||||
<form id="myfilter" role="form" class="form-inline" name="myfilter" action="{{url()}}" method="get">
|
||||
|
||||
<div class="form-group">
|
||||
<label>授权角色</label>
|
||||
<select class="form-control input-sm" data-toggle="redirect" id='role_id' name='role_id' data-url="{{url($atcion, $query)}}">
|
||||
@foreach($roles as $key => $role)
|
||||
<option value="{{$role->id}}" @if($query['role_id']==$role->id) selected @endif>{{$role->layer_space}}{{$role->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<span class="hidden-xs"> </span>
|
||||
<div class="form-group">
|
||||
<label>参照角色</label>
|
||||
<select class="form-control input-sm" data-toggle="redirect" id='clone_id' name='clone_id' data-url="{{url($atcion, $query)}}">
|
||||
<option value="">无</option>
|
||||
@foreach($roles as $key => $role)
|
||||
<option value="{{$role->id}}" @if($query['clone_id']==$role->id) selected @endif>{{$role->layer_space}}{{$role->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="wrapper m-t b-t" style="background-color:#f0f3f4;">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-2 m-b padder-r-n">
|
||||
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading b-b b-light">
|
||||
<div class="h5 m-t-xs m-b-xs"><i class="fa fa-cubes"></i> 模块列表</div>
|
||||
</div>
|
||||
<div class="list-group left-group">
|
||||
@if(count($modules))
|
||||
@foreach($modules as $menuKey => $menuValue)
|
||||
<a class="list-group-item" onclick="module('{{$menuKey}}');" href="javascript:;">
|
||||
<span class="h5">{{$menuValue['name']}}</span>
|
||||
</a>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-10">
|
||||
|
||||
<form method="post" class="form-inline" action="{{url()}}" id="role" name="role">
|
||||
|
||||
@if(count($modules))
|
||||
@foreach($modules as $menuKey => $menuValue)
|
||||
|
||||
<div class="modules" style="display:none;" id="{{$menuKey}}">
|
||||
|
||||
<div class="panel m-b-sm b-a">
|
||||
|
||||
<div class="panel-heading b-b b-light">
|
||||
<label class="checkbox-inline"><input type="checkbox" class="menu-check">{{$menuValue['name']}}</label>
|
||||
</div>
|
||||
|
||||
<div class="panel-body right-group">
|
||||
|
||||
@if(count($menuValue['controllers']))
|
||||
@foreach($menuValue['controllers'] as $groupKey => $groupValue)
|
||||
|
||||
<div class="panel m-b-sm b-a">
|
||||
|
||||
<div class="panel-heading b-b b-light">
|
||||
<label class="checkbox-inline" title="{{$groupKey}}"><input class="group-check" type="checkbox">{{$groupValue['name']}}</label>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
@if(count($groupValue['actions']))
|
||||
@foreach($groupValue['actions'] as $childKey => $childValue)
|
||||
<div class="col-md-3 col-sm-6 wrapper-xs">
|
||||
{{'';$selected = $assets[$menuKey][$groupKey.'.'.$childKey]}}
|
||||
<label title="{{$childKey}}" class="checkbox-inline">
|
||||
<input type="checkbox" class="action-check" name="assets[{{$menuKey}}][{{$groupKey}}.{{$childKey}}][action]" value="1" @if(isset($selected)) checked @endif>
|
||||
{{$childValue['name']}}
|
||||
</label>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
|
||||
@endif
|
||||
|
||||
<input type="hidden" name="role_id" value="{{$query['role_id']}}">
|
||||
<input type="hidden" name="key" id="key" value="{{$query['key']}}">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
$('.menu-check,.group-check').on('click', function() {
|
||||
if ($(this).prop("checked") == true) {
|
||||
$(this).parent().parent().parent().find(':checkbox').prop('checked', true);
|
||||
} else {
|
||||
$(this).parent().parent().parent().find(':checkbox').prop('checked', false);
|
||||
}
|
||||
});
|
||||
|
||||
ajaxSubmit('role', function(res) {
|
||||
if (res.status) {
|
||||
toastrSuccess(res.data);
|
||||
} else {
|
||||
toastrError(res.data);
|
||||
}
|
||||
});
|
||||
|
||||
var e = $('#role');
|
||||
var key = e.find('#key').val();
|
||||
if (key == '') {
|
||||
var list = e.find('.modules');
|
||||
key = list.eq(0).attr('id');
|
||||
e.find('#key').val(key);
|
||||
}
|
||||
e.find('#' + key).fadeIn();
|
||||
|
||||
});
|
||||
|
||||
function module(key) {
|
||||
var e = $('#role');
|
||||
e.find('#key').val(key);
|
||||
e.find('.modules').hide();
|
||||
e.find('#' + key).fadeIn();
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,3 @@
|
||||
<form class="form-horizontal form-controller" method="post" id="role" name="role">
|
||||
{{$form['tpl']}}
|
||||
</form>
|
||||
@@ -0,0 +1,133 @@
|
||||
<div class="wrapper-xs">
|
||||
<form id="dialog-{{$search['query']['id']}}-search-form" class="form-inline" method="get">
|
||||
@include('searchForm6')
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="dialog-{{$search['query']['id']}}" class="ag-theme-balham" style="width:100%;height:380px;"></div>
|
||||
|
||||
<script>
|
||||
(function ($) {
|
||||
var search = JSON.parse('{{json_encode($search)}}');
|
||||
var params = search.query;
|
||||
|
||||
var option = gdoo.formKey(params);
|
||||
var event = gdoo.event.get(option.key);
|
||||
event.trigger('query', params);
|
||||
|
||||
var sid = params.prefix == 1 ? 'sid' : 'id';
|
||||
var gridDiv = document.querySelector("#dialog-{{$search['query']['id']}}");
|
||||
var grid = new agGridOptions();
|
||||
var selectedData = {};
|
||||
var multiple = params.multi == 0 ? false : true;
|
||||
grid.remoteDataUrl = '{{url()}}';
|
||||
grid.remoteParams = params;
|
||||
grid.suppressRowClickSelection = true;
|
||||
grid.rowSelection = multiple ? 'multiple' : 'single';
|
||||
|
||||
grid.autoGroupColumnDef = {
|
||||
headerName: '名称',
|
||||
width: 250,
|
||||
cellRendererParams: {
|
||||
checkbox: true,
|
||||
suppressCount: false,
|
||||
}
|
||||
};
|
||||
grid.treeData = true;
|
||||
grid.groupDefaultExpanded = -1;
|
||||
|
||||
grid.getDataPath = function(data) {
|
||||
return data.tree_path;
|
||||
};
|
||||
grid.columnDefs = [];
|
||||
grid.columnDefs.push({suppressMenu: true, cellClass:'text-center', field: 'id', headerName: 'ID', width: 60});
|
||||
|
||||
grid.onRowClicked = function(row) {
|
||||
var selected = row.node.isSelected();
|
||||
if (selected === false) {
|
||||
row.node.setSelected(true, true);
|
||||
}
|
||||
};
|
||||
|
||||
grid.onRowDoubleClicked = function (row) {
|
||||
var ret = writeSelected();
|
||||
if (ret == true) {
|
||||
$('#gdoo-dialog-' + params.dialog_index).dialog('close');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 初始化选择
|
||||
*/
|
||||
function initSelected() {
|
||||
if (params.is_grid) {
|
||||
} else {
|
||||
var rows = {};
|
||||
var id = $('#'+option.id).val();
|
||||
if (id) {
|
||||
var ids = id.split(',');
|
||||
for (var i = 0; i < ids.length; i++) {
|
||||
rows[ids[i]] = ids[i];
|
||||
}
|
||||
}
|
||||
grid.api.forEachNode(function(node) {
|
||||
var key = node.data[sid];
|
||||
if (rows[key] != undefined) {
|
||||
node.setSelected(true);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 写入选中
|
||||
*/
|
||||
function writeSelected() {
|
||||
var rows = grid.api.getSelectedRows();
|
||||
if (params.is_grid) {
|
||||
var list = gdoo.forms[params.form_id];
|
||||
list.api.dialogSelected(params);
|
||||
} else {
|
||||
var id = [];
|
||||
var text = [];
|
||||
$.each(rows, function(k, row) {
|
||||
id.push(row[sid]);
|
||||
text.push(row.name);
|
||||
});
|
||||
$('#'+option.id).val(id.join(','));
|
||||
$('#'+option.id+'_text').val(text.join(','));
|
||||
|
||||
if (event.exist('onSelect')) {
|
||||
return event.trigger('onSelect', multiple ? rows : rows[0]);
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
grid.writeSelected = writeSelected;
|
||||
gdoo.dialogs[option.id] = grid;
|
||||
|
||||
new agGrid.Grid(gridDiv, grid);
|
||||
|
||||
// 读取数据
|
||||
grid.remoteData();
|
||||
|
||||
// 数据载入成功
|
||||
grid.remoteSuccessed = function() {
|
||||
initSelected();
|
||||
}
|
||||
|
||||
var data = search.forms;
|
||||
var search = $("#dialog-{{$search['query']['id']}}-search-form").searchForm({
|
||||
data: data
|
||||
});
|
||||
search.find('#search-submit').on('click', function() {
|
||||
var params = search.serializeArray();
|
||||
$.map(params, function(row) {
|
||||
data[row.name] = row.value;
|
||||
});
|
||||
grid.remoteData(data);
|
||||
return false;
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
</script>
|
||||
@@ -0,0 +1,49 @@
|
||||
{{$header["js"]}}
|
||||
<div class="panel no-border" id="{{$header['table']}}-controller">
|
||||
@include('headers')
|
||||
<div class="list-jqgrid">
|
||||
<div id="{{$header['table']}}-grid" class="ag-theme-balham"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
(function ($) {
|
||||
var table = '{{$header["table"]}}';
|
||||
var config = gdoo.grids[table];
|
||||
var action = config.action;
|
||||
var search = config.search;
|
||||
|
||||
action.config = function(data) {
|
||||
top.addTab('user/role/config?role_id=' + data.master_id, 'role_config', '权限配置');
|
||||
}
|
||||
|
||||
// 自定义搜索方法
|
||||
search.searchInit = function (e) {
|
||||
var self = this;
|
||||
}
|
||||
|
||||
var grid = new agGridOptions();
|
||||
var gridDiv = document.querySelector("#{{$header['table']}}-grid");
|
||||
gridDiv.style.height = getPanelHeight(48);
|
||||
grid.remoteDataUrl = '{{url()}}';
|
||||
grid.remoteParams = search.advanced.query;
|
||||
grid.columnDefs = config.cols;
|
||||
|
||||
new agGrid.Grid(gridDiv, grid);
|
||||
|
||||
// 读取数据
|
||||
grid.remoteData({page: 1});
|
||||
|
||||
// 绑定自定义事件
|
||||
var $gridDiv = $(gridDiv);
|
||||
$gridDiv.on('click', '[data-toggle="event"]', function () {
|
||||
var data = $(this).data();
|
||||
if (data.master_id > 0) {
|
||||
action[data.action](data);
|
||||
}
|
||||
});
|
||||
|
||||
config.grid = grid;
|
||||
|
||||
})(jQuery);
|
||||
</script>
|
||||
@include('footers')
|
||||
@@ -0,0 +1,39 @@
|
||||
<style>
|
||||
#grid_user_role .ag-root-wrapper {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
<div id="grid_user_role" class="ag-theme-balham" style="width:100%;height:380px;"></div>
|
||||
<script>
|
||||
var $table = null;
|
||||
(function($) {
|
||||
var data = JSON.parse('{{json_encode($rows)}}');
|
||||
var users = JSON.parse('{{json_encode($users)}}');
|
||||
var grid = new agGridOptions();
|
||||
grid.suppressLoadingOverlay = true;
|
||||
grid.suppressNoRowsOverlay = true;
|
||||
grid.rowMultiSelectWithClick = true;
|
||||
grid.suppressRowClickSelection = false;
|
||||
grid.defaultColDef.sortable = false;
|
||||
grid.defaultColDef.filter = false;
|
||||
grid.defaultColDef.suppressMenu = true;
|
||||
grid.defaultColDef.suppressNavigable = true;
|
||||
grid.columnDefs = [
|
||||
{field:'id', hide: true},
|
||||
{width: 40, cellClass:'text-center', suppressSizeToFit: true, headerCheckboxSelection: true, checkboxSelection: true},
|
||||
{headerName: '角色编码', field:'code', cellClass:'text-center', width: 60},
|
||||
{headerName: '角色名称', field:'name', cellClass:'text-left', width: 120},
|
||||
|
||||
];
|
||||
var gridDiv = document.querySelector("#grid_user_role");
|
||||
new agGrid.Grid(gridDiv, grid);
|
||||
grid.api.updateRowData({add:data});
|
||||
|
||||
grid.api.forEachNode(function(node) {
|
||||
if (users[node.data.id] > 0) {
|
||||
node.setSelected(true);
|
||||
}
|
||||
});
|
||||
gdoo.dialogs['user_role'] = grid;
|
||||
})(jQuery);
|
||||
</script>
|
||||
Reference in New Issue
Block a user