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

分享资源详情

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

+ 0 - 266
ekexiu/shareArticalinforNew.html
View File 

@ -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
View File 

@ -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
View File 

@ -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>' +