Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 530 Releases 0 Wiki
Browse Source

文章分享页面

jack 7 years ago
parent
ccfd5397d2
commit
f38a57439a
2 changed files with 485 additions and 529 deletions
Split View Show Diff Stats
  1. 265 379
      ekexiu/shareArticalinfor.html
  2. 220 150
      ekexiu/shareArticalinforNew.html

+ 265 - 379
ekexiu/shareArticalinfor.html
View File 

@ -1,380 +1,266 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title></title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link rel="stylesheet" href="../css/reset.css" />
9 
		<link rel="stylesheet" href="../css/common.css" />
10 
		<link rel="stylesheet" href="../css/index.css" />
11 
		<link rel="stylesheet" href="../css/share.css" />
12 
		<style>
13 
			html,
14 
			body {
15 
				background: #ffffff;
16 
			}
17
18 
			.proinfor .headblock {
19 
				margin: 0 2% 4px 0;
20 
			}
21
22 
			.proinfor .headblock .headimg {
23 
				max-width: 64px;
24 
				width: 64px;
25 
				overflow: hidden;
26 
				margin: auto;
27 
			}
28
29 
			.proinfor .media-body {
30 
				width: 76%;
31 
			}
32
33 
			.listtit {
34 
				font-size: 15px;
35 
				line-height: 26px;
36 
				color: #333333;
37 
			}
38
39 
			.listtit2 {
40 
				font-size: 13px;
41 
				line-height: 20px;
42 
				color: #666666;
43 
			}
44
45 
			.listtit3 {
46 
				font-size: 12px;
47 
				line-height: 18px;
48 
				color: #888888;
49 
			}
50
51 
			@media only screen and (min-width: 100px) and (max-width: 350px) {
52 
				.proinfor .media-body {
53 
					width: 70%;
54 
				}
55 
			}
56 
		</style>
57 
	</head>
58
59 
	<body>
60 
		<div style="display:none">
61 
			<img id="hiddenImg" src="http://www.ekexiu.com/images/logo180.png" width="100%" />
62 
		</div>
63 
		<div class="contentBody2">
64 
			<div class="art_topicBox">
65 
				<div class="art_img" id="articleImg"></div>
66 
				<div class="art_tbox">
67 
					<h4 id="artical_topic"></h4>
68 
				</div>
69 
			</div>
70 
			<div class="articalBox">
71 
				<ul id="proInfor">
72 
					<li style="padding:8px 20px 8px 10px;">
73 
						<a class="proinfor clearfix">
74 
							<div class="headblock floatL"><img id="proHead" class="headimg userRadius" src="../images/default-photo.jpg"></div>
75 
							<div class="media-body floatL">
76 
								<span class="listtit"><span id="proName"></span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></span>
77 
								<div class="listtit2" id="oMess"></div>
78 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
79 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
80 
							</div>
81 
						</a>
82 
					</li>
83 
				</ul>
84 
				<div class="line01" style="margin:4px 0 10px 0;"></div>
85
86 
				<div id="artical_real">
87 
					<!--body-->
88 
					<div id="main_content">
89 
					</div>
90 
					<!--body-->
91 
				</div>
92 
				<div class="blockGroup mainbox" style="padding-bottom:40px;">
93 
					<div class="maincon alignCenter">
94 
						<div style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">「 科袖 」</span><br />搭建企业与专家的桥梁</div>
95 
						<div class="frmbox" style="margin:20px auto;">
96 
							<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
97 
						</div>
98 
						<div>
99 
							<img style="width:120px;" src="../images/weixin_code.jpg" />
100 
							<div style="color:#CCCCCC;font-size:13px;">关注科袖公众号</div>
101 
						</div>
102 
					</div>
103 
				</div>
104 
			</div>
105 
		</div>
106 
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
107 
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
108 
		<script>
