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

注册后个人完善页面，新增三个身份

xuchunyang 8 years ago
parent
60432dd3e8
commit
aadb702448
2 changed files with 135 additions and 37 deletions
Split View Show Diff Stats
  1. 38 32
      app/html/fillinfo.html
  2. 97 5
      app/js/fillinfo.js

+ 38 - 32
app/html/fillinfo.html
View File 

@ -13,47 +13,53 @@
13 13
14 14 
	<body>
15 15 
		<header class="mui-bar mui-bar-nav toptitbox">
16 
		    <h1 class="mui-title toptit">完善个人信息</h1>
16 
			<h1 class="mui-title toptit">完善个人信息</h1>
17 17 
		</header>
18 18 
		<div class="mui-content">
19 
		    <div class="mui-input-group mainbox fillbox">
20 
				<div class="maincon" style="margin: 0;padding:4% 0;">
21 
					<div class="headbox3 headRadius">
22 
						<a href="javascript:;" class="mui-icon iconfont icon-camera headimglink" id="userimg"></a>
23 
						<div id="imgshow">	</div>
24 
			        </div>
25 
					<ul class="basicinfo">
26 
						<li><label>姓名<em class="requiredcon"></em></label></li>
27 
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userName"></li>
28 
						<li><label>所在机构<small> ( 高校/科研机构/企业名称 )</small><em class="requiredcon"></em></label></li>
29 
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userMechanism"></li>
30 
						<li><label>所属部门<small> ( 院系/科研室/部门名称 )</small></label></li>
31 
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userDepartment"></li>
32 
						<li><label>职位</label></li>
33 
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userPosition"></li>
34 
						<li><label>职称</label></li>
35 
						<li class="basicfrm"><input type="text"  class="mui-input-clear frmtype" id="userTitle"></li>
36 
						<li><label>所在地</label></li>
37 
						<li class="basicfrm">
38 
							<input type="text" class="mui-input-clear frmtype"  id ="showCityPicker" value="">
39 
							<span class="mui-icon mui-icon-arrowdown downarrow"></span>
40 
						</li>
41 
					    <input type="hidden"  class="mui-input-clear frmtype" id="data-province">
42 
					    <input type="hidden"  class="mui-input-clear frmtype" id="data-address">
19 
			<div class="headbox3 headRadius">
20 
				<a href="javascript:;" class="mui-icon iconfont icon-camera headimglink" id="userimg"></a>
21 
				<div id="imgshow"> </div>
22 
			</div>
23 
			<div class="mui-input-group mainbox fillbox" id="box">
24 
					<h3 class="boxnav-title">请先选择您现在的身份*</h3>
25 
					<ul class="boxnav">
26 
						<li id="boxnav1"><span data-num="1">科研工作者</span></li>
27 
						<li id="boxnav2"><span data-num="2">在企人员</span></li>
28 
						<li id="boxnav3"><span data-num="3">在校生</span></li>
43 29 
					</ul>
44
45 
		        </div>
46 
		    </div>
47 
		    <div class="mui-content-padded mainbox">
48 
				<button class="mui-btn mui-btn-block frmbtn frmactive2" id="goIndex">进入科袖</button>
30 
					<div class="maincon" style="display: none;">
31 
						<ul class="basicinfo" >
32 
							<li><label>姓名<em class="requiredcon"></em></label></li>
33 
							<li class="basicfrm"><input type="text" class="mui-input-clear frmtype" id="userName"></li>
34 
							<li id="li1"></li>
35 
							<li class="basicfrm"><input type="text" class="mui-input-clear frmtype" id="userMechanism"></li>
36 
							<li id="li2"></li>
37 
							<li class="basicfrm"><input type="text" class="mui-input-clear frmtype" id="userDepartment"></li>
38 
							<li id="li3"></li>
39 
							<li class="basicfrm" id="li4"><input type="text" class="mui-input-clear frmtype" id="userTitle"></li>
40 
							<li class="noneli" id="li5"></li>
