yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543
							{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
	<link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
	<link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
	<link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
	<link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />
	<link href="{% static '/lib/css/magnific-popup.css' %}" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />
	<style>
		/* 返回 */

		.headerPlace {
			font-size: 22px;
			color: #418fbb;
			cursor: pointer;
		}

		.headerPlace img {
			vertical-align: middle;
			margin-right: 10px;
			margin-top: -4px;
		}

		body {
			background: #fff;
			overflow: hidden;
		}

		.clearfix:before,
		.clearfix:after {
			display: table;
			line-height: 0;
			content: ""
		}

		.clearfix:after {
			clear: both
		}

		.fl {
			float: left;
		}

		.fr {
			float: right;
		}

		.mfp-bottom-bar {
			color: #fff;
		}

		a {
			text-decoration: none !important;
		}

		.popup-gallery>div {
			float: left;
			width: 400px;
			overflow: hidden;
			text-align: center;
			position: relative;
			padding-bottom: 15px;
		}

		.imgParent:hover span {
			display: block;
		}

		.imgParent .delBtn {
			display: none;
			position: absolute;
			top: 10px;
			right: 58px;
			cursor: pointer;
			background: url(../static/img/delIcon.png);
			width: 25px;
			height: 25px;
			background-size: cover;
		}

		.content-body {
			margin-top: 20px;
		}

		.popupA img {
			width: 300px;
			height: 300px;
		}

		.imgParent a,
		.popupA p {
			color: #08c;
			padding: 10px;
		}

		/* 配置 */

		#lookDescribe {
			max-width: 700px;
		}

		.white-popup {
			position: relative;
			background: #FFF;
			padding: 20px;
			width: auto;
			max-width: 500px;
			margin: 20px auto;
		}

		.white-popup h1 {
			font-size: 20px;
			/* margin: 10px 0; */
			color: #006dcc;
			line-height: 15px;
		}

		.pupopTitle {
			width: 140px;
			text-align: right;
			vertical-align: middle;
			/* margin-top: 7px; */
			line-height: 30px;
		}


		.pupopBody input,
		.pupopBody select {
			padding: 4px 6px;
			margin-bottom: 10px;
			font-size: 14px;
			line-height: 20px;
			color: #4a4a4a;
			background: #fff;
			border: 1px solid #ccc;
			vertical-align: middle;
			width: 200px;
		}

		.pupopBody select,
		.pupopBody input {
			height: 30px;
			width: 215px;
			line-height: 30px;
			cursor: pointer;
			border: 1px solid #ccc;
		}

		.btnParent {
			text-align: center;
		}

		.btnParent input {
			color: #fff;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			background-color: #006dcc;
			width: 80px;
			height: 30px;
			border-radius: 3px;
			border: none;
			cursor: pointer;
			margin: 5px 17px;
		}

		.btnParent input:hover {
			color: #fff;
			background-color: #04c;
		}

		.nullData {
			width: 100%;
			height: 500px;
			background: #ddd;
			text-align: center;
			line-height: 500px;
			font-size: 20px;
			border: 1px solid #ddd;
		}

		#wormDetails {
			width: 100%;
			text-align: center;
			line-height: 30px;
		}

		#wormDetails tr {
			border-bottom: 1px solid #e6e6e6;
			/* line-height: 40px; */
		}

		#wormDetails .option,
		#wormDetails .optionName {
			/* width: 150px; */
		}

		#wormDetails input {
			width: 80%;
			text-align: center;
		}

		.saveBtn {
			display: none;
		}

		#addwormType,
		#delwormType {
			display: none;
		}

		#delwormType .pupopBody {
			width: 340px;
			font-size: 0;
		}

		#addwormType h2,
		#delwormType h2 {
			font-size: 16px;
			text-indent: 30px;
			color: #006dcc;
		}

		.my_protocol {
			line-height: 30px;
			display: inline-block;
			width: 169px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.my_protocol .input_agreement_protocol {
			appearance: none;
			-webkit-appearance: none;
			outline: none;
			display: none;
		}

		/*未选中时*/

		.my_protocol .input_agreement_protocol+span {
			cursor: pointer;
			width: 16px;
			height: 16px;
			background-color: red;
			display: inline-block;
			background: url(../static/img/checkboxBj.png) no-repeat;
			background-position-x: 0px;
			background-position-y: 0px;
			position: relative;
			top: 3px;
			margin-right: 3px;
		}

		/*选中checkbox时,修改背景图片的位置*/

		.my_protocol .input_agreement_protocol:checked+span {
			background-position: -19px 0px
		}

		/* 图片列表批量删除复选框样式 */

		.imgcheckbox input[type='checkbox']+span {
			cursor: pointer;
			width: 18px;
			height: 18px;
			background-color: red;
			display: inline-block;
			background: url(/static/img/tick.png) no-repeat center;
			background-position: -19px 0px;
			position: relative;
			top: 3px;
			border: 1px solid #bbb;
		}

		.imgcheckbox input[type='checkbox']:checked+span {
			background-position-x: 3px;
			background-position-y: 3px;
		}

		.imgcheckbox input {
			display: none;
		}

		.imgcheckbox {
			display: none;
			position: absolute;
			right: 19px;
			top: 0px;
		}

		.searchCover {
			margin: 20px 0;
		}

		.delbox {
			text-align: right;
		}

		.canceldelimgBtn {
			display: none;
		}

		/* 自动识别虫害 */

		/* .wormImg{
			width: 150px;
			float: left;
			margin-top: 20px;
			margin-right: 10px;
		}
		.wormIcon{
			float: left;
			margin-top: -5px;
			margin-right: 10px;
			font-size: 26px;
			color: #f1d300;
			/* color: #bd0606; 
		}
		.wormName{
			text-align: center;
    		line-height: 30px !important;
		}
		.synopsis{
			line-height: 23px;
			min-height: 100px;
		} */

		/* 自动识别2 */

		.wormBox {
			/* min-height: 100px; */
		}

		.wormImgTag {
			/* float: left;
    		width: 25%; */
		}

		.wormImgTag>img {
			width: 100%;
		}

		.wormResult {
			/* margin-left: 140px;
    		width: 75%;*/
			line-height: 28px;
		}

		.wormResult>span {
			width: 50%;
			display: inline-block;
		}

		.wormResult>span i {
			font-style: normal;
			color: #cf0000;
			font-weight: 600;
		}

		.wormResult>span i:hover {
			color: #006dcc;
		}

		.clear {
			clear: both;
		}

		.wormIcon {
			float: left;
			margin-top: -5px;
			margin-right: 10px;
			font-size: 26px;
			color: #f1d300;
		}

		.resultTitle {
			font-size: 16px;
			margin: 5px 0;
			border-left: 4px solid #006dcc;
			padding-left: 6px;
			font-weight: 600;
		}

		/* 顶部位置 */

		.page-header>h1,
		.searchCover {
			width: 48%;
			display: inline-block;
		}

		/* 模拟查看数据 */

		.imgParent .simulation {
			padding: 0;
		}

		.simulation {
			display: none;
		}

		.resultLookGitImg {
			float: right;
			margin-bottom: 20px;
		}

		#bindSim {
			display: none;
		}

		#bindSim>div {
			text-align: center;
		}

		#bindSim>.hint {
			line-height: 100px;
			font-size: 16px;
			color: #333;
		}

		.layui-layer {
			border-radius: 10px;
			overflow: hidden;
		}

		#failure {
			display: none;
			text-align: center;
		}

		#failure>div {
			margin: 15px;
		}

		#wormDetails th {
			text-align: center;
		}
	</style>
