Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 306 Releases 0 Wiki
Browse Source

账户页添加邀请，专家文章详细页面

jack 8 years ago
parent
327a45c905
commit
9a712c0525
4 changed files with 237 additions and 5 deletions
Split View Show Diff Stats
  1. 6 5
      app/html/myaccount.html
  2. 88 0
      app/html/professorArticle.html
  3. 21 0
      app/html/proinforbrow.html
  4. 122 0
      app/js/myaccount.js

+ 6 - 5
app/html/myaccount.html
View File 

@ -87,12 +87,13 @@
87 87 
				        	<span class="mui-pull-left">我的关注</span>
88 88 
				        </a>
89 89 
				    </li>
90 
				   <!-- <li class="mui-table-view-cell" id="goNewuser">
91 
				        <a class="mui-navigate-right">
92 
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
90 
				    <li class="mui-table-view-cell" id="goNewuser">
91 
				        <a class="mui-navigate-right">
92 
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
93 93 
				        	<span class="mui-pull-left">邀请新用户</span>
94 
				        </a>
95 
				    </li> -->
94 
				        	<!--<span class="mui-pull-right" style="margin-right:24px;">邀请好友得积分</span>-->
95 
				        </a>
96 
				    </li>
96 97 
				</ul>
97 98 
		    </div>
98 99 
		    <div class="mui-input-group  marginbox setblock">

+ 88 - 0
app/html/professorArticle.html
View File 

@ -0,0 +1,88 @@
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 href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/iconfont.css" rel="stylesheet" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
		<style>
12 
			body,
13 
			html,
14 
			.mui-content {
15 
				background: #FFFFFF;
16 
			}
17 
		</style>
18 
	</head>
19
20 
	<body>
21 
		<header class="mui-bar mui-bar-nav toptitbox">
22 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
23 
			<h1 class="mui-title toptit">精选文章</h1>
24 
		</header>
25 
		<nav class="mui-bar mui-bar-tab mui-clearfix footbox">
26 
			<div class="dialogbtn mui-pull-left btnactive" style="background:#FF9900; color: #FFFFFF;width:100%;" id="zixun">
27 
				<div>
28 
					<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
29 
					<span class="mui-pull-left" id="consultBtn">留言</span>
30 
				</div>
31 
			</div>
32 
			<!--<div class="attentbtn mui-pull-left">
33 
				<em class="mui-iocn iconfont icon-favor" id="yesExpert"></em>
34 
				<em class="mui-iocn iconfont icon-favorfill" style="display:none;" id="noExpert"></em>
35 
				已经关注icon-favorfill
36 
			</div>-->
37 
		</nav>
38 
		<div class="mui-content">
39 
			<div class="art_topicBox">
40 
				<img src="../images/banner/artical_01.jpg">
41 
				<div class="art_topicbox">
42 
					<h4 id="artical_topic"><!--title-->李光福：为核电安全发展护航  腐蚀防护任重道远<!--title--></h4>
43 
				</div>
44 
			</div>
45 
			<div class="articalBox">
46 
				<div id="artical">
47 
					<div id="artical_sth" class="mui-clearfix" style="font-size:18px;font-weight:800;color:black;">
48 
						专家文章标题
49 
					</div>
50 
				</div>
51 
				<div class="line01"></div>
52 
				<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
53 
					<li class="mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">
54 
						<a class="proinfor">
55 
							<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
56 
							<div class="mui-media-body">
57 
								<span class="listtit"><span id="proName"></span><em class="mui-icon iconfont icon-vip authicon-cu"> </em></span>
58 
								<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
59 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
60 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
61 
							</div>
62 
						</a>
63 
					</li>
64 
				</ul>
65 
				<div class="line01" style="margin:4px 0 10px 0;"></div>
66 
				<div id="artical_real">
67 
					<!--body-->
68 
					<div id="main_content">
69 
						非法拘禁军军军军打开看看扩扩扩扩扩扩扩
70 
						扩扩扩扩扩扩扩扩扩扩扩扩
71 
						扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩
72 
						扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩
73 
						扩扩扩扩扩扩
74 
						非法拘禁军军军军打开看看扩扩扩扩扩扩扩
75 
						扩扩扩扩扩扩扩扩扩扩扩扩
76 
						扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩
77 
						扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩
78 
						扩扩扩扩扩扩
79 
					</div>
80 
					<!--body-->
81 
				</div>
82 
			</div>
83 
		</div>
84 
		<script src="../js/public/mui.min.js"></script>
85 
		<script src="../js/public/base.js"></script>
86 
	</body>
87
88 
</html>

+ 21 - 0
app/html/proinforbrow.html
View File 

@ -125,6 +125,27 @@
125 125 
					</div>
126 126 
				</div>
127 127 
			</div>
128 
			<!--<div class="mui-input-group mainbox" id="professorArticleList">
129 
				<div class="maincon">
130 
					<div class="infocontit">专家文章</div>
131 
					<div class="infocon" style="padding:10px 0;">
132 
						<ul class="mui-table-view listitembox resinfo" id="articleList">
133 
							<li class="mui-table-view-cell mui-media listitem">
134 
				                <a class="proinfor" href="resinforbrow.html">
135 
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
136 
				                    <div class="mui-media-body">
137 
				                        <span class="listtit">文章标题</span>
138 
				                    	<p class="listtit3  mui-ellipsis">
139 
				                    		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
140 
				                    	</p>
141 
				                    </div>
142 
				                </a>
143 
				            </li>
