bjquanjiang
/
DigitalScholl


			
				
					
						
						
							
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-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">

		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			
			.mui-content>.mui-table-view:first-child {
				margin-top: 0px;
			}
			
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
			
			.oa-contact-avatar {
				width: 75px;
			}
			
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			
			.oa-contact-content {
				width: 100%;
			}
			
			.oa-contact-name {
				margin-right: 20px;
			}
			
			.oa-contact-name,
			oa-contact-position {
				float: left;
			}
			
			.tit {
				padding: 10px 8px;
				font-size: 16px;
				font-family: "微软雅黑";
			}
		</style>
	</head>

	<body>
		<div class="mui-content">

			<div class="tit">咨询老师</div>
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="table">

			</ul>
			<div class="tit">关联老师</div>
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="tableguanlian">
			</ul>
		</div>
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/serverurl.js"></script>
	<script src="js/tools.js"></script>
	<script src="js/userinfos.js"></script>
	<script type="text/javascript" charset="utf-8">
		function RefreshContactTeacher() {
			CheckLogin();
			if(users.teaID != undefined && users.teaID != null && users.teaID != '' && users.teaID != 0 && users.teaID != '0') {
				//关联老师
				var table = document.getElementById("tableguanlian");
				var li = document.createElement("li");
				li.innerHTML = '<li class="mui-table-view-cell" onclick="OpenChat(\'' + users.teaID + '\');" id="' + users.teaID + '">' +
					'<div class="mui-slider-cell">' +
					'<div class="oa-contact-cell mui-table">' +
					'<div class="oa-contact-avatar mui-table-cell">' +
					'<img src="images/geren.png" />' +
					'</div>' +
					'<div class="oa-contact-content mui-table-cell">' +
					'<div class="mui-clearfix">' +
					'<h4 class="oa-contact-name">' + (users.teaName != undefined && users.teaName != null ? users.teaName : users.teaID) + '</h4>' +
					'<span class="oa-contact-position mui-h6" style="float: right;"></span>' +
					'</div>' +
					'<p class="oa-contact-email mui-h6">' +
					'聊天记录' +
					'</p>' +
					'</div>' +
					'</div>' +
					'</div>' +
					'</li>';
				table.appendChild(li, table.firstChild);
			}
		}
		(function($, doc) {
			mui.plusReady(function() {
				if(CheckLogin()) {
					var B = window.plus.bridge;
					var Yuntx = {
						ReadOffLineMessage: function(uln, unickname, successCallback, errorCallback) {
							var success = typeof successCallback !== 'function' ? null : function(args) {
									successCallback(args);
								},
								fail = typeof errorCallback !== 'function' ? null : function(code) {
									errorCallback(code);
								},
								callbackID = B.callbackId(success, fail);
							return B.exec("Yuntx", "ReadOffLineMessage", [callbackID, uln, unickname]);
						},
						OpenChat: function(uln, tln, successCallback, errorCallback) {
							var success = typeof successCallback !== 'function' ? null : function(args) {
									successCallback(args);
								},
								fail = typeof errorCallback !== 'function' ? null : function(code) {
									errorCallback(code);
								},
								callbackID = B.callbackId(success, fail);
							return B.exec("Yuntx", "OpenChat", [callbackID, uln, tln]);
						}
					};
					window.plus.Yuntx = Yuntx;
					var list = JSON.parse(localStorage.getItem('taigangteacherMsgList') || '[]');
					LoadList(list);
					GetMessage();
					RefreshContactTeacher();
				}
			});
		}(mui, document));

		function GetMessage() {
			plus.Yuntx.ReadOffLineMessage(users.ID, users.username,
				function(contact) { //成功
				},
				function(status) { //失败
					plus.nativeUI.toast("获取消息失败！");
				}
			);
		}

		function OpenChat(id) {
			plus.Yuntx.OpenChat(users.ID, id,
				function(contact) { //成功
					plus.nativeUI.closeWaiting();
				},
				function(status) { //失败
					plus.nativeUI.closeWaiting();
				});
		}

		function LoadList() {
			var table = document.getElementById("table");
			table.innerHTML = "";
			var xhr = new plus.net.XMLHttpRequest();
			xhr.responseType = "json";
			xhr.onreadystatechange = function() {
				switch(xhr.readyState) {
					case 4:
						if(xhr.status == 200) {
							if(xhr.response.result == "ok") {
								if(xhr.response.msg != null && xhr.response.msg.length > 0) {
									for(var i in xhr.response.msg) {
										var dataobject = xhr.response.msg[i];
										var li = document.createElement("li");
										li.setAttribute("userid", "" + dataobject.userID + "");
										li.innerHTML = '<li class="mui-table-view-cell" onclick="OpenChat(\'' + dataobject.userID + '\');" id="' + dataobject.userID + '">' +
											'<div class="mui-slider-cell">' +
											'<div class="oa-contact-cell mui-table">' +
											'<div class="oa-contact-avatar mui-table-cell">' +
											'<img src="images/geren.png" />' +
											'</div>' +
											'<div class="oa-contact-content mui-table-cell">' +
											'<div class="mui-clearfix">' +
											'<h4 class="oa-contact-name">' + dataobject.schoolName + '-' + dataobject.teacherName + '</h4>' +
											'<span class="oa-contact-position mui-h6" style="float: right;"></span>' +
											'</div>' +
											'<p class="oa-contact-email mui-h6">' +
											'咨询老师' +
											'</p>' +
											'</div>' +
											'</div>' +
											'</div>' +
											'</li>';
										table.appendChild(li, table.firstChild);
									}

								}
							} else {}
						} else {
							plus.nativeUI.toast('世界上最遥远的距离就是没有网络。');
						}
						break;
					default:
						break;
				}
			}
			xhr.open("GET", encodeURI(serverdomain + "/WebService/UserService.ashx?Action=getTeacherInfo"));
			xhr.send();
		}
	</script>

</html>