</head>


<body>

	<div class="content">
		<input type="hidden" name="" value="{{disc}}" id="discern">
		<div class="page-header">
			<span class="headerPlace" onclick="goback('equipmanage_jk')">
				<img src="{% static '/img/gobackIcon.png' %}" alt="">返回
			</span>
		</div>
		<div class="timeSelect">
			时间段查询：
			<input type="text" value="" class="fp-user" id="timSelectBox" autocomplete="off" placeholder="时间段查询" onkeypress="if (event.keyCode == 13) img_filter();"
			/>
			<input type="hidden" id="begin">
			<input type="hidden" id="end">
			<button type="button" onclick="img_filter()" class="btn btn-sm btn-primary">筛选</button>
		</div>

		<!-- 图片列表 -->
		<div class="content-body" id="imgList">

		</div>
		<div class="fenpei-bottom">
			<input type="hidden" id="imei" value="{{imei}}">
			<div id="page" style="text-align: center;"></div>
		</div>

		<!-- loading -->
		<div id="loadingParent">
			<div id="loadCenter">
				<div class="skype-loader">
					<div class="dot">
						<div class="first"></div>
					</div>
					<div class="dot"></div>
					<div class="dot"></div>
					<div class="dot"></div>
				</div>
				Logging in...
			</div>
		</div>
	</div>


	<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
	<script src="{% static '/lib/layui/layui.all.js' %}"></script>
	<script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
	<script type="text/javascript">
		$.ajaxSetup({
			data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
		});
	</script>
	<!-- <script src="{% static '/js/reportmanage/cbd_image.js' %}?versions=0.5.0"></script> -->
	<script>
		// 时间插件初始化
		layui.use('laydate', function () {
			var laydate = layui.laydate;
			//执行一个laydate实例  
			var _layDateMark = (new Date()).getTime();
			$('#timSelectBox').attr('lay-key', 'glass' + _layDateMark);
			//执行一个laydate实例
			laydate.render({
				elem: '#timSelectBox' //指定元素
				, range: true
				, done: function (value, date) {
					var dateArray = value.split(' - ')
					$('#begin').val(dateArray[0])
					$('#end').val(dateArray[1])
				}
			});
		});
		$.ajax({
			url: 'jk_image',
			type: 'post',
			data:{
				imei: $('#imei').val(),
				page:1
			},
			success: function (data) {
				$('#imgList').html('');
				$('#imgList').html(data);
				if ($('.content').height() > 750) {
					$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
				} else {
					$('#iframe-main', parent.document).css('height', '750px')
				}
			}
		})

	</script>
</body>

</html>