109 
			$(document).ready(function() {
110 
				var imgUrl = "http://www.ekexiu.com/images/logo180.png";
111 
				var lineLink = document.location.href;
112 
				var descContent;
113 
				var shareTitle;
114 
				var appid = '';
115 
				var articleId = GetQueryString("articleId");
116
117 
				function GetQueryString(name) {
118 
					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
119 
					var r = window.location.search.substr(1).match(reg);
120 
					var context = "";
121 
					if(r != null)
122 
						context = r[2];
123 
					reg = null;
124 
					r = null;
125 
					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
126 
				}
127
128 
				function proInfoMain() {
129 
					$.ajax({
130 
						url: "/ajax/article/query",
131 
						dataType: 'json', //数据格式类型
132 
						type: 'GET', //http请求类型
133 
						async: false,
134 
						data: {
135 
							"articleId": articleId
136 
						},
137 
						timeout: 10000, //超时设置
138 
						success: function(data) {
139 
							console.log(data)
140 
							var $info = data.data || {};
141 
							if(data.success && data.data) {
142 
								//var nameli = document.getElementById("nameli");
143 
								/*var proZlist = document.getElementById("proZlist"); //专家资源
144 
								var proRlist = document.getElementById("proRlist"); //专家资源
145 
								var proName = document.getElementById("proName");
146 
								var proTitle = document.getElementById("proTitle");
147 
								var proOffice = document.getElementById("proOffice");
148 
								var proOrg = document.getElementById("proOrg");
149 
								var proAddress = document.getElementById("proAddress");*/
150 
								var articleImg = document.getElementById("articleImg");
151 
								var artical_topic = document.getElementById("artical_topic");
152 
								var main_content = document.getElementById("main_content");
153 
								var hiddenImg = document.getElementById("hiddenImg"); //隐藏文章头图位置
154 
								//proName.innerText = $info.professor.name;
155 
								if($info.articleType==1){
156 
									professor($info.professorId);
157 
								}else{
158 
									company($info.orgId)
159 
								}
160
161
162 
								if($info.articleImg) {
163 
									articleImg.style.backgroundImage = 'url(/data/article/' + $info.articleImg + ')';
164 
									//hiddenImg.src = '/data/article/' + $info.articleImg + '';
165 
									//imgUrl = '/data/article/' + $info.articleImg + '';
166 
								} else {
167 
									//imgUrl = 'http://www.ekexiu.com/images/logo180.png';
168 
									//alert(imgUrl);
169 
									//articleImg.style.backgroundImage  = 'url(../images/logo180.png)';
170 
								}
171 
								/*if($info.professor.hasHeadImage) {
172 
									document.getElementById('proHead').src = "/images/head/" + $info.professorId + "_l.jpg";
173 
								}*/
174 
								artical_topic.innerText = $info.articleTitle;
175
176 
								//title标题栏
177 
								shareTitle = "【科袖文章】" + $info.articleTitle + "";
178 
								window.setInterval(function() {
179 
									document.title = "【科袖文章】" + $info.articleTitle + "";
180 
								}, 500);
181
182 
								if($info.articleContent) {
183 
									main_content.innerHTML = $info.articleContent;
184 
									descContent = main_content.innerText;
185 
									var oImg = main_content.getElementsByTagName("img");
186 
									for(var i = 0; i < oImg.length; i++) {
187 
										(function(n) {
188 
											var att = oImg[n].src.substr(7);
189 
											console.log(oImg[n].src)
190 
											oImg[n].style.width = "100%";
191 
											oImg[n].parentNode.style.textIndent = "0em";
192 
										})(i);
193 
									}
194 
								} else {
195 
									descContent = "";
196 
								}
197 
							}
198 
						},
199 
						error: function() {
200 
							return;
201 
						}
202 
					});
203
204 
				}
205 
				proInfoMain();
206 
			/*专家信息*/
207 
			function professor(dataUrl){
208 
				$.ajax({
209 
					url: "/ajax/professor/info/"+dataUrl,
210 
					type: 'get',
211 
					dataType: 'json',
212 
					success: function(data) {
213 
						if(data.success) {
214 
							var $data=data.data;
215 
							$("#proName").text($data.name);
216 
							var omessage=personalInformation($data);
217 
							$("#oMess").text(omessage);
218 
							var oTime = $data["createTime"].substr(0, 4) + "年" + $data.createTime.substr(4, 2) + "月" + $data.createTime.substr(6, 2) + "日" ;
219 
							$("#proRlist").html(oTime);
220 
							if($data.hasHeadImage){
221 
								$("#proHead").attr("src","/images/head/" + $data.id + "_l.jpg")
222 
							}
223 
							/*var rlist = ''
224 
								for(var n = 0; n < $data.researchAreas.length; n++) {
225 
									rlist += '<span>' + $data.researchAreas[n].caption + '</span>';
226 
									if(n != $data.researchAreas.length - 1) {
227 
										rlist += '，';
228 
									}
229 
								}
230 
								($data.researchAreas) ? $("#proRlist").html(rlist): $("#proRlist").html("");
231 
								var zlist = "";
232 
								for(var n = 0; n < $data.resources.length; n++) {
233 
									zlist += '<span>' + $data.resources[n].resourceName + '</span>';
234 
									if(n != $data.resources.length - 1) {
235 
										zlist += '，';
236 
									}
237 
								}
238 
								($data.resources) ? $("#proZlist").html(zlist) : $("#proZlist").html("");*/
239 
						}
240 
					},
241 
				});
242 
			}
243 
			/*企业信息*/
244 
			function company(dataUr){
245 
				$.ajax({
246 
			url: "/ajax/org/" + dataUr,
247 
			type: "GET",
248 
			timeout: 10000,
249 
			dataType: "json",
250 
			beforeSend: function() {},
251 
			success: function(data, textState) {
252 
				if(data.success) {
253 
					var $data = data.data;
254 
					$("#proName").text($data.name);
255 
					if($data.authStatus == 3) {
256 
						$("em").replaceWith("<em class='authiconNew authicon-com-ok' title='认证企业'></em>");
257 
					} else {
258 
						$("em").replaceWith("");
259 
					}
260 
					if($data.hasOrgLogo) {
261 
						$("#proHead").attr("src", "/images/org/" + $data.id + ".jpg");
262 
					} else {
263 
						$("#proHead").attr("src", "images/default-icon.jpg");
264 
					}
265 
					var oTime = $data["createTime"].substr(0, 4) + "年" + $data.createTime.substr(4, 2) + "月" + $data.createTime.substr(6, 2) + "日" ;
266 
							$("#proRlist").html(oTime);
267 
					}
268 
			},
269 
			error: function(XMLHttpRequest, textStats, errorThrown) {
270 
				$.MsgBox.Alert('提示', '服务器请求失败')
271 
			}
272 
		})
273 
			}
274 
			/*职位职称所在机构，部门，地址等等*/
275 
function personalInformation($person) {
276 
	var arr1 = [$person.title, $person.office, $person.department, $person.orgName, $person.address];
277 
	var arr = new Array();
278 
	var arr2 = new Array();
279 
	var n = 0;
280 
	for(var i = 0; i < arr1.length; i++) {
281 
		if(arr1[i]) {
282 
			arr.push(arr1[i]);
283 
			if(arr1[i] == arr1[arr1.length - 1]) {
284 
				n = 1;
285 
			}
286 
		}
287 
	}
288 
	if(n == 1) {
289 
		for(var i = 0; i < arr.length - 1; i++) {
290 
			arr2.push(arr[i]);
291 
		}
292 
		return arr2.join() + " | " + arr[arr.length - 1];
293 
	} else {
294 
		return arr.join();
295 
	}
296
297 
}
298 
				/*微信分享*/
299 
				$.ajax({
300 
					url: "../ajax/weixin/jsapiTicket",
301 
					type: 'get',
302 
					dataType: 'json',
303 
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
304 
					data: {
305 
						'url': location.href.split('#')[0]
306 
					},
307 
					success: function(data) {
308 
						if(data.data) {
309 
							wx.config({
310 
								debug: false, //调试模式好犀利
311 
								appId: data.data.appId,
312 
								timestamp: data.data.timestamp,
313 
								nonceStr: data.data.nonceStr,
314 
								signature: data.data.signature,
315 
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
316 
									"onMenuShareAppMessage",
317 
									"onMenuShareTimeline",
318 
									"onMenuShareQQ",
319 
									"onMenuShareQZone",
320 
									"scanQRCode",
321 
								]
322 
							});
323
324
325 
							wx.ready(function() {
326 
								// 在这里调用 API
327 
								wx.onMenuShareAppMessage({ //分享给朋友
328 
									title: shareTitle, // 分享标题
329 
									desc: descContent, // 分享描述
330 
									link: lineLink, // 分享链接
331 
									imgUrl: imgUrl, // 分享图标
332 
									success: share_success_callback,
333 
									cancel: share_cancel_callback
334 
								});
335
336 
								wx.onMenuShareTimeline({ //分享到朋友圈
337 
									title: shareTitle, // 分享标题
338 
									desc: descContent, // 分享描述
339 
									link: lineLink, // 分享链接
340 
									imgUrl: imgUrl, // 分享图标
341 
									success: share_success_callback,
342 
									cancel: share_cancel_callback
343 
								});
344
345 
								wx.onMenuShareQQ({ //分享到QQ
346 
									title: shareTitle, // 分享标题
347 
									desc: descContent, // 分享描述
348 
									link: lineLink, // 分享链接
349 
									imgUrl: imgUrl, // 分享图标
350 
									success: share_success_callback,
351 
									cancel: share_cancel_callback
352 
								});
353
354 
								wx.onMenuShareQZone({ //分享到QQ空间
355 
									title: shareTitle, // 分享标题
356 
									desc: descContent, // 分享描述
357 
									link: lineLink, // 分享链接
358 
									imgUrl: imgUrl, // 分享图标
359 
									success: share_success_callback,
360 
									cancel: share_cancel_callback
361 
								});
362
363 
							});
364
365 
							//分享成功后的回调函数
366 
							function share_success_callback() {}
367
368 
							//用户取消分享后执行的回调函数
369 
							function share_cancel_callback() {}
370
371 
						}
372
373 
					}
374 
				});
375
376 
			})
