sooka_maintenance
/
forestry_jian


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759
							<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="Expires" content="0" />
	<link th:href="@{/v/camera/css/jquery-ui.css}" rel="stylesheet">

    <script>
        document.write("<link type='text/css' th:href='@{/v/canera/css/demo.css}' rel='stylesheet' />");
    </script>
</head>
	<script th:src="@{/v/camera/lib/jquery.js}"></script>
	<script th:src="@{/v/camera/lib/jquery-ui.js}"></script>
	<script th:src="@{/v/camera/lib/json2.js}"></script>
<body>
<div class="left">
    <div id="divPlugin" class="plugin">
	</div>
	<!--
    <fieldset class="login">
        <legend>开启注册监听</legend>
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt">服务器IP</td>
                <td><input id="serverip" type="text" class="txt" value="10.33.12.59" /></td>
                <td class="tt">端口</td>
                <td><input id="serverport" type="text" class="txt" value="9500" /></td>
            </tr>
            <tr>
                <td colspan="4">
                    <input type="button" value="开启注册监听" onclick="startRegisterListen()" />
                </td>
            </tr>
        </table>
    </fieldset>
	<-->


    <script>
        var device_ip ;
        var device_port;
        var device_username;
        var device_password;
        var device_protocol = 0;
        var rtspPort;
        var protocol;
        var iDeviceID ;

        function GetRequest() {
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
                }
            }
            console.log("request:",theRequest)
            device_ip = theRequest.hik_ip;
            device_port = theRequest.hik_deviceport;
            device_username = theRequest.hik_username;
            device_password = theRequest.hik_password;
            iDeviceID = theRequest.hik_cameraid;
            //device_port = theRequest.hik_deviceport
            return theRequest;
        }
        $(document).ready(GetRequest);
    </script>


    <fieldset class="login">
        <legend>登录</legend>
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt">IP地址</td>
                <td><input id="loginip" type="text" class="txt" value="172.31.17.131" /></td>
                <td class="tt">端口号</td>
                <td><input id="port" type="text" class="txt" value="80" /></td>
            </tr>
			<tr>
                <td class="tt">协议类型</td>
                <td colspan="2">
                    <select id="protocolType" class="sel" onchange="changeProtocol(this.value);">
                        <option value="0">TCP</option>
						<option value="2">SERVER_CONN</option>
                        <option value="4">UDP</option>
						<option value="3">组播</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="tt">用户名</td>
                <td><input id="username" type="text" class="txt" value="admin" /></td>
                <td class="tt">密码</td>
                <td><input id="password" type="password" class="txt" value="admin123" /></td>
            </tr>
            <tr>
                <td class="tt">RTSP端口</td>
                <td colspan="2"><input id="rtspport" type="text" class="txt" value="80" />（可选参数）</td>
				<td colspan="4">
                    <input type="button" class="btn" value="登录" onclick="clickLogin();" />
                    <input type="button" class="btn" value="退出" onclick="clickLogout();" />
                </td>
            </tr>
		    <tr>
                <td class="tt">已登录设备</td>
                <td>
                    <select id="ips" class="sel" onchange="switchDeviceInfo(this.value);"></select>
                </td>
                <td class="tt">通道列表</td>
                <td>
                    <select id="channels" class="sel"></select>
                </td>
            </tr>
            <tr>
				<td class="tt">窗口分割数</td>
                <td colspan="2">
                    <select id="wndNum" class="sel2" onchange="changeWndNum(this.value);">
                        <option value="1">1x1</option>
                        <option value="2" selected>2x2</option>
                        <option value="3">3x3</option>
                        <option value="4">4x4</option>
						<option value="5">5x5</option>
						<option value="6">6x6</option>
                    </select>
                </td>
				<td colspan="4">
                     <input type="button" class="btn" value="全屏" onclick="clickFullScreen();" />
                </td>
            </tr>
            <tr>
				<td class="tt">窗口分割自定义</td>
                <td colspan="2">
                    <select id="wndRow" class="sel2" onchange="changeWndRow(this.value);">
                        <option value="1">1</option>
                        <option value="2" selected>2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
                    </select>
                </td>
                <td colspan="2">
                    <select id="wndCol" class="sel2" onchange="changeWndCol(this.value);">
                        <option value="1">1</option>
                        <option value="2" selected>2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
                    </select>
                </td>
            </tr>
        </table>
    </fieldset>
    <fieldset class="localconfig">
        <legend>本地配置</legend>
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt">播放性能</td>
                <td>
                    <select id="netsPreach" name="netsPreach" class="sel">
                        <option value="0">最短延时</option>
                        <option value="1">实时性好</option>
                        <option value="2">均衡</option>
                        <option value="3">流畅性好</option>
                    </select>
                </td>
                <td class="tt">图像尺寸</td>
                <td>
                    <select id="wndSize" name="wndSize" class="sel">
                        <option value="0">充满</option>
                        <option value="1">4:3</option>
                        <option value="2">16:9</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="tt">规则信息</td>
                <td>
                    <select id="rulesInfo" name="rulesInfo" class="sel">
                        <option value="1">启用</option>
                        <option value="0">禁用</option>
                    </select>
                </td>
                <td class="tt">抓图文件格式</td>
                <td>
                    <select id="captureFileFormat" name="captureFileFormat" class="sel">
                        <option value="0">BMP</option>
                        <option value="1">JEPG</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="tt">录像文件保存路径</td>
                <td colspan="3"><input id="LiveRecord" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('LiveRecord');" /></td>
            </tr>
            <tr>
                <td class="tt">回放下载保存路径</td>
                <td colspan="3"><input id="Download" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('Download');" /></td>
            </tr>
            <tr>
                <td class="tt">预览抓图保存路径</td>
                <td colspan="3"><input id="LiveSnapshot" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('LiveSnapshot');" /></td>
            </tr>
            <tr>
                <td class="tt">回放抓图保存路径</td>
                <td colspan="3"><input id="PlaybackPicPath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('PlaybackPicPath');" /></td>
            </tr>
            <tr>
                <td class="tt">回放剪辑保存路径</td>
                <td colspan="3"><input id="PlaybackFilePath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('playbackFilePath');" /></td>
            </tr>
        </table>
    </fieldset>
    <fieldset class="operate">
        <legend>操作信息</legend>
        <div id="opinfo" class="opinfo"></div>
    </fieldset>
