first commit

WebRoot/jsp/alarm/proAlarmDataStopHisPointList.jsp

@@ -0,0 +1,87 @@
+<%@ 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">
+    $(function () {
+        $("#alarmDataStopTable").bootstrapTable({ // 对应table标签的id
+            url: ext.contextPath + '/alarm/proAlarmDataStopHisPoint/getList.do', // 获取表格数据的url
+            cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
+            striped: true,  //表格显示条纹，默认为false
+            pagination: true, // 在表格底部显示分页组件，默认false
+            pageList: [10, 20, 50], // 设置页面可以显示的数据条数
+            pageSize: 50, // 页面数据条数
+            pageNumber: 1, // 首页页码
+            sidePagination: 'server', // 设置为服务器端分页
+            queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
+                return {
+                    rows: params.limit, // 每页要显示的数据条数
+                    page: params.offset / params.limit + 1, // 每页显示数据的开始页码
+                    sort: params.sort, // 要排序的字段
+                    order: params.order,
+                    alarmId: '${param.alarmId}',
+                    unitId: '${param.unitId}'
+                }
+            },
+            sortName: 'insdt', // 要排序的字段
+            sortOrder: 'desc', // 排序规则
+            // onClickRow: function (row) {//单击行事件,执行查看功能
+            //     viewFun(row.id);
+            // },
+            columns: [
+                // {
+                //     checkbox: true, // 显示一个勾选框
+                // },
+                {
+                    field: 'pointId', // 返回json数据中的name
+                    title: '报警点描述', // 表格表头显示文字
+                    align: 'center', // 左右居中
+                    valign: 'middle' // 上下居中
+                },
+                {
+                    field: 'insdt', // 返回json数据中的name
+                    title: '插入时间', // 表格表头显示文字
+                    align: 'center', // 左右居中
+                    valign: 'middle', // 上下居中
+                    formatter: function (value, row, index) {
+                        return value.substring(0, 16);
+                    }
+                }
+            ],
+            onLoadSuccess: function () {  //加载成功时执行
+                adjustBootstrapTableView("alarmDataStopTable");
+            },
+            onLoadError: function () {  //加载失败时执行
+                console.info("加载数据失败");
+            }
+
+        });
+    });
+
+</script>
+<div class="modal fade" id="stopAlarmModal">
+    <div class="modal-dialog">
+        <div class="modal-content" style="width: 800px;">
+            <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="alarmDataStopTable"></table>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default " data-dismiss="modal">关闭</button>
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>