增加增删改弹出层操作
This commit is contained in:
shuzheng
parent
a815cd6264
commit
201fb878f4
|
|
@ -17,40 +17,56 @@
|
||||||
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
|
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
|
||||||
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
|
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
|
||||||
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
|
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
|
||||||
|
<link href="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
|
||||||
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
|
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="main">
|
<div id="main">
|
||||||
<div id="toolbar">
|
<div id="toolbar">
|
||||||
<shiro:hasPermission name="upms:system:create"><a class="waves-effect waves-button" href="javascript:;" data-toggle="modal" data-target=".create-modal"><i class="zmdi zmdi-plus"></i> 新增系统</a></shiro:hasPermission>
|
<shiro:hasPermission name="upms:system:create"><a class="waves-effect waves-button" href="javascript:;" onclick="createAction()"><i class="zmdi zmdi-plus"></i> 新增系统</a></shiro:hasPermission>
|
||||||
<shiro:hasPermission name="upms:system:update"><a class="waves-effect waves-button" href="javascript:;" onclick="updateAction()"><i class="zmdi zmdi-edit"></i> 编辑系统</a></shiro:hasPermission>
|
<shiro:hasPermission name="upms:system:update"><a class="waves-effect waves-button" href="javascript:;" onclick="updateAction()"><i class="zmdi zmdi-edit"></i> 编辑系统</a></shiro:hasPermission>
|
||||||
<shiro:hasPermission name="upms:system:delete"><a class="waves-effect waves-button" href="javascript:;" onclick="deleteAction()"><i class="zmdi zmdi-close"></i> 删除系统</a></shiro:hasPermission>
|
<shiro:hasPermission name="upms:system:delete"><a class="waves-effect waves-button" href="javascript:;" onclick="deleteAction()"><i class="zmdi zmdi-close"></i> 删除系统</a></shiro:hasPermission>
|
||||||
</div>
|
</div>
|
||||||
<table id="table"></table>
|
<table id="table"></table>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增 -->
|
<!-- 新增 -->
|
||||||
<div class="modal fade create-modal" tabindex="-1" role="dialog">
|
<div id="createDialog" class="crudDialog" hidden>
|
||||||
<div class="modal-dialog modal-sm" role="document">
|
<form>
|
||||||
<div class="modal-content">
|
<div class="form-group">
|
||||||
<div class="modal-body">
|
<label for="input1">标题</label>
|
||||||
内容
|
<input id="input1" type="text" class="form-control">
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="form-group">
|
||||||
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
<label for="input2">名称</label>
|
||||||
<button type="button" class="btn btn-primary" onclick="createAction()">保存</button>
|
<input id="input2" type="text" class="form-control">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="input3">根目录</label>
|
||||||
|
<input id="input3" type="text" class="form-control">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="input4">图标</label>
|
||||||
|
<input id="input4" type="text" class="form-control">
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script>
|
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script>
|
||||||
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
|
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
|
||||||
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
|
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
|
||||||
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
|
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
|
||||||
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
|
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
|
||||||
|
<script src="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.js"></script>
|
||||||
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
|
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
|
||||||
<script>
|
<script>
|
||||||
var $table = $('#table');
|
var $table = $('#table');
|
||||||
$(function() {
|
$(function() {
|
||||||
|
$(document).on('focus', 'input[type="text"]', function() {
|
||||||
|
$(this).parent().find('label').addClass('active');
|
||||||
|
}).on('blur', 'input[type="text"]', function() {
|
||||||
|
if ($(this).val() == '') {
|
||||||
|
$(this).parent().find('label').removeClass('active');
|
||||||
|
}
|
||||||
|
});
|
||||||
// bootstrap table初始化
|
// bootstrap table初始化
|
||||||
$table.bootstrapTable({
|
$table.bootstrapTable({
|
||||||
url: '${basePath}/manage/system/list',
|
url: '${basePath}/manage/system/list',
|
||||||
|
|
@ -109,15 +125,105 @@ function statusFormatter(value, row, index) {
|
||||||
}
|
}
|
||||||
// 新增
|
// 新增
|
||||||
function createAction() {
|
function createAction() {
|
||||||
|
$.confirm({
|
||||||
|
type: 'dark',
|
||||||
|
animationSpeed: 300,
|
||||||
|
title: '新增系统',
|
||||||
|
content: $('#createDialog').html(),
|
||||||
|
buttons: {
|
||||||
|
confirm: {
|
||||||
|
text: '确认',
|
||||||
|
btnClass: 'waves-effect waves-button',
|
||||||
|
action: function () {
|
||||||
|
$.alert('确认');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
text: '取消',
|
||||||
|
btnClass: 'waves-effect waves-button'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
// 编辑
|
// 编辑
|
||||||
function updateAction() {
|
function updateAction() {
|
||||||
var rows = $table.bootstrapTable('getSelections');
|
var rows = $table.bootstrapTable('getSelections');
|
||||||
|
if (rows.length == 0) {
|
||||||
|
$.confirm({
|
||||||
|
title: false,
|
||||||
|
content: '请至少选择一条记录！',
|
||||||
|
autoClose: 'cancel|3000',
|
||||||
|
backgroundDismiss: true,
|
||||||
|
buttons: {
|
||||||
|
cancel: {
|
||||||
|
text: '取消',
|
||||||
|
btnClass: 'waves-effect waves-button'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$.confirm({
|
||||||
|
type: 'blue',
|
||||||
|
animationSpeed: 300,
|
||||||
|
title: '编辑系统',
|
||||||
|
content: $('#createDialog').html(),
|
||||||
|
buttons: {
|
||||||
|
confirm: {
|
||||||
|
text: '确认',
|
||||||
|
btnClass: 'waves-effect waves-button',
|
||||||
|
action: function () {
|
||||||
|
$.alert('确认');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
text: '取消',
|
||||||
|
btnClass: 'waves-effect waves-button'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// 删除
|
// 删除
|
||||||
function deleteAction() {
|
function deleteAction() {
|
||||||
var rows = $table.bootstrapTable('getSelections');
|
var rows = $table.bootstrapTable('getSelections');
|
||||||
|
if (rows.length == 0) {
|
||||||
|
$.confirm({
|
||||||
|
title: false,
|
||||||
|
content: '请至少选择一条记录！',
|
||||||
|
autoClose: 'cancel|3000',
|
||||||
|
backgroundDismiss: true,
|
||||||
|
buttons: {
|
||||||
|
cancel: {
|
||||||
|
text: '取消',
|
||||||
|
btnClass: 'waves-effect waves-button'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$.confirm({
|
||||||
|
type: 'red',
|
||||||
|
animationSpeed: 300,
|
||||||
|
title: false,
|
||||||
|
content: '确认删除该系统吗？',
|
||||||
|
buttons: {
|
||||||
|
confirm: {
|
||||||
|
text: '确认',
|
||||||
|
btnClass: 'waves-effect waves-button',
|
||||||
|
action: function () {
|
||||||
|
var ids = new Array();
|
||||||
|
for (var i in rows) {
|
||||||
|
ids.push(rows[i].systemId);
|
||||||
|
}
|
||||||
|
$.alert('删除：id=' + ids.join("-"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
text: '取消',
|
||||||
|
btnClass: 'waves-effect waves-button'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue