yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454
							{% 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 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>
		body {
			background: #fff;
			overflow: hidden;
		}

		/* 返回 */

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

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

		.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 {
			height: 20px;
			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 {
			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;
		}

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

		table .option,
		table .optionName {
			width: 150px;
		}

		table 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%; */
		}
		.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;
		}
		.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;
		}
		/*  */
		.pupopBody textarea{
			width: 250px;
			resize: none;
			padding: 10px;
			margin-bottom: 10px;
		}
		#imgList{
			overflow: hidden;
		}
	</style>
</head>


<body>

	<div class="content">
		<div class="page-header">
			<span class="headerPlace" onclick="goback()">
				<img src="{% static '/img/gobackIcon.png' %}" alt="">返回
			</span>
			<!-- 操作 -->
			<div class="delbox" style="float: right;">
				<button type="button" onclick="reload()" class="btn btn-sm btn-success">刷新</button>
				<!-- <button type="button" onclick="delimgAll(this)" class="btn btn-sm btn-primary batchesBtn">批量删除</button> -->
				<!-- <button type="button" onclick="canceldelimg(this)" id="canceldel" class="btn btn-sm canceldelimgBtn">取消</button> -->
			</div>
		</div>
		
		<!-- 图片列表 -->
		<div class="content-body" id="imgList">

		</div>
		<div class="fenpei-bottom">
			<input type="hidden" id="imei" value="{{imei}}">
			<input type="hidden" id="totalPage" value={{ nums }}>
			<div id="page" style="text-align: center;"></div>
		</div>
		
		<!-- 添加详情 -->
		<div id="test-popup" class="white-popup mfp-hide">
			<h1>添加详情</h1>
			<hr/>
			<form action="" id="pupopForm">
				<input type="hidden" value="" id="imgPath">
				<div class="pupopBox clearfix">
					<div class="fl pupopTitle">图片描述：</div>
					<div class="fl pupopBody">
						<textarea name="describe" rows="7" maxlength="200"></textarea>
					</div>
				</div>
				<div class="btnParent">
					<input type="button" id='cancelBtn' onclick="closePopWin($(this))" value="取消">
					<input type="button" id='saveBtn' onclick="savePopWin()" value="保存">
				</div>
			</form>
		<!-- 自动识别 -->
		<div id="autoDiscern" class="white-popup mfp-hide">
			<h1>害虫计数</h1>
			<hr>
			<input type="hidden" value="" id="currImgPath">
			<div class="wormBox">
			</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/xyq_image.js' %}?versions=0.5.0"></script>
</body>

</html>