<!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-video.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 style="height: 670px">
|
<div class="table-thead">
|
<table class="layui-table pdgxq-table1" lay-skin="nob">
|
<colgroup>
|
<col width="10%">
|
<col width="8%">
|
<col width="8%">
|
<col width="10%">
|
<col width="10%">
|
<col width="8%">
|
<col width="10%">
|
<col width="8%">
|
<col>
|
</colgroup>
|
<thead>
|
<tr>
|
<th>设备名称</th>
|
<th>设备ID</th>
|
<th>内网IP</th>
|
<th>内网控制端口</th>
|
<th>内网WEB端口</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="10%">
|
<col width="8%">
|
<col width="8%">
|
<col width="10%">
|
<col width="10%">
|
<col width="8%">
|
<col width="10%">
|
<col width="8%">
|
<col>
|
</colgroup>
|
<tbody id="deviceList">
|
<!-- <tr>-->
|
<!-- <td>测试视频#1</td>-->
|
<!-- <td>1111</td>-->
|
<!-- <td>192.168.1.123</td>-->
|
<!-- <td>554</td>-->
|
<!-- <td>80</td>-->
|
<!-- <td>1</td>-->
|
<!-- <td>海康</td>-->
|
<!-- <td>启用</td>-->
|
<!-- <td>-->
|
<!-- <button style="height: 29px;line-height: 29px;"-->
|
<!-- class="layui-btn layui-btn-normal" onclick="">内网访问-->
|
<!-- </button>-->
|
<!-- </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-video.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-video" lay-filter="device-video">
|
<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="请输入：4000~4999">
|
</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-type0" class="layui-input" name='type0'>
|
<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="device-type" name="type" value="3004" 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">
|
<input type="text" id="device-brand" name="brand" 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">
|
<input type="text" id="device-username" name="username" 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-pwd" name="pwd" 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-ipIn" name="ipIn" 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">
|
<input type="text" id="device-portInC" name="portInC" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
|
<div class="pop-item fl">
|
<div class="layui-form-item">
|
<label class="layui-form-label">内网WEB端口</label>
|
<div class="layui-input-block">
|
<input type="text" id="device-portInV" name="portInV" 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-ipOut" name="ipOut" 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">
|
<input type="text" id="device-portOutC" name="portOutC" 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">
|
<input type="text" id="device-portOutV" name="portOutV" 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">
|
<input type="text" id="device-chanNum" name="chanNum" 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">
|
<input type="text" id="device-chanNumOut" name="chanNumOut" 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='vld'>
|
<option value="0">激活</option>
|
<option value="1">停用</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
|
|
|
<div class="pop-item " style="width: 100%;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备位置</label>
|
<div class="layui-input-block" style="width: 87.5%;">
|
<input type="text" id="device-address" name="address" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
|
|
<div class="pdgxq-H" style="margin-top: 50px;">
|
<h3>播放设置</h3>
|
</div>
|
<hr style="background-color: #776b6b;"/>
|
|
<div class="pop-item " style="width: 100%;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">RTSP流地址</label>
|
<div class="layui-input-block" style="width: 87.5%;">
|
<input type="text" id="device-mediaAddr" name="mediaAddr" class="layui-input pop-input"
|
placeholder="例如：rtsp://{username}:{pwd}@{ip}:{port}/cam/realmonitor?channel={chanNum}&subtype=0">
|
</div>
|
</div>
|
</div>
|
|
<div class="pop-item " style="width: 100%;display: none;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">手机直播地址</label>
|
<div class="layui-input-block" style="width: 87.5%;">
|
<input type="text" id="device-phoneUrl" name="phoneUrl" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
|
<div class="pop-item " style="width: 100%;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">Web直播地址</label>
|
<div class="layui-input-block" style="width: 87.5%;">
|
<input type="text" id="device-webUrl" name="webUrl" class="layui-input pop-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
|
</div><!--pop-group end-->
|
|
</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>
|
|
|
<!--弹出框-->
|
<div id="dialog-video-meida" 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-video-meida" lay-filter="device-video-meida">
|
|
|
<div class="pop-group layui-clear">
|
|
|
|
<div class="pop-item " style="width: 100%;">
|
<div class="layui-form-item">
|
|
|
<div class="layui-row">
|
<div class="layui-col-md9">
|
<div class="layui-inline">
|
<label class="layui-form-label">命令1：</label>
|
<div class="layui-input-block">
|
<input type="text" id="order1" name="order1" class="layui-input"
|
placeholder="请输入">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div class="layui-inline">
|
<div class="layui-input-block">
|
<button class="layui-btn layui-btn-normal"
|
onclick="javaScript:orderSend('order1'); return false;">选择
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
|
|
</div><!--pop-group end-->
|
|
</form>
|
</div><!--popCon end-->
|
</div>
|
</html>
|