377 
		</script>
378 
	</body>
379
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>文章分享-科袖网</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link rel="stylesheet" href="../css/reset.css" />
9 
		<link rel="stylesheet" href="../css/common.css" />
10 
		<link rel="stylesheet" href="../css/share.css" />
11 
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
12 
		<style>
13 
			html,
14 
			body {
15 
				margin: 0;
16 
				padding: 0px;
17 
				background: #FFFFFF;
18 
			}
19 
		</style>
20 
	</head>
21
22 
	<body>
23 
		<div class="contentBody2">
24 
			<div class="showDetail">
25 
				<div class="h1Font hWeight" id="articleName"></div>
26 
				<div class="madiaBlock">
27 
					<ul class="mui-table-view noactiveTab">
28 
						<li class="mui-table-view-cell" id="personAL">
29 
							<div class="flexCenter mui-clearfix">
30 
								<div class="madiaHead useHead" id="messImg"></div>
31 
								<div class="madiaInfo">
32 
									<p><span class="h1Font" id="name"></span><em class="authiconNew" title="" id="auth"></em></p>
33 
									<p class="h3Font" id="oTime"></p>
34 
								</div>
35 
							</div>
36 
						</li>
37 
					</ul>
38 
				</div>
39 
				<!--文章内容区-->
40 
				<div class="showMain" id="articleContent">