41 
							<li class="basicfrm noneli" id="li6"><input type="text" class="mui-input-clear frmtype" id="userPosition"></li>
42 
							<li><label>所在城市</label></li>
43 
							<li class="basicfrm">
44 
								<input type="text" class="mui-input-clear frmtype" id="showCityPicker" value="">
45 
								<span class="mui-icon mui-icon-arrowdown downarrow"></span>
46 
							</li>
47 
							<input type="hidden" class="mui-input-clear frmtype" id="data-province">
48 
							<input type="hidden" class="mui-input-clear frmtype" id="data-address">
49 
						</ul>
50 
						<div class="mui-content-padded mainbox">
51 
							<button class="mui-btn mui-btn-block frmbtn frmactive2" id="goIndex">进入科袖</button>
52 
					    </div>
53 
				    </div>
49 54 
			</div>
55
50 56 
		</div>
51 57 
		<script src="../js/public/mui.min.js"></script>
52 58 
		<script src="../js/public/mui.picker.min.js"></script>
53 
		<script src="../js/public/city.data.js" ></script>
59 
		<script src="../js/public/city.data.js"></script>
54 60 
		<script src="../js/public/base.js"></script>
55 61 
		<script src="../js/public/upload-avatar.js"></script>
56 62 
		<script src="../js/fillinfo.js"></script>
57 
	</body>
63 
	</body>
58 64
59 65 
</html>

+ 97 - 5
app/js/fillinfo.js
View File 

@ -5,12 +5,19 @@ mui.ready(function() {
5 5 
	var userName = document.getElementById("userName");
6 6 
	var userMechanism = document.getElementById("userMechanism");
7 7 
	var userDepartment = document.getElementById("userDepartment");
8 
	var userPosition = document.getElementById("userPosition");
9 
	var userTitle = document.getElementById("userTitle");
10 8 
	var goIndex = document.getElementById("goIndex");
11 9 
	var dataProvince = document.getElementById("data-province");
12 10 
	var dataAddress = document.getElementById("data-address");
13
11 
	var boxnav1=document.getElementById("boxnav1");
12 
	var boxnav2=document.getElementById("boxnav2");
13 
	var boxnav3=document.getElementById("boxnav3");
14 
	var li1=document.getElementById("li1");
15 
	var li2=document.getElementById("li2");
16 
	var li3=document.getElementById("li3");
17 
	var li4=document.getElementById("li4");
18 
	var li5=document.getElementById("li5");
19 
	var li6=document.getElementById("li6");
20 
	var applyType;
14 21
15 22 
	/*选择地址*/
16 23 
	var cityPicker = new mui.PopPicker({layer: 2});

@ -25,6 +32,84 @@ mui.ready(function() {
25 32 
			//return false;
26 33 
		});
27 34 
	}, false);
35
36 
	tab('box');
37
38 
	boxnav1.addEventListener("tap",function(){
39 
		document.querySelector(".maincon").style.display="block";
40 
		var label1='<label>所在机构<small> ( 高校/科研机构/企业名称 )</small><em class="requiredcon"></em></label>';
41 
		var label2='<label>所属部门<small> ( 院系/科研室/部门名称 )</small></label>';
42 
		var label3='<label>职称</label>';
43 
		var label4='<input type="text" class="mui-input-clear frmtype" id="userTitle">';
44 
		var label5='<label>职位</label>';
45 
		var label6='<input type="text" class="mui-input-clear frmtype" id="userPosition">';
46 
		li1.innerHTML = label1;
47 
		li2.innerHTML = label2;
48 
		li3.innerHTML = label3;
49 
		li4.innerHTML = label4;
50 
		li5.innerHTML = label5;
51 
		li6.innerHTML = label6;
52 
		li3.style.display="block";
53 
		li4.style.display="block";
54 
		li5.style.display="block";
55 
		li6.style.display="block";
56 
		document.querySelector(".frmtype").value="";
57 
		userMechanism.value="";
58 
		userDepartment.value="";
59 
	})
