资源详情的完善

app/css/app.css

/***********************评价*******************/
.displayNone {
	display: none;
}
}
.displayBlock {
	display: block;
}

app/html/resinforbrow.html

				</div>
				<div class="personblock mui-pull-left">
                    <img class="headimg" src="../images/default-photo.jpg" id="proimg">
                    <p class="listtit" id="proname">专家姓名<em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
                    <p class="listtit2" id="protitle"><span>职称</span><span id="prooffice">职务</span></p>
                    <p class="listtit3"><span id="proorgName">所属机构</span></p>
                    <p class="listtit3"><span id="proadress">所在地</span></p>
                    <p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
                    <p class="listtit2" id="protitle"><span></span><span id="prooffice"></span></p>
                    <p class="listtit3"><span id="proorgName"></span></p>
                    <p class="listtit3"><span id="proadress"></span></p>
                </div>
    		</div>
    		<!--<div class="resomenubox">
						<div class="infocon">
							<p style="color:#666666;">
								<span>资源名称：</span>
								<span class="listtit2" id='resourceName'>XXXXX资源名称XXXXX资源名称XX</span>
								<span class="listtit2" id='resourceName'></span>
							</p>
							<p style="color:#666666;">
								<span>应用用途：</span>
								<span class="listtit2" id="yongtu">应用用途应用用途应用用途应用用途应用用</span>
								<span class="listtit2" id="yongtu"></span>
							</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
			<div class="mui-input-group mainbox resouinfoword marginbox" id="fielddiv">
            	<ul class="resouinfobox">
					<li>
						<div class="infocontit">学术领域</div>
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
			<div class="mui-input-group mainbox resouinfoword marginbox " id="applydiv">
            	<ul class="resouinfobox">
					<li>
						<div class="infocontit">应用行业</div> 
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
			<div class="mui-input-group mainbox resouinfoword marginbox " id="detaildiv">
            	<ul class="resouinfobox">
					<li>
				       <div class="infocontit">详细描述</div> 
				       <div class="infocon">
				       		<p class="listtit3 mutlinebox" id="detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
				       		<p class="listtit3 mutlinebox" id="detail"></p>
				       </div>
					</li>
				</ul>
			</div>
			<div class="mui-input-group mainbox resouinfoword marginbox">
			<div class="mui-input-group mainbox resouinfoword marginbox " id="hezuodiv">
            	<ul class="resouinfobox">
		            <li>
				       <div class="infocontit">合作备注</div> 
				       <div class="infocon">
				       		<p class="listtit3 mutlinebox" id="hezuo"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
				       		<p class="listtit3 mutlinebox" id="hezuo"></p>
				       </div>
				    </li>
				</ul>

app/js/consult.js