41 
				</div>
42 
				<!--标签模块-->
43 
				<ul class="tagList displayNone">
44 
					<!--<li>
45 
						<span class="h2Font">金属材料工程与腐</span>
46 
					</li>-->
47 
				</ul>
48 
			</div>
49 
			<div class="shareEcode">
50 
				<div class="Ecodebox">
51 
					<div class="Ecodecon clearfix">
52 
						<img src="../images/weixin_code.jpg" />
53 
						<div class="codecon">
54 
							<h1>「 科袖 」</h1>
55 
							<h2>搭建企业与专家的桥梁</h2>
56 
							<h3>长按识别科袖公众号</h3>
57 
						</div>
58 
					</div>
59 
				</div>
60 
				<div style="margin:20px auto;">
61 
					<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
62 
				</div>
63 
			</div>
64 
		</div>
65
66 
		<script type="text/javascript">
67 
			$(document).ready(function() {
68 
				var imgUrl ="";
69 
				var lineLink = document.location.href;
70 
				var descContent="";
71 
				var shareTitle;
72 
				var appid = '';
73 
				var articleId = GetQueryString("articleId");
74 
				var oArticleModule = {
75 
					articleId: GetQueryString("articleId"),
76 
					oAjaxGet: function(url, obj, oType, oFun) {
77 
						$.ajax({
78 
							url: url,
79 
							data: obj,
80 
							dataType: 'json', //服务器返回json格式数据
81 
							type: oType, //HTTP请求类型
82 
							timeout: 10000, //超时时间设置为10秒；
83 
							traditional: true,
84 
							success: function(data) {
85 
								if(data.success) {
86 
									oFun(data.data);
87 
								}
88 
							},
89 
							error: function(e) {
90 
								return;
91 
							}
92 
						});
93 
					},
94 
					articleMess: function($data) {
95 
						console.log($data);
96 
						document.getElementById("articleName").innerHTML = $data.articleTitle;
97 
						shareTitle=$data.articleTitle;
98 
						stt = $data.articleImg.substring(0, 9);
99 
						imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
100 
						console.log(stt)
101 
						if($data.articleContent) {
102 
							document.getElementById("articleContent").innerHTML = $data.articleContent;
103 
							descContent=$data.articleContent;
104 
						}
105 
						if($data.subject) {
106 
							document.getElementsByClassName("tagList")[0].style.display = "block";
107 
							var arr = $data.subject.split(",");
108 
							for(var i in arr) {
109 
								var oLi = document.createElement("li");
110 
								oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
111 
								document.getElementsByClassName("tagList")[0].appendChild(oLi);
112 
							}
113 
						}
114 
						if($data.articleType == 1) {
115 
							oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
116 
						} else {
117 
							oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business);
118 
						}
119 
					},
120 
					professorMess: function($data) {
121 
						console.log($data);
122 
						//document.getElementById('name').innerHTML = $data.name;
123 
						$("#name").text($data.name);
124 
						if($data.hasHeadImage == 1) {
125 
							document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
126 
						}
127 
						var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
128 
						document.getElementById("auth").classList.add(userType.sty);
129 
					},
130 
					business: function($data) {
131 
						//console.log(JSON.stringify($data));
132 
						document.getElementById('name').innerHTML = $data.name;
133 
						if($data.hasOrgLogo) {
134 
							document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")";
135 
						}
136 
						if($data.authStatus == 3) {
137 
							document.getElementById("auth").classList.add("authicon-com-ok");
138 
						}
139
140 
					}
141 
				}
142 
				/*文章详细内容*/
143 
				oArticleModule.oAjaxGet("../ajax/article/query", {
144 
					articleId: oArticleModule.articleId
145 
				}, "get", oArticleModule.articleMess);
146
147 
				function GetQueryString(name) {
148 
					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
149 
					var r = window.location.search.substr(1).match(reg);
150 
					var context = "";
151 
					if(r != null)
152 
						context = r[2];
153 
					reg = null;
154 
					r = null;
155 
					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
156 
				}
157 
				/*标志*/
158 
				function autho() {
159 
					if(arguments[0] == 1) {
160 
						return {
161 
							"sty": "authicon-pro",
162 
							"title": "科袖认证专家"
163 
						}
164 
					} else {
165 
						if(arguments[1] == 1) {
166 
							return {
167 
								"sty": "authicon-staff-ok",
168 
								"title": "企业认证员工"
169 
							}
170 
						} else {
171 
							if(arguments[2] == 3) {
172 
								return {
173 
									"sty": "authicon-real",
174 
									"title": "实名认证用户"
175 
								}
176 
							} else {
177 
								return {
178 
									"sty": "e",
179 
									"title": " "
180 
								}
181 
							}
182 
						}
183 
					}
184 
				}
185 
				/*微信分享*/
186 
				$.ajax({
187 
					url: "../ajax/weixin/jsapiTicket",
188 
					type: 'get',
189 
					dataType: 'json',
190 
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
191 
					data: {
192 
						'url': location.href.split('#')[0]
193 
					},
194 
					success: function(data) {
195 
						if(data.data) {
196 
							wx.config({
197 
								debug: false, //调试模式好犀利
198 
								appId: data.data.appId,
199 
								timestamp: data.data.timestamp,
200 
								nonceStr: data.data.nonceStr,
201 
								signature: data.data.signature,
202 
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
203 
									"onMenuShareAppMessage",
204 
									"onMenuShareTimeline",
205 
									"onMenuShareQQ",
206 
									"onMenuShareQZone",
207 
									"scanQRCode",
208 
								]
209 
							});
210
211 
							wx.ready(function() {
212 
								// 在这里调用 API
213 
								wx.onMenuShareAppMessage({ //分享给朋友
214 
									title: shareTitle, // 分享标题
215 
									desc: descContent, // 分享描述
216 
									link: lineLink, // 分享链接
217 
									imgUrl: imgUrl, // 分享图标
218 
									success: share_success_callback,
219 
									cancel: share_cancel_callback
220 
								});
221
222 
								wx.onMenuShareTimeline({ //分享到朋友圈
223 
									title: shareTitle, // 分享标题
224 
									desc: descContent, // 分享描述
225 
									link: lineLink, // 分享链接
226 
									imgUrl: imgUrl, // 分享图标
227 
									success: share_success_callback,
228 
									cancel: share_cancel_callback
229 
								});
230
231 
								wx.onMenuShareQQ({ //分享到QQ
232 
									title: shareTitle, // 分享标题
233 
									desc: descContent, // 分享描述
234 
									link: lineLink, // 分享链接
235 
									imgUrl: imgUrl, // 分享图标
236 
									success: share_success_callback,
237 
									cancel: share_cancel_callback
238 
								});
239
240 
								wx.onMenuShareQZone({ //分享到QQ空间
241 
									title: shareTitle, // 分享标题
242 
									desc: descContent, // 分享描述
243 
									link: lineLink, // 分享链接
244 
									imgUrl: imgUrl, // 分享图标
245 
									success: share_success_callback,
246 
									cancel: share_cancel_callback
247 
								});
248
249 
							});
250
251 
							//分享成功后的回调函数
252 
							function share_success_callback() {}
253
254 
							//用户取消分享后执行的回调函数
255 
							function share_cancel_callback() {}
256
257 
						}
258
259 
					}
260 
				});
