Newer
Older
alarm / WebRoot / content / alarm / hydrant.jsp
zhout on 2 Mar 2022 7 KB first commit
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="${ctx}/s/jquery-easyui-1.4.3/themes/bootstrap/easyui.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/s/jquery-easyui-1.4.3/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/s/jquery-easyui-1.3.2/themes/frm.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/css/form.css" />

    <script type="text/javascript" src="${ctx}/s/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${ctx}/s/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${ctx}/s/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${ctx}/s/layer/layer.min.js"></script>
</head>

<body>
<%@include file="/content/alarm/com_alarm.jsp"%>
<div id='Loading' style="position: absolute; z-index: 1000; top: 0px; left: 0px;
         width: 100%; height: 100%; background: #ffffff; text-align: center;">
</div>
<div id="tab" class="easyui-tabs" style="height: 100%" fit="true">
    <div title="报警管理" style="padding:3px;height: 100%">
        <table id="dg_alarm" toolbar="#tb_alarm" data-options="
                    fit: true,
                    pagePosition: 'bottom',
                    pagination: true,
                    rownumbers: true,
                    singleSelect: true,
                    fitColumns:true,
                    pageList: [5, 10, 20, 30, 40, 50],
                    pageSize: 5">
            <thead>
            <tr>
                <th data-options="field:'devCode',width:100,align:'center'">设备编号</th>
                <th data-options="field:'devTypeName',width:100,align:'center'">设备类型</th>
                <th data-options="field:'pos',width:120,align:'center'">安装位置</th>
                <th data-options="field:'alarmTime',width:100,align:'center'">报警时间</th>
                <th data-options="field:'message',width:100,align:'center'">报警消息</th>
                <%--<th data-options="field:'messageStatus',width:60,align:'center'">处理状态</th>--%>
                <%--<th data-options="field:'confirm',width:80,align: 'center',--%>
                        <%--formatter: function (value, row, index) {--%>
                            <%--return comAlarm.setConfirmBtn(value, row, index);--%>
                        <%--}">确认</th>--%>
                <%--<th data-options="field:'cancel',width:80,align: 'center',--%>
                        <%--formatter: function (value, row, index) {--%>
                            <%--return comAlarm.setCancelBtn(value, row, index);--%>
                        <%--}">作废</th>--%>
            </tr>
            </thead>
        </table>

        <div id="tb_alarm" style="height:auto">
            <form id="fm_alarm" style="margin: 0px" METHOD="GET">
                <tr>
                    <td>设备类型:</td>
                    <td>
                        <select id="devType_alarm" name="deviceType" editable="false"
                                class="easyui-combobox" disabled>
                            <option value="消防栓防盗水监测仪">消防栓防盗水监测仪</option>
                        </select>
                    </td>
                    <td>设备编号:</td>
                    <td><input id="devCode_alarm" class="easyui-textbox"></td>
                    <%--<td>处理状态:</td>--%>
                    <%--<td>--%>
                        <%--<input id="state_alarm" name="deviceType" editable="false"--%>
                               <%--class="easyui-combobox"/>--%>
                    <%--</td>--%>
                    <td>开始日期:</td>
                    <td><input type="text" id="dateStart_alarm" class="easyui-datebox"/></td>

                    <td>结束日期:</td>
                    <td><input type="text" id="dateEnd_alarm" class="easyui-datebox"/></td>

                    <td><a href="#" class="easyui-linkbutton" iconCls="icon-search" id="queryBtn_alarm">查询</a></td>

                </tr>
            </form>
        </div>
    </div>

    <div title="设备列表">
        <table id="dg_dev" toolbar="#tb_dev" data-options="
                    fit: true,
                    pagePosition: 'bottom',
                    pagination: true,
                    rownumbers: true,
                    singleSelect: true,
                    fitColumns:true,
                    pageList: [5, 10, 20, 30, 40, 50],
                    pageSize: 5">
            <thead>
            <tr>
                <th data-options="field:'id',width:70,hidden: true">ID</th>
                <th data-options="field:'devCode',width:100,align:'center'">设备编号</th>
                <th data-options="field:'devTypeName',width:120,align:'center'">设备类型</th>
                <th data-options="field:'pos',width:80,align:'center'">安装位置</th>
                <%--<th data-options="field:'hydrantStatus',width:70,align:'center'">消防栓状态</th>--%>
                <th data-options="field:'devStatus',width:70,align:'center'">设备状态</th>
                <th data-options="field:'concentrator',align:'center'" width="100">关联集中器编号</th>
            </tr>
            </thead>
        </table>
        <div id="tb_dev" style="height:auto">
            <form id="fm_dev" style="margin: 0px;" METHOD="GET">
                <table>
                    <tr>
                        <td>设备编号:</td>
                        <td>
                            <input id="devCode_dev" class="easyui-textbox"/></td>
                        <td>
                            <a class="easyui-linkbutton" iconCls="icon-search" id="queryBtn_dev">查询</a>
                            <a href="#" class="easyui-linkbutton" id="getStatus_btn" iconCls="icon-search" >信息获取</a>
                            <a href="#" class="easyui-linkbutton" id="clear_alarm_btn" iconCls="icon-remove" >消除设备异常</a>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>
<input type="hidden" id="ctx" value="${ctx}">
<input type="hidden" id="rsUrl" value="${rsURL}"/>
</body>
</html>
<script type="text/javascript" src="${ctx}/s/alarm/com_ajax.js"></script>
<script type="text/javascript" src="${ctx}/s/alarm/hydrant.js"></script>
<script type="text/javascript" src="${ctx}/s/alarm/com_alarm.js"></script>
<script>
    function closes() {
        $("#Loading").fadeOut("normal", function () {
            $(this).remove();
        });
    }
    jQuery(document).ready(function(){
        comAjax.init();
        hydrant.init();
    });
    document.onreadystatechange = function () { // 当页面加载状态改变的时候执行这个方法
        if (document.readyState == "complete") { // 当页面加载完成之后执行
            closes();
            parent.IndexJS.expendSouthPanel(250);//
        }
    }
</script>