yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">-->
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/common.css" rel="stylesheet" />
		<style type="text/css">
			.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
				padding-left: 10px;
			}
			
			.category,
			.categoryVal input {
				text-align: center;
				font-size: 14px;
			}
			
			.saveBtn {
				display: none;
			}
			.nullData {
				margin: 45px;
				text-align: center;
			}
			.mui-content>.mui-table-view:first-child{
				margin-top: 0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">虫害详情</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" id="detial">
				<!--<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right">
						<span class="equipTitle">害虫名称</span>
						<p class="wormname">蛾子</p>
					</a>
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">
							<div class="mui-pull-right">
								<button class="editBtn"><span class="mui-icon mui-icon-compose"></span></button>
								<button class="saveBtn"><span class="mui-icon mui-icon-upload"></span></button>
								<button class="delBtn"><span class="mui-icon mui-icon-trash"></span></button>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="mui-row category categoryTitle">
								<span class="mui-col-xs-4">数量</span>
								<span class="mui-col-xs-4">作物种类</span>
								<span class="mui-col-xs-4">虫害阶段</span>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="mui-row category categoryVal">
								<span class="mui-col-xs-4 wormnum">0</span>
								<span class="mui-col-xs-4 cropArea">玉米花生地玉米花生地</span>
								<span class="mui-col-xs-4 worstage">严重严重严重</span>
							</div>
						</li>
					</ul>
				</li>-->
			</ul>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/common.js"></script>
		<script type="text/javascript">
			var equipId;
			var addr;
			mui.init();
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				equipId = self.equipId;
				addr = self.addr;
				console.log(equipId);
				(function() {
					//请求害虫列表
					mui.ajax('http://192.168.1.11:8000/cbd_describe_img', {
						data: {
							req: 'desc',
							addr: addr
						},
						dataType: 'json', //服务器返回json格式数据
						type: 'get', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						success: function(data) {
							var html = '';
							if(data.length){
								for(var i = 0; i < data.length; i++) {
									html += '<li class="mui-table-view-cell mui-collapse">' +
										'<a class="mui-navigate-right">' +
										'<span class="equipTitle">害虫名称</span>' +
										'<p class="wormname">' + data[i].pest_name + '</p></a>' +
										'<ul class="mui-table-view mui-table-view-chevron">' +
										'<li class="mui-table-view-cell">' +
										'<div class="mui-pull-right">' +
										'<button class="editBtn"><span class="mui-icon mui-icon-compose"></span></button>' +
										'<button class="saveBtn"><span class="mui-icon mui-icon-upload"></span></button>' +
										'<button class="delBtn"><span class="mui-icon mui-icon-trash"></span></button>' +
										'</div></li><li class="mui-table-view-cell">' +
										'<div class="mui-row category categoryTitle">' +
										'<span class="mui-col-xs-4">数量</span>' +
										'<span class="mui-col-xs-4">作物种类</span>' +
										'<span class="mui-col-xs-4">虫害阶段</span>' +
										'</div>	</li><li class="mui-table-view-cell">' +
										'<div class="mui-row category categoryVal">' +
										'<span class="mui-col-xs-4 wormnum">' + data[i].pest_num + '</span>' +
										'<span class="mui-col-xs-4 cropArea">' + data[i].crop_name + '</span>' +
										'<span class="mui-col-xs-4 worstage">' + data[i].pest_case + '</span>' +
										'</div></li></ul></li>';
								}
								$('#detial').html(html)
							}else{
								var nullHtml = '<div class="nullData"><img src="../images/listNull.png" alt="" width="110" /></div>'
								$('.mui-content').html(nullHtml)
							}
						},
						error: function(xhr, type, errorThrown) {
							mui.toast('请求失败');$('.nullData').remove();
							var nullHtml = '<div class="nullData"><img src="../images/error.png" alt="" width="110" /></div>'
							$('.mui-content').append(nullHtml);
						}
					});
					//编辑
					mui('#detial').on('tap', '.editBtn', function() {
						if($('.saveBtn.current').length != 1) {
							$(this).hide();
							$(this).next().show();
							$(this).next().addClass('current');
							$(this).parents('li').eq(1).css('background', '#faf9db');

							var inp = $(this).parents('ul').eq(0).find('.categoryVal').find('span')
							inp.each(function() {
								var val = $(this).html();
								var html = '<input type="text" value="' + val + '" />'
								$(this).html(html)
							})

						} else {
							mui.toast('正在编辑中……')
						}

					})
					//保存
					mui('#detial').on('tap', '.saveBtn', function() {
						var _this = $(this);
						var dat = [];
						var inp = $(this).parents('ul').eq(0).find('.categoryVal').find('input');
						inp.each(function() {
							var val = $(this).val();
							dat.push(val)
						})
						var wormName = $(this).parents('li').eq(1).find('.wormname').html()
						var describe = { pest_name: wormName, crop_name: dat[1], pest_num: dat[0],   pest_case: dat[2] }

						if(!isNaN(dat[0])) {
							mui.ajax('http://192.168.1.11:8000/cbd_describe_img', {
								data:{
									req: 'change_save',
									addr: addr,
									describe:JSON.stringify(describe)
								},
								dataType: 'json', //服务器返回json格式数据
								type: 'post', //HTTP请求类型
								timeout: 10000, //超时时间设置为10秒；
								success: function(data) {
									if(data == 0) {
										var span = _this.parents('ul').eq(0).find('.categoryVal').find('span');
										span.each(function(index, ele) {
											$(ele).html(dat[index])
										})
										_this.hide();
										_this.prev().show();
										_this.removeClass('current');
										_this.parents('li').eq(1).css('background', '');
									}
								},
								error: function(xhr, type, errorThrown) {
									console.log(type)
								}
							});
						} else {
							mui.toast('输入不合法……')
						}
					})
					//删除
					mui('#detial').on('tap', '.delBtn', function() {
						var wormName = $(this).parents('li').eq(1).find('.wormname').html();
    					var describe = {"pest_name":wormName}
    					mui.ajax('http://192.168.1.11:8000/cbd_describe_img', {
								data:{
									req: 'del_desc',
									addr: addr,
									describe:JSON.stringify(describe)
								},
								dataType: 'json', //服务器返回json格式数据
								type: 'post', //HTTP请求类型
								timeout: 10000, //超时时间设置为10秒；
								success: function(data) {
									if(data == 0) {
										window.location.reload();
									}
								},
								error: function(xhr, type, errorThrown) {
									console.log(type)
								}
							});
					})

				}(mui, jQuery))
			})

				
		</script>
	</body>

</html>