261 
			})
262 
		</script>
263
264 
	</body>
265
380 266 
</html>

+ 220 - 150
ekexiu/shareArticalinforNew.html
View File 

@ -1,5 +1,6 @@
1 1 
<!DOCTYPE html>
2 2 
<html>
3
3 4 
	<head>
4 5 
		<meta charset="UTF-8">
5 6 
		<title>文章分享-科袖网</title>
 
@ -9,39 +10,44 @@
9 10 
		<link rel="stylesheet" href="../css/share.css" />
10 11 
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
11 12 
		<style>
12 
			html,body{margin:0;padding:0px;background: #FFFFFF;}
13 
			html,
14 
			body {
15 
				margin: 0;
16 
				padding: 0px;
17 
				background: #FFFFFF;
18 
			}
13 19 
		</style>
14 20 
	</head>
15 21
16 22 
	<body>
17 23 
		<div class="contentBody2">
18 
		    <div class="showDetail">
19 
		    	<div class="h1Font hWeight" id="articleName"></div>
20 
	    		<div class="madiaBlock">
21 
	    			<ul class="mui-table-view noactiveTab">
22 
				        <li class="mui-table-view-cell" id="personAL">
23 
				            <div class="flexCenter mui-clearfix">
24 
				                <div class="madiaHead useHead" id="messImg"></div>
24 
			<div class="showDetail">
25 
				<div class="h1Font hWeight" id="articleName"></div>
26 
				<div class="madiaBlock">
27 
					<ul class="mui-table-view noactiveTab">
28 
						<li class="mui-table-view-cell" id="personAL">
29 
							<div class="flexCenter mui-clearfix">
30 
								<div class="madiaHead useHead" id="messImg"></div>
25 31 
								<div class="madiaInfo">
26 
									<p><span class="h1Font" id="name"></span><em class="authicon" title="" id="auth"></em></p>
32 
									<p><span class="h1Font" id="name"></span><em class="authiconNew" title="" id="auth"></em></p>
27 33 
									<p class="h3Font" id="oTime"></p>
28 34 
								</div>
29 
				            </div>
30 
				        </li>
31 
				    </ul>
32 
	    		</div>
33 
		    	<!--文章内容区-->
35 
							</div>
36 
						</li>
37 
					</ul>
38 
				</div>
39 
				<!--文章内容区-->
34 40 
				<div class="showMain" id="articleContent">
35 41 
				</div>
36 
	    		<!--标签模块-->
42 
				<!--标签模块-->
37 43 
				<ul class="tagList displayNone">
38 
					<!--<li>
39 
						<span class="h2Font">金属材料工程与腐</span>
44 
					<!--<li>
45 
						<span class="h2Font">金属材料工程与腐</span>
40 46 
					</li>-->
41 47 
				</ul>
42 
		    </div>
43 
		    <div class="shareEcode">
44 
		    	<div class="Ecodebox">
48 
			</div>
49 
			<div class="shareEcode">
50 
				<div class="Ecodebox">
45 51 
					<div class="Ecodecon clearfix">
46 52 
						<img src="../images/weixin_code.jpg" />
47 53 
						<div class="codecon">
 
@ -54,143 +60,207 @@
54 60 
				<div style="margin:20px auto;">
55 61 
					<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
56 62 
				</div>
57 
		    </div>
63 
			</div>
58 64 
		</div>
59
60 
<script type="text/javascript">
61 
$(document).ready(function() {
62 
	var articleId = GetQueryString("articleId");
63
64 
	var oArticleModule = {
65 
		oAjaxGet: function(url, obj, oType, oFun) {
66 
			$.ajax({
67 
				url:url,
68 
				data: obj,
69 
				dataType: 'json', //服务器返回json格式数据
70 
				type: oType, //HTTP请求类型
71 
				timeout: 10000, //超时时间设置为10秒；
72 
				traditional: true,
73 
				success: function(data) {
74 
					if(data.success) {
75 
						oFun(data.data);
76 
					} else {
65
66 
		<script type="text/javascript">
67 
			$(document).ready(function() {
68 
				var imgUrl ="";
69 
				var lineLink = document.location.href;
70 
				var descContent="";
71 
				var shareTitle;
72 
				var appid = '';
73 
				var articleId = GetQueryString("articleId");
74 
				var oArticleModule = {
75 
					articleId: GetQueryString("articleId"),
76 
					oAjaxGet: function(url, obj, oType, oFun) {
77 
						$.ajax({
78 
							url: url,
79 
							data: obj,
80 
							dataType: 'json', //服务器返回json格式数据
81 
							type: oType, //HTTP请求类型
82 
							timeout: 10000, //超时时间设置为10秒；
83 
							traditional: true,
84 
							success: function(data) {
85 
								if(data.success) {
86 
									oFun(data.data);
87 
								}
88 
							},
89 
							error: function(e) {
90 
								return;
91 
							}
92 
						});
93 
					},
94 
					articleMess: function($data) {
95 
						console.log($data);
96 
						document.getElementById("articleName").innerHTML = $data.articleTitle;
97 
						shareTitle=$data.articleTitle;
98 
						stt = $data.articleImg.substring(0, 9);
99 
						imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
100 
						console.log(stt)
101 
						if($data.articleContent) {
102 
							document.getElementById("articleContent").innerHTML = $data.articleContent;
103 
							descContent=$data.articleContent;
104 
						}
105 
						if($data.subject) {
106 
							document.getElementsByClassName("tagList")[0].style.display = "block";
107 
							var arr = $data.subject.split(",");
108 
							for(var i in arr) {
109 
								var oLi = document.createElement("li");
110 
								oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
111 
								document.getElementsByClassName("tagList")[0].appendChild(oLi);
112 
							}
113 
						}
114 
						if($data.articleType == 1) {
115 
							oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
116 
						} else {
117 
							oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business);
118 
						}
119 
					},
120 
					professorMess: function($data) {
121 
						console.log($data);
122 
						//document.getElementById('name').innerHTML = $data.name;
123 
						$("#name").text($data.name);
124 
						if($data.hasHeadImage == 1) {
125 
							document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
126 
						}
127 
						var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
128 
						document.getElementById("auth").classList.add(userType.sty);
129 
					},
130 
					business: function($data) {
131 
						//console.log(JSON.stringify($data));
132 
						document.getElementById('name').innerHTML = $data.name;
133 
						if($data.hasOrgLogo) {
134 
							document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")";
135 
						}
136 
						if($data.authStatus == 3) {
137 
							document.getElementById("auth").classList.add("authicon-com-ok");
138 
						}
77 139
78 140 
					}
79 
				},
80 
				error: function(e) {return;}
81 
			});
82 
		},
83 
		articleMess: function($data) {
84 
			console.log(JSON.stringify($data));
85 
			document.getElementById("articleName").innerHTML = $data.articleTitle;
86 
			stt = $data.articleImg.substring(0, 9);
87 
			console.log(stt)
88 
			if($data.articleContent) {
89 
				document.getElementById("articleContent").innerHTML = $data.articleContent;
90 
			}
91 
			if($data.subject) {
92 
				document.getElementsByClassName("tagList")[0].style.display = "block";
93 
				var arr = $data.subject.split(",");
94 
				for(var i in arr) {
95 
					var oLi = document.createElement("li");
96 
					oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
97 
					document.getElementsByClassName("tagList")[0].appendChild(oLi);
98 141 
				}
99 
			}
100 
			document.getElementById("snum").innerHTML = $data.articleAgree;
101 
			if($data.articleType == 1) {
102 
				oArticleModule.oAjaxGet({
103 
					url:"../ajax/article/ralateArticles",
104 
					"keys": arr,
105 
					"professorId": oArticleModule.oWner,
106 
					"articleId": oArticleModule.articleId,
107 
					"rows": 5
108 
				}, "get", oArticleModule.correlationArticle);
109 
			} else {
110 
				oArticleModule.oAjaxGet({
111 
					url:"../ajax/article/ralateArticles",
112 
					"keys": arr,
113 
					"orgId": oArticleModule.oWner,
114 
					"articleId": oArticleModule.articleId,
115 
					"rows": 5
116 
				}, "get", oArticleModule.correlationArticle);
117 
			}
118 
		},
119 
		professorMess: function($data) {
120 
			console.log(JSON.stringify($data));
121 
			document.getElementById('name').innerHTML = $data.name;
122 
			if($data.hasHeadImage == 1) {
123 
				document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
124 
			}
125 
			var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
126 
			document.getElementById("auth").classList.add(userType.sty);
127 
		},
128 
		business: function($data) {
129 
			//console.log(JSON.stringify($data));
130 
			document.getElementById('name').innerHTML = $data.name;
131 
			if($data.hasOrgLogo) {
132 
				document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")";
133 
			}
142 
				/*文章详细内容*/
143 
				oArticleModule.oAjaxGet("../ajax/article/query", {
144 
					articleId: oArticleModule.articleId
145 
				}, "get", oArticleModule.articleMess);
134 146
135 
		}
136 
	}
137 
	/*文章详细内容*/
138 
	oArticleModule.oAjaxGet({
139 
		url:"../ajax/article/query",
140 
		articleId: oArticleModule.articleId
141 
	}, "get", oArticleModule.articleMess);
142 
	if(oArticleModule.oFlag == 1) {
143 
		/*企业发布文章信息*/
144 
		oArticleModule.oAjaxGet("../ajax/org/" + oArticleModule.oWner, "", "get", oArticleModule.business);
145 
	} else {
146 
		/*个人发布文章信息*/
147 
		oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + oArticleModule.oWner, "", "get", oArticleModule.professorMess);
148 
	}
149
150
151
152
153
154 
	function GetQueryString(name) {
155 
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
156 
		var r = window.location.search.substr(1).match(reg);
157 
		var context = "";
158 
		if(r != null)
159 
			context = r[2];
160 
		reg = null;
161 
		r = null;
162 
		return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
163 
	}
164 
	/*标志*/
165 
	function autho() {
166 
		if(arguments[0] == 1) {
167 
			return {
168 
				"sty": "authicon-pro",
169 
				"title": "科袖认证专家"
170 
			}
171 
		} else {
172 
			if(arguments[1] == 1) {
173 
				return {
174 
					"sty": "authicon-staff-ok",
175 
					"title": "企业认证员工"
147 
				function GetQueryString(name) {
148 
					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
149 
					var r = window.location.search.substr(1).match(reg);
150 
					var context = "";
151 
					if(r != null)
152 
						context = r[2];
153 
					reg = null;
154 
					r = null;
155 
					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
176 156 
				}
177 
			} else {
178 
				if(arguments[2] == 3) {
179 
					return {
180 
						"sty": "authicon-real",
181 
						"title": "实名认证用户"
182 
					}
183 
				} else {
184 
					return {
185 
						"sty": "e",
186 
						"title": " "
157 
				/*标志*/
158 
				function autho() {
159 
					if(arguments[0] == 1) {
160 
						return {
161 
							"sty": "authicon-pro",
162 
							"title": "科袖认证专家"
163 
						}
164 
					} else {
165 
						if(arguments[1] == 1) {
166 
							return {
167 
								"sty": "authicon-staff-ok",
168 
								"title": "企业认证员工"
169 
							}
170 
						} else {
171 
							if(arguments[2] == 3) {
172 
								return {
173 
									"sty": "authicon-real",
174 
									"title": "实名认证用户"
175 
								}
176 
							} else {
177 
								return {
178 
									"sty": "e",
179 
									"title": " "
180 
								}
181 
							}
182 
						}
187 183 
					}
188 184 
				}
189 
			}
190 
		}
191 
	}
192 
})
193 
</script>
185 
				/*微信分享*/
186 
				$.ajax({
187 
					url: "../ajax/weixin/jsapiTicket",
188 
					type: 'get',
189 
					dataType: 'json',
190 
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
191 
					data: {
192 
						'url': location.href.split('#')[0]
193 
					},
194 
					success: function(data) {
195 
						if(data.data) {
196 
							wx.config({
197 
								debug: false, //调试模式好犀利
198 
								appId: data.data.appId,
199 
								timestamp: data.data.timestamp,
200 
								nonceStr: data.data.nonceStr,
201 
								signature: data.data.signature,
202 
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
203 
									"onMenuShareAppMessage",
204 
									"onMenuShareTimeline",
205 
									"onMenuShareQQ",
206 
									"onMenuShareQZone",
207 
									"scanQRCode",
208 
								]
209 
							});
210
211 
							wx.ready(function() {
212 
								// 在这里调用 API
213 
								wx.onMenuShareAppMessage({ //分享给朋友
214 
									title: shareTitle, // 分享标题
215 
									desc: descContent, // 分享描述
216 
									link: lineLink, // 分享链接
217 
									imgUrl: imgUrl, // 分享图标
218 
									success: share_success_callback,
219 
									cancel: share_cancel_callback
220 
								});
221
222 
								wx.onMenuShareTimeline({ //分享到朋友圈
223 
									title: shareTitle, // 分享标题
224 
									desc: descContent, // 分享描述
225 
									link: lineLink, // 分享链接
226 
									imgUrl: imgUrl, // 分享图标
227 
									success: share_success_callback,
228 
									cancel: share_cancel_callback
229 
								});
230
231 
								wx.onMenuShareQQ({ //分享到QQ
232 
									title: shareTitle, // 分享标题
233 
									desc: descContent, // 分享描述
234 
									link: lineLink, // 分享链接
235 
									imgUrl: imgUrl, // 分享图标
236 
									success: share_success_callback,
237 
									cancel: share_cancel_callback
238 
								});
239
240 
								wx.onMenuShareQZone({ //分享到QQ空间
241 
									title: shareTitle, // 分享标题
242 
									desc: descContent, // 分享描述
243 
									link: lineLink, // 分享链接
244 
									imgUrl: imgUrl, // 分享图标
245 
									success: share_success_callback,
246 
									cancel: share_cancel_callback
247 
								});
248
249 
							});
250
251 
							//分享成功后的回调函数
252 
							function share_success_callback() {}
253
254 
							//用户取消分享后执行的回调函数
255 
							function share_cancel_callback() {}
256
257 
						}
258
259 
					}
260 
				});
261 
			})
262 
		</script>
263
264 
	</body>
194 265
195 
</body>
196 266 
</html>