<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<title>智能机房管理平台-网络设备</title>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
<link rel="stylesheet" type="text/css" href="./plugins/layui/css/layui.css"/>
|
<link rel="stylesheet" type="text/css" href="css/page/device-common.css" />
|
|
</head>
|
|
<body>
|
<div class="i-container">
|
<div class="jmkt-main">
|
<div class="layui-fluid">
|
<div class="pdgxq-m1 layui-row layui-col-space20">
|
<div class="layui-col-lg5 layui-col-md5">
|
<div class="pdgxq-m1-left pdgxq-m1-box" style="padding: 5px 0 5px 0;">
|
<div style="margin: 0 20px;">
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<div class="layui-input-block btns" style="margin-left: 15px">
|
<button class="layui-btn layui-btn-normal"
|
onclick="add()">新增设备
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-lg7 layui-col-md7">
|
<div class="pdgxq-m1-right pdgxq-m1-box">
|
<div class="pdgxq-table jmkt-table-wrap">
|
<i class="i"></i>
|
<div class="pdgxq-table-box" style="">
|
<div class="table-thead">
|
<table class="layui-table pdgxq-table1" lay-skin="nob">
|
<colgroup>
|
<col width="15%">
|
<col width="15%">
|
<col width="15%">
|
<col width="15%">
|
<col width="15%">
|
<col>
|
</colgroup>
|
<thead>
|
<tr>
|
<th>设备名称</th>
|
<th>设备ID</th>
|
<th>设备地址</th>
|
<th>端口</th>
|
<th>设备状态</th>
|
<th>操作</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="table-tbody">
|
<table class="layui-table pdgxq-table1" lay-skin="nob">
|
<colgroup>
|
<col width="15%">
|
<col width="15%">
|
<col width="15%">
|
<col width="15%">
|
<col width="15%">
|
<col>
|
</colgroup>
|
<tbody id="deviceList">
|
<!-- <tr>-->
|
<!-- <td>道尔门禁</td>-->
|
<!-- <td>111</td>-->
|
<!-- <td>万慧通温湿度</td>-->
|
<!-- <td>192.168.1.123</td>-->
|
<!-- <td>启用</td>-->
|
<!-- <td>admin</td>-->
|
<!-- <td>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-normal" onclick="edit('1')">编辑-->
|
<!-- </button>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-warm" onclick="changeStatus('2')">停用-->
|
<!-- </button>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-danger" onclick="del('3')">删除-->
|
<!-- </button>-->
|
<!-- </td>-->
|
<!-- </tr>-->
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div style="height: 15px;border-top: 1px solid #444d58;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
<script src="./plugins/layui/layui.js"></script>
|
<script src="js/constant.js"></script>
|
<script src="js/page/device-net.js"></script>
|
</body>
|
|
<!--弹出框-->
|
<div id="dialog-device" class="pophide" style="width:100%; display: none;overflow: hidden;">
|
<div class="i-popBox-tit layui-clear bor-b-1">
|
<div class="pdgxq-H">
|
<h3><i></i>设备配置信息</h3>
|
</div>
|
<i class="i-popclose layui-icon-close layui-icon layui-anim layui-anim-rotate" onclick="closeBtn();"></i>
|
</div>
|
|
<div class="popCon">
|
<form class="layui-form" id="device-net" lay-filter="device-net">
|
<div class="pop-group layui-clear">
|
<div class="pop-item fl">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备名称</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-name" name="name" required lay-verify="required"
|
placeholder="请输入" autocomplete="off" class="layui-input pop-input">
|
</div>
|
</div>
|
</div>
|
|
<div class="pop-item fr">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备ID</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-id" name="id" class="layui-input pop-input"
|
placeholder="请输入：2000~2999">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fl" style="display: none;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备类型</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-type" name="device-type" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fl">
|
<div class="layui-form-item">
|
<label class="layui-form-label">IP</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-ip" name="ip" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fr">
|
<div class="layui-form-item">
|
<label class="layui-form-label">协议类型</label>
|
<div class="layui-input-block">
|
<select lay-ignore="" id="device-libname" class="layui-input" name='libname'>
|
<option value="">请选择</option>
|
<!-- <option value="1">测试</option>-->
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fr">
|
<div class="layui-form-item">
|
<label class="layui-form-label">端口号</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-port" name="port" class="layui-input" placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fl">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备状态</label>
|
<div class="layui-input-block">
|
<select lay-ignore="" id="device-vld" class="layui-input" name='vld'>
|
<option value="0">激活</option>
|
<option value="1">停用</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fl" style="display: none;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">自定义协议</label>
|
<div class="layui-input-block">
|
<input type="text" id="dev-libname" name="dev-libname" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fr" style="">
|
<div class="layui-form-item">
|
<label class="layui-form-label">任务编号</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-taskNo" name="taskNo" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fl" style="">
|
<div class="layui-form-item">
|
<label class="layui-form-label">用户名</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-userName" name="device-userName" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fr" style="">
|
<div class="layui-form-item">
|
<label class="layui-form-label">密码</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-passwd" name="passwd" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="pop-item fr">
|
<div class="layui-form-item">
|
<label class="layui-form-label">地址</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-address" name="address" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
|
</div><!--pop-group end-->
|
<div class="layui-col-lg7 layui-col-md7">
|
<div class="pdgxq-m1-right pdgxq-m1-box">
|
<div class="pdgxq-table jmkt-table-wrap">
|
<div class="scroll" style="height: 320px;">
|
<table class="layui-table pdgxq-table1" lay-skin="nob">
|
<colgroup>
|
<col width="8%">
|
<col width="10%">
|
<col width="10%">
|
<col width="10%">
|
<col width="10%">
|
<col width="10%">
|
<col width="10%">
|
<col width="8%">
|
<col width="10%">
|
<col>
|
</colgroup>
|
<thead>
|
<tr>
|
<th>通道号</th>
|
<th>通道名称</th>
|
<th style="display: none;">数据类型</th>
|
<th>报警条件</th>
|
<th>报警下限</th>
|
<th>报警上限</th>
|
<th>运算符</th>
|
<th>运算值</th>
|
<th>是否启用</th>
|
<th>说明</th>
|
</tr>
|
</thead>
|
<tbody id="table-passcode" class="ff">
|
|
</tbody>
|
</table>
|
</div>
|
<div style="height: 15px;border-top: 1px solid #444d58;"></div>
|
</div>
|
</div>
|
</div>
|
|
|
</form>
|
<div class="pop-btnbox">
|
<button type="button" id="add" class="layui-btn layui-btn-normal pop-btn"
|
onclick="save(this.id);">确定</button>
|
<button type="button" id="edit" class="layui-btn layui-btn-normal pop-btn"
|
onclick="save(this.id);" style="display: none;">确定</button>
|
<button type="button" class="layui-btn popClose-btn" onclick="closeBtn();">关闭</button>
|
</div>
|
</div><!--popCon end-->
|
</div>
|
</html>
|
