Browse Source

我的页面修改

xuchunyang 8 years ago
parent
commit
62df32941b
5 changed files with 127 additions and 22 deletions
  1. 92 7
      app/html/myaccount.html
  2. 1 2
      app/js/attentions.js
  3. 10 4
      app/js/login.js
  4. 23 9
      app/js/myaccount.js
  5. 1 0
      app/js/setup.js

+ 92 - 7
app/html/myaccount.html

13
		<header class="mui-bar mui-bar-nav toptitbox">
13
		<header class="mui-bar mui-bar-nav toptitbox">
14
		    <h1 class="mui-title toptit">我</h1>
14
		    <h1 class="mui-title toptit">我</h1>
15
		</header>
15
		</header>
16
17
		<div class="mui-content">
16
        <!--登陆状态-->
17
		<div class="mui-content" id="loginYes">
18
			<!-- 主界面具体展示内容 -->
18
			<!-- 主界面具体展示内容 -->
19
    		<div class="mui-input-group marginbox">
19
    		<div class="mui-input-group marginbox">
20
				<div class="maincon personinfo2">
20
				<div class="maincon personinfo2">
21
					<div class="headbox2" >
21
					<div class="headbox2" >
22
					    <a class="mui-pull-left proinfor">
22
					    <a class="mui-pull-left proinfor">
23
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="userImg">
23
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="userImg">
24
		                    <div class="mui-pull-left infobasic" style="display:none;" id="loginYes">
24
		                    <div class="mui-pull-left infobasic">
25
		                        <span class="listtit">
25
		                        <span class="listtit">
26
		                        	<span id="userName"></span>
26
		                        	<span id="userName"></span>
27
		                        	<em class="mui-icon iconfont icon-vip authicon" style="display:none;" ></em>
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>
28
		                        	<em class="mui-icon iconfont icon-vip unauthicon" style="display:none;" ></em>
29
		                        </span>	
29
		                        </span>	
30
		                        <p class="listtit2"><span id="userTitle"></span><span id="userPosition"></span></p>
31
		                    	<p class="listtit3"><span id="userDepartment"></span><span id="userMechanism"></span> | <span id="userCity"></span></p>
30
		                        <p class="listtit2"><span id="userTitle"></span><span id="userPosition"></span></p>
31
		                    	<p class="listtit3"><span id="userDepartment"></span><span id="userMechanism"></span><span id="userCity"></span></p>
32
		                    </div>
32
		                    </div>
33
		                    <div class="mui-pull-left " id="loginNo" style="color:#797979; margin: 10% 5%;display:none;"><span id="goreg">注册</span> / <span id="gologin">登录</span> </div>
34
		                </a>
33
		                </a>
35
		                <div class="mui-pull-right updatebtn">
34
		                <div class="mui-pull-right updatebtn">
36
			        		<a class="editbox" id="editbox">
35
			        		<a class="editbox" id="editbox">
98
		    <div class="mui-input-group  marginbox">
97
		    <div class="mui-input-group  marginbox">
99
				<ul class="mui-table-view">
98
				<ul class="mui-table-view">
100
				    <li class="mui-table-view-cell">
99
				    <li class="mui-table-view-cell">
101
				        <a class="mui-navigate-right" id="goSetup">
100
				        <a class="mui-navigate-right goSetup" id="goSetup">
101
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
102
				        	<span class="mui-pull-left">设置</span>
103
				        </a>
104
				    </li>
105
				</ul>
106
		    </div>
107
		</div>
108
		
109
			
110
		<!--未登陆状态-->	
111
		<div class="mui-content"  id="loginNo">
112
			<!-- 主界面具体展示内容 -->
113
    		<div class="mui-input-group marginbox">
114
				<div class="maincon personinfo2">
115
					<div class="headbox2" >
116
					    <a class="mui-pull-left proinfor">
117
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" >
118
		                    <div class="mui-pull-left "  style="color:#797979; margin: 10% 5%;"><span id="goreg">注册</span> / <span id="gologin">登录</span> </div>
119
		                </a>
120
		                <div class="mui-pull-right updatebtn">
121
			        		<a class="editbox" id="editbox">
122
			        			<!--<img src="../images/edit.png" />-->
123
			        			<span class="mui-icon iconfont icon-edit"></span>
124
			        		</a>
125
			        	</div>
126
			        </div>
127
		        </div>
128
		        <ul class="mui-table-view">
129
				    <li class="mui-table-view-cell">
130
				        <a class="mui-navigate-right peocount"  >
131
				        	<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
132
				        	<span class="mui-pull-left">已完成咨询<em>0</em>人次</span>
133
				        	<div class="rightword levelbox">
134
				        		<span class="mui-icon iconfont icon-favor star"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
135
				        		<span class="mui-icon iconfont icon-favor star"></span>
136
				        		<span class="mui-icon iconfont icon-favor star"></span>
137
				        		<span class="mui-icon iconfont icon-favor star"></span>
