<!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-expand.css" />
|
</head>
|
|
<body>
|
<!-- <h2>扩展设备-临时页面</h2>-->
|
|
<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="height: 53px;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;margin-top: 10px;">
|
<button class="layui-btn layui-btn-normal"
|
onclick="deviceUpdate(-1);">新增设备
|
</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="height: 670px">
|
<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 style="text-align: left;">设备名称1</td>-->
|
<!-- <td>1000</td>-->
|
<!-- <td style="text-align: left;">******</td>-->
|
<!-- <td>******</td>-->
|
<!-- <td>启用</td>-->
|
<!-- <td>COM2</td>-->
|
<!-- <td>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-normal" lay-event="edit">编辑-->
|
<!-- </button>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn status" lay-event="start">启用-->
|
<!-- </button>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-warm status action" lay-event="stop">停用-->
|
<!-- </button>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-danger" lay-event="detail">删除-->
|
<!-- </button>-->
|
<!-- </td>-->
|
<!-- </tr>-->
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div style="height: 15px;border-top: 1px solid #444d58;"></div>
|
</div><!--pdgxq-table end-->
|
</div>
|
</div><!--pdgxq-m1-left end-->
|
</div><!--pdgxq-m1 end-->
|
</div>
|
</div><!--jmkt-main end-->
|
</div> <!--i-container end-->
|
|
|
<!--弹出框-->
|
<div id="editDeviceDom" 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><span id="pop-name">属性</span></h3>
|
</div>
|
<i class="i-popclose layui-icon-close layui-icon layui-anim layui-anim-rotate" onclick="closepopBtn();"></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="请输入：1000~1999">
|
</div>
|
</div>
|
</div>
|
|
</div><!--pop-group end-->
|
|
<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-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="" class="layui-input" id="device-libname" name="libname" lay-filter="libname">
|
<option value="0" selected="true">请选择</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
|
</div><!--pop-group end-->
|
|
<div class="pop-group layui-clear" style="display: none;">
|
<div class="pop-item fl" style="display: none;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备类型</label>
|
<div class="layui-input-block">
|
<select lay-ignore="" class="layui-input layui-unselect" id="device-type" name="type">
|
<option value="0" selected="true">请选择</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
|
<div class="pop-item fr" style="display: none;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">协议中文名称</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-libnamezh" name="libnamezh" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
|
</div><!--pop-group end-->
|
|
<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">
|
<select lay-ignore="" class="layui-input layui-select" id="device-vld" name="vld">
|
<option value="0">启用</option>
|
<option value="1" selected="true">停用</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="" class="layui-input layui-select" id="device-port" name="port">
|
<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>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div><!--pop-group end-->
|
|
|
|
<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="closepopBtn();">关闭</button>
|
</div>
|
</form>
|
|
</div><!--popCon end-->
|
</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-expand.js"></script>
|
|
</body>
|
|
</html>
|
