yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<!--<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css">
		<link rel="stylesheet" href="../css/common.css">
		<!--App自定义的css-->
		<style type="text/css">
			body,html,.mui-content{
				background-color: #fff;
			}
			.resultTitle{
				font-size: 16px;
			    margin: 5px 0;
			    border-left: 4px solid #006dcc;
			    padding-left: 6px;
			    font-weight: 600;
			}
			.resultBox span{
			    color: #cf0000;
			    font-weight: 600;
			    margin-right: 10px;
			}
		</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" id="title">测报灯识别结果</h1>
			<a class="mui-icon mui-icon mui-icon-reload mui-pull-right" id="reload"></a>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" id="resultMsg">
			    <li class="mui-table-view-cell">
			    	<div class="resultTitle">图片标记</div>
			    </li>
			    <li class="mui-table-view-cell" style="text-align: center;">
					<img src="" width="100%" id="cbdImg"/>
			    </li>
			    <li class="mui-table-view-cell">
			    	<div class="resultTitle">识别结果</div>
			    </li>
			    <!--<li class="mui-table-view-cell resultBox">
			    	害虫名称：<span>黑绒金龟（序号：9）</span>害虫个数：<span>2</span>
			    </li>-->
			</ul>
		</div>
	</body>
	<script src="../js/jquery-2.1.0.js"></script>
	<script src="../js/mui.min.js"></script>
	<script src="../js/cbd_pest_library.js"></script>
	<script>
		var equipId,addr;
		var username;
		mui.plusReady(function() {
			var self = plus.webview.currentWebview();
			equipId = self.equipId;
			addr = self.addr;
//			$('#cbdImg').attr('src','http://120.27.222.26/cbd/'+addr);
//			$('#cbdImg').attr('src','https://pic.qiantucdn.com/back_origin_pic/19/03/18/607c964d203fe4413ee6351aef2796d4.jpg!/format/webp/fw/1024/watermark/url/L2ltYWdlcy93YXRlcm1hcmsvc2h1aXlpbi5wbmc=/repeat/true');
			
			mui.ajax('http://120.27.222.26/pests_identification_new', {
				data: {
					'img_addr': addr
				},
				dataType: 'json', //服务器返回json格式数据
				type: 'post', //HTTP请求类型
				timeout: 10000, //超时时间设置为10秒；
				beforeSend: function() {
					plus.nativeUI.showWaiting('请求中...');
				},
				complete: function() {
					plus.nativeUI.closeWaiting();
				},
				success: function(data) {
					insectData(data,function(){})
					$('.resultBox').remove();
					console.log(JSON.stringify(data))
					$('#cbdImg').attr('src',data.image);
					$('#cbdImg').width('100%');
//					if(data.result){
//		                var html = '';
//		                var wormArr = data.result.split('#');
//		                var wormImg = data.image;
//		                for(var i = 0; i<wormArr.length;i++){
//		                	var worm = wormArr[i].split(',');
//		                    var wormName = worm[0];
//		                    var wormNum = worm[1];
//		                    html += '<li class="mui-table-view-cell resultBox">害虫名称：<span>'+insect_dict[wormName]+'（序号：'+wormName+'）</span>害虫个数：<span>'+wormNum+'</span></li>';
//		                    if(i == wormArr.length-1){                  
//		                        $('#resultMsg').append(html);
//		                    }
//		                }
//		            }else{
//		                var html = '';
//		                html += '<li class="mui-table-view-cell resultBox">此类暂未录入</li>'
//		                $('#resultMsg').append(html);
//		            }
				},
				error: function(xhr, type, errorThrown) {
					mui.toast('请求失败') 
					$('#cbdImg').attr('src','../images/error.png');
					$('#cbdImg').width('30%');
					var html = '<li class="mui-table-view-cell resultBox">此类暂未录入</li>'
		            $('#resultMsg').append(html);
				}
			});
			
			function insectData (res) {
				mui.ajax('http://120.27.222.26/wechat_plant',{
						dataType:'json',//服务器返回json格式数据
						type:'get',//HTTP请求类型
						timeout: 10000,//超时时间设置为10秒；
						beforeSend: function() {
							plus.nativeUI.showWaiting('请求中...');
						},
						complete: function() {
							setTimeout(function() {
								plus.nativeUI.closeWaiting();
							}, 4000); 
						},
						success:function(data){
							if(res.result){
				                var html = '';
				                var wormArr = res.result.split('#');
				                var wormImg = res.image;
				                for(var i = 0; i<wormArr.length;i++){
				                	var worm = wormArr[i].split(',');
				                    var wormName = worm[0];
				                    var wormNum = worm[1];
				                    html += '<li class="mui-table-view-cell resultBox">害虫名称：<span>'+data[wormName]+'（序号：'+wormName+'）</span>害虫个数：<span>'+wormNum+'</span></li>';
				                    if(i == wormArr.length-1){                  
				                        $('#resultMsg').append(html);
				                    }
				                }
				            }else{
				                var html = '';
				                html += '<li class="mui-table-view-cell resultBox">此类暂未录入</li>'
				                $('#resultMsg').append(html);
				            }

						},
						error:function(xhr,type,errorThrown){
							mui.toast('识别失败')
						}
					});
			}

			$('#cbdImg').on('tap',function(){
				var imgsrc = document.getElementById('cbdImg').getAttribute('src'); 
				console.log(imgsrc)
				plus.nativeUI.previewImage([
					imgsrc
				]);
			})
			
			$('#reload').on('tap',function(){
				window.location.reload();
			})
		})
		
	</script>

</html>