138
				        		<span class="mui-icon iconfont icon-favor star"></span>
139
				        	</div>
140
				        </a>
141
				    </li>
142
				</ul>
143
		        <!--<a class="mui-clearfix peolevelbox"  id="goZixun">
144
		        	<div class="mui-pull-left peocountbox">
145
		        		<div class="peocount mui-clearfix">
146
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
147
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
148
		        		</div>
149
		        	</div>
150
		        	<div class="mui-pull-right levelbox">
151
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
152
		        		<!--<span class="mui-icon iconfont icon-favorfill"></span>
153
		        		<span class="mui-icon iconfont icon-favorfill"></span>
154
		        		<span class="mui-icon iconfont icon-favor"></span>
155
		        		<span class="mui-icon iconfont icon-favor"></span>
156
		        	</div>
157
		        </a>-->
158
		    </div>
159
		    
160
	        <div class="mui-input-group marginbox">
161
				<ul class="mui-table-view">
162
				    <!--<li class="mui-table-view-cell">
163
				        <a class="mui-navigate-right walltebox">
164
				        	<em class="mui-icon iconfont icon-recharge actionicon wallteicon mui-pull-left"></em>
165
				        	<span class="mui-pull-left">我的钱包</span>
166
				        	<span class="rightword">¥0.00</span>
167
				        </a>
168
				    </li>-->
169
				    <li class="mui-table-view-cell">
170
				        <a class="mui-navigate-right" >
171
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
172
				        	<span class="mui-pull-left">我的关注</span>
173
				        </a>
174
				    </li>
175
				    <li class="mui-table-view-cell">
176
				        <a class="mui-navigate-right">
177
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
178
				        	<span class="mui-pull-left">邀请新用户</span>
179
				        </a>
180
				    </li> 
181
				</ul>
182
		    </div>
183
		    <div class="mui-input-group  marginbox">
184
				<ul class="mui-table-view">
185
				    <li class="mui-table-view-cell">
186
				        <a class="mui-navigate-right goSetup">
102
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
187
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
103
				        	<span class="mui-pull-left">设置</span>
188
				        	<span class="mui-pull-left">设置</span>
104
				        </a>
189
				        </a>

+ 1 - 2
app/js/attentions.js

96
			type: 'GET', //http请求类型
96
			type: 'GET', //http请求类型
97
			timeout: 10000,
97
			timeout: 10000,
