yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528
							{% 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" />
	<style type="text/css">
		body {
			overflow: hidden;
			background: #fff;
		}

		.searchCover {
			margin: 20px 0;
		}

		.innerTable {
			padding: 0 1px 0 0;
			min-width: 750px;
		}

		.table,
		.table.table-striped>thead>tr>th {
			text-align: center;
		}

		table td {
			vertical-align: middle !important;
		}

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

		#addAgent {
			display: none;
		}

		.editRole {
			padding: 10px 0 0 30px;
		}

		.editRole input {
			width: 200px;
			margin-bottom: 10px;
		}

		.refresh {
			font-size: 16px;
			color: #4C8FBD;
			margin-right: 30px;
		}

		.content {
			overflow-x: scroll;
		}

		/*代理商分配框 */

		#addAgentForm select {
			width: 150px;
		}

		.is_agent {
			vertical-align: middle;
			line-height: 33px;
		}

		.is_agent>input[type='checkbox'] {
			display: none;
			border: none;
			border-radius: 0;
			padding: 8px;
			width: 95%;
			margin: 0;
			text-indent: 25px;
		}

		.is_agent>input[type='checkbox']+label {
			position: relative;
			padding-left: 25px;
			border: #F0F8FF;
			color: #7d7d7d;
			display: inline-block;
			font-size: 14px;
			vertical-align: text-top;
		}

		.is_agent>input[type="checkbox"]+label span:first-child {
			width: 18px;
			height: 18px;
			display: inline-block;
			border: 1px solid #7d7d7d;
			position: absolute;
			top: 1px;
			left: 4px;
			bottom: 4px;
		}

		.is_agent>input[type="checkbox"]:checked+label span:first-child:before {
			content: "";
			background: url(../static/img/tick.png) no-repeat;
			position: absolute;
			left: 3px;
			top: 3px;
			font-size: 10px;
			width: 10px;
			height: 10px;
		}

		.editRoleTitle {
			width: 100px;
			text-align: right;
			line-height: 32px;
		}

		.fl {
			float: left;
		}

		.clear {
			clear: both;
		}

		.editRole input {
			width: 250px;
			margin-bottom: 10px;
		}

		#addr {
			margin: 0px;
			width: 252px;
			height: 90px;
			resize: none;
			padding: 5px;
		}

		.content {
			overflow-x: scroll;
		}
	</style>


</head>

<body>
	<div class="content">
		<div class="searchCover">
			设备ID：
			<input type="text" class="input-user" placeholder="请输入设备ID" autocomplete="off" id="uequip" maxlength="20" onkeypress="if (event.keyCode == 13) sub_filter();"
			/>
			<button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>

			<!-- <a class="refresh" onclick="addAgencyName()" href="javascript:;" style="float: right;">
					<i class="add">
						<img src="{% static '/img/addicon.png' %}" alt="" width="28">
					</i>添加新代理 </a> -->
		</div>
		<div class="innerTable">
			<table id="datatable" class="table  table-striped table-hover">
				<thead>
					<tr>
						<td>设备号</td>
						<td>设备添加时间</td>
						<td style="width:50%">图片转发路径</td>
						<td>操作</td>
					</tr>
				</thead>
				<tbody>

				</tbody>
			</table>
			<div class="fenpei-bottom">
				<input type="hidden" id="totalPage" value={{ nums }}>
				<div id="page" style="text-align: center;"></div>
			</div>
		</div>
		<div id="addRoleBox" style="display: none;">
			<form id="addUserForm" action="" method="post"> {% csrf_token %}
				<div class="editRole clearfix">
					<div class="editRoleTitle fl">图片转发地址：</div>
					<div class="editRoleBody fl">
						<textarea name="addr" id="addr" maxlength="100" placeholder="请输入图片转发地址"></textarea>
					</div>
					<div class="clear"></div>
					<br>
					<div class="editRoleTitle fl">转发识别结果：</div>
					<div class="editRoleBody fl">
						<label class="" style="margin-top:6px">
							<input type="checkbox" name="discern" id="discern" class="ace" value="False">
							<span class="lbl"></span>
						</label>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
	<script src="{% static '/lib/layui/layui.all.js' %}"></script>
	<script type="text/javascript">
		$.ajaxSetup({
			data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
		});
	</script>
	<script type="text/javascript">
		// 分页初始化
		layui.use('laypage', function () {
			var laypage = layui.laypage;
			var uequip = $('#uequip').val()
			laypage.render({
				elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
				// , count: 30
				, count: $('#totalPage').val()
				, theme: '#428BCA'
				, layout: ['prev', 'page', 'next', 'skip']
				, jump: function (obj, first) {
					$.ajax({
						url: 'isDistinguish',
						type: 'post',
						data: {
							page: obj.curr,
							imei: $('#uequip').val()
						},
						dataType: 'json',
						success: function (data) {
							if (data.dat.length) {
								Fill_Table('datatable', data.dat)
							} else {
								Fill_null_Table(table_id)
							}
							if ($('#totalPage').val() > 0) {
								$('.nullData').hide();
								$('#page').parent().show();
							} else {
								$('.nullData').show();
								$('#page').parent().hide();
							}
							if ($('.content').height() > 750) {
								$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
							} else {
								$('#iframe-main', parent.document).css('height', '750px')
							}
						}
					})
					if (!first) {
						$("#datatable  tr:not(:first)").remove();
					}
				}
			});
		});

		//筛选：
		function sub_filter() {
			var uequip = $('#uequip').val();
			$("#datatable  tr:not(:first)").html("");

			$.ajax({
				type: "post",
				url: "isDistinguish",
				data: {
					imei: uequip,
					page: 1
				},
				dataType: "json",
				success: function (data) {
					if (data.dat.length) {
						Fill_Table('datatable', data.dat)
					} else {
						Fill_null_Table(table_id)
					}
					if ($('#totalPage').val() > 0) {
						$('.nullData').hide();
						$('#page').parent().show();
					} else {
						$('.nullData').show();
						$('#page').parent().hide();
					}
					if ($('.content').height() > 750) {
						$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
					} else {
						$('#iframe-main', parent.document).css('height', '750px')
					}
					var datas = {
						imei: uequip,
						page: '1'
					}
					initSearchPage(data.nums, 'isDistinguish', datas);
					if ($('.content').height() > 750) {
						$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
					} else {
						$('#iframe-main', parent.document).css('height', '750px')
					}
				}
			});
		}

		//搜索分页
		function initSearchPage(page, url, datas) {
			layui.use('laypage', function () {
				var laypage = layui.laypage;
				laypage.render({
					elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
					// , count: 30
					, count: page
					, theme: '#428BCA'
					, layout: ['prev', 'page', 'next', 'skip']
					, jump: function (obj, first) {
						datas.page = obj.curr;
						if (!first) {
							$.ajax({
								url: url,
								type: 'post',
								data: datas,
								dataType: 'json',
								success: function (data) {
									$("#datatable  tr:not(:first)").html("");
									if (data.dat.length > 0) {
										Fill_Table('datatable', data.dat);
									} else {
										Fill_null_Table('datatable');
									}
									if ($('.content').height() > 750) {
										$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
									} else {
										$('#iframe-main', parent.document).css('height', '750px')
									}
								}
							})
						}
					}
				});
			});
		}

		function Fill_null_Table(table_id) {
			var table = document.getElementById(table_id).children[1];
			var row = table.insertRow(table.rows.length);
			var c1 = row.insertCell(0);
			c1.setAttribute('colspan', '16');
			c1.setAttribute('class', 'nullData');
			c1.innerHTML = "暂无数据";
			scrollBar();
		}

		function Fill_Table(table_id, dat) {
			//js循环读取json数据
			var table = document.getElementById(table_id).children[1];
			for (var i = 0; i < dat.length; i++) {
				var row = table.insertRow(table.rows.length);

				var c1 = row.insertCell(0);
				c1.innerHTML = dat[i].e_id;
				c1.setAttribute('class', 'id')

				var c2 = row.insertCell(1);
				c2.innerHTML = dat[i].add_time;

				var c3 = row.insertCell(2);
				c3.innerHTML = dat[i].addr ? dat[i].addr : '无';

				var c4 = row.insertCell(3);
				var str = "<select onchange='isDistinguish(\"" + dat[i].e_id + "\",this)'>";
					if(dat[i].disc == 0){
						str += "<option selected value=\"0\">禁用</option>";
					}else{
						str += "<option value=\"0\">禁用</option>";
					}
					if(dat[i].disc == 1){
						str += "<option selected value=\"1\">启用</option>";
					}else{
						str += "<option value=\"1\">启用</option>";
					}
					if(dat[i].disc == 2){
						str += "<option selected value=\"2\">计数</option>";
					}else{
						str += "<option value=\"2\">计数</option>";
					}
					str += "</select>　<button class='btn btn-sm btn-primary' onclick='transmit(this,\"" + dat[i].e_id + "\",\"" + dat[i].addr + "\")'>转发</button>";
				// c4.innerHTML = "<button class='btn btn-sm btn-danger' data-status='" + discern + "' onclick='isDistinguish(\"" + dat[i].e_id + "\",this)'>" + discernTxt + "</button>　<button class='btn btn-sm btn-primary' onclick='transmit(this,\"" + dat[i].e_id + "\",\"" + dat[i].addr + "\")'>转发</button>";
					c4.innerHTML = str;
				// }
			}
		}

		function isDistinguish(imei, ele) {
			var discern = '', flag = '',dataStatus = '',dataStatusTxt = '';
			var layer = layui.layer;
			layer.confirm('是否设置此设备识别权限？', {title:'提示'}, function(){
				$.ajax({
					url: 'isDistinguishchange',
					type: 'post',
					data: {
						imei: imei,
						disc: $(ele).val()
					},
					dataType: 'json',
					success: function (data) {
						if(data == 0){
							layer.msg('设置成功', {icon: 1});							
						}else{
							layer.msg('设置失败', {icon: 2});		
						}
					},
					error:function(type){
						layer.msg('设置失败', {icon: 2});	
					}
				})
			});
			
		}

		function transmit(ele, imei, oldaddr) {
			console.log(oldaddr)
			if (oldaddr != 'null') {
				var addrArr = oldaddr.split('#');
				$('#addr').val(addrArr[0]);
				if (addrArr[1] == 0) {
					$('#discern').prop('checked', '');
				} else {
					$('#discern').prop('checked', 'checked');
				}
			} else {
				$('#addr').val('');
				$('#discern').prop('checked', '');
			}
			layui.use('layer', function () {
				var layer = layui.layer;
				layer.open({
					type: 1,
					title: "图片转发",
					closeBtn: 2,
					area: '516px',
					btn: ['保存', '取消'],
					shadeClose: false,
					content: $('#addRoleBox'),
					yes: function (index, layero) {
						saveDiscern('isDistinguishchange', imei);
					},
					btn2: function (index, layero) {
						closeResetPwd($('#addUserForm'), $('#addRoleBox'));
					},
					cancel: function (index, layero) {
						closeResetPwd($('#addUserForm'), $('#addRoleBox'));
					}
				});
			});
		}

		function saveDiscern(url, imei) {
			if ($('#addr').val()) {
				if ($('#discern').is(':checked')) {
					var data = $('#addr').val() + '#1';
				} else {
					var data = $('#addr').val() + '#0';
				}
			} else {
				var data = 'cancel';
			}
			if ($('#discern').is(':checked')) {
				$('#discern').val('False')
			} else {
				$('#discern').val('True')
			}
			$.ajax({
				url: url,
				type: 'post',
				data: {
					imei: imei,
					addr: data
				},
				success: function (data) {
					layer.closeAll();
					$('#addRoleBox').hide();
					if (data == 0) {
						$.ajax({
							url: 'isDistinguish',
							type: 'post',
							data: {
								page: $('.layui-laypage-curr em').eq(1).html(),
								imei: $('#uequip').val()
							},
							dataType:'json',
							success: function (data) {
								$("#datatable  tr:not(:first)").remove();
								if (data.dat.length) {
									Fill_Table('datatable', data.dat)
								} else {
									Fill_null_Table(table_id)
								}
								if ($('.content').height() > 750) {
									$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
								} else {
									$('#iframe-main', parent.document).css('height', '750px')
								}
								
							}
						})
					} else if (data == 1) {
						layer.msg("转发失败！");
					}
				}
			})
		}

		function closeResetPwd(formObj, hideObj) {
			formObj.find('input').val('');
			formObj.find('textarea').val('');
			hideObj.hide();
		}
	</script>
	<!-- <script src="{% static '/js/usermanage/agency_view.js' %}?versions=0.5.0" type="text/javascript"></script> -->
</body>

</html>