portal-front/js/tidings.js

$(document).ready(function () {
	$(".onlogin .headnavbtn li.mymessage").addClass("navcurrent");

	loginStatus(); //判断个人是否登录
	$("#feedback").hide();
	var professorId = GetQueryString("id");
	var firstFlag;
	$(".list_body").niceScroll({
		cursorcolor: "#999999"
	});
	$(".chat_body.clearfix").niceScroll({
		cursorcolor: "#999999"
	});

	var userid = $.cookie("userid");
	if (userid == 'null') {
		location.href = "login.html";
	}

	function websocrket() {
		var ws = new WebSocket("ws://192.168.3.233:8081/portal/websocket/msg?id=" + userid + "&pm=www");
		ws.onopen = function () {
			// console.log(userid);
		};
		ws.onmessage = function (a) {
			var fol = true;
			var $info = JSON.parse(a.data);
			for (var i = 0; i < $(".list_body").find('.list_item').length; i++) {
				if ($(".list_body").find('.list_item').eq(i).attr('data-id') == $info.sender) {
					fol = false;
					$(".list_body").find('.list_item .last_news').eq(i).html(($info.cnt).replace(/\n/g, "<br />"));
					$(".list_body").find('.list_item .time').eq(i).text(commenTime($info.sendTime));
					if ($('.chat_content_nodata').css('display') == "none") {
						if ($(".list_body").find('.list_item .user_name').eq(i).text() == $(".usepro .user_name").text()) {
							setRead($info.sender, $info.sendTime);
							var time1 = $(".chat_body_list").find(".time").last().attr("data-createtime");
							if (time1) {
								var str1 = '<span class="time" data-createtime="' + $info.sendTime + '">' + compareTime(time1, $info.sendTime) + '</span>'
							} else {
								var str1 = '<span class="time" data-createtime="' + $info.sendTime + '">' + anTime($info.sendTime) + '</span>'
							}

							var oStr1 = '<div class="chat_item ">' +
								'<div class="clearfix">' +
								'<div class="item_avatar fl">' +
								'<img src="/images/head/' + $info.sender + '_l.jpg">' +
								'</div>' +
								'<div class="item_content fl">' +
								'<em class="is_readed"></em>' +
								'<div class="bubble message C_end">' + ($info.cnt).replace(/\n/g, "<br />") + '</div>' +
								'</div>' +
								'</div>' +
								'</div>'
							$(".chat_body_list").append(str1 + oStr1);
							$(".chat_body.clearfix").getNiceScroll().hide().show().resize();
							$(".chat_body.clearfix").getNiceScroll(0).doScrollTop($(".chat_body_list").height(), 100)
						} else {
							var oNu = Number($(".list_body").find('.list_item .tips_num').eq(i).text()) + 1;
							$(".list_body").find('.list_item .tips_num').eq(i).text(oNu).show();
							$('.mymessage .badge').text(Number($('.mymessage .badge').text()) + 1)
							getTotalMessage()
						}
					} else {
						var oNu = Number($(".list_body").find('.list_item .tips_num').eq(i).text()) + 1;
						$(".list_body").find('.list_item .tips_num').eq(i).text(oNu).show();
						$('.mymessage .badge').text(Number($('.mymessage .badge').text()) + 1)
						getTotalMessage()
					}
					if (i > 0)
						$(".list_body").find('.list_item').eq(i).remove().clone().prependTo($(".list_body"));

				} else {

				}

			}
			if (fol) {
				var ostr = '<div class="list_item clearfix active" data-id="' + $info.sender + '">' +
					'<i class="close_icon"></i>' +
					'<div class="avatar fl">' +
					'<img src="images/default-photo.jpg">' +
					'<span class="tips_num" >1</span>' +
					'</div>' +
					'<div class="list_item_info fl">' +
					'<div class="user_infos">' +
					'<span class="user_name"> </span><em class="authiconNew"></em>' +
					'</div>' +
					'<span class="time">' + commenTime($info.sendTime) + '</span><span class="last_news">' + ($info.cnt).replace(/\n/g, "<br />") + '</span>' +
					'</div>' +
					'</div>'
				var $str = $(ostr);
				$(".list_body").prepend($str);
				personMess($info.sender, $str.find('img'), $str.find(".user_name"), $str.find(".authiconNew"));

				$('.mymessage .badge').text(Number($('.mymessage .badge').text()) + 1)
				getTotalMessage()
			}
		};
		ws.onclose = function () {

		}
	}
	getPlatTotal()

	function getPlatTotal() {
		$.ajax({
			url: "/ajax/platform/msg/unread",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			traditional: true,
			data: {
				provider: userid
			},
			success: function (data) {
				if (data.success) {
					if (data.data) {
						$('.mesTotal').text('（' + data.data + '）');
					}
				}
			},
			error: function () {
				$.MsgBox.Alert('提示', '链接服务器超时')
			}
		})
	}
	if (professorId) {
		firstFlag = 1;
		$(".chat_content_nodata").hide();
		$(".chat_content").show();
		angleMessageList(professorId);
		persons(professorId)
	} else {
		myMessageList()

	}

	/*消息内容*/
	function angleMessageList(opId) {
		$.ajax({
			"url": "/ajax/webMsg/cnt/load",
			"type": "get",
			"async": true,
			"data": {
				sender: opId,
				reciver: userid,
				both: true
			},
			"success": function (data) {
				// console.log(data)
				if (data.success) {
					$(".chat_body_list").html("")
					var $data = data.data;
					if ($data.length) {
						if (arguments[1]) {
							setRead(opId, $data[$data.length - 1].sendTime)
							getTotalMessage();
						}
						if (firstFlag == 1) {
							var ostr1 = '<div class="list_item clearfix active" data-id="' + professorId + '">' +
								'<i class="close_icon"></i>' +
								'<div class="avatar fl">' +
								'<img src="images/default-photo.jpg" >' +
								'<span class="tips_num" style="display:none;">0</span>' +
								'</div>' +
								'<div class="list_item_info fl">' +
								'<div class="user_infos">' +
								'<span class="user_name"> </span><em class="authiconNew"></em>' +
								'</div>' +
								'<span class="time">' + commenTime($data[$data.length - 1].sendTime) + '</span><span class="last_news">' + $data[$data.length - 1].cnt.replace(/\n/g, "<br />") + '</span>' +
								'</div>' +
								'</div>'
							var $str1 = $(ostr1);
							$(".list_body").prepend($str1);
							personMess(professorId, $str1.find('img'), $str1.find(".user_name"), $str1.find(".authiconNew"));
							var m = 0;
							for (var j = 0; j < $data.length; j++) {
								if (professorId == $data[j].sender) {
									m = m + 1;
								}
							}
							if (m == 0) {
								setRead(professorId, $data[$data.length - 1].sendTime)
							}
							myMessageList();
						}
						firstFlag = 0;
						for (var i = 0; i < $data.length; i++) {
							var le = "";
							var flo = 'fl';
							var wei = "";
							var fCo = "C_end";
							var timeG = '';
							if (userid == $data[i].sender) {
								le = "me";
								flo = "fr";
								if ($data[i].readed) {
									wei = '<em class="is_readed"></em>';
								} else {
									wei = '<em class="is_readed"></em>';
								}

								fCo = "B_end";
							}
							if (i == 0) {
								timeG = anTime($data[i].sendTime);
							} else {
								timeG = compareTime($data[i - 1].sendTime, $data[i].sendTime)
							}
							var oStr = '<span class="time" data-createtime="' + $data[i].sendTime + '">' + timeG + '</span>' +
								'<div class="chat_item ' + le + '">' +
								'<div class="clearfix">' +
								'<div class="item_avatar fl">' +
								'<img src="/images/head/' + $data[i].sender + '_l.jpg">' +
								'</div>' +
								'<div class="item_content ' + flo + '">' +
								wei +
								'<div class="bubble message ' + fCo + '">' + ($data[i].cnt).replace(/\n/g, "<br />") + '</div>' +
								'</div>' +
								'</div>' +
								'</div>'

							$(".chat_body_list").append(oStr);
						}
						$(".chat_body.clearfix").getNiceScroll().hide().show().resize();
						$(".chat_body.clearfix").getNiceScroll(0).doScrollTop($(".chat_body_list").height(), 100)

					} else {
						if (firstFlag) {
							firstFlag = 0;
							var ostr = '<div class="list_item clearfix active" data-id="' + professorId + '">' +
								'<i class="close_icon"></i>' +
								'<div class="avatar fl">' +
								'<img src="images/default-photo.jpg">' +
								'<span class="tips_num" style="display:none;"></span>' +
								'</div>' +
								'<div class="list_item_info fl">' +
								'<div class="user_infos">' +
								'<span class="user_name"> </span><em class="authiconNew"></em>' +
								'</div>' +
								'<span class="time"></span><span class="last_news"></span>' +
								'</div>' +
								'</div>'
							var $str = $(ostr);
							$(".list_body").prepend($str);
							personMess(professorId, $str.find('img'), $str.find(".user_name"), $str.find(".authiconNew"));
							$(".chat_content_nodata").hide();
							$(".chat_content").show();
							myMessageList();
						}
					}
				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	/*关于我的消息列表*/
	function myMessageList(pageNum) {
		$.ajax({
			"url": "/ajax/webMsg/idx/qm",
			"type": "get",
			"async": true,
			"data": {
				id: userid,
				/*pageSize: 1,
				pageNo: pageNum*/
			},
			"success": function (data) {
				if (data.success) {
					var $data = data.data;
					/*if(pageNum != data.data.pageNo) {
						pa = false;
						return;
					}*/
					if ($data.length) {
						fillHtml($data);
					} else {
						return;
					}
				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	/*填充页面*/

	function fillHtml($data) {
		for (var i in $data) {
			var num = "none"
			var cNumber = $data[i].num;
			if ($data[i].num) {
				num = "block";
			}
			//这里
			cNumber = $data[0].num

			var ostr = '<div class="list_item clearfix" data-id="' + $data[i].id + '">' +
				'<i class="close_icon"></i>' +
				'<div class="avatar fl">' +
				'<img src="images/default-photo.jpg">' +
				'<span class="tips_num" style="display:' + num + '">' + $data[i].num + '</span>' +
				'</div>' +
				'<div class="list_item_info fl">' +
				'<div class="user_infos">' +
				'<span class="user_name"> </span><em class="authiconNew"></em>' +
				'</div>' +
				'<span class="time">' + commenTime($data[i].timeStr) + '</span><span class="last_news">' + ($data[i].cnt).replace(/\n/g, "<br />") + '</span>' +
				'</div>' +
				'</div>'
			var $str = $(ostr);
			if (professorId) {
				if (professorId == $data[i].id) {

				} else {
					$(".list_body").append($str);
				}

			} else {
				$(".list_body").append($str);
			}

			personMess($data[i].id, $str.find('img'), $str.find(".user_name"), $str.find(".authiconNew"));
		}
		$(".list_body").getNiceScroll().hide().show().resize();
		websocrket();
		$('.mymessage .badge').text(cNumber); //渲染header头部 消息数量
		if ($('.mymessage .badge').text() == 0) {   //如果0条信息 隐藏
			$('.mymessage .badge').css('display', 'none')
		}
	}


	//专家信息
	function personMess(id, pImg, pName, pTitle) {
		$.ajax({
			"url": "/ajax/professor/baseInfo/" + id,
			"type": "GET",
			"traditional": true,
			"dataType": "json",
			"success": function (data) {
				if (data.success) {
					// console.log(data);
					var $data = data.data;
					var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
					pTitle.attr("title", userType.title).addClass(userType.sty);
					pName.text($data.name);
					if ($data.hasHeadImage) {
						pImg.attr("src", "/images/head/" + $data.id + "_l.jpg");
					}
					var str = '';
					if ($data.title) {
						if ($data.orgName) {
							if ($data.office) {
								str = $data.title + " " + $data.orgName + "，" + $data.office;
							} else {
								str = $data.title + " " + $data.orgName;
							}
						} else {
							if ($data.office) {
								str = $data.title + " " + $data.office;
							} else {
								str = $data.title;
							}
						}
					} else {
						if ($data.orgName) {
							if ($data.office) {
								str = $data.orgName + "，" + $data.office;
							} else {
								str = $data.orgName;
							}
						} else {
							if ($data.office) {
								str = $data.office;
							}
						}
					}
					var oMess = {
						"name": $data.name,
						"idf": userType,
						"id": $data.id,
						"duties": str
					}
					pImg.parents(".list_item").attr("data", JSON.stringify(oMess))
				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	/*个人信息*/
	function persons(id) {
		$.ajax({
			"url": "/ajax/professor/baseInfo/" + id,
			"type": "GET",
			"traditional": true,
			"dataType": "json",
			"success": function (data) {
				if (data.success) {
					console.log(data);
					var $data = data.data;
					var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
					$(".usepro").find('.authiconNew').attr("title", userType.title).addClass(userType.sty);
					$(".usepro").find('.user_name').text($data.name);
					$("#cUserPage").attr("href", "userInforShow.html?professorId=" + $data.id)
					var str = '';
					if ($data.title) {
						if ($data.orgName) {
							if ($data.office) {
								str = $data.title + " " + $data.orgName + "," + $data.office;
							} else {
								str = $data.title + " " + $data.orgName;
							}
						} else {
							if ($data.office) {
								str = $data.title + " " + $data.office;
							} else {
								str = $data.title;
							}
						}
					} else {
						if ($data.orgName) {
							if ($data.office) {
								str = $data.orgName + "," + $data.office;
							} else {
								str = $data.orgName;
							}
						} else {
							if ($data.office) {
								str = $data.office;
							}
						}
					}
					$('.chating_resume_status').text(str);

				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	/*发送信息*/
	function sendMessage() {
		$.ajax({
			"url": "/ajax/webMsg",
			"type": "POST",
			"traditional": true,
			"data": {
				sender: userid,
				reciver: professorId,
				cnt: $(".messContent").val()
			},
			"dataType": "json",
			"success": function (data) {
				if (data.success) {
					console.log(data);
					$(".btnModel").attr("disabled", "disabled");
					var time1 = $(".chat_body_list").find(".time").last().attr("data-createtime");
					if (time1) {
						var str1 = '<span class="time" data-createtime="' + data.data + '" style="">' + compareTime(time1, data.data) + '</span>'
					} else {
						var str1 = '<span class="time" data-createtime="' + data.data + '" style="">' + anTime(data.data) + '</span>'
					}

					var oStr = '<div class="chat_item me">' +
						'<div class="clearfix">' +
						'<div class="item_avatar fl">' +
						'<a href="#" ><img src="/images/head/' + userid + '_l.jpg"></a>' +
						'</div>' +
						'<div class="item_content fr">' +
						'<em class="is_readed"></em>' +
						'<div class="bubble message B_end">' + $(".messContent").val().replace(/\n/g, "<br />") + '</div>' +
						'</div>' +
						'</div>' +
						'</div>'
					$(".chat_body_list").append(str1 + oStr);

					$(".chat_body.clearfix").getNiceScroll().hide().show().resize();
					$(".chat_body.clearfix").getNiceScroll(0).doScrollTop($(".chat_body_list").height(), 100)
					for (var i = 0; i < $(".list_body").find('.list_item').length; i++) {
						if ($(".list_body").find('.list_item .user_name').eq(i).text() == $(".usepro .user_name").text()) {
							$(".list_body").find('.list_item .last_news').eq(i).text($(".messContent").val());
							$(".list_body").find('.list_item .time').eq(i).text(commenTime(data.data));
							if (i != 0) {
								$(".list_body").find('.list_item').eq(i).remove().clone().prependTo($(".list_body"))
							}
						}
					}
					$(".messContent").val("");
				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	$(".btnModel").click(function () {
		sendMessage();
	})
	$(".messContent").on("input", function () {
		if ($.trim($(this).val()) == "") {
			$('.btnModel').attr("disabled", "disabled");
		} else {
			$('.btnModel').removeAttr("disabled");
		}
	})

	function ci(e) {
		var elem = e.target;
		if (elem.tagName.toLowerCase() === 'img') {
			var $this = $(elem);
			$this.attr("src", "/images/default-photo.jpg");

		}
	}
	document.addEventListener("error", ci, true /*指定事件处理函数在捕获阶段执行*/ );
	getTotalMessage()

	function getTotalMessage() {
		$.ajax({
			url: "ajax/webMsg/unReadedCount",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			traditional: true,
			data: {
				id: userid
			},
			success: function (data) {
				if (data.success) {
					if (data.data) {
						$('.kexiuTotal').text('（' + data.data + '）');
					} else {
						$('.kexiuTotal').text('');
					}
				}
			},
			error: function () {
				$.MsgBox.Alert('提示', '链接服务器超时')
			}
		})
	}


	/*切换*/
	$(".list_body").on("click", ".list_item", function () {
		$(this).addClass("active").siblings().removeClass("active");
		if ($(this).find(".tips_num").css("display") == "block") {
			// $('.mymessage .badge').text(Number($('.mymessage .badge').text())-Number($(this).find(".tips_num").text()));
			$('.mymessage .badge').text(Number($(this).find(".tips_num").text()));
			// if ($(this).find('.tips_num').text() == 0) {
			// 	console.log(1)
			// 	$(".mymessage .badge").text('');
			// }

			if ($('.mymessage .badge').text() != 0) { // 消息联动
				$(".mymessage .badge").text('');
			}
		}
		$(this).find(".tips_num").text(0).hide();
		if ($(".usepro .user_name").css("display") == "block") {
			if ($(this).find(".user_name").text() == $(".usepro .user_name").text()) {
				return;
			}
		}

		$(".chat_content_nodata").hide();
		$(".chat_content").show();
		var pro = JSON.parse($(this).attr("data"));
		$("#cUserPage").attr("href", "userInforShow.html?professorId=" + pro.id)
		$(".usepro").find(".user_name").text(pro.name).siblings(".authiconNew").addClass(pro.idf.sty).attr("title", pro.idf.title).parent().siblings(".chating_resume_status").text(pro.duties);
		professorId = pro.id;
		if (Number($(this).find(".tips_num").text())) {
			angleMessageList(pro.id, true);
		} else {
			angleMessageList(pro.id);
		}
		getTotalMessage()
	});

	/*让消息置为已读*/
	function setRead(opid, time) {
		$.ajax({
			"url": "/ajax/webMsg/readed",
			"type": "POST",
			"traditional": true,
			"data": {
				sender: opid,
				reciver: userid,
				time: time
			},
			"dataType": "json",
			"success": function (data) {
				if (data.success) {

				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	/*超过时间10min*/
	function timeC(startTime) {
		var startdate = new Date();
		startdate.setFullYear(parseInt(startTime.substring(0, 4)));
		startdate.setMonth(parseInt(startTime.substring(4, 6)) - 1);
		startdate.setDate(parseInt(startTime.substring(6, 8)));
		startdate.setHours(parseInt(startTime.substring(8, 10)));
		startdate.setMinutes(parseInt(startTime.substring(10, 12)));
		startdate.setSeconds(parseInt(startTime.substring(12, 14)));
		startdate.setMilliseconds(parseInt(startTime.substring(14, 17)));
		return startdate.getTime();
	}

	function compareTime(startTime, secondTime) {
		var date3 = timeC(secondTime) - timeC(startTime); //时间差的毫秒数
		if (date3 >= 600000) {
			if (new Date().getFullYear() == secondTime.substring(0, 4)) {

				return secondTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + secondTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + secondTime.substring(8, 10) + ":" + secondTime.substring(10, 12);
			} else {

				return secondTime.substring(0, 4) + "年" + secondTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + secondTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + secondTime.substring(8, 10) + ":" + secondTime.substring(10, 12);
			}
		} else {
			return '';
		}
	}

	function anTime(secondTime) {
		if (new Date().getFullYear() == secondTime.substring(0, 4)) {

			return secondTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + secondTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + secondTime.substring(8, 10) + ":" + secondTime.substring(10, 12);
		} else {

			return secondTime.substring(0, 4) + "年" + secondTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + secondTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + secondTime.substring(8, 10) + ":" + secondTime.substring(10, 12);
		}
	}

	/*滚动加载
	$('.list_body').scroll(function() {
		var $me = $(this);
		var scrollTop = $me.scrollTop();
		var height = $me.height();
		var scrollHeight = $me.prop('scrollHeight');
		/*console.log(scrollTop)
		console.log(height)
		console.log(scrollHeight)*/
	/*if(scrollHeight - scrollTop - height < 1) {

			if(pa) {
				pageNo++;
				myMessageList(pageNo)
			}

		}
	});*/
	/*删除会话*/
	var $that;
	$(".list_body").on("click", ".close_icon", function () {
		$that = $(this)
		$.MsgBox.Confirm("提示", "确定删除？", deleChat);
		return false;
	})
	/*会话删除函数*/
	function deleChat() {
		$.ajax({
			"url": "/ajax/webMsg/disable/show",
			"type": "POST",
			"traditional": true,
			"data": {
				owner: userid,
				actor: $that.parents(".list_item").attr('data-id')
			},
			"context": $that.parents(".list_item"),
			"dataType": "json",
			"success": function (data) {
				if (data.success) {
					$(this).remove();
					$(".chat_content_nodata").show();
					$(".chat_content").hide();
					unReadedCount(userid);
				}
			},
			"error": function () {
				$.MsgBox.Alert('提示', '服务器连接超时');
			}
		});
	}
	$("#repo").click(function () {
		$("#report").toggle();
	})
	$("#report").on("click", function () {
		$(".cBacktit>span").text("举报")
		$(".correctCon")[0].placeholder = "请具体说明举报对方的原因，以便我们为您快速解决";
		$("#correctBlock").fadeToggle();
		$(this).hide();
	})
	/*纠错反馈*/
	$(".correctSubmit").on("click", function () {
		var cntCon = $(this).siblings(".correctCon").val();
		if (cntCon.length > 500) {
			$.MsgBox.Alert('提示', '举报内容不得超过500个字');
			return;
		} else {
			$.ajax({
				"url": "/ajax/feedback/error/professor",
				"type": "POST",
				"dataType": "json",
				"async": true,
				"data": {
					"id": professorId,
					"cnt": cntCon,
					"user": userid
				},
				"success": function (data) {
					if (data.success) {
						backSuccessed();
						$("#mb_msgcontent").text("很抱歉为您带来不好的体验我们会为您尽快解决");
					}
				},
				"error": function () {
					$.MsgBox.Alert('提示', '链接服务器超时')
				}
			});
		}
	})
})