first commit

WebRoot/jsp/fwk/menunumberView.jsp

@@ -0,0 +1,105 @@
+<%@ page language="java" pageEncoding="UTF-8"%>
+<style type="text/css">
+    .select2-container .select2-selection--single {
+        height: 34px;
+        line-height: 34px;
+    }
+
+    .select2-selection__arrow {
+        margin-top: 3px;
+    }
+</style>
+<script type="text/javascript">
+    var initFun = function () {
+			$("#table_detail").bootstrapTable({ // 对应table标签的id
+				url: ext.contextPath + '/fwk/Menunumber/getListDetail.do', // 获取表格数据的url
+				cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
+				striped: true,  //表格显示条纹，默认为false
+				pagination: true, // 在表格底部显示分页组件，默认false
+				pageList: [10, 20, 50], // 设置页面可以显示的数据条数
+				pageSize: 10, // 页面数据条数
+				pageNumber: 1, // 首页页码
+				paginationDetailHAlign: ' hidden',//去除分页的显示 
+				sidePagination: 'client', // 设置为服务器端分页
+				//showFooter: true,//添加页脚
+				queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
+					return {
+						rows: params.limit, // 每页要显示的数据条数
+						page: params.offset / params.limit + 1, // 每页显示数据的开始页码
+						sort: params.sort, // 要排序的字段
+                        order: params.order,
+                        menuitemid: $("#menuitemid").val(),
+						curDateStart: curDateStart,
+						curDateEnd: curDateEnd
+					}
+				},
+				sortName: 'onclickdatetime', // 要排序的字段
+				sortOrder: 'desc', // 排序规则
+				onClickRow: function (row) {//单击行事件,执行查看功能
+                    viewFun(row.menuitemid);
+                },
+				columns: [
+	              /* {
+	                  checkbox: true, // 显示一个勾选框
+	              }, */{
+						field: '_name', // 返回json数据中的name
+						title: '点击部门', // 表格表头显示文字
+						align: 'center', // 左右居中
+						valign: 'middle', // 上下居中
+					},
+					{
+						field: '_number',
+						title: '点击次数',
+						align: 'center',
+						valign: 'middle'
+					}
+					// ,
+					// {
+					// 	title: "操作",
+					// 	align: 'center',
+					// 	valign: 'middle',
+					// 	width: 120, // 定义列的宽度，单位为像素px
+					// 	formatter: function (value, row, index) {
+					// 		var buts = '';
+					// 		buts += '<button class="btn btn-default btn-sm" onclick="editFun(\'' + row.id + '\')" data-toggle="tooltip" title="编辑"><i class="fa fa-edit "></i><span class="hidden-md hidden-lg"> 编辑</span></button>';
+					// 		buts += '<button class="btn btn-default btn-sm" onclick="deleteFun(\'' + row.id + '\')" data-toggle="tooltip" title="删除"><i class="fa fa-trash-o "></i><span class="hidden-md hidden-lg"> 删除</span></button>';
+					// 		buts = '<div class = "btn-group">' + buts + '</div>';
+					// 		return buts;
+					// 	}
+					// }
+				],
+				//注册加载子表的事件。index：父表当前行的行索引,row：父表当前行的Json数据对象,$detail：当前行下面创建的新行里面的td对象。
+				onLoadSuccess: function () {  //加载成功时执行
+					adjustBootstrapTableView("table_detail");
+				},
+				onLoadError: function () {  //加载失败时执行
+					console.info("加载数据失败");
+				}
+			});
+		}
+    $(function () {
+        initFun();
+    })
+</script>
+<div class="modal fade" id="subModal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <input type="hidden" id="menuitemid" name="menuitemid" value="${menuitemid}"/>
+            <input type="hidden" id="curDateStart" name="curDateStart" value="${curDateStart}"/>
+            <input type="hidden" id="curDateEnd" name="curDateEnd" value="${curDateEnd}"/>
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title">模块点击率详情</h4>
+            </div>
+            <div class="modal-body">
+                <table id="table_detail"></table>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>