6 changed files with 441 additions and 173 deletions
@ -1,117 +1,126 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|||
<head> |
|||
<th:block th:include="include :: header('通知公告列表')" /> |
|||
<th:block th:include="include :: header('通知公告列表')"/> |
|||
</head> |
|||
<body class="gray-bg"> |
|||
<div class="container-div"> |
|||
<div class="row"> |
|||
<div class="col-sm-12 search-collapse"> |
|||
<form id="notice-form"> |
|||
<div class="select-list"> |
|||
<ul> |
|||
<li> |
|||
公告标题:<input type="text" name="noticeTitle"/> |
|||
</li> |
|||
<li> |
|||
操作人员:<input type="text" name="createBy"/> |
|||
</li> |
|||
<li> |
|||
公告类型:<select name="noticeType" th:with="type=${@dict.getType('sys_notice_type')}"> |
|||
<option value="">所有</option> |
|||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> |
|||
</select> |
|||
</li> |
|||
<li> |
|||
<a class="btn btn-success btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> |
|||
<a class="btn btn-reset btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<div class="container-div"> |
|||
<div class="row"> |
|||
<div class="col-sm-12 search-collapse"> |
|||
<form id="notice-form"> |
|||
<div class="select-list"> |
|||
<ul> |
|||
<li> |
|||
通知标题:<input type="text" name="noticeTitle"/> |
|||
</li> |
|||
<li id="day" class="day" style="display: flex;"> |
|||
<p>发布时间:</p> |
|||
<input type="text" class="time-input" id="beginTime" placeholder="开始时间" name="beginTime" |
|||
style="width: 100px"/> |
|||
<span>-</span> |
|||
<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="endTime" |
|||
style="width: 100px"/> |
|||
</li> |
|||
<li> |
|||
发布部门:<input type="text" name="bureauDeptNames"/> |
|||
</li> |
|||
<li> |
|||
发布对象:<select name="objectType" th:with="type=${@dict.getType('object')}" style="width: 100px"> |
|||
<option value=""></option> |
|||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" |
|||
th:value="${dict.dictValue}"></option> |
|||
</select> |
|||
</li> |
|||
<li> |
|||
<a class="btn btn-success btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> |
|||
<a class="btn btn-reset btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="btn-group-sm" id="toolbar" role="group"> |
|||
<a class="btn btn-success" onclick="$.operate.addFull()" shiro:hasPermission="system:notice:add"> |
|||
<i class="fa fa-plus"></i> 新增 |
|||
</a> |
|||
<a class="btn btn-primary single disabled" onclick="$.operate.editFull()" shiro:hasPermission="system:notice:edit"> |
|||
<i class="fa fa-edit"></i> 修改 |
|||
</a> |
|||
<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:notice:remove"> |
|||
<i class="fa fa-remove"></i> 删除 |
|||
</a> |
|||
</div> |
|||
<div class="btn-group-sm" id="toolbar" role="group"> |
|||
<a class="btn btn-success" onclick="$.operate.addFull()" shiro:hasPermission="system:notice:add"> |
|||
<i class="fa fa-plus"></i> 新增 |
|||
</a> |
|||
<a class="btn btn-primary single disabled" onclick="$.operate.editFull()" |
|||
shiro:hasPermission="system:notice:edit"> |
|||
<i class="fa fa-edit"></i> 修改 |
|||
</a> |
|||
<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" |
|||
shiro:hasPermission="system:notice:remove"> |
|||
<i class="fa fa-remove"></i> 删除 |
|||
</a> |
|||
</div> |
|||
|
|||
<div class="col-sm-12 select-table table-bordered"> |
|||
<table id="bootstrap-table"></table> |
|||
</div> |
|||
</div> |
|||
<div class="col-sm-12 select-table table-bordered"> |
|||
<table id="bootstrap-table"></table> |
|||
</div> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<script th:inline="javascript"> |
|||
var editFlag = [[${@permission.hasPermi('system:notice:edit')}]]; |
|||
var removeFlag = [[${@permission.hasPermi('system:notice:remove')}]]; |
|||
var types = [[${@dict.getType('sys_notice_type')}]]; |
|||
var datas = [[${@dict.getType('sys_notice_status')}]]; |
|||
var prefix = ctx + "system/notice"; |
|||
</div> |
|||
<th:block th:include="zdxtInclude :: footer"/> |
|||
<script th:inline="javascript"> |
|||
var editFlag = [[${@permission.hasPermi('system:notice:edit')}]]; |
|||
var removeFlag = [[${@permission.hasPermi('system:notice:remove')}]]; |
|||
var types = [[${@dict.getType('object')}]]; |
|||
var datas = [[${@dict.getType('notice_status_type')}]]; |
|||
var prefix = ctx + "system/notice"; |
|||
|
|||
$(function() { |
|||
var options = { |
|||
url: prefix + "/list", |
|||
createUrl: prefix + "/add", |
|||
updateUrl: prefix + "/edit/{id}", |
|||
removeUrl: prefix + "/remove", |
|||
modalName: "公告", |
|||
columns: [{ |
|||
checkbox: true |
|||
}, |
|||
{ |
|||
field : 'noticeId', |
|||
title : '序号' |
|||
}, |
|||
{ |
|||
field : 'noticeTitle', |
|||
title : '公告标题' |
|||
}, |
|||
{ |
|||
field: 'noticeType', |
|||
title: '公告类型', |
|||
align: 'center', |
|||
formatter: function(value, row, index) { |
|||
return $.table.selectDictLabel(types, value); |
|||
} |
|||
}, |
|||
{ |
|||
field: 'status', |
|||
title: '状态', |
|||
align: 'center', |
|||
formatter: function(value, row, index) { |
|||
return $.table.selectDictLabel(datas, value); |
|||
} |
|||
}, |
|||
{ |
|||
field : 'createBy', |
|||
title : '创建者' |
|||
}, |
|||
{ |
|||
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="javascript:void(0)" onclick="$.operate.editFull(\'' + row.noticeId + '\')"><i class="fa fa-edit"></i> 编辑</a> '); |
|||
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.noticeId + '\')"><i class="fa fa-remove"></i> 删除</a>'); |
|||
return actions.join(''); |
|||
} |
|||
}] |
|||
}; |
|||
$.table.init(options); |
|||
}); |
|||
</script> |
|||
$(function () { |
|||
var options = { |
|||
url: prefix + "/list", |
|||
createUrl: prefix + "/add", |
|||
updateUrl: prefix + "/edit/{id}", |
|||
removeUrl: prefix + "/remove", |
|||
modalName: "通知", |
|||
uniqueId:"noticeId", |
|||
columns: [{ |
|||
checkbox: true |
|||
}, |
|||
{ |
|||
field: 'noticeTitle', |
|||
title: '通知标题' |
|||
}, |
|||
{ |
|||
field: 'createTime', |
|||
title: '发布时间', |
|||
// sortable: true |
|||
}, |
|||
{ |
|||
field: 'bureauDeptNames', |
|||
title: '发布部门', |
|||
}, |
|||
{ |
|||
field: 'objectType', |
|||
title: '发布对象', |
|||
align: 'center', |
|||
formatter: function (value, row, index) { |
|||
return $.table.selectDictLabel(types, value); |
|||
} |
|||
}, |
|||
{ |
|||
field: 'status', |
|||
title: '发布状态', |
|||
align: 'center', |
|||
formatter: function (value, row, index) { |
|||
return $.table.selectDictLabel(datas, value); |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
align: 'center', |
|||
formatter: function (value, row, index) { |
|||
return '<span style="cursor: pointer;color: blue;" ONCLICK="openNoticeDetails(\'' + row.noticeId + '\')">' + '详情' + '</span>'; |
|||
} |
|||
}] |
|||
}; |
|||
$.table.init(options); |
|||
}); |
|||
function openNoticeDetails(noticeId){ |
|||
console.log(noticeId); |
|||
$.modal.openClose("通知公告详情", prefix + "/detail/" + noticeId); |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue