yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702
							{% 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">
		.dxinner h1 span {
			font-size: 16px;
			color: #0199f2;
		}

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

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

		.dxinner {
			padding-left: 3%;
		}

		.caption {
			color: #438eb9;
			padding-left: 15px;
			border-left: 5px solid #438eb9;
			font-size: 18px;
			letter-spacing: 1px;
			margin: 15px 0;
		}

		.layui-form-item {
			margin-bottom: 0;
		}

		.layui-form-label {
			width: 180px;
		}

		.preview {
			border: none;
			color: #fff;
			background: #c1c5c7;
			padding: 2px 12px;
			border-radius: 22px;
			line-height: 18px;
			margin-left: 12px;
		}

		.preview.active {
			background: #0099f2;
		}

		.layui-form-radio>i:hover,
		.layui-form-radioed>i {
			color: #0099f2;
		}

		.previewParent {
			line-height: 40px;
			padding-left: 23px;
			letter-spacing: 2px;
		}

		.btnParent {
			margin-left: 179px;
			margin-top: 15px;
		}

		/* 预览 */

		#noteWarn {
			display: none;
		}

		#noteWarn,
		.noteWarnBj {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.noteWarnBj {
			background: url(../static/img/noteWarnBj.png) no-repeat center;
			background-size: contain;
		}

		.noteWarnTxt {
			width: 46%;
			margin: 136px 0 10px 23%;
			background: #f2f2f2;
			padding: 10px;
		}

		.noteWarnTxt span {
			color: #0099f2;
		}

		.noteWarnTime {
			margin: 10px 0 10px 23%;
			font-size: 12px;
			color: #878787;
		}

		/* 覆盖弹出框样式 */

		.layui-layer {
			background-color: rgba(255, 255, 255, 0) !important;
			box-shadow: none !important;
		}

		.layui-layer-title {
			background-color: rgba(255, 255, 255, 0) !important;
			border-bottom: none !important;
		}
		.layui-word-aux strong{
			color: #000;
		}
	</style>

</head>

<body>
	<div class="content">
		<div class="page-header">
			<span class="headerPlace" onclick="goback()">
				<img src="{% static '/img/gobackIcon.png' %}" alt="">
				返回
			</span>
		</div>
		<!-- <div class="page-header">
			<h1>
				<font style="vertical-align: inherit;">
					<font style="vertical-align: inherit;">
						短信预警
					</font>
				</font>

			</h1>
		</div> -->
		<div class="dxinner">
			<form class="layui-form" action="" lay-filter="demoForm">
				<h1>
					<span>设备ID：{{e_id}}</span>
				</h1>
				<div class="caption">目标种类预警</div>
				<div>
					<!-- <div class="">
						<div class="previewParent">
							新害虫预警
							<button type="button" class="preview" data-type="1">预览</button>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">状态：</label>
								<div class="layui-input-inline">
									<input type="radio" name="newPest" lay-filter="newPest" value="on" title="开启">
									<input type="radio" name="newPest" lay-filter="newPest" value="off" title="关闭" checked>
								</div>
							</div>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">害虫种类设置：</label>
								<div class="layui-input-inline" id="newPestNameParent">
									<select name="newPestName" lay-verify="" lay-filter="newPestName" id="newPestName" lay-search>
									</select>
								</div>
								<div class="layui-form-mid layui-word-aux">出现此害虫时短信预警</div>
							</div>
						</div>
					</div> -->
					<div class="">
						<div class="previewParent">
							种类数预警
							<button type="button" class="preview" data-type="2">预览</button>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">害虫种类数量设置：</label>
								<div class="layui-input-inline" id="pestCategoryParent">
									<input type="number" id="pestCategoryNum" lay-filter="pestCategoryNum" name="pestCategoryNum" placeholder="请输入害虫种类数量" autocomplete="off"
									 class="layui-input">
								</div>
								<div class="layui-form-mid layui-word-aux">每天害虫<strong>种类数量</strong>达到此值时，短信预警</div>
							</div>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">状态：</label>
								<div class="layui-input-inline">
									<input type="radio" name="pestCategory" lay-filter="pestCategory" value="on" title="开启">
									<input type="radio" name="pestCategory" lay-filter="pestCategory" value="off" title="关闭" checked>
								</div>
							</div>
						</div>
					</div>

				</div>
				<div class="caption">数量预警</div>
				<div>
					<div class="">
						<div class="previewParent">
							指定害虫数量预警
							<button type="button" class="preview" data-type="3">预览</button>
						</div>
						<div id="moreCategoryGroup">
							<!-- <div class="group">
								<div>
									<div class="layui-form-item">
										<label class="layui-form-label">害虫种类设置：</label>
										<div class="layui-input-inline" id="appointPestNameParent">
											<select name="appointPestName" lay-verify="" lay-filter="appointPestName" id="appointPestName" lay-search>
											</select>
										</div>
										<div class="layui-form-mid layui-word-aux"><button type="button" class="layui-btn Layui-btn-radius layui-btn-sm"> <i class="layui-icon">&#xe640;</i></button></div>
									</div>
								</div>
								<div>
									<div class="layui-form-item">
										<label class="layui-form-label">害虫数量设置：</label>
										<div class="layui-input-inline" id="appointPestNumParent">
											<input type="number" name="appointPestNum" id="appointPestNum" placeholder="请输入害虫种类数量" autocomplete="off" class="layui-input">
										</div>
										<div class="layui-form-mid layui-word-aux">每天指定害虫数达到此数量时，短信预警</div>
									</div>
								</div>
							</div> -->
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"></label>
							<div class="layui-input-inline"><button type="button" class="layui-btn Layui-btn-radius layui-btn-sm" onclick="addCategoryGroup()"><i class="layui-icon">&#xe608;</i> 添加</button></div>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">状态：</label>
								<div class="layui-input-inline">
									<input type="radio" name="appointPest" lay-filter="appointPest" value="on" title="开启">
									<input type="radio" name="appointPest" lay-filter="appointPest" value="off" title="关闭" checked>
								</div>
							</div>
						</div>
					</div>
					<div class="">
						<div class="previewParent">
							害虫数量总和预警
							<button type="button" class="preview" data-type="4">预览</button>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">害虫总和数量设置：</label>
								<div class="layui-input-inline" id="pestTotalNumParent">
									<input type="number" name="pestTotalNum" id="pestTotalNum" placeholder="请输入害虫种类数量" autocomplete="off" class="layui-input">
								</div>
								<div class="layui-form-mid layui-word-aux">害虫<strong>数量总和</strong>达到此数量时，短信预警</div>
							</div>
						</div>
						<div>
							<div class="layui-form-item">
								<label class="layui-form-label">状态：</label>
								<div class="layui-input-inline">
									<input type="radio" name="pestTotal" lay-filter="pestTotal" value="on" title="开启">
									<input type="radio" name="pestTotal" lay-filter="pestTotal" value="off" title="关闭" checked>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="caption">综合预警</div>
				<div class="">
					<div class="previewParent">
						综合预警
						<button type="button" class="preview active" data-type="5">预览</button>
					</div>
					<div>
						<div class="layui-form-item">
							<label class="layui-form-label">状态：</label>
							<div class="layui-input-inline">
								<input type="radio" name="pestWarn" lay-filter="pestWarn" value="on" title="开启">
								<input type="radio" name="pestWarn" lay-filter="pestWarn" value="off" title="关闭" checked>
							</div>
							<div class="layui-form-mid layui-word-aux">监测每天出现的害虫<strong>种类及数量</strong>，短信预警</div>
						</div>
					</div>
				</div>
				<div class="caption">信息接收</div>
				<div class="">
					<div>
						<div class="layui-form-item">
							<label class="layui-form-label">信息接收手机号：</label>
							<div class="layui-input-inline" id="pestTotalNumParent">
								<input type="tel" name="phone" id="phone" placeholder="请输入信息接收手机号" required lay-verify="required|phone" autocomplete="off"
								 class="layui-input">
							</div>
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block btnParent">
						<input type="hidden" value="{{e_id}}" id="e_id">
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
					</div>
				</div>
			</form>
		</div>
		<div id="noteWarn">
			<div class="noteWarnBj">
				<div class="noteWarnTxt"></div>
				<div class="noteWarnTime">上午 8:49</div>
			</div>
		</div>
	</div>
	<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
	<script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
	<script src="{% static '/lib/layui/layui.all.js' %}"></script>
	<script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
	<script src="{% static '/js/reportmanage/cbd_pest_library.js' %}?versions=0.5.0"></script>
	<script type="text/javascript">
		$.ajaxSetup({
			data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
		});
	</script>
	<script>
		var num = $('#moreCategoryGroup .group').length;
		jointHtml(1,[],'add');
		function jointHtml(num,totalVal,flag){
			var html = '<option value=""></option>';
			$.each(insect_dict, function (key, obj) {
				html += '<option value="' + key + '">' + obj + '</option>';
			})
			var num = num +1;
			str = '';
			for(var i = 1;i<num;i++){
				str +=  '<div class="group"><div><div class="layui-form-item">'+
					    '<label class="layui-form-label">害虫种类：</label>'+
					    '<div class="layui-input-inline" id="appointPestNameParent'+i+'">'+
						'<select name="appointPestName'+i+'" lay-verify="" lay-filter="appointPestName'+i+'" id="appointPestName'+i+'" lay-search>'+
						'</select></div><div class="layui-form-mid layui-word-aux">';
				if(i != 1){
					str += '<button type="button" onclick="delCategoryGroup($(this))" class="layui-btn  layui-btn-danger Layui-btn-radius layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>';
				}
						
				str +=  '</div></div></div><div>'+
						'<div class="layui-form-item"><label class="layui-form-label">害虫数量：</label>'+
						'<div class="layui-input-inline" id="appointPestNumParent'+i+'">'+
						'<input type="number" name="appointPestNum'+i+'" id="appointPestNum'+i+'" placeholder="请输入害虫种类数量" autocomplete="off" class="layui-input appointNumInp">'+
						'</div><div class="layui-form-mid layui-word-aux">每天<strong>指定害虫数</strong>达到此数量时，短信预警</div>'+
						'</div></div></div>';
				if(i == num-1){
					$('#moreCategoryGroup').html(str);
					$('#moreCategoryGroup .group').each(function(idx,ele){
						$(ele).find('select').html(html);
					})
					if(totalVal.length){
						if(flag == 'add'){
							$('#moreCategoryGroup .group').each(function(idx,ele){
								if(idx < num-2){
									$(ele).find('select').val(parseInt(totalVal[idx][0]));
									$(ele).find('.appointNumInp').val(totalVal[idx][1]);
								}
							})
						}else if(flag == 'del'){
							$('#moreCategoryGroup .group').each(function(idx,ele){
								if(idx < num-1){
									$(ele).find('select').val(parseInt(totalVal[idx][0]));
									$(ele).find('.appointNumInp').val(totalVal[idx][1]);
								}
							})
						}else{
							$('#moreCategoryGroup .group').each(function(idx,ele){
								if(idx < num){
									$(ele).find('select').val(parseInt(totalVal[idx][0]));
									$(ele).find('.appointNumInp').val(totalVal[idx][1]);
								}
							})
						}
						
					}
					layui.use(['form'], function () {
						var form = layui.form;
						form.render('select');	
					})
					scrollBar();
				}
			}

		}
		function addCategoryGroup(){
			var html = '';
			$.each(insect_dict, function (key, obj) {
				html += '<option value="' + key + '">' + obj + '</option>';
			})
			var num = $('#moreCategoryGroup .group').length;
			if(num == 5){
				layui.use(['layer'], function () {
					var layer = layui.layer;
					layer.msg('指定害虫种类数量最多五种', {
						icon: 7,
						time: 2000 //2秒关闭（如果不配置，默认是3秒）
					}, function () {
						//do something
					});	
				})	
				return false;
			}
			if(!$('#moreCategoryGroup .group').eq(num-1).find('select').val()){
				layui.use(['layer'], function () {
					var layer = layui.layer;
					layer.tips('请填写害虫种类数量', $('#moreCategoryGroup .group').eq(num-1).find('select').parent());		
				})	
			}else if(!$('#moreCategoryGroup .group').eq(num-1).find('.appointNumInp').val()){
				layui.use(['layer'], function () {
					var layer = layui.layer;
					layer.tips('请填写害虫种类数量', $('#moreCategoryGroup .group').eq(num-1).find('.appointNumInp').parent());		
				})	
			}else{
				var totalVal = [];
				$('#moreCategoryGroup .group').each(function(idx,ele){
					var currVAal = [];
					currVAal.push($(ele).find('select').val());
					currVAal.push($(ele).find('.appointNumInp').val());
					totalVal.push(currVAal)
				})
				jointHtml(num+1,totalVal,'add');
			}

			
		}

		function delCategoryGroup(obj){
			var num = $('#moreCategoryGroup .group').length;
			var totalVal = [];
			$('#moreCategoryGroup .group').each(function(idx,ele){
				var currVAal = [];
				if(idx != obj.parents('.group').index()){
					currVAal.push($(ele).find('select').val());
					currVAal.push($(ele).find('.appointNumInp').val());
					totalVal.push(currVAal)
				}
			})
			jointHtml(num-1,totalVal,'del');
		}

		scrollBar();
	
		layui.use(['form', 'layer'], function () {
			var form = layui.form;
			var layer = layui.layer;
			form.render('select');
			

			// 开关2
			form.on('radio(pestCategory)', function (data) {
				var pestCategoryNum = $('#pestCategoryNum').val();
				if (data.value == 'on' && (!pestCategoryNum)) {
					$('input[name="pestCategory"][value="off"]').prop('checked', 'checked');
					layer.tips('请填写害虫种类数量', '#pestCategoryParent');
					form.render('radio');
				}
			});
			$('#pestCategoryNum').on('blur', function () {
				if ($('input[name="pestCategory"]').val() == 'on') {
					if (!$(this).val()) {
						$('input[name="pestCategory"][value="off"]').prop('checked', 'checked');
					}
					form.render('radio');
				}
				if ($(this).val()) {
					$('.preview').eq(0).addClass('active')
				} else {
					$('.preview').eq(0).removeClass('active')

				}
			})

			// 开关3
			form.on('radio(appointPest)', function (data) {
				var appointPestName = $('#appointPestName1').val();
				var appointPestNum = $('#appointPestNum1').val();
				if (data.value == 'on') {
					if (!appointPestName) {
						$('input[name="appointPest"][value="off"]').prop('checked', 'checked');
						layer.tips('请选择害虫种类', '#appointPestNameParent1');
						form.render('radio');
					} else if (!appointPestNum) {
						$('input[name="appointPest"][value="off"]').prop('checked', 'checked');
						layer.tips('请填写害虫种类数量', '#appointPestNumParent1');
						form.render('radio');
					}
				}
			});
			form.on('select(appointPestName1)', function (data) {
				if ($('input[name="appointPest"]').val() == 'on') {
					if (!data.value) {
						$('input[name="appointPest"][value="off"]').prop('checked', 'checked');
					}
					form.render('radio');
				}
				if (data.value && $('#appointPestNum1').val()) {
					$('.preview').eq(1).addClass('active')
				} else {
					$('.preview').eq(1).removeClass('active')

				}
			});
			$('#moreCategoryGroup').on('blur','#appointPestNum1', function () {
				if ($('input[name="appointPest"]').val() == 'on') {
					if (!$(this).val()) {
						$('input[name="appointPest"][value="off"]').prop('checked', 'checked');
					}
					form.render('radio');
				}
				if ($('#appointPestName1').val() && $(this).val()) {
					$('.preview').eq(1).addClass('active')
				} else {
					$('.preview').eq(1).removeClass('active')

				}
			})

			// 开关4
			form.on('radio(pestTotal)', function (data) {
				var pestCategoryNum = $('#pestTotalNum').val();
				if (data.value == 'on' && (!pestCategoryNum)) {
					$('input[name="pestTotal"][value="off"]').prop('checked', 'checked');
					layer.tips('请填写害虫总和数量', '#pestTotalNumParent');
					form.render('radio');
				}
			});
			$('#pestTotalNum').on('blur', function () {
				if ($('input[name="pestTotal"]').val() == 'on') {
					if (!$(this).val()) {
						$('input[name="pestTotal"][value="off"]').prop('checked', 'checked');
					}
					form.render('radio');
				}
				if ($(this).val()) {
					$('.preview').eq(2).addClass('active')
				} else {
					$('.preview').eq(2).removeClass('active')

				}
			})

			//监听提交
			form.on('submit(formDemo)', function (data) {
				// console.log(data.field)
				var appointPestNameArr = [];
				var appointPestNumArr = [];
				$('#moreCategoryGroup .group').each(function(idx,ele){
					// console.log($(ele).find('select').val());
					var selectVal = $(ele).find('select').val() || 0;
					appointPestNameArr.push(selectVal);
					var inpappointNumInp = $(ele).find('.appointNumInp').val() || 0;
					appointPestNumArr.push(inpappointNumInp);
					// console.log($(ele).find('.appointNumInp').val() || 0);
				})
				var appointPestName = appointPestNameArr.join('#');
				var appointPestNum = appointPestNumArr.join('#');
				data.field.appointPestName = appointPestName;
				data.field.appointPestNum = appointPestNum;

				$.ajax({
					url: 'msgconf_save',
					type: 'post',
					dataType: 'json',
					data: {
						'e_id': $('#e_id').val(),
						'conf': JSON.stringify(data.field)
					},
					success: function (data) {

						if (data == 0) {
							layer.msg('配置成功', {
								icon: 1,
								time: 2000 //2秒关闭（如果不配置，默认是3秒）
							}, function () {
								//do something
							});
						} else {
							layer.msg('配置失败', {
								icon: 7,
								time: 2000 //2秒关闭（如果不配置，默认是3秒）
							}, function () {
								//do something
							});
						}

					}
				})
				return false;
			});

			// 预览
			$('.preview').on('click', function () {
				var equipId = $('#e_id').val();
				var index = $(this).data('type');
				var txt2 = '尊敬的用户：您的虫情测报设备：' + equipId + '，于<span>2019-08-31</span>监测到害虫种类数量{\'' + $('#pestCategoryNum').val() + '\'}种，请注意防范（详情请登陆<span>www.yfzhwlw.com</span>查看）';
				var txt3 = '尊敬的用户：您的虫情测报设备：' + equipId + '，于<span>2019-08-31</span>监测到害虫{\'' + insect_dict[$('#appointPestName1').val()] + '\'}，数量达到{\'' + $('#appointPestNum1').val() + '\'}，请注意防范（详情请登陆<span>www.yfzhwlw.com</span>查看）';
				var txt4 = '尊敬的用户：您的虫情测报设备：' + equipId + '，于<span>2019-08-31</span>监测到害虫数量已达到{\'' + $('#pestTotalNum').val() + '\'}，请注意防范（详情请登陆<span>www.yfzhwlw.com</span>查看）';
				var txt5 = '尊敬的用户：您的虫情测报设备：' + equipId + '，于<span>2019-08-31</span>监测到害虫{\'暗黑鳃金龟\': \'5头\', \'二点委夜蛾\': \'5头\', \'玉米螟\': \'23头\', \'东方粘虫\': \'1头\', \'蝼蛄\': \'1头\'}（详情请登陆<span>www.yfzhwlw.com</span>查看）';
				 if (index == 2) {
					$('.noteWarnTxt').html(txt2);
				} else if (index == 3) {
					$('.noteWarnTxt').html(txt3);
				} else if (index == 4) {
					$('.noteWarnTxt').html(txt4);
				} else {
					$('.noteWarnTxt').html(txt5);
				}
				if ($(this).hasClass('active')) {
					layer.open({
						title: '',
						type: 1,
						area: ['515px', '775px'],
						content: $('#noteWarn')
					})
				} else {
					layer.msg('请先填好配置', {
						icon: 7,
						time: 2000 //2秒关闭（如果不配置，默认是3秒）
					}, function () {
						//do something
					});
				}

			})

			$.ajax({
				url: 'cbdmsg_conf',
				type: 'post',
				dataType: 'json',
				data: {
					'e_id': $('#e_id').val()
				},
				success: function (data) {
					if (data) {
						// console.log(data)
						//给表单赋值
						form.val("demoForm", {
							  "newPestName": data.newPestName
							, "pestCategory": data.pestCategory
							, "pestCategoryNum": data.pestCategoryNum
							, "appointPest": data.appointPest
							// , "appointPestName1": data.appointPestName
							// , "appointPestNum1": data.appointPestNum
							, "pestTotal": data.pestTotal
							, "pestTotalNum": data.pestTotalNum
							, "pestWarn": data.pestWarn
							, "phone": data.phone
						});

						if(data.appointPestName){
							var appointPestName = data.appointPestName.split('#');
							var appointPestNum = data.appointPestNum.split('#');
							var dataArr = [];
							for(var i = 0;i < appointPestName.length;i++){
								var currVal = [];
								currVal.push(appointPestName[i]);
								currVal.push(appointPestNum[i]);
								dataArr.push(currVal);
								if(i == appointPestName.length-1){
									jointHtml(appointPestName.length,dataArr,'rander');
								}
							}
						}
						if (data.pestCategoryNum) {
							$('.preview').eq(0).addClass('active')
						}
						if (data.appointPestName && data.appointPestNum) {
							$('.preview').eq(1).addClass('active')
						}
						if (data.pestTotalNum) {
							$('.preview').eq(2).addClass('active')
						}
					}


				}
			})

		});


	</script>

</body>

</html>