Browse Source

我的账号

xuchunyang 8 years ago
parent
commit
a59d773337
2 changed files with 62 additions and 15 deletions
  1. 12 8
      app/html/myaccount.html
  2. 50 7
      app/js/myaccount.js

+ 12 - 8
app/html/myaccount.html

@ -22,7 +22,11 @@
22 22
					    <a class="mui-pull-left proinfor">
23 23
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="userImg">
24 24
		                    <div class="mui-pull-left infobasic" style="display:none;" id="loginYes">
25
		                        <span class="listtit"><span id="userName"></span><em class="mui-icon iconfont icon-vip authicon" id="rzImg" style="display:none;"></em></span>	
25
		                        <span class="listtit">
26
		                        	<span id="userName"></span>
27
		                        	<em class="mui-icon iconfont icon-vip authicon" style="display:none;" ></em>
28
		                        	<em class="mui-icon iconfont icon-vip unauthicon" style="display:none;" ></em>
29
		                        </span>	
26 30
		                        <p class="listtit2"><span id="userTitle"></span>,<span id="userPosition"></span></p>
27 31
		                    	<p class="listtit3"><span id="userDepartment"></span>,<span id="userMechanism"></span> | <span id="userCity"></span></p>
28 32
		                    </div>
@ -40,13 +44,13 @@
40 44
				    <li class="mui-table-view-cell">
41 45
				        <a class="mui-navigate-right peocount"  id="goZixun">
42 46
				        	<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
43
				        	<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
47
				        	<span class="mui-pull-left">已完成咨询<em id="zixunOk"></em>人次</span>
44 48
				        	<div class="rightword levelbox">
45
				        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
46
				        		<span class="mui-icon iconfont icon-favorfill"></span>
47
				        		<span class="mui-icon iconfont icon-favorfill"></span>
48
				        		<span class="mui-icon iconfont icon-favor"></span>
49
				        		<span class="mui-icon iconfont icon-favor"></span>
49
				        		<span class="mui-icon iconfont icon-favor star"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
50
				        		<span class="mui-icon iconfont icon-favor star"></span>
51
				        		<span class="mui-icon iconfont icon-favor star"></span>
52
				        		<span class="mui-icon iconfont icon-favor star"></span>
53
				        		<span class="mui-icon iconfont icon-favor star"></span>
50 54
				        	</div>
51 55
				        </a>
52 56
				    </li>
@ -78,7 +82,7 @@
78 82
				        </a>
79 83
				    </li>-->
80 84
				    <li class="mui-table-view-cell">
81
				        <a class="mui-navigate-right" href="attentions.html" id="goFollow">
85
				        <a class="mui-navigate-right"  id="goFollow">
82 86
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
83 87
				        	<span class="mui-pull-left">我的关注</span>
84 88
				        </a>

+ 50 - 7
app/js/myaccount.js

@ -1,15 +1,18 @@
1 1
//我的账号
2 2
mui.ready(function() {
3
	   
3

4 4
	/*定义全局变量*/
5 5
	var loginYes = document.getElementById("loginYes");
6 6
	var loginNo = document.getElementById("loginNo");
7 7
	var goLogin = document.getElementById("gologin");
8 8
	var goReg = document.getElementById("goreg");
9 9
	var goSetup = document.getElementById("goSetup");
10
	
10
	var goZixun = document.getElementById("goZixun");
11
	var oEdit = document.getElementById("editbox");
12
	var goFollow = document.getElementById("goFollow");
13

11 14
	mui.plusReady(function() {
12
		
15

13 16
		var userId = plus.storage.getItem('userid');
14 17
		/*判断登录是否成功*/
15 18
		loginStatus();
@ -29,8 +32,8 @@ mui.ready(function() {
29 32
		})
30 33

31 34
		/*退出登录刷新页面*/
32
        window.addEventListener('closeUser',function(event){
33
		    userId = event.detail.id;
35
		window.addEventListener('closeUser', function(event) {
36
			userId = event.detail.id;
34 37
			loginStatus();
35 38
		});
36 39

@ -38,6 +41,7 @@ mui.ready(function() {
38 41
			if(userId && userId != "null" && userId != null) {
39 42
				loginYes.style.display = "block";
40 43
				loginNo.style.display = "none";
44

41 45
				/*设置按钮*/
42 46
				goSetup.addEventListener('tap', function() {
43 47
					mui.openWindow({
@ -48,6 +52,39 @@ mui.ready(function() {
48 52
						}
49 53
					});
50 54
				})
55

56
				/*我的关注*/
57
				goFollow.addEventListener('tap', function() {
58
					plus.nativeUI.showWaiting(); //显示原生等待框
59
					plus.webview.create("../html/attentions.html");
60
				})
61

62
				/*我的修改*/
63
				oEdit.addEventListener('tap', function() {
64
					mui.openWindow({
65
						url: '../html/proinforupdate.html',
66
						id: 'html/proinforupdate.html',
67
						show: {
68
							autoShow: false,
69
							aniShow: "slide-in-left"
70
						},
71

72
					});
73
				})
74
				
75
				/*我的历史和评价*/
76
				goZixun.addEventListener('tap', function() {
77
					mui.openWindow({
78
						url: '../html/coophistory.html',
79
						id: 'html/coophistory.html',
80
						show: {
81
							autoShow: false,
82
							aniShow: "slide-in-left"
83
						},
84

85
					});
86
				})
87

51 88
			} else {
52 89
				loginNo.style.display = "block";
53 90
				loginYes.style.display = "none";
@ -71,15 +108,21 @@ mui.ready(function() {
71 108
						document.getElementById("userDepartment").innerText = $info.department || '';
72 109
						document.getElementById("userMechanism").innerText = $info.orgName || '';
73 110
						document.getElementById("userCity").innerText = $info.address || '';
111
						document.getElementById("zixunOk").innerText = $info.consultCount || '';
112
						var startLeval = parseInt($info.starLevel);
113
						var start = document.getElementsByClassName("star");
114
						for(var i = 0; i < startLeval; i++) {
115
							start[i].classList.add("icon-favorfill");
116
						}
74 117
						if($info.hasHeadImage == 1) {
75 118
							document.getElementById("userImg").setAttribute("src", "../images/head/" + $info.id + "_m.jpg");
76 119
						} else {
77 120
							document.getElementById("userImg").setAttribute("src", "../images/default-photo.jpg");
78 121
						}
79 122
						if($info.authentication) {
80
							document.getElementById("rzImg").style.display="inline";
123
							document.querySelector('.authicon').style.display = "inline";
81 124
						} else {
82
							document.getElementById("rzImg").style.display="none";
125
							document.querySelector('.unauthicon').style.display = "inline";
83 126
						}
84 127

85 128
					}