1.工作台：最新咨询和最新回复，数据渲染（查看全部未作）

src/main/webapp/js/consultFlat.js

@@ -1,69 +1,220 @@
/**
 * 
 */
function Ajax(){
//ajax封装函数
//创建构造函数类
function Conslut(){
	
		
};
Conslut.prototype = {
	init:function(consultanatId,professorId){
		var userid = $.cookie("userid");
		this.consultanatId = {
			"consultantId":userid
		};
		this.professorId = {
				"professorId":userid
		};
	},
	getConsultData:function(url,type,params,successConsultFn,errorMsg){
		
Ajax.prototype = {
	getHtml:function(url,method,dataType,params,contianer){
		$.ajax({
			"url":url,
			"type" : type,
			"data" :params,
			"success":successConsultFn,
			"error":function(){
			url:url,
			dataType:type,
			data:params,
			success:function(response){
				$(contianer).html(response);
			},
			error:function(errorResponse){
				$.MsgBox.Alert(errorMsg);
			}
		});
	},
	getReplyData:function(url,type,params,successRelyFn,errorMsg){
	//url,
	getData:function(url,method,dataType,params,errorMsg){
		
		$.ajax({
			"url":url,
			"type" : type,
			"data" :params,
			"success":successRelyFn,
			"error":function(){
			url:url,
			dataType : dataType,
			type:method,
			data :params,
			success:function(response){
				var allData = response["data"];
				var total = allData["total"];
				var myData = allData["data"];
				var oData = {
					"myData":myData,
					"total":total
				};
				return oData;
			},
			error:function(errorResponse){
				$.MsgBox.Alert(errorMsg);
			}
		});
	},
	getConsultHtml:function(url,type,params,successHtmlFn,errorMsg){
		$.ajax({
			"url":url,
			"type" : type,
			"data" :params,
			"success":successHtmlFn,
			"error":function(){
				$.MsgBox.Alert(errorMsg);
	getItemStr:function(data,htmlStr,attrParams,text,btnCls){
		htmlStr = '';
		for(var i = 0; i < data.length;i++){
			if(data[i]["consultStatus"] == 0){
				data[i]["consultStatus"] = "进行中";
			};
			if(data[i]["consultStatus"] == 1){
				data[i]["consultStatus"] = "完成";
			};
			if(data[i]["assessStatus"] == 0){
				data[i]["assessStatus"] = "未评价";
			};
			if(data[i]["assessStatus"] == 1){
				data[i]["assessStatus"] = "已评价";
			};
			if(data[i]["thanksStatus"] == 0){
				data[i]["thanksStatus"] = "未感谢";
			};
			if(data[i]["thanksStatus"] == 1){
				data[i]["thanksStatus"] = "已感谢";
			};
			htmlStr +=
				"<div class='workselectitem' id='" +data[i]["consultId"] +"' >" +
					"<table width='100%'>" +
						"<tbody><tr>" +
							"<td width='14%' class='messagebox'>" +
								"<a class='workhead workitimg' href='information.html'>" +
									"<img src='images/default-photo.jpg' width='100%' height='100%'>" +
								"</a>" +
								"<span class='msgprompt'>1</span>" +
							"</td>" +
							"<td style='position:relative;' width='86%'>" +
								"<div class='workinfor worksitcon'>" +
									"<h4><a href='' class='named' id='nameS'> " + data[i]["professor"]["name"] +
										" </a><img class='modifyicon' src='images/rz.png' width='30'><input type='text' class='assessStar' value='"+data[i]["assessStar"] +"' style='display: none;'></h4>" +
										"<h6><span>职称  " + data[i]["professor"]["title"] +"  </span>,<span>职位  " + data[i]["consultId"] +"  </span>,<span> "
										+ data[i]["professor"]["orgName"] +"  </span>,<span> " + data[i]["professor"]["department"] +
										" </span>&nbsp;|&nbsp;<span> " + data[i]["professor"]["adress"] +"  </span></h6>" +
									"<h6>"+
									"<span>咨询主题：<em> " + data[i]["consultTitle"] +"  </em></span>" +
										"&nbsp;&nbsp;&nbsp;&nbsp;" +
										"<span>咨询类型：<em> " + data[i]["consultType"] +"  </em></span>" +
										"&nbsp;&nbsp;&nbsp;&nbsp;<span>" +
										"咨询发起时间：<em>  " +
										data[i]["createTime"].substr(0,4) + "-" + data[i]["createTime"].substr(4,2) + "-" + data[i]["createTime"].substr(6,2) + " "
											+ data[i]["createTime"].substr(8,2)+ ":" +data[i]["createTime"].substr(10,2)+
										"</em>" +
										"</span></h6>" +
										"<p>最后回复<span class='lasttime'> (  " +
										data[i]["revoveryTime"].substr(0,4) + "-" + data[i]["revoveryTime"].substr(4,2) + "-" + data[i]["revoveryTime"].substr(6,2) + " "
										 + data[i]["revoveryTime"].substr(8,2)+ ":" +data[i]["revoveryTime"].substr(10,2) +
										") </span>" +
										"</p>" +
										"<p class='rebackcon'>  " + data[i]["consultContant"] +"  </p>" +
										"</div>" +
										"<div class='workhandle'>" +
											"<div class='rightopert floatR'>" +
												"<span class='replybtn "+btnCls+"' id='"+ data[i]["consultId"]+ "'>" +text +"</span>" +
												"<span class='moreopert'>...</span>" +
												"<ul class='moreopertbtn'>" +
													"<li>投诉</li>" +
												"</ul>" +
											"</div>" +
											"<div class='leftstate floatR'>" +
												"<span class='coultstate'><i class='coultState'>" +data[i]["consultStatus"]+"/ </i><i class='assessStatus'> "
												+data[i]["assessStatus"]+" / </i><i class='thanksStatus' >"+data[i]["thanksStatus"]+"</i></span>" +
											"</div>" +
										"</div>" +
									"</td>" +
								"</tr></tbody></table>" +
			"</div>";
		};
		return htmlStr
	},
	getDilogStrFn:function(data){
		var htmlStr ="";
		var dialogitem,float,dilinfobox,dilarrow,dilarrow_bor;
		for(var i = 0; i < data.length;i++){
			if(data[i]["professor"]["id"] == userid){
				dialogitem = "dialogrightitem";
				float = "floatR";
				dilinfobox = "dilinfobox_r";
				dilarrow = "dilarrow_r";
				dilarrow_bor="dilarrow_r_bor";
			}
		});
			else{
				dialogitem = "dialogleftitem";
				float = "floatL";
				dilarrow = "dilarrow_l";
				dilinfobox = "dilinfobox_l";
				dilarrow_bor="dilarrow_l_bor";
			}
			htmlStr +=
				"<div class='"+dialogitem+"'>" +
				"<div class='dilmod'>" +
					"<div class='diluser "+float+"'>" +
						"<a href='' target='_blank' class='userface'>" +
							"<img src='images/default-photo.jpg' width='100%' height='100%'>" +
						"</a>" +
					"</div>" +
					"<div class='dilinfobox "+ dilinfobox+" "+ float +"'>" +
						"<div class='delinfocon clearfix'>" +
							"<div class='dilarrow "+ dilarrow+"'></div>" +
							"<div class='dilarrow "+dilarrow_bor+"'></div>" +
							"<div class='delinfomain "+float+"'>" +
								"<div class='cont'>" +
									"<p>"+data[i]["tidingsContant"]+"</p>" +
								"</div>" +
							"</div>" +
						"</div>" + //dilinfobox
					"</div>" + //dilinfobox
				"</div>" +  //dilmod
			"</div>" + //dialogrightitem
		"</div> "
		};
		return htmlStr;
	},
	getObjId:function(){
		return $(this).attr("id");
	},
	//总体评价中点击星级评价
	showStar:function(){
		var starStart;
		return function clickStar(){
				$(".evastar2").removeClass('addStar');
				starStart=$(this).index()+1;
				for(var i=0;i<starStart;i++){
					if(i<starStart){
						$(".evastar2").eq(i).addClass("addStar");
					}
					else{
						$(".evastar2").eq(i).removeClass('addStar');
					}
				}
				$("#startCount").val($(".addStar").length);
		};
	},
	//点击箭头，排序
	sortFn:function(){
		var sortFlag2 = true;
		return function clickSortFn(){
			if(sortFlag2 == true){
		  		$(this).find("div").css("background-position","-20px 1px");
		  		$("#timeSortId2").val("1");
		  		sortFlag2 =false;
		  	}else{
		  		$(this).find("div").css("background-position","0px 1px");
		  		$("#timeSortId2").val("0");
		  		sortFlag2=true;
		  	};
		};
	}
}
//登陆人id
var userid = $.cookie("userid");
//收到咨询数据成功函数
function successRelyFn(response){
	
};
var consult = new Ajax();
//data:需要处理的数据，htmlStr:页面中需要的html字符串拼接，
//attrParams:数据中不同的参数比如:收到咨询是professorId，收到答复：consultantId
@@ -122,14 +273,14 @@ function handleData(data,htmlStr,attrParams,text,btnCls){
									"</div>" +
									"<div class='workhandle'>" +
										"<div class='rightopert floatR'>" +
											"<span class='replybtn "+btnCls+"' id='"+ data[i]["consultId"]+ "'>" +text +"</span>" +
											"<span class='replybtn "+btnCls+"' id='"+ data[i]["consultId"]+ "' assess='"+ data[i]["assessStatus"]+ "'  thanks='"+ data[i]["thanksStatus"]+ "'>" +text +"</span>" +
											"<span class='moreopert'>...</span>" +
											"<ul class='moreopertbtn'>" +
												"<li>投诉</li>" +
											"</ul>" +
										"</div>" +
										"<div class='leftstate floatR'>" +
											"<span class='coultstate'><i class='coultState'>" +data[i]["consultStatus"]+"/ </i><i class='assessStatus'> "+data[i]["assessStatus"]+" / </i><i class='thanksStatus' >"+data[i]["thanksStatus"]+"</i></span>" +
											"<span class='coultstate'><i class='coultState'>" +data[i]["consultStatus"]+"/</i><i class='assessStatus'> "+data[i]["assessStatus"]+"/ </i><i class='thanksStatus' >"+data[i]["thanksStatus"]+"</i></span>" +
										"</div>" +
									"</div>" +
								"</td>" +
@@ -207,7 +358,7 @@ function clickStar(selector){
//点击：正序倒叙函数:只改变了样式
/*//点击：正序倒叙函数:只改变了样式
var sortFlag2 = true;
function clickSortFn(){
	
@@ -223,9 +374,7 @@ function clickSortFn(){
  		
  		sortFlag2=true;
  	};
};
};*/
$(document).ready(function(){
@@ -526,8 +675,8 @@ $(document).ready(function(){
								//============================================点击咨询页面中回复按钮=====================
						        function clickReplyFn(){
									var consultId     = $.trim($(this).attr("id"));//咨询id
									var assessStatus  = $.trim($(this).find(".coultState").text());//评价状态 0-未评价，1-已评价
									var consultStatus = $.trim($(this).find(".assessStatus").text());//咨询状态 0-进行中，1-已完成
									var assessStatus  = $.trim($(this).find(".assessStatus").text());//评价状态 0-未评价，1-已评价
									var consultStatus = $.trim($(this).find(".coultState").text());//咨询状态 0-进行中，1-已完成
									var thanksStatus  = $.trim($(this).find(".thanksStatus").text());//感谢状态 0-未感谢，1-已感谢
									var assessStar    = $.trim($(this).find(".assessStar").val());//星级,几颗星 用隐藏域做
									
@@ -723,7 +872,7 @@ $(document).ready(function(){
											
											
											//==============点击确认完成
											function confirmFinishFn(){
											function assessFn(){
												ConsultComment();
												if($(this).attr("id") == "dialog_thanksBtn"){
													$(".overcomment").css("display","block");//显示感谢
@@ -752,7 +901,7 @@ $(document).ready(function(){
												
											};
											//绑定对话页面确认完成咨询
											$("#dial_confirmFinishConsult").bind("click",confirmFinishFn);
											$("#dial_confirmFinishConsult").bind("click",assessFn);
											
											
											//点击发表评论：保存发表内容和星级
@@ -783,7 +932,7 @@ $(document).ready(function(){
													"success":function(response){
														console.log(response);
														$(".blackcover").remove();
														$("body").css("overflow","auto");
														$("body").css("position","static");
														$.MsgBox.Alert('提示',"评论成功");
														
														//评价状态改变，所以头部信息改变
@@ -852,6 +1001,7 @@ $(document).ready(function(){
//											$(".tcdPageCode:last").before(replyTrHtml);	
											$("#workContainer2").prepend(replyTrHtml);
											
											
											$("#workContainer2 .workselectitem").find(".lookBtn").bind("click",clickLookBtn);
											
										}else{
@@ -962,11 +1112,11 @@ $(document).ready(function(){
									//=======================================================点击回复中查看
									function clickLookBtn(){
										var consultId     = $.trim($(this).attr("id"));//咨询id
										var assessStatus  = $.trim($(this).find(".coultState").text());//评价状态 0-未评价，1-已评价
										var consultStatus = $.trim($(this).find(".assessStatus").text());//咨询状态 0-进行中，1-已完成
										var thanksStatus  = $.trim($(this).find(".thanksStatus").text());//感谢状态 0-未感谢，1-已感谢
										var assessStar    = $.trim($(this).find(".assessStar").val());//星级,几颗星 用隐藏域做
										
										var assessStatus  = $.trim($(this).attr("assess"));//评价状态 0-未评价，1-已评价
										/*var consultStatus = $(this).find(".coultState").text();//咨询状态 0-进行中，1-已完成
										var thanksStatus  = $(this).find(".thanksStatus").text();//感谢状态 0-未感谢，1-已感谢
										var assessStar    = $(this).find(".assessStar").val();//星级,几颗星 用隐藏域做
*/										localStorage.setItem("consultId", consultId);
										//点击确认完成的传值:consultId,咨询状态
										var confirmFinishStr = {
											"consultId":consultId,
@@ -976,16 +1126,35 @@ $(document).ready(function(){
										var consultIdStr = {
											"consultId":consultId
										}
										//ajax加载对话页面
										$.ajax({
											"url":"diloags.html",
											"dataType":"html",
											"success":function(result){
												//console.log(data);
												$(this).attr("id");
												$(".workcon").html(result);
												
										if(assessStatus == "已评价"){
											//ajax加载对话页面
											$.ajax({
												"url":"diloags.html",
												"dataType":"html",
												"success":function(result){
													//console.log(data);
													$(this).attr("id");
													$(".workcon").html(result);
													
													lookDialogHeadDataHandleFn();
													dialogContentDataHandle();
													$("#dialog_sendBtn").bind("click",sendDialogContentFn);
													
													
												},
												"error":function(error){
													//console.log(data);
													//加载对话页面失败
													console.log(error);
												}
											});
										}else{
											assessFn();
											//点击稍后评价
											$("#noAssessBtn").bind("click",noAssess);
											
										}
										
												//===========================================dialog数据==================
												//=========对话头部
												//对话头部数据渲染
@@ -1011,8 +1180,8 @@ $(document).ready(function(){
														"type":"get",
														"data":consultIdStr,
														"success":function(response){
															console.log("点击查看返回数据");
															console.log(response)
//															console.log("点击查看返回数据");
//															console.log(response)
															var consultantData = response["data"];
															//对话框标题信息
															//进行中，
@@ -1088,7 +1257,7 @@ $(document).ready(function(){
													
												};
											
												lookDialogHeadDataHandleFn();
												
												
												//============对话内容数据处理函数
												function dialogContentDataHandle(){
@@ -1103,7 +1272,7 @@ $(document).ready(function(){
														"success":function(response){
															console.log()
															var dialogConData = response["data"];
															console.log(dialogConData);
//															console.log(dialogConData);
															var dialogStr;
															dialogStr = dialogContentStrFn(dialogConData);
															$("#dialogContent").prepend(dialogStr);
@@ -1116,7 +1285,7 @@ $(document).ready(function(){
													
													
												};
												dialogContentDataHandle();
												
												
												//=============================对话页面底部发送
												//发送按钮处理函数
@@ -1148,12 +1317,20 @@ $(document).ready(function(){
													});
													$("#dialog_sendContent").val("");
												};
												$("#dialog_sendBtn").bind("click",sendDialogContentFn);
												
												
												//==============点击确认完成
												function confirmFinish(){
												
												//==============发表评价页
												function assessFn(){
													ConsultComment();
													
													if($.trim($(this).attr("thanks")) == "未感谢"){
														$(".addcomment2").css("display","none");//
														
													}else{
														
														$(".overcomment").css("display","none");
													}
													//评价星星样式
													var start;
													function clickStar(){
@@ -1176,11 +1353,13 @@ $(document).ready(function(){
												};
												
												//绑定对话页面确认完成咨询
												$("#dial_confirmFinishConsult").bind("click",confirmFinishFn);
												$("#dialog_assessBtn").bind("click",confirmFinishFn);
												$("#dial_confirmFinishConsult").bind("click",assessFn);
												$("#dialog_assessBtn").bind("click",assessFn);
												
												
												//点击发表评论：保存发表内容和星级
												function clickSendAssessBtn(){
													var consultId = localStorage.getItem("consultId");//
													var assessStar = $("#startCount").val();
													var assessContant = $(".resouinforcon").find("textarea").val();
													//评价状态 0-未评价，1-已评价
@@ -1192,24 +1371,24 @@ $(document).ready(function(){
														    "assessStar":assessStar, //评价星级
														    "assessContant":assessContant //评价内容
													};
													console.log(assessContentStr);
//													console.log(assessContentStr);
													//如果未评论，提示未评论
													if(assessStar == "" || assessStar == null || assessStar == undefined){
													/*if(assessStar == "" || assessStar == null || assessStar == undefined){
														if(assessContant == "" || assessContant == null || assessContant == undefined){
															$.MsgBox.Alert('提示',"未评论，是否退出评论");
														}
														$.MsgBox.Alert('提示',"未选择星级");
													};
													};*/
													//保存
													$.ajax({
														"url":"/ajax/consult/assess",//点击发表评论接口
														"type":"post",
														"data":assessContentStr,
														"success":function(response){
															console.log(response);
//															console.log(response);
															$(".blackcover").remove();
															$("body").css("overflow","auto");
															$("body").css("position","static");
															$.MsgBox.Alert('提示',"评论成功");
															
															//评价状态改变，所以头部信息改变
															lookDialogHeadDataHandleFn();
														},
@@ -1219,17 +1398,67 @@ $(document).ready(function(){
														}
														
													});
													//发表评论
													$.ajax({
														"url":"diloags.html",
														"dataType":"html",
														"success":function(result){
															//console.log(data);
															$(this).attr("id");
															$(".workcon").html(result);
															
															$(".blackcover").remove();
															$("body").css("position","static");
															lookDialogHeadDataHandleFn();
															dialogContentDataHandle();
															$("#dialog_sendBtn").bind("click",sendDialogContentFn);
															
															
														},
														"error":function(error){
															//console.log(data);
															//加载对话页面失败
															console.log(error);
														}
													});
													
													
													
												};
												
												
												//稍后评价、
												function noAssess(){
//													$(".blackcover").remove();
//													$("body").css("position","static");
													$.ajax({
														"url":"diloags.html",
														"dataType":"html",
														"success":function(result){
															//console.log(data);
															$(this).attr("id");
															$(".workcon").html(result);
															
															$(".blackcover").remove();
															$("body").css("position","static");
															lookDialogHeadDataHandleFn();
															dialogContentDataHandle();
															$("#dialog_sendBtn").bind("click",sendDialogContentFn);
															
															
														},
														"error":function(error){
															//console.log(data);
															//加载对话页面失败
															console.log(error);
														}
													});
												};
												
											
											
											},
											"error":function(error){
												//console.log(data);
												//加载对话页面失败
												console.log(error);
											}
										})
											
										
										
									};//收到回复点击查看函数结束

src/main/webapp/js/workindex.js

@@ -677,4 +677,118 @@ $(function(){
		"error":function(){$.MsgBox.Alert('message','failddd')}
		})	
	}
});
	
	function getConsultData(professorId){
		var params = {"professorId":professorId};
		$.ajax({
			"url":"/ajax/consult/pqpro",
			"type":"get",
			"async": false,
			"data":params,
			"success":function(response){
				var newConsultData = response["data"]["data"][0];
				$("#myFlatConsultTime").attr("consultId",newConsultData["consultId"]);
				$("#myFlatProName").html(newConsultData["professor"]["name"]);
				$("#myFlatProTitle").html(newConsultData["professor"]["title"]);
				$("#myFlatProDepartment").html(newConsultData["professor"]["orgName"]);
				$("#myFlatConsultTime").html(newConsultData["createTime"].substr(0,4) + "-" + newConsultData["createTime"].substr(4,2) + "-" + newConsultData["createTime"].substr(6,2) + " "
						+ newConsultData["createTime"].substr(8,2)+ ":" +newConsultData["createTime"].substr(10,2));
				$("#myFlatConsultTitle").html(newConsultData["consultTitle"]);
				$("#myFlatConsultContent").html(newConsultData["consultContant"]);
				
			},
			"error":function(){
				$.MsgBox.Alert('message','失败');
			}
		
		})
	}
	getConsultData(userid);
	
	function getReplyData(consultantId){
		var params = {"consultantId":consultantId};
		$.ajax({
			"url":"/ajax/consult/pqcon",
			"type":"get",
			"async": false,
			"data":params,
			"success":function(response){
				var newReplyData = response["data"]["data"][0];
				$("#myFlatRelpyTime").attr("consultId",newReplyData["consultId"])
				$("#myFlatReplyProName").html(newReplyData["professor"]["name"]);
				$("#myFlatReplyProTitle").html(newReplyData["professor"]["title"]);
				$("#myFlatReplyProDepartment").html(newReplyData["professor"]["orgName"]);
				$("#myFlatRelpyTime").html(newReplyData["createTime"].substr(0,4) + "-" + newReplyData["createTime"].substr(4,2) + "-" + newReplyData["createTime"].substr(6,2) + " "
						+ newReplyData["createTime"].substr(8,2)+ ":" +newReplyData["createTime"].substr(10,2));
				$("#myFlatRelpyTitle").html(newReplyData["consultTitle"]);
				$("#myFlatRelpyContent").html(newReplyData["consultContant"]);
				
			},
			"error":function(){
				$.MsgBox.Alert('message','失败');
			}
		
		})
	}
	getReplyData(userid);
	
	//发送userid:用户id，container：获得内容的container
	function newConsultSendFn(){
		var consultId = $("#myFlatConsultTime").attr("consultId");
		var consultCon = $("#myFlatConsultCon").val();
		var params = {
				"tidingsContant":consultCon,
				"consultId":consultId,
				"senderId":userid		
		}
		$.ajax({
			url:"/ajax/tidings",
			type:"post",
//			async:false,
			data:params,
			success:function(response){
				console.log(response);
			},
			error:function(error){
				
			}
			
		});
		
		$("#myFlatConsultCon").val("");
	};
	
	function newReplySendFn(){
		var consultId = $("#myFlatRelpyTime").attr("consultId");
		var consultCon = $("#myFlatReplyCon").val();
		var params = {
				"tidingsContant":consultCon,
				"consultId":consultId,
				"senderId":userid		
		}
		$.ajax({
			url:"/ajax/tidings",
			type:"post",
//			async:false,
			data:params,
			success:function(response){
				console.log(response);
			},
			error:function(error){
				
			}
			
		});
//		$.MsgBox.Alert("消息","回复成功!");
		$("#myFlatReplyCon").val("");
	};
	
	//最新咨询中的发送
	$("#myFlatSendConsultBtn").bind("click",newConsultSendFn);
	//最新回复中的发送
	$("#myFlatSendReplyBtn").bind("click",newReplySendFn);
	
	
	
});

src/main/webapp/workindex.html

@@ -41,48 +41,48 @@
            <!--最新咨询、最新回复-->
            <div class="workblock">
                <div class="floatL worksubblock">
                    <div class="worktit">最新咨询<a class="worklinkbtn floatR">查看全部</a></div>
                    <div class="worktit">最新咨询<a class="worklinkbtn floatR" href="">查看全部</a></div>
                    <div class="wbcon">
                        <div class="leftwb floatL">
                            <a href="" class="wbimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
                            <p>专家姓名</p>
                            <p>职称，职位</p>
                            <p>XXX学校，XXX机构</p>
                            <p id="myFlatProName">专家姓名</p>
                            <p id="myFlatProTitle">职称，职位</p>
                            <p id="myFlatProDepartment">XXX学校，XXX机构</p>
                        </div>
                        <div class="rightwb floatL">
                            <ul class="evasort">
                                <li class="worktopic">咨询时间：<span>2016-09-06</span></li>
                                <li class="worktopic">咨询主题：<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></li>
                                <li class="workrecord"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.consectetur adipiscing elit. </span></li>
                                <li class="worktopic">咨询时间：<span id="myFlatConsultTime">2016-09-06</span></li>
                                <li class="worktopic">咨询主题：<span id="myFlatConsultTitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></li>
                                <li class="workrecord"><span id="myFlatConsultContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.consectetur adipiscing elit. </span></li>
                            </ul>
                            <div class="writespan floatL">快速回复：</div>
                            <form class="writebackbox">
                                <textarea class="frmtype"></textarea>
                                <input type="button" name="enterback" value="发送" class="writeback floatR">
                                <textarea class="frmtype" id="myFlatConsultCon"></textarea>
                                <input type="button" name="enterback" value="发送" id="myFlatSendConsultBtn" class="writeback floatR">
                            </form>
                        </div>
                    </div>
                                
                </div>
                <div class="floatL worksubblock">
                    <div class="worktit">最新回复<a class="worklinkbtn floatR">查看全部</a></div>
                    <div class="worktit">最新回复<a class="worklinkbtn floatR" href="">查看全部</a></div>
                    <div class="wbcon">
                        <div class="leftwb floatL">
                            <a href="" class="wbimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
                            <p>专家姓名</p>
                            <p>职称，职位</p>
                            <p>XXX学校，XXX机构</p>
                            <p id="myFlatReplyProName">专家姓名</p>
                            <p id="myFlatReplyProTitle">职称，职位</p>
                            <p id="myFlatReplyProDepartment">XXX学校，XXX机构</p>
                        </div>
                        <div class="rightwb floatL">
                            <ul class="evasort">
                                <li class="worktopic">咨询时间：<span>2016-09-06</span></li>
                                <li class="worktopic">咨询主题：<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></li>
                                <li class="workrecord"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.consectetur adipiscing elit. </span></li>
                                <li class="worktopic">咨询时间：<span id="myFlatRelpyTime" >2016-09-06</span></li>
                                <li class="worktopic">咨询主题：<span id="myFlatRelpyTitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></li>
                                <li class="workrecord"><span id="myFlatRelpyContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.consectetur adipiscing elit. </span></li>
                            </ul>
                            <div class="writespan floatL">快速回复：</div>
                            <form class="writebackbox">
                                <textarea class="frmtype"></textarea>
                                <input type="button" name="enterback" value="发送" class="writeback floatR">
                                <textarea class="frmtype" id="myFlatReplyCon"></textarea>
                                <input type="button" name="enterback" value="发送" id="myFlatSendReplyBtn" class="writeback floatR">
                            </form>
                        </div>
                    </div>