ah_jjzhgd_webscreen/pages/alarmMge/alarmMge.html

102 lines
3.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
<link rel="stylesheet" href="../../css/coreTable.css"/>
<link rel="stylesheet" href="../../css/alarmMge/alarmMge.css">
<link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
<script src="../../js/publics/public.js" type="text/javascript"></script>
<script src="../../api/commonRequest.js" type="text/javascript"></script>
<script src="../../js/publics/aescbc.js"></script>
<title>告警管理</title>
</head>
<body>
<div class="layout main-box">
<div class="left-box">
<div class="layout select" >
<div style="width: 100%;height: 100%;" id="selection"></div>
</div>
</div>
<div class="right-box">
<div class="alarm">
<form class="layui-form " onsubmit="return false">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">建管单位:</label>
<div class="layui-input-inline">
<select lay-search id="build">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">工程名称:</label>
<div class="layui-input-inline">
<input type="text" id="proName" placeholder="请输入工程名称" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">班组长:</label>
<div class="layui-input-inline">
<input type="text" id="teamLeader" placeholder="请输入班组长" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<div class="layui-col-xs12">
<button class="layui-btn" onclick="getQueryList()">查询</button>
</div>
</div>
<div class="layui-inline">
<div class="layui-col-xs12">
<button class="layui-btn" id="layerBtn" onclick="handleAlarm()">告警处置</button>
</div>
</div>
</div>
</form>
<div class="right-down-right">
<table id="demo" lay-filter="test"></table>
</div>
</div>
</div>
</div>
<!-- 弹窗 -->
<div style="display: none" id="biaodan" class="alarmDialog">
<form class="layui-form" lay-filter="alarmForm" style="width: 100%;" onsubmit="return false;">
<div class="layui-form-item">
<label class="layui-form-label">告警内容:</label>
<div class="layui-input-block">
<input type="text" name="alarmContent" id="alarmContent" required lay-verify="required" lay-reqtext="请输入告警内容" placeholder="请输入告警内容" autocomplete="off" class="layui-input" maxlength="100">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否告警:</label>
<div class="layui-input-block">
<input type="radio" name="isAlarm" value="1" title="是" checked>
<input type="radio" name="isAlarm" value="2" title="否" >
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">备注:</label>
<div class="layui-input-block">
<textarea name="alarmMask" id="alarmMask" placeholder="请输入内容" class="layui-textarea" maxlength="100"></textarea>
</div>
</div>
<!-- <button style="display: none" id="submit" class="layui-btn" lay-submit lay-filter="submit">提交</button> -->
</form>
</div>
</body>
<script src="../../js/pages/alarmMge/alarmMge.js" type="text/javascript"></script>
</html>