Browse Source

资源预览浏览发布修改

jack 8 years ago
parent
commit
1b130faff1
4 changed files with 135 additions and 52 deletions
  1. 4 1
      js/resourceIssue.js
  2. 16 2
      js/resourcePreview.js
  3. 112 5
      js/resourceShow.js
  4. 3 44
      resourceShow.html

+ 4 - 1
js/resourceIssue.js

@ -1,6 +1,8 @@
1 1
$(document).ready(function() {
2 2
	var resourceId=GetQueryString("resourceId");
3
	console.log(resourceId);
3
	if(resourceId) {
4
		$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
5
	}
4 6
	var userid="91E3F49CE63B43EEBA0C68B6DD7F0A19";
5 7
	var temp = [];
6 8
	ue = UE.getEditor('editor', {});
@ -439,6 +441,7 @@ $(document).ready(function() {
439 441
			$data.parameter=$("#performancePa").val();
440 442
			$data.descp=ue.getContent();
441 443
			$data.fns=temp;
444
			//$data.imageIds:资源图片ID NULL 字符串数组
442 445
			console.log(temp);
443 446
			$.ajax({
444 447
					"url": oUrl,

+ 16 - 2
js/resourcePreview.js

@ -31,6 +31,19 @@ $(document).ready(function() {
31 31
			}
32 32
		});
33 33
	}
34
	/*合作备注及性能参数存储换行格式*/
35
	function outHTML(selecter) {
36
		var getValue = selecter;
37
		var aa = "";
38
		if(getValue) {
39
			var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
40
			var cc = endValue.split("|");
41
			for(var i = 0; i < cc.length; i++) {
42
				aa += cc[i] + '<br/>'
43
			}
44
		}
45
		return aa;
46
	}
34 47
	/*处理资源html代码*/
35 48
	function resourceHtml($da) {
36 49
		$("#resourceName").text($da.resourceName); //名字
@ -59,10 +72,10 @@ $(document).ready(function() {
59 72
			$("#modelNumber").text($da.spec).parents("li").show();
60 73
		}
61 74
		if($da.parameter) { //性能参数
62
			$("#performancePa").text($da.parameter).parents("li").show();
75
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
63 76
		}
64 77
		if($da.cooperationNotes) { //合作备注
65
			$("#remarkContent").text($da.cooperationNotes).parents("li").show();
78
			$("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
66 79
		}
67 80
		if($da.subject) {
68 81
			var oSub = $da.subject.split(",");
@ -111,4 +124,5 @@ $(document).ready(function() {
111 124
	$("#nameS,#headImg").click(function() {
112 125
		location.href = "information-brow.html?professorId=" + professorId;
113 126
	})
127
	
114 128
})

+ 112 - 5
js/resourceShow.js

@ -31,14 +31,27 @@ $(document).ready(function() {
31 31
			}
32 32
		});
33 33
	}
34
	/*合作备注及性能参数存储换行格式*/
35
	function outHTML(selecter) {
36
		var getValue = selecter;
37
		var aa = "";
38
		if(getValue) {
39
			var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
40
			var cc = endValue.split("|");
41
			for(var i = 0; i < cc.length; i++) {
42
				aa += cc[i] + '<br/>'
43
			}
44
		}
45
		return aa;
46
	}
34 47
	/*处理资源html代码*/
35 48
	function resourceHtml($da) {
36 49
		$("#resourceName").text($da.resourceName); //名字
37 50
		$("#application").text($da.supportedServices); //应用用途
38
		if($da.editProfessor.orgName) { //所属机构
39
			$("#organizationName").text($da.editProfessor.orgName).parents("li").show();
51
		if($da.orgName) { //所属机构
52
			$("#organizationName").text($da.orgName).parents("li").show();
40 53
		}
41
		$("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
54
		$("#nameS").text($da.editProfessor.name);
42 55
		if($da.editProfessor.title) {
43 56
			$("#titleOffice").text($da.editProfessor.title);
44 57
		} else {
@ -59,13 +72,14 @@ $(document).ready(function() {
59 72
			$("#modelNumber").text($da.spec).parents("li").show();
60 73
		}
61 74
		if($da.parameter) { //性能参数
62
			$("#performancePa").text($da.parameter).parents("li").show();
75
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
63 76
		}
64 77
		if($da.cooperationNotes) { //合作备注
65
			$("#remarkContent").text($da.cooperationNotes).parents("li").show();
78
			$("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
66 79
		}
67 80
		if($da.subject) {
68 81
			var oSub = $da.subject.split(",");
82
			interestingResources(oSub);
69 83
			var oSt = "";
70 84
			for(var i = 0; i < oSub.length; i++) {
71 85
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
@ -111,4 +125,97 @@ $(document).ready(function() {
111 125
	$("#nameS,#headImg").click(function() {
112 126
		location.href = "information-brow.html?professorId=" + professorId;
113 127
	})
128
	/*资源里面相关文章*/
129
	function relatedArticles() {
130
		$.ajax({
131
			"url": "/ajax/resource/articles",
132
			"type": "GET",
133
			"success": function(data) {
134
				console.log(data);
135
				if(data.success) {
136
					relatedArticlesHtml(data.data);
137
				}
138
			},
139
			"data": {
140
				"resourceId": resourceId,
141
				"rows": 5
142
			},
143
			dataType: "json",
144
			'error': function() {
145
				$.MsgBox.Alert('提示', '服务器连接超时!');
146
			}
147
		});
148
	}
149
	relatedArticles();
150
	/*资源相关文章html*/
151
	function relatedArticlesHtml($html) {
152
		for(var i = 0; i < $html.length; i++) {
153
			(function(n) {
154
				$.ajax({
155
					"url": "/ajax/professor/baseInfo/" + $html[i].article.professorId,
156
					"type": "GET",
157
					"success": function(data) {
158
						if(data.success) {
159
							var stl = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
160
							var str = ""
161
							str += '<li>'
162
							if($html[n].article.articleImg) {
163
								str += '<div class="madiaHead artHead" style="background-image: url(/data/article/' + $html[n].article.articleImg + ')"></div>'
164
							} else {
165
								str += '<div class="madiaHead artHead"></div>'
166
							}
167
							str += '<div class="madiaInfo">'
168
							str += '<p class="h1Font ellipsisSty-2">' + $html[n].article.articleTitle + '</p>'
169
							str += '<p><span class="h1Font">' + data.data.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>'
170
							str += '</div></li>'
171
							$("#oArticle").append(str);
172
						}
173
					},
174
					'dataType': "json",
175
					'error': function() {
176
						$.MsgBox.Alert('提示', '服务器连接超时!');
177
					}
178
				});
179
			})(i);
180

181
		}
182
	}
183
	/*感兴趣的资源*/
184
	function interestingResources(arry) {
185
		$.ajax({
186
			"url": "/ajax/resource/ralateRes",
187
			"type": "GET",
188
			"success": function(data) {
189
				console.log(data);
190
				if(data.success) {
191
					interestingResourcesHtml(data.data);
192
				}
193
			},
194
			"data": {
195
				"keys": arry
196
			},
197
			"traditional":true,
198
			dataType: "json",
199
			'error': function() {
200
				$.MsgBox.Alert('提示', '服务器连接超时!');
201
			}
202
		});
203
	}
204
	/*感兴趣资源的html*/
205
	function interestingResourcesHtml($respond) {
206
		for(var i=0;i<$respond.length;i++) {
207
			var oStr='';
208
				if($respond[i].images.length) {
209
					oStr+='<li><div class="madiaHead resouseHead"style="background-image: url(/data/resource/'+$respond[i].images[0].imageSrc+')"></div>'
210
				}else {
211
					oStr+='<li><div class="madiaHead resouseHead"></div>'
212
				}
213
				oStr+='<div class="madiaInfo">'
214
				oStr+='<p class="h1Font">'+$respond[i].resourceName+'</p>'
215
				oStr+='<p class="h2Font ellipsisSty">用途:<span>'+$respond[i].supportedServices+'</span></p>'
216
				//oStr += '<p><span class="h1Font">' + data.data.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>'
217
				oStr+='</div></li>'
218
			$("#resourceList").append(oStr);
219
		}
220
	}
114 221
})

+ 3 - 44
resourceShow.html

@ -105,28 +105,7 @@
105 105
						<div class="form-item otherShow">
106 106
							<div class="aboutTit">相关文章</div>
107 107
							<div class="form-result aboutRes pointOk">
108
								<ul>
109
									<li>
110
										<div class="madiaHead artHead"></div>
111
										<div class="madiaInfo">
112
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
113
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
114
										</div>
115
									</li>
116
									<li>
117
										<div class="madiaHead artHead"></div>
118
										<div class="madiaInfo">
119
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
120
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
121
										</div>
122
									</li>
123
									<li>
124
										<div class="madiaHead artHead"></div>
125
										<div class="madiaInfo">
126
											<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
127
											<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
128
										</div>
129
									</li>
108
								<ul id="oArticle">
130 109
								</ul>
131 110
							</div>
132 111
						</div>
@ -134,28 +113,8 @@
134 113
						<div class="form-item otherShow">
135 114
							<div class="aboutTit">您可能感兴趣的资源</div>
136 115
							<div class="form-result aboutRes pointOk">
137
								<ul>
138
									<li>
139
										<div class="madiaHead resouseHead"></div>
140
										<div class="madiaInfo">
141
											<p class="h1Font">资源名称资源名称资源名称</p>
142
											<p class="h2Font ellipsisSty-2">用途:材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;</p>
143
										</div>
144
									</li>
145
									<li>
146
										<div class="madiaHead resouseHead"></div>
147
										<div class="madiaInfo">
148
											<p class="h1Font">资源名称资源名称资源名称</p>
149
											<p class="h2Font ellipsisSty-2">用途:材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;</p>
150
										</div>
151
									</li>
152
									<li>
153
										<div class="madiaHead resouseHead"></div>
154
										<div class="madiaInfo">
155
											<p class="h1Font">资源名称资源名称资源名称</p>
156
											<p class="h2Font ellipsisSty-2">用途:材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;</p>
157
										</div>
158
									</li>
116
								<ul id="resourceList">
117
									
159 118
								</ul>
160 119
							</div>
161 120
						</div>