Browse Source

分享资源详情

luyanan 7 years ago
parent
commit
c46a0c75c7
3 changed files with 78 additions and 269 deletions
  1. 0 266
      ekexiu/shareArticalinforNew.html
  2. 77 2
      ekexiu/shareResinfor.html
  3. 1 1
      js/attention-list.js

+ 0 - 266
ekexiu/shareArticalinforNew.html

@ -1,266 +0,0 @@
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
266
</html>

+ 77 - 2
ekexiu/shareResinfor.html

@ -92,6 +92,12 @@
92 92
	</div>
93 93
<script type="text/javascript">
94 94
$(document).ready(function() {
95
	var imgUrl = "http://www.ekexiu.com/images/logo180.png";
96
	var lineLink = document.location.href;
97
	var descContent;
98
	var shareTitle;
99
	var appid = '';
100
	
95 101
	var resourceId = GetQueryString("resourceId");
96 102
	var othisInfo=document.getElementById("thisInfo"); //用户/企业信息
97 103
	var othisName = document.getElementById("thisName"); //专家名称
@ -124,6 +130,9 @@ $(document).ready(function() {
124 130
					document.title = resourceName;
125 131
					oresourceName.innerHTML = mydata.resourceName;
126 132
					oapplication.innerHTML = "用途:"+ mydata.supportedServices;
133
					//微信再次分享配置
134
					shareTitle = oresourceName.innerHTML;
135
					descContent = oapplication.innerHTML;
127 136
					if(mydata.editProfessor) {
128 137
						othisInfo.setAttribute("data-id",mydata.editProfessor.id);
129 138
						othisInfo.setAttribute("data-type",mydata.resourceType);
@ -217,8 +226,74 @@ $(document).ready(function() {
217 226
			}
218 227
		});
219 228
	}
220
221
    
229
	
230
	/*微信分享*/
231
	$.ajax({
232
		url: "../ajax/weixin/jsapiTicket",
233
		type: 'get',
234
		dataType: 'json',
235
		contentType: "application/x-www-form-urlencoded; charset=utf-8",
236
		data: {
237
			'url': location.href.split('#')[0]
238
		},
239
		success: function(data) {
240
			if(data.data) {
241
				wx.config({
242
					debug: false, //调试模式好犀利
243
					appId: data.data.appId,
244
					timestamp: data.data.timestamp,
245
					nonceStr: data.data.nonceStr,
246
					signature: data.data.signature,
247
					jsApiList: [ // 所有要调用的 API 都要加到这个列表中
248
						"onMenuShareAppMessage",
249
						"onMenuShareTimeline",
250
						"onMenuShareQQ",
251
						"onMenuShareQZone",
252
						"scanQRCode",
253
					]
254
				});
255
				wx.ready(function() {
256
					// 在这里调用 API
257
					wx.onMenuShareAppMessage({ //分享给朋友
258
						title: shareTitle, // 分享标题
259
						desc: descContent, // 分享描述
260
						link: lineLink, // 分享链接
261
						imgUrl: imgUrl, // 分享图标
262
						success: share_success_callback,
263
						cancel: share_cancel_callback
264
					});
265
					wx.onMenuShareTimeline({ //分享到朋友圈
266
						title: shareTitle, // 分享标题
267
						desc: descContent, // 分享描述
268
						link: lineLink, // 分享链接
269
						imgUrl: imgUrl, // 分享图标
270
						success: share_success_callback,
271
						cancel: share_cancel_callback
272
					});
273
					wx.onMenuShareQQ({ //分享到QQ
274
						title: shareTitle, // 分享标题
275
						desc: descContent, // 分享描述
276
						link: lineLink, // 分享链接
277
						imgUrl: imgUrl, // 分享图标
278
						success: share_success_callback,
279
						cancel: share_cancel_callback
280
					});
281
					wx.onMenuShareQZone({ //分享到QQ空间
282
						title: shareTitle, // 分享标题
283
						desc: descContent, // 分享描述
284
						link: lineLink, // 分享链接
285
						imgUrl: imgUrl, // 分享图标
286
						success: share_success_callback,
287
						cancel: share_cancel_callback
288
					});
289
				});
290
				//分享成功后的回调函数	
291
				function share_success_callback() {}
292
				//用户取消分享后执行的回调函数	
293
				function share_cancel_callback() {}
294
    		}
295
		}
296
	});
222 297
    
223 298
    function GetQueryString(name) {
224 299
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

+ 1 - 1
js/attention-list.js

@ -132,7 +132,7 @@ $(function() {
132 132
			li.innerHTML = '<a class="proinfor clearfix" target="_blank" href="information-brow.html?professorId=' + item.professor.id + '">' +
133 133
				'<div class="headblock floatL"><img id="proHead" class="headimg userRadius" src="' + img + '"></div>' +
134 134
				'<div class="mediaBody">' +
135
				'<span class="listtit">' + item.professor.name + '<em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>' +
135
				'<span class="listtit">' + item.professor.name + '<em class="authiconNew authicon-pro"></em></span>' +
136 136
				'<p class="listtit2"><span>' + title + '</span><span>' + office + '</span><span>' + orgName + '</span><span>' + address + '</span></p>' +
137 137
				'<p class="ellipsisSty listtit3">' + rlist + '</p>' +
138 138
				'<p class="ellipsisSty listtit3">' + zlist + '</p>' +