ソースを参照

注册后添加个人信息里,增加其他身份

xuchunyang 8 年 前
コミット
dea3f387fc
共有2 個のファイルを変更した122 個の追加70 個の削除を含む
  1. 1 0
      app/html/fillinfo.html
  2. 121 70
      app/js/fillinfo.js

+ 1 - 0
app/html/fillinfo.html

@ -30,6 +30,7 @@
30 30
						<li id="boxnav1"><span data-num="1">科研工作者</span></li>
31 31
						<li id="boxnav2"><span data-num="2">在企人员</span></li>
32 32
						<li id="boxnav3"><span data-num="3">在校生</span></li>
33
						<li id="boxnav4"><span data-num="4">其他身份</span></li>
33 34
					</ul>
34 35
					<div class="maincon" style="display: none;">
35 36
						<ul class="basicinfo" >

+ 121 - 70
app/js/fillinfo.js

@ -1,26 +1,29 @@
1 1
//注册完成个人信息
2 2
mui.ready(function() {
3
	
4
    /*定义全局变量*/
3

4
	/*定义全局变量*/
5 5
	var userName = document.getElementById("userName");
6 6
	var userMechanism = document.getElementById("userMechanism");
7 7
	var userDepartment = document.getElementById("userDepartment");
8 8
	var goIndex = document.getElementById("goIndex");
9 9
	var dataProvince = document.getElementById("data-province");
10 10
	var dataAddress = document.getElementById("data-address");
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");
11
	var boxnav1 = document.getElementById("boxnav1");
12
	var boxnav2 = document.getElementById("boxnav2");
13
	var boxnav3 = document.getElementById("boxnav3");
14
	var boxnav4 = document.getElementById("boxnav4");
15
	var li1 = document.getElementById("li1");
16
	var li2 = document.getElementById("li2");
17
	var li3 = document.getElementById("li3");
18
	var li4 = document.getElementById("li4");
19
	var li5 = document.getElementById("li5");
20
	var li6 = document.getElementById("li6");
20 21
	var applyType;
21
	
22
	var afalse = false;
22 23
	/*选择地址*/
23
	var cityPicker = new mui.PopPicker({layer: 2});
24
	var cityPicker = new mui.PopPicker({
25
		layer: 2
26
	});
24 27
	cityPicker.setData(cityData);
25 28
	var showCityPickerButton = document.getElementById('showCityPicker');
26 29
	showCityPickerButton.addEventListener('tap', function(event) {
@ -32,72 +35,111 @@ mui.ready(function() {
32 35
			//return false;
33 36
		});
34 37
	}, false);
35
	
38

36 39
	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">';
40

41
	boxnav1.addEventListener("tap", function() {
42
		document.querySelector(".maincon").style.display = "block";
43
		var label1 = '<label>所在机构<small> ( 高校/研究机构 )</small><em class="requiredcon"></em></label>';
44
		var label2 = '<label>所属部门<small> ( 院/系/实验室 )</small></label>';
45
		var label3 = '<label>职称</label>';
46
		var label4 = '<input type="text" class="mui-input-clear frmtype" id="userTitle">';
47
		var label5 = '<label>职位</label>';
48
		var label6 = '<input type="text" class="mui-input-clear frmtype" id="userPosition">';
46 49
		li1.innerHTML = label1;
47 50
		li2.innerHTML = label2;
48 51
		li3.innerHTML = label3;
49 52
		li4.innerHTML = label4;
50 53
		li5.innerHTML = label5;
51 54
		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="";
55
		li3.style.display = "block";
56
		li4.style.display = "block";
57
		li5.style.display = "block";
58
		li6.style.display = "block";
59
		document.querySelector(".frmtype").value = "";
60
		userMechanism.value = "";
61
		userDepartment.value = "";
62
		goIndex.classList.add("frmactive2");
63
		goIndex.classList.remove("frmactiveok");
64
		goIndex.disabled = "disabled";
65
		afalse = false;
59 66
	})
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">';
67

68
	boxnav2.addEventListener("tap", function() {
69
		document.querySelector(".maincon").style.display = "block";
70
		var label1 = '<label>所在企业<small></small><em class="requiredcon"></em></label>';
71
		var label2 = '<label>所属部门</label>';
72
		var label3 = '<label>职位</label>';
73
		var label4 = '<input type="text" class="mui-input-clear frmtype" id="userPosition">';
74
		var label5 = '<label>职称</label>';
75
		var label6 = '<input type="text" class="mui-input-clear frmtype" id="userTitle">';
69 76
		li1.innerHTML = label1;
70 77
		li2.innerHTML = label2;
71 78
		li3.innerHTML = label3;
72 79
		li4.innerHTML = label4;
73 80
		li5.innerHTML = label5;
74 81
		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
		li3.style.display = "block";
83
		li4.style.display = "block";
84
		li5.style.display = "block";
85
		li6.style.display = "block";
86
		document.querySelector(".frmtype").value = "";
87
		userMechanism.value = "";
88
		userDepartment.value = "";
89
		goIndex.classList.add("frmactive2");
90
		goIndex.classList.remove("frmactiveok");
91
		goIndex.disabled = "disabled";
92
		afalse = false;
82 93
	})
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>';
94

95
	boxnav3.addEventListener("tap", function() {
96
		document.querySelector(".maincon").style.display = "block";
97
		li3.style.display = "none";
98
		li4.style.display = "none";
99
		li5.style.display = "none";
100
		li6.style.display = "none";
101
		li4.getElementsByTagName('input').value = "";
102
		var label1 = '<label>就读高校<em class="requiredcon"></em></label>';
103
		var label2 = '<label>就读院系</label>';
93 104
		li1.innerHTML = label1;
94 105
		li2.innerHTML = label2;
95
		document.querySelector(".frmtype").value="";
96
		userMechanism.value="";
97
		userDepartment.value="";
106
		document.querySelector(".frmtype").value = "";
107
		userMechanism.value = "";
108
		userDepartment.value = "";
109
		goIndex.classList.add("frmactive2");
110
		goIndex.classList.remove("frmactiveok");
111
		goIndex.disabled = "disabled";
112
		afalse = false;
98 113
	})
99
	
100
	function tab(name) { 
114

115
	boxnav4.addEventListener("tap", function() {
116
		document.querySelector(".maincon").style.display = "block";
117
		var label1 = '<label>所在机构</label>';
118
		var label2 = '<label>所属部门</label>';
119
		var label3 = '<label>职位</label>';
120
		var label4 = '<input type="text" class="mui-input-clear frmtype" id="userPosition">';
121
		var label5 = '<label>职称</label>';
122
		var label6 = '<input type="text" class="mui-input-clear frmtype" id="userTitle">';
123
		li1.innerHTML = label1;
124
		li2.innerHTML = label2;
125
		li3.innerHTML = label3;
126
		li4.innerHTML = label4;
127
		li5.innerHTML = label5;
128
		li6.innerHTML = label6;
129
		li3.style.display = "block";
130
		li4.style.display = "block";
131
		li5.style.display = "block";
132
		li6.style.display = "block";
133
		document.querySelector(".frmtype").value = "";
134
		userMechanism.value = "";
135
		userDepartment.value = "";
136
		goIndex.classList.add("frmactive2");
137
		goIndex.classList.remove("frmactiveok");
138
		goIndex.disabled = "disabled";
139
		afalse = true;
140
	})
141

142
	function tab(name) {
101 143
		var oDome = document.getElementById(name);
102 144
		var oSpan = oDome.getElementsByTagName('ul')[0].childNodes;
103 145
		for(var i = 0; i < oSpan.length; i++) {
@ -113,27 +155,36 @@ mui.ready(function() {
113 155
	window.addEventListener('showimg', function(event) {
114 156
		showuserimg();
115 157
	});
116
	
117
	function showuserimg(){
158

159
	function showuserimg() {
118 160
		var userId = plus.storage.getItem('userid');
119 161
		console.log(userId)
120 162
		var filPage = plus.webview.getWebviewById('../html/fillinfo.html');
121 163
		var dyPage = plus.webview.currentWebview();
122 164
		if(dyPage == filPage) {
123
			var mun = Math.round(Math.random()*99+1);
124
			var imgvar = '<img src="'+ baseUrl + '/images/head/' + userId + '_l.jpg?'+mun+'" style="width:100%"/>';
125
			console.log(imgvar) 
165
			var mun = Math.round(Math.random() * 99 + 1);
166
			var imgvar = '<img src="' + baseUrl + '/images/head/' + userId + '_l.jpg?' + mun + '" style="width:100%"/>';
167
			console.log(imgvar)
126 168
			document.getElementById('imgshow').innerHTML = imgvar;
127 169
		}
128 170
	}
129
	
130 171

131 172
	mui.plusReady(function() {
132 173
		var self = plus.webview.currentWebview();
133
	
174

134 175
		/*校验提交按钮显示状态*/
135 176
		mui('.basicinfo').on('keyup', "#userName,#userMechanism", function() {
136
			hideButtn(userName,userMechanism,goIndex,"frmactiveok");
177
			if(afalse) {
178
				if(userName.value == "") {
179
					goIndex.classList.remove("frmactiveok");
180
					goIndex.disabled = "disabled";
181
				} else {
182
					goIndex.classList.add("frmactiveok");
183
					goIndex.disabled = "";
184
				}
185
			} else {
186
				hideButtn(userName, userMechanism, goIndex, "frmactiveok");
187
			}
137 188
		});
138 189

139 190
		/*提交个人信息*/
@ -165,7 +216,7 @@ mui.ready(function() {
165 216
				timeout: 10000, //超时设置
166 217
				success: function(data) {
167 218
					console.log(data.success);
168
						console.log(data.data);
219
					console.log(data.data);
169 220
					if(data.success) {
170 221
						var indexClose = plus.webview.getWebviewById("html/index_home.html");
171 222
						var myaccountClose = plus.webview.getWebviewById("html/myaccount.html");