<!DOCTYPE html>
<html lang="zh-CN">

<head>
#include("/common/view/base_head.html")
<script src="#(WX_HOST)/js/door/callhistory.js"></script>
<style>
.mobile {
	margin: 16px 1px;
}
.list {
	line-height: 22px;
}
.list-item {
	font-size: 14px;
	border: 1px solid #DFE0E0;
	border-top: none;
}
div.list-item:odd {
	background: #91CBDB;
}
.list-item:nth-child(1) {
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #DFE0E0;
}
.title {
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #2882DB;
}
.my-col-2,.my-col-6,.my-col-4{
	float:left;
}
.my-col-2 {
	width:12%;
}
.my-col-6 {
	width:54%;
}
.my-col-4 {
	width:28%;
}
img {
	width:14px;
	height:14px;
}
#captureDiv {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
}
#captureDiv img {
    position: fixed;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
</style>
	<script>
		var appId = '#(appId)';
	</script>
</head>

<body>
	<div id="captureDiv">
	</div>
	<div class="container-fluid">
		<div id="div_doorlist" class="mobile">
			<div class="title">呼叫历史</div>
			<div class="list">
				#for(log : logArr)
				<div data="#(log.captureKey)" class="row list-item">
					<div class="my-col-2 text-center">
					#if(log.isCallee)
						<img src="#(WX_HOST)/images/callin.png">
					#else
						<img src="#(WX_HOST)/images/callout.png">
					#end
					</div>
					<div class="my-col-6 text-left">
					#if(log.isCallee)
						#(log.tips)<br>#(log.callname)
					#else
						#(log.tips)
					#end
					</div>
					<div class="my-col-4 text-right">
						#if(log.captureKey.length() > 0)
						<img src="#(WX_HOST)/images/kuaizhao.png">
						#end
						#(log.time)<br>#(log.date)
					</div>
				</div>
				#end
			</div>
		</div>
		
		<!-- 提示 -->
		#include("/common/view/result_tips.html")
	</div>
</body>

</html>
