<!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-body">
|
<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 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>温湿度1</td>-->
|
<!-- <td>111</td>-->
|
<!-- <td>机房1</td>-->
|
<!-- <td>万慧通温湿度</td>-->
|
<!-- <td>启用</td>-->
|
<!-- <td>COM1</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('1')">停用-->
|
<!-- </button>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-danger" onclick="del('1')">删除-->
|
<!-- </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-common.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_expand" lay-filter="device_expand">
|
<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="请输入：0~999">
|
</div>
|
</div>
|
</div>
|
<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-address" name="address" 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='level'>
|
<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-type" name="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">设备状态</label>
|
<div class="layui-input-block">
|
<select lay-ignore="" id="device-vld" class="layui-input" name='level'>
|
<option value="0">激活</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">
|
<select lay-ignore="" id="device-port" class="layui-input" name='level'>
|
<option value="1">COM1</option>
|
<option value="2">COM2</option>
|
<option value="3">COM3</option>
|
<option value="4">COM4</option>
|
<option value="5">COM5</option>
|
<option value="6">COM6</option>
|
<option value="7">COM7</option>
|
<option value="8">COM8</option>
|
<option value="9">COM9</option>
|
<option value="10">COM10</option>
|
<option value="11">COM11</option>
|
<option value="12">COM12</option>
|
<option value="13">COM13</option>
|
<option value="14">COM14</option>
|
<option value="15">COM15</option>
|
<option value="16">COM16</option>
|
</select>
|
</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">
|
<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">
|
<!-- <tr>-->
|
<!-- <td id='passcode-'>val-id</td>-->
|
<!-- <td id='name-'>val-name</td>-->
|
<!-- <td style="display: none;">-->
|
<!-- <select id='type-' class='f1'>-->
|
<!-- <option value='Int'>Int</option>-->
|
<!-- <option value='Float'>Float</option>-->
|
<!-- <option value='Byte'>Byte</option>-->
|
<!-- <option value='String'>String</option>-->
|
<!-- </select>-->
|
<!-- </td>-->
|
<!-- <td>-->
|
<!-- <select id='alarmFlag-' class='f1'>-->
|
<!-- <option value='0'>不检测</option>-->
|
<!-- <option value='1'>小于</option>-->
|
<!-- <option value='2'>等于</option>-->
|
<!-- <option value='3'>大于</option>-->
|
<!-- <option value='4'>不等于</option>-->
|
<!-- <option value='5'>范围内</option>-->
|
<!-- <option value='6'>范围外</option>-->
|
<!-- </select>-->
|
<!-- </td>-->
|
<!-- <td>-->
|
<!-- <input id='val1-' class='f1'>-->
|
<!-- </td>-->
|
<!-- <td>-->
|
<!-- <input id='val2-' class='f1'>-->
|
<!-- </td>-->
|
<!-- <td>-->
|
<!-- <select id='operation-' class='f1'>-->
|
<!-- <option value='0'>不运算</option>-->
|
<!-- <option value='1'>+</option>-->
|
<!-- <option value='2'>-</option>-->
|
<!-- <option value='3'>x</option>-->
|
<!-- <option value='4'>÷</option>-->
|
<!-- </select>-->
|
<!-- </td>-->
|
<!-- <td>-->
|
<!-- <input id='operValue-' class='f1'>-->
|
<!-- </td>-->
|
<!-- <td>-->
|
<!-- <select id='uploadFlag-' class='f1'>-->
|
<!-- <option value='0'>显示</option>-->
|
<!-- <option value='1'>不显示</option>-->
|
<!-- </select>-->
|
<!-- </td>-->
|
|
<!-- <td id='note-'>备注说明</td>-->
|
</tr>
|
</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>
|
