ssm和Layui

通过业务层做逻辑判断，进行存储到list或者map集合里面。

后台获取到前台的参数，从而将数据渲染到页面，页面也用ajax进行接收，

js代码




jsp代码
<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>
<% pageContext.setAttribute(“path”, request.getContextPath());%>

    <div class="layui-layout layui-layout-admin">
            <div>
            <div id="header"></div>
            <div id="tree"></div>
            </div>
            <div class="layui-body" style="min-width: 1710px;">

            <div class="top" style="margin-top: 15px;margin-left: 15px">
                <div class="bread">
                    <span id="crumb" class="layui-breadcrumb">
                        <a><cite id="mark" lay-value="3" style="font-size: 10px">告警详情</cite></a>
                    </span>
                </div>
                <div class="title" style="font-size: 20px;margin-top: 20px">
                    告警详情
                </div>
            </div>
                <div style="height: 20px;background-color: #D3D4D3" ></div>
                <div class="content" style="margin-top: 20px;margin-left: 21px">
                    <div class="table_box">
                        <div class="search">
                            <form class="layui-form" action="">
                                <div class="layui-inline">
                                    <label class="layui-form-label">单位</label>
                                    <div class="layui-input-inline" id="queryOptionUnit" style="width: 200px;">
                                        <div class="layui-unselect layui-form-select">
                                            <div class="layui-select-title">
                                                <input type="text" name="unit" id="unit" placeholder="请选择" readonly class="layui-input layui-unselect">
                                                <i class="layui-edge"></i>
                                            </div>
                                            <dl class="layui-anim layui-anim-upbit layui-select-group">
                                            </dl>
                                        </div>
                                    </div>
                                <div class="layui-inline" >
                                    <label class="layui-form-label">告警类型:</label>
                                    <div class="layui-input-inline">
                                        <select name="reportType" id="reportType" lay-filter="select">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">实报/误报:</label>
                                        <div class="layui-input-inline">
                                            <select name="type" id="type">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>
                                 <div class="layui-inline">
                                     <label class="layui-form-label">日期范围:</label>
                                     <div class="layui-input-inline">
                                         <input type="text" class="layui-input" id="reportTime" placeholder="             ~ " autocomplete="off">
                                     </div>
                                 </div>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <button class="layui-btn layui-btn-normal" id="searchBtn" lay-submit
                                                lay-filter="formDemo" data-type="reload" style="margin-left: 15px">查询
                                        </button>
                                        <button type="reset" class="layui-btn layui-btn-normal">重置</button>
                                        <button type="reset" id="downLod" class="layui-btn layui-btn-normal">导出报表</button>
                                 </div>
                                </div>
                             </div>
                         </form>
                        <div id="dataTable"></div>
                    </div>
                 </div>
            </div>
        </div>
    </div>
    <script src="${path }/common/js/jquery-1.10.2.min.js"></script>
    <script src="${path }/common/layui/layui.js"></script>
    <script src="${path }/common/js/common.js"></script>
    <script src="${path }/js/fire/damnification.js"></script>