144 
						</ul>
145
146 
					</div>
147 
				</div>
148 
			</div>-->
128 149 
			<div class="mui-input-group mainbox" id="professorBreifinfo">
129 150 
				<div class="maincon">
130 151 
					<div class="infocontit">个人简介</div>

+ 122 - 0
app/js/myaccount.js
View File 

@ -15,6 +15,7 @@ mui.ready(function() {
15 15 
	var oFlag;
16 16 
	var oFlag1;
17 17 
	var clickFlag=true;
18 
	var professorName;
18 19 
	mui.plusReady(function() {
19 20
20 21 
		var userId = plus.storage.getItem('userid');

@ -151,6 +152,7 @@ mui.ready(function() {
151 152 
					console.log(oFlag)
152 153 
					if(data.success && data.data) {
153 154 
						document.getElementById("userName").innerText = $info.name || '';
155 
						professorName=$info.name;
154 156 
						var userTitle = document.getElementById("userTitle");
155 157 
						var userPosition = document.getElementById("userPosition");
156 158 
						var userDepartment = document.getElementById("userDepartment");

@ -238,7 +240,127 @@ mui.ready(function() {
238 240 
				}
239 241 
			});
240 242 
		}
243 
/*微信及微信朋友圈分享专家*/
244 
	var auths, shares;
245 
	document.getElementById("goNewuser").addEventListener("tap", function() {
246 
		shareShow()
247 
	})
248 
	plus.oauth.getServices(function(services) {
249 
		auths = {};
250 
		for(var i in services) {
251 
			var t = services[i];
252 
			auths[t.id] = t;
241 253
254 
		}
255 
	}, function(e) {
256 
		alert("获取登录服务列表失败：" + e.message + " - " + e.code);
257 
	});
258 
	plus.share.getServices(function(services) {
259
260 
		shares = {};
261 
		for(var i in services) {
262
263 
			var t = services[i];
264
265 
			shares[t.id] = t;
266
267 
		}
268 
	}, function(e) {
269 
		alert("获取分享服务列表失败：" + e.message + " - " + e.code);
270 
	})
271
272 
	function shareShow() {
273 
		var shareBts = [];
274 
		// 更新分享列表
275 
		var ss = shares['weixin'];
276 
		if(navigator.userAgent.indexOf('StreamApp') < 0 && navigator.userAgent.indexOf('qihoo') < 0) { //在360流应用中微信不支持分享图片
277 
			ss && ss.nativeClient && (shareBts.push({
278 
					title: '微信好友',
279 
					s: ss,
280 
					x: 'WXSceneSession'
281 
				}),
282 
				shareBts.push({
283 
					title: '微信朋友圈',
284 
					s: ss,
285 
					x: 'WXSceneTimeline'
286 
				}));
287 
		}
288 
		//				// 弹出分享列表
289 
		shareBts.length > 0 ? plus.nativeUI.actionSheet({
290 
			title: '分享',
291 
			cancel: '取消',
292 
			buttons: shareBts
293 
		}, function(e) {
294 
			var str = "研究方向"
295 
			if(e.index == 1) {
296 
				alert(userId);
297 
				var share = buildShareService();
298 
				if(share) {
299 
					shareMessage(share, "WXSceneSession", {
300 
						content: professorName,
301 
						title: "【科袖名片】",
302 
						href: baseUrl+"/ekexiu/Invitation.html?professorId="+userId+"&professorName="+encodeURI(professorName),
303 
						thumbs: [baseUrl + "/images/logo180.png"]
304 
					});
305 
				}
306 
			} else if(e.index == 2) {
307 
				var share = buildShareService();
308 
				if(share) {
309 
					shareMessage(share, "WXSceneTimeline", {
310 
						content: professorName,
311 
						title: "【科袖名片",
312 
						href: baseUrl+"/ekexiu/Invitation.html?professorId="+userId+"&professorName="+encodeURI(professorName),
313 
						thumbs: [baseUrl + "/images/logo180.png"]
314 
					});
315 
				}
316 
			}
317
318 
		}) : plus.nativeUI.alert('当前环境无法支持分享操作!');
319
320 
	}
321
322 
	function buildShareService() {
323 
		var share = shares["weixin"];
324 
		if(share) {
325 
			if(share.authenticated) {
326 
				console.log("---已授权---");
327 
			} else {
328 
				console.log("---未授权---");
329 
				share.authorize(function() {
330 
					console.log('授权成功...')
331 
				}, function(e) {
332 
					alert("认证授权失败：" + e.code + " - " + e.message);
333 
					return null;
334 
				});
335 
			}
336 
			return share;
337 
		} else {
338 
			alert("没有获取微信分享服务");
339 
			return null;
340 
		}
341
342 
	}
343
344 
	function shareMessage(share, ex, msg) {
345 
		msg.extra = {
346 
			scene: ex
347 
		};
348 
		share.send(msg, function() {
349 
			plus.nativeUI.closeWaiting();
350 
			var strtmp = "分享到\"" + share.description + "\"成功！ ";
351 
			console.log(strtmp);
352 
			plus.nativeUI.toast(strtmp, {
353 
				verticalAlign: 'center'
354 
			});
355 
		}, function(e) {
356 
			plus.nativeUI.closeWaiting();
357 
			if(e.code == -2) {
358 
				plus.nativeUI.toast('已取消分享', {
359 
					verticalAlign: 'center'
360 
				});
361 
			}
362 
		});
363 
	}
242 364 
	});
243 365
244 366 
});