98
			success: function(data) {
98
			success: function(data) {
99
				plus.nativeUI.closeWaiting();
100
				plus.webview.currentWebview().show("slide-in-right", 150);
101
				if(data.success && data.data.data != "") {
99
				if(data.success && data.data.data != "") {
102
					var datalist = data.data.data;
100
					var datalist = data.data.data;
103
					datalistEach(datalist);
101
					datalistEach(datalist);
127
			timeout: 10000,
125
			timeout: 10000,
128
			success: function(data) {
126
			success: function(data) {
129
				plus.nativeUI.closeWaiting();
127
				plus.nativeUI.closeWaiting();
128
				plus.webview.currentWebview().show("slide-in-right", 150);
130
				if(data.success && data.data.data != "") {
129
				if(data.success && data.data.data != "") {
131
					var datalistd = data.data.data;
130
					var datalistd = data.data.data;
132
					resourcesEach2(datalistd);
131
					resourcesEach2(datalistd);

+ 10 - 4
app/js/login.js

114
		/*判断用户第一次登录,是否填写了个人信息*/
114
		/*判断用户第一次登录,是否填写了个人信息*/
115
		function firstLogin() {
115
		function firstLogin() {
116
			var professorId = plus.storage.getItem('userid');
116
			var professorId = plus.storage.getItem('userid');
117
			console.log(professorId);
117
			//console.log(userId);
118
			mui.ajax(baseUrl + "/ajax/professor/" + professorId, {
118
			mui.ajax(baseUrl + "/ajax/professor/" + professorId, {
119
				dataType: 'json', //数据格式类型
119
				dataType: 'json', //数据格式类型
120
				type: 'GET', //http请求类型
120
				type: 'GET', //http请求类型
123
				success: function(data) {
123
				success: function(data) {
124
					console.log(data.data)
124
					console.log(data.data)
125
					if(data.data != null) {
125
					if(data.data != null) {
126
						goHome();
127
						var myaccountClose = plus.webview.getWebviewById("html/myaccount.html");
128
						plus.webview.close(myaccountClose);
126
						//goHome();
127
						//var myaccountClose = plus.webview.getWebviewById("html/myaccount.html");
128
						//plus.webview.close(myaccountClose);
129
						mui.currentWebview.close();
130
						var myaccountPage = plus.webview.getWebviewById('html/myaccount.html');
131
						myaccountPage.show();
132
						mui.fire(myaccountPage, 'closeUser', {
133
							id: professorId
134
						});
129
					} else {
135
					} else {
130
						var productView = mui.preload({
136
						var productView = mui.preload({
131
							url: '../html/fillinfo.html',
137
							url: '../html/fillinfo.html',

+ 23 - 9
app/js/myaccount.js

10
	var goZixun = document.getElementById("goZixun");
10
	var goZixun = document.getElementById("goZixun");
11
	var oEdit = document.getElementById("editbox");
11
	var oEdit = document.getElementById("editbox");
12
	var goFollow = document.getElementById("goFollow");
12
	var goFollow = document.getElementById("goFollow");
13
	
13

14

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

16

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

42

40
		function loginStatus() {
43
		function loginStatus() {
44
			console.log(userId);
41
			if(userId && userId != "null" && userId != null) {
45
			if(userId && userId != "null" && userId != null) {
46
				
42
				loginYes.style.display = "block";
47
				loginYes.style.display = "block";
43
				loginNo.style.display = "none";
48
				loginNo.style.display = "none";
44

45
				/*设置按钮*/
49
				
50
				/*设置*/
46
				goSetup.addEventListener('tap', function() {
51
				goSetup.addEventListener('tap', function() {
47
					mui.openWindow({
52
					mui.openWindow({
48
						url: '../html/setup.html',
53
						url: '../html/setup.html',
88
			} else {
93
			} else {
89
				loginNo.style.display = "block";
94
				loginNo.style.display = "block";
90
				loginYes.style.display = "none";
95
				loginYes.style.display = "none";
91
				mui(".mui-content").on("tap", "#goZixun,#goFollow,#goNewuser,#goSetup", function() {
96
				mui("#loginNo").on("tap", "li", function() {
92
					goLoginFun();
97
					goLoginFun();
93
				})
98
				})
94
			}
99
			}
95
		}
100
		}
96

101

97
		function userInformation() {
102
		function userInformation() {
103
			console.log(userId);
98
			mui.ajax(baseUrl + "/ajax/professor/editBaseInfo/" + userId, {
104
			mui.ajax(baseUrl + "/ajax/professor/editBaseInfo/" + userId, {
99
				dataType: 'json', //数据格式类型
105
				dataType: 'json', //数据格式类型
100
				type: 'GET', //http请求类型
106
				type: 'GET', //http请求类型
103
					var $info = data.data || {}
109
					var $info = data.data || {}
104
					if(data.success && data.data) {
110
					if(data.success && data.data) {
105
						document.getElementById("userName").innerText = $info.name || '';
111
						document.getElementById("userName").innerText = $info.name || '';
106
						document.getElementById("userTitle").innerText = $info.title || '';
107
						document.getElementById("userPosition").innerText = $info.office || '';
108
						document.getElementById("userDepartment").innerText = $info.department || '';
109
						document.getElementById("userMechanism").innerText = $info.orgName || '';
110
						document.getElementById("userCity").innerText = $info.address || '';
111
						document.getElementById("zixunOk").innerText = $info.consultCount || '';
112
						var userTitle = document.getElementById("userTitle");
113
						var userPosition = document.getElementById("userPosition");
114
						var userDepartment = document.getElementById("userDepartment");
115
						var userMechanism = document.getElementById("userMechanism");
116
						var userCity = document.getElementById("userCity");
117
						var zixunOk = document.getElementById("zixunOk");
118
						
119
						($info.title != '') ? userTitle.innerText = $info.title : userTitle.innerText = '';
120
						($info.office != '') ? userPosition.innerText = " , " +  $info.office  : userPosition.innerText = '';
121
						($info.department != '') ? userDepartment.innerText = $info.department : userDepartment.innerText = '';
122
						($info.orgName != '') ? userMechanism.innerText = " , " +  $info.orgName  : userMechanism.innerText = '';
123
						($info.address != '') ? userCity.innerText = " | " +  $info.address  : userCity.innerText = '';
124
						($info.consultCount != '') ? zixunOk.innerText = $info.consultCount  : zixunOk.innerText = '0';
125
						
112
						var startLeval = parseInt($info.starLevel);
126
						var startLeval = parseInt($info.starLevel);
113
						var start = document.getElementsByClassName("star");
127
						var start = document.getElementsByClassName("star");
114
						for(var i = 0; i < startLeval; i++) {
128
						for(var i = 0; i < startLeval; i++) {

+ 1 - 0
app/js/setup.js

23
				plus.storage.removeItem("userid");
23
				plus.storage.removeItem("userid");
24
				var userId = "null";
24
				var userId = "null";
25
				mui.currentWebview.close();
25
				mui.currentWebview.close();
26
				mui.back();
26
				var myaccountPage = plus.webview.getWebviewById('html/myaccount.html');
27
				var myaccountPage = plus.webview.getWebviewById('html/myaccount.html');
27
				mui.fire(myaccountPage, 'closeUser', {
28
				mui.fire(myaccountPage, 'closeUser', {
28
					id: userId
29
					id: userId