</div>
<div class="left">
    <fieldset class="preview">
        <legend>预览</legend>
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt" colspan="1">码流类型</td>
                <td colspan="1">
                    <select id="streamtype" class="sel2" onchange="changeStreamType(this.value);">
                        <option value="1">主码流</option>
                        <option value="2">子码流</option>
                    </select>
                </td>
				<td>
				</td>
            </tr>
			<tr>
				<td class="tt" colspan="1">播放窗口选择</td>
				<td colspan="1">
					<select id="winMode" class="sel2" onchange="changeWinMode(this.value);">
						<option value="0">选中窗口</option>
						<option value="1">指定窗口</option>
					</select>
				</td>
				<td>
					<select id="winIndex" class="sel2" onchange="changeWndIndex(this.value);">
                    </select>
				</td>
				</tr>
			<tr>
				<td>
					<input type="button" class="btn" value="开始预览" onclick="clickStartRealPlay();" />
				</td>
				<td>
					<input type="button" class="btn" value="停止预览" onclick="clickStopRealPlay();" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="button" class="btn" value="播放所有" onclick="clickStartAllRealPlay();" />
				</td>
				<td>
					<input type="button" class="btn" value="关闭所有" onclick="clickStopAllRealPlay();" />
				</td>
			</tr>
            <tr>
                <td>
                    <input type="button" class="btn" value="开始对讲" onclick="clickStartVoiceTalk();" />
				</td>
				 <td>
                    <input type="button" class="btn" value="停止对讲" onclick="clickStopVoiceTalk();" />
                </td>
				<td>
				</td>
            </tr>
		    <tr>
                <td>
                    <input type="button" class="btn" value="开启智能" onclick="enableIVS();" />
				</td>
				 <td>
                    <input type="button" class="btn" value="停止智能" onclick="disableIVS();" />
                </td>
				<td>
				</td>
            </tr>
        </table>
    </fieldset>
    <fieldset class="preview">
        <legend>音视频操作</legend>
		<div id="tabs_control">
		<ul>
		<li><a href="#tabs-1">本地操作</a></li>
		<li><a href="#tabs-2">聚集控制</a></li>
		</ul>
		<div id="tabs-1">
		<table cellpadding="0" cellspacing="3" border="0">
            <tr>
				<td class="tt">
                    <input type="button" class="btn" value="打开声音" onclick="clickOpenSound();" />
                </td>
                <td >
					<input type="button" class="btn" value="关闭声音" onclick="clickCloseSound();" />
				</td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" class="btn" value="抓图" onclick="clickCapturePic();" />
				</td>
			 </tr>
			<tr>
			<td>
                    <select id="recordFormat" class="sel">
                        <option value="0" selected>dav</option>
                        <option value="1">avi</option>
                        <option value="3">mp4</option>
                    </select>
                </td>
				<td>
                    <input type="button" class="btn" value="开始录像" onclick="clickStartRecord();" />
				</td>
				<td>
                    <input type="button" class="btn" value="停止录像" onclick="clickStopRecord();" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" class="btn2" value="启用电子放大" onclick="clickEnableEZoom();" />
				</td>
				<td>
                    <input type="button" class="btn2" value="禁用电子放大" onclick="clickDisableEZoom();" />
                </td>
				<td>
				</td>
            </tr>
		</table>
		</div>
		<div id="tabs-2">
		<table cellpadding="0" cellspacing="3" border="0">
            <tr>
				<td class="tt">
                    <input type="button" class="btn" value="区域聚集" onclick="clickFocusRegion();" />
                </td>
                <td >
				</td>
                <td>
                </td>
            </tr>
		</table>
		</div>
	</fieldset>
    <fieldset class="playback">
	<legend>回放</legend>
	<div id="tabs_playback">
	<ul>
		<li><a href="#tabs-1">按文件播放</a></li>
		<!--
		<li><a href="#tabs-2">按时间播放</a></li>
		<-->
	</ul>
	<div id="tabs-1">
      <table width="100%" cellpadding="0" cellspacing="3" border="0">
		<tr>
                <td class="tt"><input type="button" class="btn2" value="查询录像状态" onclick="clickSearchRecordStatus();" /></td>
				<td>
					<!--年份信息-->
					<select id="recordStatus_year" class="sel">
						<option value="2018">2018</option>
						<option value="2019">2019</option>
						<option value="2019" selected>2020</option>
					</select>
					<!--月份信息-->
					<select id="recordStatus_month" class="sel">
					</select>
				</td>
            </tr>
		<tr>
			<td class="tt">录像状态</td>
			<td>
                  <select id="record_Status" class="sel">
                  </select>
            </td>
		</tr>
            <tr>
                <td class="tt">码流类型</td>
                <td>
                    <select id="record_streamtype" class="sel">
						<option value="0">所有码流</option>
                        <option value="1">主码流</option>
                        <option value="2">子码流</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="tt">开始时间</td>
                <td>
                    <input id="starttime" type="text" class="txt" value="2020-09-04 00:00:00" />（时间格式：2013-11-11 12:34:56）
                </td>
            </tr>
            <tr>
                <td class="tt">结束时间</td>
                <td>
                    <input id="endtime" type="text" class="txt" value="2020-09-04 23:59:59" />
                </td>
            </tr>
			<tr>
				<td colspan="2">
					查询：<input type="button" class="btn2" value="开始搜索" onclick="clickStartRecordSearch();" />
					查询句柄:<input id="recordQueyrHandle" type="text" class="txt" value="0" />
					<input type="button" class="btn2" value="继续搜索" onclick="clickNextRecordSearch();" />
				</td>
			</tr>
            <tr>
                <td colspan="2">
                        <!--录像信息-->
						录像信息：
						<select id="recordInfor">
						</select>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" class="btn2" value="开始回放" onclick="clickStartPlayback();" />
                    <input type="button" class="btn2" value="停止回放" onclick="clickStopPlayback();" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" class="btn" value="暂停" onclick="clickPause();" />
                    <input type="button" class="btn" value="恢复" onclick="clickResume();" />
					<input type="button" class="btn" value="单帧" onclick="clickPlayOneFrame()" />
                    <input type="button" class="btn" value="慢放" onclick="clickPlaySlow();" />
                    <input type="button" class="btn" value="快放" onclick="clickPlayFast();" />
                </td>
            </tr>
		</table>
	</div>
	<div id="tabs-2">
	</div>
	</div>
    </fieldset>
  <fieldset class="ptz">
	<legend>云台</legend>
	<div id="tabs_ptz">
	<ul>
		<li><a href="#tabs-1">云台控制</a></li>
		<li><a href="#tabs-2">预置点</a></li>
		<li><a href="#tabs-3">巡航路线</a></li>
		<li><a href="#tabs-4">巡航预置点</a></li>
		<li><a href="#tabs-5">线扫</a></li>
		<li><a href="#tabs-6">巡迹</a></li>
	</ul>
	<div id="tabs-1">
	    <table cellpadding="0" cellspacing="3" border="0" class="left">
            <tr>
                <td>
                    <input type="button" class="btn" value="左上" onmousedown="mouseUPLeftPTZControl(true);" onmouseup="mouseUPLeftPTZControl(false);" />
                    <input type="button" class="btn" value="上" onmousedown="mouseUpPTZControl(true);" onmouseup="mouseUpPTZControl(false);" />
                    <input type="button" class="btn" value="右上" onmousedown="mouseUPRightPTZControl(true);" onmouseup="mouseUPRightPTZControl(false);" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" class="btn" value="左" onmousedown="mouseLefPTZControl(true);" onmouseup="mouseLefPTZControl(false);" />
                    <input type="button" class="btn" id="openPtzLocate" value="开启" onclick="openPtzLocate();" />
					<input type="button" class="btn" id="closePtzLocate" value="关闭" onclick="closePtzLocate();" />
                    <input type="button" class="btn" value="右" onmousedown="mouseRightPTZControl(true);" onmouseup="mouseRightPTZControl(false);" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" class="btn" value="左下" onmousedown="mouseDownLeftPTZControl(true);" onmouseup="mouseDownLeftPTZControl(false);" />
                    <input type="button" class="btn" value="下" onmousedown="mouseDownPTZControl(true);" onmouseup="mouseDownPTZControl(false);" />
                    <input type="button" class="btn" value="右下" onmousedown="mouseDownRightPTZControl(true);" onmouseup="mouseDownRightPTZControl(false);" />
                </td>
            </tr>
        </table>
        <table cellpadding="0" cellspacing="3" border="0" class="left">
            <tr>
                <td class="tt">云台速度</td>
                <td>
                    <select id="ptzspeed" class="sel">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4" selected>4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
						<option value="8">8</option>
                    </select>
                </td>
            </tr>
        </table>
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt"><input type="button" class="btn2" value="变倍+" onmousedown="PTZZoomIn(true)" onmouseup="PTZZoomIn(false)"></td>
                <td><input type="button" class="btn2" value="变倍-" onmousedown="PTZZoomout(true)" onmouseup="PTZZoomout(false)"></td>
            </tr>
            <tr>
                <td class="tt"><input type="button" class="btn2" value="变焦+" onmousedown="PTZFocusIn(true)" onmouseup="PTZFocusIn(false)"></td>
                <td><input type="button" class="btn2" value="变焦-" onmousedown="PTZFoucusOut(true)" onmouseup="PTZFoucusOut(false)"></td>
            </tr>
            <tr>
                <td class="tt"><input type="button" class="btn2" value="光圈+" onmousedown="PTZIrisIn(true)" onmouseup="PTZIrisIn(false)"></td>
                <td><input type="button" class="btn2" value="光圈-" onmousedown="PTZIrisOut(true)" onmouseup="PTZIrisOut(false)"></td>
            </tr>
        </table>
	</div>
	<div id="tabs-2">
        <table cellpadding="0" cellspacing="3" border="0" class="left">
            <tr>
                <td class="tt">预置点列表</td>
                <td>
                    <select id="presetList" class="sel">
                    </select>
                </td>
            </tr>
        </table>
        <table cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt"><input type="button" class="btn2" value="获取" onmousedown="GetPresets()"></td>
                <td><input type="button" class="btn2" value="定位到" onmousedown="GotoPreset()"></td>
            </tr>
            <tr>
                <td class="tt"><input type="button" class="btn2" value="增加" onmousedown="SetPreset()"></td>
                <td><input type="button" class="btn2" value="删除" onmousedown="RemovePreset()"></td>
            </tr>
        </table>
	</div>
	<div id="tabs-3">
		<table cellpadding="0" cellspacing="3" border="0" >
            <tr>
                <td class="tt">巡航组</td>
                <td>
                    <select id="tourIndex" class="sel">
                        <option value="1" selected>1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
						<option value="8">8</option>
                    </select>
                </td>
				<td class="tt">1~8</td>
                <td class="tt">
					<input type="button" class="btn2" value="开始" onmousedown="clickstartTour()"></td>
					<td><input type="button" class="btn2" value="停止" onmousedown="clickstopTour()">
				</td>
            </tr>
        </table>
	</div>
	<div id="tabs-4">
	</div>
	<div id="tabs-5">
	</div>
	<div id="tabs-6">
	</div>
	</div>
    </fieldset>
	<!--
    <fieldset class="playback">
        <legend>回放</legend>
        <table width="100%" cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt">码流类型</td>
                <td>
                    <select id="record_streamtype" class="sel">
                        <option value="1">主码流</option>
                        <option value="2">子码流</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="tt">开始时间</td>
                <td>
                    <input id="starttime" type="text" class="txt" value="2013-12-10 00:00:00" />（时间格式：2013-11-11 12:34:56）
                </td>
            </tr>
            <tr>
                <td class="tt">结束时间</td>
                <td>
                    <input id="endtime" type="text" class="txt" value="2013-12-11 23:59:59" />
                    <input type="button" class="btn" value="搜索" onclick="clickRecordSearch(0);" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="searchdiv" class="searchdiv">
                        <table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" class="btn2" value="开始回放" onclick="clickStartPlayback();" />
                    <input type="button" class="btn2" value="停止回放" onclick="clickStopPlayback();" />
                    <input type="button" class="btn" value="倒放" onclick="clickReversePlayback();" />
                    <input type="button" class="btn" value="单帧" onclick="clickFrame();" />
                    <input id="transstream" type="checkbox" class="vtop" />&nbsp;启用转码码流
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" class="btn" value="暂停" onclick="clickPause();" />
                    <input type="button" class="btn" value="恢复" onclick="clickResume();" />
                    <input type="button" class="btn" value="慢放" onclick="clickPlaySlow();" />
                    <input type="button" class="btn" value="快放" onclick="clickPlayFast();" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" class="btn" value="抓图" onclick="clickCapturePic();" />
                    <input type="button" class="btn2" value="开始剪辑" onclick="clickStartRecord('playback');" />
                    <input type="button" class="btn2" value="停止剪辑" onclick="clickStopRecord('playback');" />
                    <input type="button" class="btn2" value="OSD时间" onclick="clickGetOSDTime();" />&nbsp;<input id="osdtime" type="text" class="txt" readonly />
                </td>
            </tr>
        </table>
    </fieldset>
	<-->
    <fieldset class="playback">
        <legend>人数统计</legend>
		  <table width="100%" cellpadding="0" cellspacing="3" border="0">
            <tr>
                <td class="tt">规则</td>
                <td>
                    <select id="humanFlowRule" class="sel">
                        <option value="0">区域内人数统计</option>
                        <option value="1">人数统计</option>
                    </select>
                </td>
            </tr>
			<tr>
                <td class="tt">跨度</td>
                <td>
                    <select id="humanFlowGranularity" class="sel">
                        <option value="0">日</option>
						<option value="1">月</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="tt">开始时间</td>
                <td>
                    <input id="humanFlowStarttime" type="text" class="txt" value="2020-09-04 00:00:00" />（时间格式：2013-11-11 12:34:56）
                </td>
            </tr>
            <tr>
                <td class="tt">结束时间</td>
                <td>
                    <input id="humanFlowEndtime" type="text" class="txt" value="2020-09-04 23:59:59" />
                </td>
            </tr>
			 <tr>
                <td class="tt">滞留时间</td>
                <td>
				 <select id="humanFlowMinStayTime" class="sel">
                        <option value="5">5秒</option>
                        <option value="30">30秒</option>
						<option value="60">60秒</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" class="btn2" value="开启查询" onclick="clickStartTrafficDataQuery();" />
					查询句柄:<input id="humanFlowQueryHandle" type="text" class="txt" value="0" />
                </td>
            </tr>
			 <tr>
                <td>
                    <input type="button" class="btn3" value="获得信息总数" onclick="clickGetTrafficDataTotalCount();" />
                </td>
				<td>
                    信息条数<input id="humanFlowInfoCount" type="text" class="txt" value="0" />
                </td>
            </tr>
			<tr>
				<td>
					<input type="button" class="btn3" value="获得查询信息" onclick="clickQueryTrafficData();" />
				</td>
			</tr>
			<tr>
                <td colspan="2">
                    <input type="button" class="btn3" value="停止查询" onclick="clickStopTrafficDataQuery();" />
                </td>
            </tr>
        </table>
	</fieldset>
    <fieldset class="operate">
        <legend>订阅事件</legend>
			<table>
				<tr>
					<td><input id="subscribeEventName" type="text" class="txt" value="CitizenPictureCompare" /></td>
					<td>
						<input type="button" class="btn3" value="订阅" onclick="clickSubScribeEvent();" />
					</td>
					<td>
						<input type="button" class="btn3" value="取消订阅" onclick="clickUnSubScribeEvent();" />
					</td>
				</tr>
				<tr>
					<td style="width:100%"><div id="eventMessage" class="opinfo"></div></td>
				</tr>
			</table>
	</fieldset>
	<fieldset class="Thermal">
        <legend>热成像</legend>
			<table cellpadding="0" cellspacing="3" border="0">
				<tr>
					<td class="tt">点测温</td>
					<td class="tt">
						<input type="button" class="btn2" value="开启" onmousedown="clickenableCheck(true)"></td>
					<td><input type="button" class="btn2" value="关闭" onmousedown="clickenableCheck(false)"></td>
					 <td class="tt">温度</td>
                <td colspan="3"><input id="Temper" type="text" class="txt" value=""/></td>
				</tr>
			</table>
	</fieldset>
	<fieldset class="downloadLink">
        <legend>weci下载</legend>
			<table cellpadding="0" cellspacing="3" border="0">
				<tr>
					<td class="tt">
						<input id="linkUrl" type="text" class="txt" />（weciURL）
					</td>
					<td class="tt">
						<input id="fileName" type="text" class="txt" value="E:\\11.zip"/>（存储路径）
					</td>
					<td>
						<select id="downloadID" class="sel">
						</select>
					</td>
					<td>
						<input type="button" class="btn2" value="下载" onmousedown="downloadLink()">
					</td>
					<td>
						<input type="button" class="btn2" value="停止下载" onmousedown="stopdownloadLink()">
					</td>
				</tr>
			</table>
	</fieldset>
</div>
<script th:src="@{/v/camera/module/foundation.js}"></script>
<script th:src="@{/v/camera/module/WebVideoCtrl.js}"></script>
<script th:src="@{/v/camera/module/modifyUI.js}"></script>
<script th:src="@{/v/camera/module/demo.js}"></script>
</body>
</html>