60
61 
	boxnav2.addEventListener("tap",function(){
62 
		document.querySelector(".maincon").style.display="block";
63 
		var label1='<label>所在企业<small></small><em class="requiredcon"></em></label>';
64 
		var label2='<label>所属部门</label>';
65 
		var label3='<label>职位</label>';
66 
		var label4='<input type="text" class="mui-input-clear frmtype" id="userPosition">';
67 
		var label5='<label>职称</label>';
68 
		var label6='<input type="text" class="mui-input-clear frmtype" id="userTitle">';
69 
		li1.innerHTML = label1;
70 
		li2.innerHTML = label2;
71 
		li3.innerHTML = label3;
72 
		li4.innerHTML = label4;
73 
		li5.innerHTML = label5;
74 
		li6.innerHTML = label6;
75 
		li3.style.display="block";
76 
		li4.style.display="block";
77 
		li5.style.display="block";
78 
		li6.style.display="block";
79 
		document.querySelector(".frmtype").value="";
80 
		userMechanism.value="";
81 
		userDepartment.value="";
82 
	})
83
84 
	boxnav3.addEventListener("tap",function(){
85 
		document.querySelector(".maincon").style.display="block";
86 
		li3.style.display="none";
87 
		li4.style.display="none";
88 
		li5.style.display="none";
89 
		li6.style.display="none";
90 
		li4.getElementsByTagName('input').value="";
91 
		var label1='<label>所在高校<em class="requiredcon"></em></label>';
92 
		var label2='<label>所属学院</label>';
93 
		li1.innerHTML = label1;
94 
		li2.innerHTML = label2;
95 
		document.querySelector(".frmtype").value="";
96 
		userMechanism.value="";
97 
		userDepartment.value="";
98 
	})
99
100 
	function tab(name) {
101 
		var oDome = document.getElementById(name);
102 
		var oSpan = oDome.getElementsByTagName('ul')[0].childNodes;
103 
		for(var i = 0; i < oSpan.length; i++) {
104 
			oSpan[i].onclick = function() {
105 
				for(var i = 0; i < oSpan.length; i++) {
106 
					oSpan[i].className = '';
107 
				}
108 
				this.className = 'set';
109 
			}
110 
		}
111 
	}
112
28 113 
	mui.plusReady(function() {
29 114 
		var self = plus.webview.currentWebview();
30 115 
	

@ -35,7 +120,10 @@ mui.ready(function() {
35 120
36 121 
		/*提交个人信息*/
37 122 
		goIndex.addEventListener('tap', function() {
38 
			var d = document.getElementById('showCityPicker').value;
123 
			var userTitle = document.getElementById("userTitle");
124 
			var userPosition = document.getElementById("userPosition");
125 
			applyType = document.querySelector(".boxnav .set span").getAttribute("data-num");
126 
			console.log(applyType)
39 127 
			goVal();
40 128 
		});
41 129 


@ -49,6 +137,8 @@ mui.ready(function() {
49 137 
			$data.province = dataProvince.value;
50 138 
			$data.address = dataAddress.value;
51 139 
			$data.id = self.userid;
140 
			console.log(self.userid)
141 
			$data.authentication = applyType;
52 142 
			console.log(JSON.stringify($data))
53 143 
			mui.ajax(baseUrl + '/ajax/professor', {
54 144 
				data: $data,

@ -57,6 +147,7 @@ mui.ready(function() {
57 147 
				timeout: 10000, //超时设置
58 148 
				success: function(data) {
59 149 
					console.log(data.success);
150 
						console.log(data.data);
60 151 
					if(data.success) {
61 152 
						goHome();
62 153 
						var myaccountClose = plus.webview.getWebviewById("html/myaccount.html");

@ -65,7 +156,8 @@ mui.ready(function() {
65 156 
						plus.nativeUI.toast("提交失败，用户ID失效", toastStyle);
66 157 
					}
67 158 
				},
68 
				error: function() {
159 
				error: function(data) {
160 
					console.log(data);
69 161 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
70 162 
				}
71 163 
			})