|
1
2
|
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
|
|
3
|
xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
|
4
5
6
|
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
|
|
7
8
9
|
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
|
|
10
|
<form id="role-form" autocomplete="off">
|
|
11
12
13
|
<div class="select-list">
<ul>
<li>
|
|
14
|
<label>角色名称:</label>
|
|
15
|
<input name="roleName" placeholder="请输入角色名称" type="text"/>
|
|
16
17
|
</li>
<li>
|
|
18
19
|
<label>角色编码:</label>
<input name="roleCode" placeholder="请输入角色编码" type="text"/>
|
|
20
21
|
</li>
<li>
|
|
22
23
24
25
26
27
28
|
<label>角色状态:</label>
<select name="enable" th:with="type=${@dict.getType('sys_normal_disable')}">
<option value="">所有</option>
<option th:each="e : ${type}" th:text="${e['dictLabel']}"
th:value="${e['dictValue']}">
</option>
</select>
|
|
29
|
</li>
|
|
30
31
32
33
34
35
36
|
<li style="float: right; margin-right: 45px">
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()">
<i class="fa fa-search"></i> 搜索
</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('role-form')">
<i class="fa fa-refresh"></i> 重置
</a>
|
|
37
38
39
40
41
|
</li>
</ul>
</div>
</form>
</div>
|
|
42
|
|
|
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
<div class="btn-group hidden-xs" id="toolbar" role="group">
<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()"
shiro:hasPermission="system:role:add">
<i class="fa fa-plus"></i> 新增
</a>
<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()"
shiro:hasPermission="system:role:remove">
<i class="fa fa-trash-o"></i> 删除
</a>
</div>
<div class="col-sm-12 select-table">
<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('system:role:edit')}]];
var removeFlag = [[${@permission.hasPermi('system:role:remove')}]];
var datas = [[${@dict.getType('sys_normal_disable')}]];
var prefix = ctx + "system/role"
$(function () {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
exportUrl: prefix + "/export",
sortName: "roleSort",
modalName: "角色",
search: false,
showExport: false,
|
|
76
|
columns: [
|
|
77
|
{
|
|
78
79
|
checkbox: true
},
|
|
80
81
82
83
84
85
86
|
{
field: 'roleName',
title: '角色名称',
sortable: true
},
{
field: 'roleCode',
|
|
87
|
title: '角色编码',
|
|
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
sortable: true
},
{
field: 'roleSort',
title: '显示顺序',
sortable: true
},
{
field: 'enable',
title: '状态',
align: 'center',
formatter: function (value, row, index) {
return $.table.selectDictLabel(datas, value);
}
},
{
field: 'createTime',
title: '创建时间',
sortable: true
},
{
title: '操作',
align: 'center',
formatter: function (value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a>');
return actions.join('');
}
}]
};
$.table.init(options);
});
</script>
|
|
122
123
|
</body>
</html>
|