123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285 |
- <!DOCTYPE html>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
- <head th:replace="admin/common/html/head :: head_Normal(~{::title},~{::link},~{::style})">
- <title th:text=${title}></title>
- <!-- 这儿引用单独的css link -->
- <!-- Ladda for Bootstrap 3按钮加载进度插件 -->
- <link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
- <!-- bootstrap-table表单样式 -->
- <link th:href="@{/static/admin/assets/js/bootstrap/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
- <style type="text/css">
- /**
- *这里写单独的css样式
- */
- </style>
- </head>
- <body id="listbody">
- <!-- # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 代码编写处 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # -->
- <!-- 右边内容 -->
- <div class="wrap-fluid">
- <div class="container-fluid paper-wrap bevel tlbr">
- <!-- 内容 -->
- <!--标题 通用-->
- <div th:replace="admin/common/html/title :: title(${title},${parenttitle},${isMsg},${msgHTML})">
- </div>
- <!-- 结束标题 通用-->
- <div class="content-wrap">
- <!-- 结束内容 -->
- <div class="row">
- <div class="col-sm-12">
- <!-- 搜索条件 -->
-
- <div class="nest" id="inlineClose">
- <div class="title-alt">
- <h6>搜索条件</h6>
- <div class="titleClose">
- <a class="gone" href="#inlineClose">
- <span class="entypo-cancel"></span>
- </a>
- </div>
- <div class="titleToggle">
- <a class="nav-toggle-alt" href="#search_div" >
- <span class="entypo-down-open"></span>
- </a>
- </div>
- </div>
- <div class="body-nest" id="search_div" style="display: none">
- <div class="form_left">
- <form role="form" class="form-inline">
- <div class="form-group">
- <label for="exampleInputEmail2" class="sr-only">搜索标题</label>
- <input type="text" name="searchText" placeholder="搜索标题"class="form-control">
- </div>
- <button onclick="$.table.search(this)" class="btn btn-success" type="button"><i class="fa fa-search"></i> 搜索</button>
- </form>
- </div>
- </div>
- </div>
- <!-- END搜索条件 -->
- <!-- 空白页开始-->
- <div class="nest" id="Blank_PageClose">
- <div class="title-alt">
- <h6>表单</h6>
- <div class="titleClose">
- <a class="gone" href="#Blank_PageClose">
- <span class="entypo-cancel"></span>
- </a>
- </div>
- <div class="titleToggle">
- <a class="nav-toggle-alt" href="#Blank_Page_Content">
- <span class="entypo-up-open"></span>
- </a>
- </div>
- </div>
-
- <div class="body-nest" id="Blank_Page_Content">
- <!-- 工具条 -->
- <div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
- <button onclick="$.operate.add()" type="button" class="btn btn-primary">
- <span class="entypo-plus-squared"></span> 新增
- </button>
- <button onclick="$.operate.batRemove()" type="button" class="btn btn-info">
- <span class="entypo-trash"></span> 删除
- </button>
-
- </div>
- <!-- 工具条 end-->
- <table id="dataTable" class="table-striped footable-res footable metro-blue" data-page-size="6">
-
- </table>
- </div>
- </div>
- </div>
- <!-- 空白页结束 -->
- </div>
- <!-- 结束内容 -->
- </div>
- </div>
- </div>
- <!-- 结束右边内容 -->
- <!-- # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 代码编写处 END# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # -->
- <!-- 右侧隐藏滑块内容 -->
- <div th:include="admin/common/html/rightHide :: rightHide">
-
- </div>
- <!-- END 右侧隐藏滑块内容-->
- <!-- 通用js -->
- <div th:include="admin/common/html/js :: onload_js">
-
- </div>
- <!-- bootstarp 表格 -->
- <script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/bootstrap-table.min.js}" type="text/javascript"></script>
- <script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}" type="text/javascript"></script>
- <script th:src="@{/static/admin/assets/js/bootstrap/js/base_list.js}" type="text/javascript"></script>
- <!-- jquery-export 表格导出插件 -->
- <script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/bootstrap-table-export.js}" type="text/javascript"></script>
- <script th:src="@{/static/admin/assets/js/bootstrap/extensions/export/tableExport.js}" type="text/javascript"></script>
- <!-- 弹窗 -->
- <script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
- <!-- 遮罩层 -->
- <script th:src="@{/static/admin/assets/js/blockUI/jquery.blockUI.js}" type="text/javascript"></script>
- <script type="text/javascript" th:inline="javascript">
- var types = [[${@dict.getType('sys_notice_type')}]];
- var dataUrl=window.rootPath+"/SysNoticeController/list";
- var removeUrl=window.rootPath+"/SysNoticeController/remove";
- var createUrl=window.rootPath+"/SysNoticeController/add";
- var updateUrl=window.rootPath+"/SysNoticeController/edit/{id}";
- var exportUrl=window.rootPath+"/SysNoticeController/export";
- var options = {
- dataUrl: dataUrl,
- createUrl: createUrl,
- updateUrl: updateUrl,
- removeUrl:removeUrl,
- exportUrl: exportUrl,
- sortName: "roleSort",
- modalName: "公告",
- search: false,
- dataColumns: [
- {
- checkbox: true
- },
- {
- field: 'id',
- title: '序号',
- visible: false, //隐藏
- //searchable: false,//搜索
- //sortable:false,//设置true为允许列可以排序
- //order: asc //排序顺序
- },
- {
- field: 'title',
- title: '标题',
- //visible: false, //隐藏
- //searchable: false,//搜索
- //sortable:false,//设置true为允许列可以排序
- //order: asc //排序顺序
- },
- {
- field: 'content',
- title: '内容',
- formatter: function (value, row, index) {
- var actions = [];
- var len=value.length;
- if(len>10){
- actions.push(value.substring(0,8)+"...");
- }else{
- actions.push(value);
- }
- return actions.join('');
- }
- //visible: false, //隐藏
- //searchable: false,//搜索
- //sortable:false,//设置true为允许列可以排序
- //order: asc //排序顺序
- },
- {
- field: 'type',
- title: '类型',
- formatter: function (value, row, index) {
- return $.table.selectDictLabel(types, value);
- }
- //visible: false, //隐藏
- //searchable: false,//搜索
- //sortable:false,//设置true为允许列可以排序
- //order: asc //排序顺序
- },
- {
- field: 'createUsername',
- title: '创建人',
- //visible: false, //隐藏
- //searchable: false,//搜索
- //sortable:false,//设置true为允许列可以排序
- //order: asc //排序顺序
- },
- {
- field: 'createTime',
- title: '创建时间',
- //visible: false, //隐藏
- //searchable: false,//搜索
- //sortable:false,//设置true为允许列可以排序
- //order: asc //排序顺序
- },
- /*
- 参照修改注释
- {
- field: 'xxstate',
- title: 'xx状态',
- formatter: function (value, row, index) {
- var actions = [];
- if(value==0){
- actions.push('<span class="label label-primary">关闭</span>');
- }else if(value==1){
- actions.push('<span class="label label-danger">开启</span>');
- }
- return actions.join('');
- }
- }
- */
- {
- title: '操作',
- formatter: function (value, row, index) {
- var id = row.id;
- var actions = [];
- actions.push('<a class="btn btn-danger btn-xs" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
- return actions.join('');
- }
- }]
- };
- $(function(){
- var oTab=$.table.oTableInit(options);
- oTab.Init();
- })
- $.modal.open=function(title, url, width, height) {
- if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
- width = "auto";
- height = "auto";
- }
- if ($.common.isEmpty(title)) {
- title = false;
- }
- if ($.common.isEmpty(url)) {
- url = "404.html";
- }
- if ($.common.isEmpty(width)) {
- width = 800;
- }
- if ($.common.isEmpty(height)) {
- height = ($(window).height() - 50);
- }
- var perContent =layer.open({
- type: 2,
- area: ['100%', '100%'],
- fix: false,
- maxmin: true,
- shade: 0.3,
- title: title,
- content: url
- })
- layer.full(perContent);
- }
- </script>
- </body>
- </html>
|