initdata();
/*第一次加载数据*/
function initdata() {
	
    mui.plusReady(function() {
    	/*plus.nativeUI.showWaiting()//显示等待框*/
    	var userid = plus.storage.getItem('userid');
    	console.log('初始化传参'+'一：'+oneedval.value+'二'+otypeval.value+'三'+ostateval.value+'四'+osortval.value);
    	console.log()
					/*plus.nativeUI.closeWaiting();*/
                    var datalist = data.data.data;
                    console.log(datalist.length);
                   	
	                table.innerHTML = '';//清空容器
                    eachData(userid,datalist);
                    mui('#pullrefresh').pullRefresh().refresh(true);//重置下拉加载

app/js/consultapply.js

 	
 	var osaveconsultBtn = document.getElementById("saveconsultBtn");//保存咨询，发送按钮
 	
 	
 	
 	/*保存咨询*/
 	function saveconsult(proId,userid,consultTitle) {
 	function saveconsult(proId,userid) {
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
 		var consultcon = oconsultcon.innerText;
 		var consultTitle = oconsulttitle.value;
 		console.log(consultType);
 		console.log(consultTitle);
 		console.log(consultcon);
   	    
   	 	/*专家信息数据*/
   	    proinfo(proId);
   	    if(flag == 'ziyuan') {
   	    	oconsulttitle.value = '关于'+consulttitle+'的咨询';
   	    }
   	    
   	    /*发送保存咨询*/
   	   	osaveconsultBtn.addEventListener('tap',function() {
   	   		if(consulttitle){
   	   			alert("从资源进入")
   	   			var consulttitle = '关于'+consulttitle+"的咨询"
   	   			saveconsult(proId,userid,consulttitle);
   	   		}else {
   	   			alert("从专家进入");
   	   			saveconsult(proId,userid,oconsulttitle.value);
   	   		saveconsult(proId,userid);
   	   		if(flag == 'ziyuan'){
   	   			/*返回资源信息*/
				var ziyuaninfo = plus.webview.getWebviewById('resinforbrow.html');
				ziyuaninfo.show();
				mui.fire(ziyuaninfo,'backziyuaninfo'); 
   	   		}else if(flag == 'professor'){
   	   			/*返回专家信息*/
				var proinfo = plus.webview.getWebviewById('proinforbrow.html');
				proinfo.show();
				mui.fire(proinfo,'backproinfo',{proId:proId}); 
   	   		}
			
			/*返回专家信息*/
			var proinfo = plus.webview.getWebviewById('proinforbrow.html');
			proinfo.show();
			mui.fire(proinfo,'backproinfo',{proId:proId}); 
		});
		

app/js/resinforbrow.js

var odetail = document.getElementById("detail"); //详细描述
var ohezuo = document.getElementById("hezuo"); //合作备注
var ofielddiv = document.getElementById("fielddiv");//学术领域容器
var oapplydiv =document.getElementById("applydiv");//应用行业容器
var odetaildiv =document.getElementById("detaildiv");//详细描述容器
var ohezuodiv =document.getElementById("hezuodiv");//合作备注容器
var oconsult = document.getElementById("consult"); //咨询
var oconsultBtn = document.getElementById("consultBtn"); //咨询按钮
var proId;
function ziyuaninfo(resourceId) {
	alert("ziyuaninfo");
	mui.ajax(baseUrl + '/ajax/resource/' + resourceId, {
		data: {
			'resourceId': resourceId
		},
		dataType: 'json', //服务器返回json格式数据
		type: 'get', //HTTP请求类型
		timeout: 10000, //超时时间设置为10秒；
		success: function(data) {
			if(data.success) {
				plus.nativeUI.closeWaiting();
				plus.webview.currentWebview().show("slide-in-right",150);
				console.log(data);
				var mydata = data.data;
				//专家信息
				proId = mydata['professor']['id']; //专家id
				(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
				(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
				(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
				(mydata['professor']['title']) ? oprotitle.innerHTML = mydata['professor']['title'] + '，': oprotitle.innerHTML = ''; //专家职称
				(mydata['professor']['office']) ? oprooffice.innerHTML = mydata['professor']['office']: oprooffice.innerHTML = ''; //专家职务
				(mydata['professor']['orgName']) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
				(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
				(mydata['professor']['authentication']) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon'); //专家认证
				(mydata['professor']['hasHeadImage']) ? oproimg.setAttribute('src', '../images/head/' + mydata['professor']['id'] + '_m.jpg'): oproimg.setAttribute('src', '../images/default-photo.jpg'); //专家头像
				//资源基本信息
				(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
				(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
				//学术领域
				if(mydata['subject']) {
					var fieldlist = mydata['subject'].split(",");
					for(var i = 0; i < fieldlist; i++) {
						var oli = document.createElement('li');
						oli.innerText = fieldlist[i];
						ofield.appendChild(oli);
	mui.plusReady(function() {
		plus.nativeUI.showWaiting();
		mui.ajax(baseUrl + '/ajax/resource/' + resourceId, {
			data: {
				'resourceId': resourceId
			},
			dataType: 'json', //服务器返回json格式数据
			type: 'get', //HTTP请求类型
			timeout: 10000, //超时时间设置为10秒；
			success: function(data) {
				if(data.success) {
					console.log(data);
					var mydata = data.data;
					//专家信息
					proId = mydata['professor']['id']; //专家id
					(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
					(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
					(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
					(mydata['professor']['title']) ? oprotitle.innerHTML = mydata['professor']['title'] + '，': oprotitle.innerHTML = ''; //专家职称
					(mydata['professor']['office']) ? oprooffice.innerHTML = mydata['professor']['office']: oprooffice.innerHTML = ''; //专家职务
					(mydata['professor']['orgName']) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
					(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
					(mydata['professor']['authentication']) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon'); //专家认证
					(mydata['professor']['hasHeadImage']) ? oproimg.setAttribute('src', '../images/head/' + mydata['professor']['id'] + '_m.jpg'): oproimg.setAttribute('src', '../images/default-photo.jpg'); //专家头像
	
					//资源基本信息
					(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
					(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
	
					//学术领域
					if(mydata['subject']) {
						/*console.log(ofielddiv.classList)
						ofielddiv.removeClass('displayNone');
						ofielddiv.addClass('displayBlock');*/
						var fieldlist = mydata['subject'].split(",");
						for(var i = 0; i < fieldlist; i++) {
							var oli = document.createElement('li');
							oli.innerText = fieldlist[i];
							ofield.appendChild(oli);
						}
					} else {
						ofielddiv.style.display = 'none';
					}
				} else {
					ofield.innerHTML = '';
				};
				//应用行业
				if(mydata['industry']) {
					var applylist = mydata['industry'].split(",");
					for(var i = 0; i < applylist; i++) {
						var oli = document.createElement('li');
						oli.className = 'mui-ellipsis';
						oli.innerText = applylist[i];
						oapply.appendChild(oli);
	
					//应用行业
					if(mydata['industry']) {
						/*oapplydiv.removeClass('displayNone');
						oapplydiv.addClass('displayBlock');*/
						var applylist = mydata['industry'].split(",");
						for(var i = 0; i < applylist; i++) {
							var oli = document.createElement('li');
							oli.className = 'mui-ellipsis';
							oli.innerText = applylist[i];
							oapply.appendChild(oli);
						}
					}else {
						oapplydiv.style.display = 'none';
					}
				} else {
					oapply.innerHTML = '';
				};
				//详细描述
				(mydata['descp']) ? odetail.innerHTML = mydata['descp']: odetail.innerHTML = ''; //详细描述
				//合作备注
				(mydata['cooperationNotes']) ? ohezuo.innerHTML = mydata['cooperationNotes']: ohezuo.innerHTML = ''; //合作备注
	
					//详细描述
					if(mydata['descp']) {
						/*odetaildiv.removeClass('displayNone');
						odetaildiv.addClass('displayBlock');*/
						odetail.innerHTML = mydata['descp']
					}else {
						odetaildiv.style.display = 'none';
					}
					
					
	
					//合作备注
					if(mydata['cooperationNotes']) {
						/*ohezuodiv.removeClass('displayNone');
						ohezuodiv.addClass('displayBlock');*/
						ohezuo.innerHTML = mydata['cooperationNotes'];
					}else {
						ohezuodiv.style.display = 'none';
					}
					
					plus.nativeUI.closeWaiting();
					plus.webview.currentWebview().show("slide-in-right",150);
				}
			},
			error: function(xhr, type, errorThrown) {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
			}
		},
		error: function(xhr, type, errorThrown) {
			plus.nativeUI.toast("服务器链接超时", toastStyle);
		}
	});
		});
	})
	
}
mui.plusReady(function() {
			}
		});
	});
	/*咨询成功,返回资源信息*/
	window.addEventListener('backziyuaninfo',function(event){
		
//		ozixun.classList.add('displayNone');
	});
	
	ifCollection();