|
|
@@ -0,0 +1,108 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html lang="zh-CN">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
+ <title>智慧校园 - 设备监听管理</title>
|
|
|
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
|
+ <a class="navbar-brand" href="#">设备监听管理</a>
|
|
|
+
|
|
|
+ <div class="collapse navbar-collapse">
|
|
|
+ <ul class="navbar-nav mr-auto">
|
|
|
+ <li class="nav-item active">
|
|
|
+ <a class="nav-link" href="#">门禁设备</a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="/iccard">消费卡</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <button class="btn btn-outline-success" id="addBtn"
|
|
|
+ data-toggle="modal" data-target="#formModal">添加</button>
|
|
|
+ </div>
|
|
|
+</nav>
|
|
|
+<!-- Modal -->
|
|
|
+<div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="formModalTitle" aria-hidden="true">
|
|
|
+ <div class="modal-dialog modal-dialog-scrollable" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="formModalTitle">添加门禁设备</h5>
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
+ <span aria-hidden="true">×</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <form>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nameInput">名称</label>
|
|
|
+ <input type="text" class="form-control" id="nameInput" required
|
|
|
+ aria-describedby="nameHelp" placeholder="设备名称">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="ipInput">IP</label>
|
|
|
+ <input type="text" class="form-control" id="ipInput" required
|
|
|
+ aria-describedby="ipHelp" placeholder="ip地址,例如192.168.1.100">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="portInput">端口</label>
|
|
|
+ <input type="text" class="form-control" id="portInput" required
|
|
|
+ aria-describedby="portHelp" placeholder="tcp端口,例如37777">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="usernameInput">账号</label>
|
|
|
+ <input type="text" class="form-control" id="usernameInput" value="admin" required
|
|
|
+ aria-describedby="usernameHelp" placeholder="登录账号,例如admin">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="passwordInput">密码</label>
|
|
|
+ <input type="password" class="form-control" id="passwordInput" required
|
|
|
+ aria-describedby="passwordHelp" placeholder="登录密码">
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
|
|
+ <button type="button" class="btn btn-primary" id="saveBtn">保存</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<table class="table">
|
|
|
+ <thead class="thead-light">
|
|
|
+ <tr>
|
|
|
+ <th scope="col">#</th>
|
|
|
+ <th scope="col">名称</th>
|
|
|
+ <th scope="col">IP</th>
|
|
|
+ <th scope="col">端口</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="row">1</th>
|
|
|
+ <td>Mark</td>
|
|
|
+ <td>Otto</td>
|
|
|
+ <td>@mdo</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="row">2</th>
|
|
|
+ <td>Jacob</td>
|
|
|
+ <td>Thornton</td>
|
|
|
+ <td>@fat</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="row">3</th>
|
|
|
+ <td>Larry</td>
|
|
|
+ <td>the Bird</td>
|
|
|
+ <td>@twitter</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+</table>
|
|
|
+<script src="/js/jquery.min.js"></script>
|
|
|
+<script src="/js/bootstrap.min.js"></script>
|
|
|
+<script src="/js/index.js"></script>
|
|
|
+</body>
|