Browse Source

资源详情的完善

xiaoai_123 8 years ago
parent
commit
5fe2c54575
5 changed files with 133 additions and 89 deletions
  1. 4 1
      app/css/app.css
  2. 12 12
      app/html/resinforbrow.html
  3. 2 1
      app/js/consult.js
  4. 18 12
      app/js/consultapply.js
  5. 97 63
      app/js/resinforbrow.js

+ 4 - 1
app/css/app.css

@ -453,4 +453,7 @@ body{ color: #666666; font-size:14px;}
453 453
/***********************评价*******************/
454 454
.displayNone {
455 455
	display: none;
456
}
456
}
457
.displayBlock {
458
	display: block;
459
}

+ 12 - 12
app/html/resinforbrow.html

@ -51,10 +51,10 @@
51 51
				</div>
52 52
				<div class="personblock mui-pull-left">
53 53
                    <img class="headimg" src="../images/default-photo.jpg" id="proimg">
54
                    <p class="listtit" id="proname">专家姓名<em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
55
                    <p class="listtit2" id="protitle"><span>职称</span><span id="prooffice">职务</span></p>
56
                    <p class="listtit3"><span id="proorgName">所属机构</span></p>
57
                    <p class="listtit3"><span id="proadress">所在地</span></p>
54
                    <p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
55
                    <p class="listtit2" id="protitle"><span></span><span id="prooffice"></span></p>
56
                    <p class="listtit3"><span id="proorgName"></span></p>
57
                    <p class="listtit3"><span id="proadress"></span></p>
58 58
                </div>
59 59
    		</div>
60 60
    		<!--<div class="resomenubox">
@ -71,17 +71,17 @@
71 71
						<div class="infocon">
72 72
							<p style="color:#666666;">
73 73
								<span>资源名称:</span>
74
								<span class="listtit2" id='resourceName'>XXXXX资源名称XXXXX资源名称XX</span>
74
								<span class="listtit2" id='resourceName'></span>
75 75
							</p>
76 76
							<p style="color:#666666;">
77 77
								<span>应用用途:</span>
78
								<span class="listtit2" id="yongtu">应用用途应用用途应用用途应用用途应用用</span>
78
								<span class="listtit2" id="yongtu"></span>
79 79
							</p>
80 80
						</div>
81 81
					</li>
82 82
				</ul>
83 83
			</div>
84
			<div class="mui-input-group mainbox resouinfoword marginbox">
84
			<div class="mui-input-group mainbox resouinfoword marginbox" id="fielddiv">
85 85
            	<ul class="resouinfobox">
86 86
					<li>
87 87
						<div class="infocontit">学术领域</div>
@ -99,7 +99,7 @@
99 99
					</li>
100 100
				</ul>
101 101
			</div>
102
			<div class="mui-input-group mainbox resouinfoword marginbox">
102
			<div class="mui-input-group mainbox resouinfoword marginbox " id="applydiv">
103 103
            	<ul class="resouinfobox">
104 104
					<li>
105 105
						<div class="infocontit">应用行业</div> 
@ -117,22 +117,22 @@
117 117
					</li>
118 118
				</ul>
119 119
			</div>
120
			<div class="mui-input-group mainbox resouinfoword marginbox">
120
			<div class="mui-input-group mainbox resouinfoword marginbox " id="detaildiv">
121 121
            	<ul class="resouinfobox">
122 122
					<li>
123 123
				       <div class="infocontit">详细描述</div> 
124 124
				       <div class="infocon">
125
				       		<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>
125
				       		<p class="listtit3 mutlinebox" id="detail"></p>
126 126
				       </div>
127 127
					</li>
128 128
				</ul>
129 129
			</div>
130
			<div class="mui-input-group mainbox resouinfoword marginbox">
130
			<div class="mui-input-group mainbox resouinfoword marginbox " id="hezuodiv">
131 131
            	<ul class="resouinfobox">
132 132
		            <li>
133 133
				       <div class="infocontit">合作备注</div> 
134 134
				       <div class="infocon">
135
				       		<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>
135
				       		<p class="listtit3 mutlinebox" id="hezuo"></p>
136 136
				       </div>
137 137
				    </li>
138 138
				</ul>

+ 2 - 1
app/js/consult.js

