yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
							<!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="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<style type="text/css">
			/*弹出菜单*/
			
			.mui-popover {
				width: 150px;
			}
			
			.mui-popover .mui-popover-arrow {
				left: 118px;
			}
			
			.nullData {
				top: 45px;
			}
			#autoAddressParent{
				display: none;
			}
		</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>
			<a id="openPopover" class="mui-icon mui-icon-more mui-pull-right"></a>
		</header>
		<div class="mui-content">
			<div id="popover" class="mui-popover">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#" id="editName">
							<i class="mui-icon mui-icon-compose"></i>修改名称
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" id="editAddress">
							<i class="mui-icon mui-icon-compose"></i>添加位置
						</a>
					</li>
					<li class="mui-table-view-cell" id="autoAddressParent">
						<a href="#" id="autoAddress">
							<i class="mui-icon mui-icon-location"></i>定位
						</a>
					</li>
				</ul>
			</div>
			<ul class="mui-table-view" id="user">
				
			</ul>
		</div>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init({
				beforeback:function(){
					if(markingEquipName){
						var list = plus.webview.currentWebview().opener();
						//触发父页面的自定义事件(refresh),从而进行刷新
						mui.fire(list, 'refresh',{
							markingEquipName:markingEquipName
						});
					}
					//返回true,继续页面关闭逻辑
					return true;
				}
			});
			var markingEquipName = '';
			//接收上页传输数据
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();//获取上页发送的id
				console.log(self.imei)

				mui.ajax('http://192.168.1.11:8000/app_equip_list_detail', {
					data: {
						'equip_id': self.imei,
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					beforeSend: function() {
						plus.nativeUI.showWaiting();
					},
					complete: function() {
						plus.nativeUI.closeWaiting();
					},
					success: function(data) {
						console.log(data.equip_type)
						var equip_user = data.equip_user || '未分配';
						var equip_name = data.equip_name || '无';
						var equip_location = data.equip_location || '无';
						if(data.equip_type == 2){
							var equip_type = '杀虫灯';
						}else if(data.equip_type == 3){
							var equip_type = '虫情测报';
						}else if(data.equip_type == 4){
							var equip_type = '诱捕器';
						}else if(data.equip_type == 5){
							var equip_type = '环境监测';
							$('#autoAddressParent').show();
						}else if(data.equip_type == 6){
							var equip_type = '监控';
						}else if(data.equip_type == 7){
							var equip_type = '孢子仪';
						}else if(data.equip_type == 8){
							var equip_type = '性诱设备';
						}
						var html = '<li class="mui-table-view-cell"><span class="equipTitle">设备ID</span><p id="imei">' + data.equip_id + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">设备用户</span><p id="">' + equip_user + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">设备名称</span><p id="equipName">' + equip_name + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">添加时间</span><p id="">' + data.equip_add_time + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">设备类型</span><p id="">' + equip_type + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">位置</span><p id="addressTxt">' + equip_location + '</p></li>'
						$('#user').append(html)
					},
					error: function(xhr, type, errorThrown) {
						console.log(type)
						mui.toast('数据请求失败');
						mui('.mui-content')[0].appendChild(netStyle('../images/error.png'));
					}
				});
			})

			//修改操作
			var a = 1;
			document.getElementById('openPopover').addEventListener('tap', function() {
//				if(a) {
					mui('#popover').popover('toggle', document.getElementById('openPopover'));
//				} else {
//					mui.toast('暂无法执行此操作');
//				}

			})
			//修改用户名
			document.getElementById('editName').addEventListener('tap', function(e) {
				mui('#popover').popover('toggle'); //show hide toggle
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['确定', '取消'];
				mui.prompt('请填写设备名称：', '设备名称', '设备', btnArray, function(e) {
					if(e.index == 0) {
						if(e.value == '') {
							return false;
						}
						mui.ajax('http://192.168.1.11:8000/equiplist', {
							data: {
								'req': 'rename',
								'ename': e.value,
								'eid': document.getElementById("imei").innerHTML
							},
							dataType: 'json', //服务器返回json格式数据
							type: 'post', //HTTP请求类型
							timeout: 10000, //超时时间设置为10秒；
							success: function(data) {
								console.log(data)
								if(data == 0) {
									document.getElementById('equipName').innerHTML = e.value;
									markingEquipName = e.value;
								}
							},
							error: function(xhr, type, errorThrown) {
								console.log(type)
							}
						});

					} else {
						//						info.innerText = '你点了取消按钮';
						console.log('你点了取消按钮')
					}
				}, 'div')
				//prompt默认值
				if(document.getElementById('equipName').innerHTML != '无') {
					document.querySelector('.mui-popup-input input').value = document.getElementById('equipName').innerHTML;
				}

			})
			
			//添加位置
			document.getElementById('editAddress').addEventListener('tap', function(e) {
				mui('#popover').popover('toggle'); //show hide toggle
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['确定', '取消'];
				mui.prompt('请填写设备地址：', '设备地址', '设备', btnArray, function(e) {
					if(e.index == 0) {
						var value = document.querySelector('.mui-popup-input textarea').value;
						
						if(value == '') {
							return false;
						}
						mui.ajax('http://192.168.1.11:8000/equiplist', {
							data: {
								'req': 'addAddr',
								'address': value,
								'eid': document.getElementById("imei").innerHTML
							},
							dataType: 'json', //服务器返回json格式数据
							type: 'post', //HTTP请求类型
							timeout: 10000, //超时时间设置为10秒；
							success: function(data) {
								console.log(data)
								if(data == 2) {
									document.getElementById('addressTxt').innerText = value;
								}
							},
							error: function(xhr, type, errorThrown) {
								console.log(type)
							}
						});

					} else {
						//						info.innerText = '你点了取消按钮';
						console.log('你点了取消按钮')
					}
				}, 'div')
				$('.mui-popup-input').html('');
				$('.mui-popup-input').append('<textarea></textarea>')
				//prompt默认值
				if(document.getElementById('addressTxt').innerHTML != '无') {
					document.querySelector('.mui-popup-input textarea').value = document.getElementById('addressTxt').innerHTML;
				}

			})
			
			//自动定位
			document.getElementById('autoAddress').addEventListener('tap', function(e) {
				mui.openWindow({
					url: 'equip_list_map.html',
					id: 'equip_list_map',
					extras: {
						'imei': document.getElementById("imei").innerHTML
					},
				})
			})
		</script>
	</body>

</html>