<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		<%@include file="../../../../../../frame/assets/header-all.jsp"%>
		<link rel="stylesheet" type="text/css" href="../../../../resource/css/map.frame.css">
		<link rel="stylesheet" type="text/css" href="../../../../../../frame/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../../frame/bootstrap/css/laydate.css" />
		<link rel="stylesheet" type="text/css" href="../css/maptab.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../../frame/bootstrap/jQueryPage/page.css"/>
		<script src="../../../../../../frame/bootstrap/js/jquery.min.js" type="text/javascript" ></script>
		<script src="../../../../resource/js/idangerous.swiper.min.js" type="text/javascript"></script>
		<script src="../../../../../../frame/bootstrap/js/bootstrap.min.js" type="text/javascript" ></script>
		<script src="../../../../../../frame/bootstrap/jQueryPage/page.js" type="text/javascript"></script>
		<script src="../../../../../../frame/bootstrap/js/laydate.js" type="text/javascript" ></script>
		<script src="../js/doT.min.js" type="text/javascript" ></script>
		<script src="../js/maptab.js" type="text/javascript"></script>
		<script src="../js/jklk-tab-frame.js" type="text/javascript"></script>
		<script type="text/javascript">
			function changeColor(name,r,g,b){
				parent.MapUtil.getGraphicByName(name,{r:r,g:g,b:b});
			}
		</script>
		

	</head>
	<style>
		#tab-list .tab-right input.tab-up,
		#tab-list .tab-right input.tab-look {
			width: 40px;
			background-color: #67c23a;
			color: #fff;
			font-size: 12px;
			padding: 2px 6px;
			border-radius: 0;
			vertical-align: top;
			margin-left: -3px;
			margin-right: -3px;
			outline: none;
		}
		#timeTab>li.active {
			background-color: #67c23a;
			border-color: #67c23a;
			color: white
		}
		#ulState>li.active {
			background-color: #68C13A;
			color: white
		}
	</style>
	<body onselectstart="return false">
		<body class="easyui-layout">
			<body class="easyui-layout" onselectstart="return false">
				<div data-options="region:'north'" id='north' style="height: 78px;border: none">
					<div class="tb-top">
						<ul id="timeTab">
							<li class="active" data-c="1">今天</li>
							<li data-c="2">最近一周</li>
							<li data-c="3">最近一月</li>
							<li data-c="4">其他时段</li>
									<li data-c="5" onclick="changeColor('区域2',255,0,0)">红色</li>
							<li data-c="6"  onclick="changeColor('oo',0,255,0)">绿色</li>
						</ul>
						<div id="timeDiv" style="margin-bottom: 9px;display:none;">
							<input type="text" class="demo-input" placeholder="请选择开始日期" id="startTime">
							<input type="text" class="demo-input" placeholder="请选择结束日期" id="endTime">
						</div>
						<div>
							<ul id="ulState" style="display: inline;">
								<li class="active" data-c="199">全部</li>
								<li data-c="0">未处理
									<div class="circle-texts" style="display: none;"><span>99</span></div>
								</li>
								<li data-c="2">处理中
									<div class="circle-texts" style="display: none;"><span>99</span></div>
								</li>
								<li data-c="1">已处理</li>
							</ul>
							<div style="display: inline-block;">
								<input type="text " name=" " id="tab-search" value="" placeholder="相机名称搜索" />
								<input type="button " class="btn " id="tab-btn-search" value="搜索" />
							</div>
						</div>
						<div class="tab-bottom">
							<ul id="tab-list">
							</ul>
							<div class="clearfix">
							    <ul class="page pull-right" maxshowpageitem="5" pagelistcount="6" id="page"></ul>
						   </div>
						</div>
					</div>
			</body>
		</body>
		<script id="pttab" type="text/template ">
			{{~ it:value:index}}
			{{if(it.length){}}
			<li>
				<div class="tab-left "><img src="{{=value.eventurl}}" onload="showTarget(this)" data-val='{{=value.str}}'/></div>
				<div class="tab-right">
					<ul class="btm-ul1 ">
						<li><span id="videohref" title-val='{{=value.deviceid}}'>{{=value.tdmc}}</span></li>
						<li>{{=value.name==undefined?'':value.name}}</li>
						{{? value.accidentname == "未处理"}}
						<li style="color:red"><span id="videohref" title-val='{{=value.deviceid}}'>{{=value.accidentname}}</span></li>
						{{?? value.accidentName == "已处理"}}
						<li style="color:green"><span id="videohref" title-val='{{=value.deviceid}}'>{{=value.accidentname}}</span></li>
						{{?? value.accidentName == "已忽略"}}
						<li style="color:green"><span id="videohref" title-val='{{=value.deviceid}}'>{{=value.accidentname}}</span></li>
						{{?? value.accidentName == "处理中"}}
						<li style="color:orange"><span id="videohref" title-val='{{=value.deviceid}}'>{{=value.accidentname}}</span></li>
						{{?}}
					</ul>
					<ul class="btm-ul2 ">
						<li>{{=value.eventname}}</li>
						<li>{{=value.occurtime}}</li>
					</ul>
					<ul class="btm-ul3 ">
						<li>{{=value.alarmlevelname}}</li>
						{{? value.accidentstate == "0" || value.accidentstate == "1" || value.accidentstate == "2" || value.accidentstate == "5"}}
						<li><input type="button " class="btn tab-confim" data-val='{{=value.str}}' value="确认" /></li>
						<li><input type="button " class="btn tab-ignore" data-val='{{=value.str}}' value="忽略" /></li>
						<li><input type="button " class="btn tab-look" data-val='{{=value.str}}' value="查看" /></li>
						{{??}}
						<li><input type="button " class="btn tab-confim" data-val='{{=value.str}}' disabled="disabled" value="确认" /></li>
						<li><input type="button " class="btn tab-ignore" data-val='{{=value.str}}' disabled="disabled" value="忽略" /></li>
						<li><input type="button " class="btn tab-look" data-val='{{=value.str}}' value="查看" /></li>
						{{?}}
					</ul>
				</div>
			</li>
			{{}else{}}
			<li>
				无数据
			</li>
			{{}}}
			{{~}}
		</script>
</html>