@ -97,7 +97,9 @@ function getaData() {
97 97
initdata();
98 98
/*第一次加载数据*/
99 99
function initdata() {
100
	
100 101
    mui.plusReady(function() {
102
    	/*plus.nativeUI.showWaiting()//显示等待框*/
101 103
    	var userid = plus.storage.getItem('userid');
102 104
    	console.log('初始化传参'+'一:'+oneedval.value+'二'+otypeval.value+'三'+ostateval.value+'四'+osortval.value);
103 105
    	console.log()
@ -122,7 +124,6 @@ function initdata() {
122 124
					/*plus.nativeUI.closeWaiting();*/
123 125
                    var datalist = data.data.data;
124 126
                    console.log(datalist.length);
125
                   	
126 127
	                table.innerHTML = '';//清空容器
127 128
                    eachData(userid,datalist);
128 129
                    mui('#pullrefresh').pullRefresh().refresh(true);//重置下拉加载

+ 18 - 12
app/js/consultapply.js

@ -17,10 +17,13 @@
17 17
 	
18 18
 	var osaveconsultBtn = document.getElementById("saveconsultBtn");//保存咨询,发送按钮
19 19
 	
20
 	
21
 	
20 22
 	/*保存咨询*/
21
 	function saveconsult(proId,userid,consultTitle) {
23
 	function saveconsult(proId,userid) {
22 24
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
23 25
 		var consultcon = oconsultcon.innerText;
26
 		var consultTitle = oconsulttitle.value;
24 27
 		console.log(consultType);
25 28
 		console.log(consultTitle);
26 29
 		console.log(consultcon);
@ -151,22 +154,25 @@
151 154
   	    
152 155
   	 	/*专家信息数据*/
153 156
   	    proinfo(proId);
157
   	    if(flag == 'ziyuan') {
158
   	    	oconsulttitle.value = '关于'+consulttitle+'的咨询';
159
   	    }
154 160
   	    
155 161
   	    /*发送保存咨询*/
156 162
   	   	osaveconsultBtn.addEventListener('tap',function() {
157
   	   		if(consulttitle){
158
   	   			alert("从资源进入")
159
   	   			var consulttitle = '关于'+consulttitle+"的咨询"
160
   	   			saveconsult(proId,userid,consulttitle);
161
   	   		}else {
162
   	   			alert("从专家进入");
163
   	   			saveconsult(proId,userid,oconsulttitle.value);
163
   	   		saveconsult(proId,userid);
164
   	   		if(flag == 'ziyuan'){
165
   	   			/*返回资源信息*/
166
				var ziyuaninfo = plus.webview.getWebviewById('resinforbrow.html');
167
				ziyuaninfo.show();
168
				mui.fire(ziyuaninfo,'backziyuaninfo'); 
169
   	   		}else if(flag == 'professor'){
170
   	   			/*返回专家信息*/
171
				var proinfo = plus.webview.getWebviewById('proinforbrow.html');
172
				proinfo.show();
173
				mui.fire(proinfo,'backproinfo',{proId:proId}); 
164 174
   	   		}
165 175
			
166
			/*返回专家信息*/
167
			var proinfo = plus.webview.getWebviewById('proinforbrow.html');
168
			proinfo.show();
169
			mui.fire(proinfo,'backproinfo',{proId:proId}); 
170 176
171 177
		});
172 178
		

+ 97 - 63
app/js/resinforbrow.js

@ -16,78 +16,106 @@ var oapply = document.getElementById("apply"); //应用行业
16 16
var odetail = document.getElementById("detail"); //详细描述
17 17
var ohezuo = document.getElementById("hezuo"); //合作备注
18 18

19
var ofielddiv = document.getElementById("fielddiv");//学术领域容器
20
var oapplydiv =document.getElementById("applydiv");//应用行业容器
21
var odetaildiv =document.getElementById("detaildiv");//详细描述容器
22
var ohezuodiv =document.getElementById("hezuodiv");//合作备注容器
23

19 24
var oconsult = document.getElementById("consult"); //咨询
20 25
var oconsultBtn = document.getElementById("consultBtn"); //咨询按钮
21 26

22 27
var proId;
23 28

24 29
function ziyuaninfo(resourceId) {
25
	alert("ziyuaninfo");
26
	mui.ajax(baseUrl + '/ajax/resource/' + resourceId, {
27
		data: {
28
			'resourceId': resourceId
29
		},
30
		dataType: 'json', //服务器返回json格式数据
31
		type: 'get', //HTTP请求类型
32
		timeout: 10000, //超时时间设置为10秒;
33
		success: function(data) {
34
			if(data.success) {
35
				plus.nativeUI.closeWaiting();
36
				plus.webview.currentWebview().show("slide-in-right",150);
37
				console.log(data);
38
				var mydata = data.data;
39
				//专家信息
40
				proId = mydata['professor']['id']; //专家id
41
				(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
42
				(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
43
				(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
44
				(mydata['professor']['title']) ? oprotitle.innerHTML = mydata['professor']['title'] + ',': oprotitle.innerHTML = ''; //专家职
45
				(mydata['professor']['office']) ? oprooffice.innerHTML = mydata['professor']['office']: oprooffice.innerHTML = ''; //专家职务
46
				(mydata['professor']['orgName']) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
47
				(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
48
				(mydata['professor']['authentication']) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon'); //专家认证
49
				(mydata['professor']['hasHeadImage']) ? oproimg.setAttribute('src', '../images/head/' + mydata['professor']['id'] + '_m.jpg'): oproimg.setAttribute('src', '../images/default-photo.jpg'); //专家头像
50

51
				//资源基本信息
52
				(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
53
				(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
54

55
				//学术领域
56
				if(mydata['subject']) {
57
					var fieldlist = mydata['subject'].split(",");
58
					for(var i = 0; i < fieldlist; i++) {
59
						var oli = document.createElement('li');
60
						oli.innerText = fieldlist[i];
61
						ofield.appendChild(oli);
30
	mui.plusReady(function() {
31
		plus.nativeUI.showWaiting();
32
		mui.ajax(baseUrl + '/ajax/resource/' + resourceId, {
33
			data: {
34
				'resourceId': resourceId
35
			},
36
			dataType: 'json', //服务器返回json格式数据
37
			type: 'get', //HTTP请求类型
38
			timeout: 10000, //超时时间设置为10秒;
39
			success: function(data) {
40
				if(data.success) {
41
					console.log(data);
42
					var mydata = data.data;
43
					//专家信息
44
					proId = mydata['professor']['id']; //专家id
45
					(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
46
					(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
47
					(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
48
					(mydata['professor']['title']) ? oprotitle.innerHTML = mydata['professor']['title'] + ',': oprotitle.innerHTML = ''; //专家职称
49
					(mydata['professor']['office']) ? oprooffice.innerHTML = mydata['professor']['office']: oprooffice.innerHTML = ''; //专家职
50
					(mydata['professor']['orgName']) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
51
					(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
52
					(mydata['professor']['authentication']) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon'); //专家认证
53
					(mydata['professor']['hasHeadImage']) ? oproimg.setAttribute('src', '../images/head/' + mydata['professor']['id'] + '_m.jpg'): oproimg.setAttribute('src', '../images/default-photo.jpg'); //专家头像
54
	
55
					//资源基本信息
56
					(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
57
					(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
58
	
59
					//学术领域
60
					if(mydata['subject']) {
61
						/*console.log(ofielddiv.classList)
62
						ofielddiv.removeClass('displayNone');
63
						ofielddiv.addClass('displayBlock');*/
64
						var fieldlist = mydata['subject'].split(",");
65
						for(var i = 0; i < fieldlist; i++) {
66
							var oli = document.createElement('li');
67
							oli.innerText = fieldlist[i];
68
							ofield.appendChild(oli);
69
						}
70
					} else {
71
						ofielddiv.style.display = 'none';
62 72
					}
63
				} else {
64
					ofield.innerHTML = '';
65
				};
66

67
				//应用行业
68
				if(mydata['industry']) {
69
					var applylist = mydata['industry'].split(",");
70
					for(var i = 0; i < applylist; i++) {
71
						var oli = document.createElement('li');
72
						oli.className = 'mui-ellipsis';
73
						oli.innerText = applylist[i];
74
						oapply.appendChild(oli);
73
	
74
					//应用行业
75
					if(mydata['industry']) {
76
						/*oapplydiv.removeClass('displayNone');
77
						oapplydiv.addClass('displayBlock');*/
78
						var applylist = mydata['industry'].split(",");
79
						for(var i = 0; i < applylist; i++) {
80
							var oli = document.createElement('li');
81
							oli.className = 'mui-ellipsis';
82
							oli.innerText = applylist[i];
83
							oapply.appendChild(oli);
84
						}
85
					}else {
86
						oapplydiv.style.display = 'none';
75 87
					}
76
				} else {
77
					oapply.innerHTML = '';
78
				};
79

80
				//详细描述
81
				(mydata['descp']) ? odetail.innerHTML = mydata['descp']: odetail.innerHTML = ''; //详细描述
82

83
				//合作备注
84
				(mydata['cooperationNotes']) ? ohezuo.innerHTML = mydata['cooperationNotes']: ohezuo.innerHTML = ''; //合作备注
88
	
89
					//详细描述
90
					if(mydata['descp']) {
91
						/*odetaildiv.removeClass('displayNone');
92
						odetaildiv.addClass('displayBlock');*/
93
						odetail.innerHTML = mydata['descp']
94
					}else {
95
						odetaildiv.style.display = 'none';
96
					}
97
					
98
					
99
	
100
					//合作备注
101
					if(mydata['cooperationNotes']) {
102
						/*ohezuodiv.removeClass('displayNone');
103
						ohezuodiv.addClass('displayBlock');*/
104
						ohezuo.innerHTML = mydata['cooperationNotes'];
105
					}else {
106
						ohezuodiv.style.display = 'none';
107
					}
108
					
109
					plus.nativeUI.closeWaiting();
110
					plus.webview.currentWebview().show("slide-in-right",150);
111
				}
112
			},
113
			error: function(xhr, type, errorThrown) {
114
				plus.nativeUI.toast("服务器链接超时", toastStyle);
85 115
			}
86
		},
87
		error: function(xhr, type, errorThrown) {
88
			plus.nativeUI.toast("服务器链接超时", toastStyle);
89
		}
90
	});
116
		});
117
	})
118
	
91 119
}
92 120

93 121
mui.plusReady(function() {
@ -115,6 +143,12 @@ mui.plusReady(function() {
115 143
			}
116 144
		});
117 145
	});
146
	/*咨询成功,返回资源信息*/
147
	window.addEventListener('backziyuaninfo',function(event){
148
		
149
//		ozixun.classList.add('displayNone');
150
	});
151
	
118 152

119 153
	ifCollection();
120 154