正在显示
7 个修改的文件
包含
541 行增加
和
63 行删除
@@ -12,7 +12,7 @@ $(document).ready(function() { | @@ -12,7 +12,7 @@ $(document).ready(function() { | ||
12 | newCode = url.substr(6) | 12 | newCode = url.substr(6) |
13 | newCodes = newCode.split("&"); | 13 | newCodes = newCode.split("&"); |
14 | var ncode = newCodes[0] | 14 | var ncode = newCodes[0] |
15 | - // console.log(ncode); | 15 | + console.log(ncode); |
16 | var header1 = { | 16 | var header1 = { |
17 | "Content-Type": "application/x-www-form-urlencoded" | 17 | "Content-Type": "application/x-www-form-urlencoded" |
18 | } | 18 | } |
@@ -21,6 +21,12 @@ $(document).ready(function() { | @@ -21,6 +21,12 @@ $(document).ready(function() { | ||
21 | //传回code值 微信登录 | 21 | //传回code值 微信登录 |
22 | ajax('/login/loginCheck', "POST", header1, params, function(res) { | 22 | ajax('/login/loginCheck', "POST", header1, params, function(res) { |
23 | console.log(res); | 23 | console.log(res); |
24 | + //res.data | ||
25 | + //id:"1351093655816945665" | ||
26 | + //status:1 | ||
27 | + //status1:2 | ||
28 | + //token:'****' | ||
29 | + //w_name:null | ||
24 | var header2 = { | 30 | var header2 = { |
25 | "Content-Type": "application/x-www-form-urlencoded", | 31 | "Content-Type": "application/x-www-form-urlencoded", |
26 | "token": res.data.token | 32 | "token": res.data.token |
@@ -29,26 +35,20 @@ $(document).ready(function() { | @@ -29,26 +35,20 @@ $(document).ready(function() { | ||
29 | // alert("登录成功!") | 35 | // alert("登录成功!") |
30 | localStorage.setItem("token", res.data.token); | 36 | localStorage.setItem("token", res.data.token); |
31 | localStorage.setItem("userId", res.data.id); | 37 | localStorage.setItem("userId", res.data.id); |
32 | - //查看个人信息 | ||
33 | - ajax("/login/userInfo", "GET", header2, function(res) {}, function(res) { | ||
34 | - console.log(res); | ||
35 | - | ||
36 | - }) | ||
37 | - | ||
38 | - // if (res.data.status === 1) { | ||
39 | - // window.location.href = 'save.html' | ||
40 | - // } else if (res.data.Status1 === 2) { | ||
41 | - // window.location.href = 'participated.html' | ||
42 | - // } else { | ||
43 | - // window.location.href = 'index.html' | ||
44 | - // } | ||
45 | - | ||
46 | - //绑定账号的用户授权 | 38 | + var params = { code: ncode } |
39 | + //绑定账号的用户授权 | ||
47 | ajax('/login/loginCheck1', "PUT", header2, params, function(res) { | 40 | ajax('/login/loginCheck1', "PUT", header2, params, function(res) { |
48 | - console.log(res); | ||
49 | - }, function(res) { | ||
50 | - console.log(res); | ||
51 | - }) | 41 | + console.log(res); |
42 | + }, function(res) { | ||
43 | + console.log(res); | ||
44 | + }) | ||
45 | + // if (res.data.status === 1) { | ||
46 | + // window.location.href = 'save1.html' | ||
47 | + // } else if (res.data.Status1 === 2) { | ||
48 | + // window.location.href = 'participated.html' | ||
49 | + // } else { | ||
50 | + // window.location.href = 'index.html' | ||
51 | + // } | ||
52 | }, function(res) { console.log(res); }) | 52 | }, function(res) { console.log(res); }) |
53 | 53 | ||
54 | 54 | ||
@@ -153,12 +153,23 @@ function setPersonal() { | @@ -153,12 +153,23 @@ function setPersonal() { | ||
153 | } | 153 | } |
154 | //请求授权地址,跳转二维码登录页 | 154 | //请求授权地址,跳转二维码登录页 |
155 | function setEWM() { | 155 | function setEWM() { |
156 | + var url = "http://start-line.cn/login.html"; | ||
157 | + console.log(url); | ||
156 | var header = { | 158 | var header = { |
157 | "Content-Type": "application/x-www-form-urlencoded" | 159 | "Content-Type": "application/x-www-form-urlencoded" |
158 | } | 160 | } |
159 | - ajax("/login/loginInit", "GET", header, function(res) {}, function(res) { | 161 | + var params = { |
162 | + backUrl: url | ||
163 | + } | ||
164 | + ajax("/login/loginInit", "GET", header, params, function(res) { | ||
160 | console.log(res); | 165 | console.log(res); |
161 | window.location.href = res.data | 166 | window.location.href = res.data |
167 | + | ||
168 | + }, function(res) { | ||
169 | + console.log(res); | ||
170 | + window.location.href = res.data | ||
171 | + }, function(res) { | ||
172 | + console.log(res); | ||
162 | }) | 173 | }) |
163 | // $('#phone-login').hide() | 174 | // $('#phone-login').hide() |
164 | // $('#EWM-login').show() | 175 | // $('#EWM-login').show() |
@@ -272,6 +272,12 @@ | @@ -272,6 +272,12 @@ | ||
272 | } | 272 | } |
273 | 273 | ||
274 | @media (max-width: 768px) { | 274 | @media (max-width: 768px) { |
275 | + .shang_box { | ||
276 | + width: 240px; | ||
277 | + height: 340px; | ||
278 | + left: 0; | ||
279 | + margin-left: 0px; | ||
280 | + } | ||
275 | .active-click { | 281 | .active-click { |
276 | box-shadow: 0px 10px 32px 0px #f2a252; | 282 | box-shadow: 0px 10px 32px 0px #f2a252; |
277 | } | 283 | } |
@@ -226,7 +226,6 @@ function payment() { | @@ -226,7 +226,6 @@ function payment() { | ||
226 | // 支付下单获取订单号 | 226 | // 支付下单获取订单号 |
227 | ajax("/orderLog/orderAdd", "POST", header, params, function(res) { | 227 | ajax("/orderLog/orderAdd", "POST", header, params, function(res) { |
228 | console.log(res); | 228 | console.log(res); |
229 | - console.log(res); | ||
230 | console.log(res.data); | 229 | console.log(res.data); |
231 | console.log(paymentType); | 230 | console.log(paymentType); |
232 | var params1 = { | 231 | var params1 = { |
@@ -235,6 +234,13 @@ function payment() { | @@ -235,6 +234,13 @@ function payment() { | ||
235 | } | 234 | } |
236 | //支付类型paymentType : 1微信 2支付宝 | 235 | //支付类型paymentType : 1微信 2支付宝 |
237 | if (paymentType == 1) { | 236 | if (paymentType == 1) { |
237 | + var params1 = { | ||
238 | + id: res.data, | ||
239 | + type: screenType | ||
240 | + } | ||
241 | + console.log(res.data); | ||
242 | + console.log(screenType); | ||
243 | + console.log(params1); | ||
238 | $(".hide_box").fadeToggle(); | 244 | $(".hide_box").fadeToggle(); |
239 | $(".shang_box").fadeToggle(); | 245 | $(".shang_box").fadeToggle(); |
240 | //微信支付 | 246 | //微信支付 |
@@ -244,9 +250,10 @@ function payment() { | @@ -244,9 +250,10 @@ function payment() { | ||
244 | $(".shang_payimg").html(title) | 250 | $(".shang_payimg").html(title) |
245 | //订单号 | 251 | //订单号 |
246 | console.log(res1.data.outTradeNo); | 252 | console.log(res1.data.outTradeNo); |
247 | - //计时器 | 253 | + //微信支付轮询 |
254 | + var params3 = { id: res1.data.outTradeNo } | ||
248 | var timeInterval = setInterval(function() { | 255 | var timeInterval = setInterval(function() { |
249 | - ajax("/orderLog/test", "GET", header1, { id: res1.data.outTradeNo }, function(res2) { | 256 | + ajax("/orderLog/test", "GET", header1, params3, function(res2) { |
250 | console.log(res2.data); | 257 | console.log(res2.data); |
251 | if (res2.data == '2') { | 258 | if (res2.data == '2') { |
252 | clearInterval(timeInterval) | 259 | clearInterval(timeInterval) |
@@ -260,7 +267,13 @@ function payment() { | @@ -260,7 +267,13 @@ function payment() { | ||
260 | // $(".hide_box").fadeToggle(); | 267 | // $(".hide_box").fadeToggle(); |
261 | // $(".shang_box").fadeToggle(); | 268 | // $(".shang_box").fadeToggle(); |
262 | //支付宝支付 | 269 | //支付宝支付 |
263 | - ajax("/zfbPay/alipay", "GET", header1, params1, function(res) { | 270 | + var url1 = 'http://start-line.cn/personalCenter.html' |
271 | + var params3 = { | ||
272 | + id: res.data, | ||
273 | + type: screenType, | ||
274 | + returnUrl: url1 | ||
275 | + } | ||
276 | + ajax("/zfbPay/alipay", "GET", header1, params3, function(res) { | ||
264 | console.log(res); | 277 | console.log(res); |
265 | $(".zhifubao_form").html(res) | 278 | $(".zhifubao_form").html(res) |
266 | }, function(res) {}) | 279 | }, function(res) {}) |
@@ -26,6 +26,25 @@ | @@ -26,6 +26,25 @@ | ||
26 | <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> | 26 | <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> |
27 | 27 | ||
28 | <style> | 28 | <style> |
29 | + .input_all { | ||
30 | + width: 50%; | ||
31 | + padding: 10px; | ||
32 | + } | ||
33 | + | ||
34 | + .input_all div { | ||
35 | + font-size: 18pt; | ||
36 | + font-family: Helvetica; | ||
37 | + text-align: left; | ||
38 | + color: #323232; | ||
39 | + } | ||
40 | + | ||
41 | + .input_all input { | ||
42 | + border: none; | ||
43 | + border-bottom: 1px solid #969696; | ||
44 | + font-family: PingFangSC; | ||
45 | + padding-left: 0; | ||
46 | + } | ||
47 | + | ||
29 | .header-right-yuan { | 48 | .header-right-yuan { |
30 | width: 50px; | 49 | width: 50px; |
31 | height: 50px; | 50 | height: 50px; |
@@ -49,7 +68,7 @@ | @@ -49,7 +68,7 @@ | ||
49 | border: 10px solid #97DAB6; | 68 | border: 10px solid #97DAB6; |
50 | flex: 4; | 69 | flex: 4; |
51 | padding: 50px; | 70 | padding: 50px; |
52 | - height: 550px; | 71 | + /* height: 550px; */ |
53 | } | 72 | } |
54 | 73 | ||
55 | .save-right { | 74 | .save-right { |
@@ -162,39 +181,35 @@ | @@ -162,39 +181,35 @@ | ||
162 | <div>让企业更多了解你</div> | 181 | <div>让企业更多了解你</div> |
163 | </div> | 182 | </div> |
164 | <div class="save-right1"> | 183 | <div class="save-right1"> |
165 | - <div style="display: flex;"> | ||
166 | - <div style="padding-right: 40px;"> | ||
167 | - <p style="font-family: Helvetica;">姓</p> | ||
168 | - <input id='surname' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" class="save-input-info" placeholder="E.g. 张"> | 184 | + <div style="padding: 20px;display: flex;flex-wrap: wrap;"> |
185 | + <div class="input_all"> | ||
186 | + <div>姓</div> | ||
187 | + <input id='surname' placeholder="E.g. 张" /> | ||
169 | </div> | 188 | </div> |
170 | - <div> | ||
171 | - <p style="font-family: Helvetica;">名</p> | ||
172 | - <input id='userName' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 小明"> | 189 | + <div class="input_all"> |
190 | + <div>名</div> | ||
191 | + <input id='userName' placeholder="E.g. 小明" /> | ||
173 | </div> | 192 | </div> |
174 | - </div> | ||
175 | - <div style="display: flex;margin-top: 40px;"> | ||
176 | - <div style="padding-right: 40px;"> | ||
177 | - <p style="font-family: Helvetica;">学校</p> | ||
178 | - <input id='school' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 上海财经大学"> | 193 | + <div class="input_all"> |
194 | + <div>学校</div> | ||
195 | + <input id='school' placeholder="E.g. 上海财经大学" /> | ||
179 | </div> | 196 | </div> |
180 | - <div> | ||
181 | - <p style="font-family: Helvetica;">专业</p> | ||
182 | - <input id="specialty" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 金融学专业"> | 197 | + <div class="input_all"> |
198 | + <div>专业</div> | ||
199 | + <input id='specialty' placeholder="E.g. 金融学专业" /> | ||
183 | </div> | 200 | </div> |
184 | - </div> | ||
185 | - <div style="display: flex;margin-top: 40px;"> | ||
186 | - <div style="padding-right: 40px;"> | ||
187 | - <p style="font-family: Helvetica;">手机号</p> | ||
188 | - <input id="phone" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. 15612388888"> | 201 | + <div class="input_all"> |
202 | + <div>手机号</div> | ||
203 | + <input id='phone' placeholder="E.g. 15612388888" /> | ||
189 | </div> | 204 | </div> |
190 | - <div> | ||
191 | - <p style="font-family: Helvetica;">邮箱</p> | ||
192 | - <input id="emailAddress" type="text" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 350px;" placeholder="E.g. student001@start-line.com"> | 205 | + <div class="input_all"> |
206 | + <div>邮箱</div> | ||
207 | + <input id='emailAddress' placeholder="E.g. student001@start-line.com" /> | ||
193 | </div> | 208 | </div> |
194 | </div> | 209 | </div> |
195 | - <div class="btnSave" style="display: flex;place-items: center;margin: 110px;justify-content: flex-end;"> | ||
196 | - <h5 style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px"></h5> | ||
197 | - <a style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px;">确定保存</a> | 210 | + <div class="btnSave " style="display: flex;place-items: center;margin-right: 15%;justify-content: flex-end; "> |
211 | + <h5 style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px "></h5> | ||
212 | + <a style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px; ">确定保存</a> | ||
198 | </div> | 213 | </div> |
199 | </div> | 214 | </div> |
200 | <div class="save-right"> | 215 | <div class="save-right"> |
1 | $(document).ready(function() { | 1 | $(document).ready(function() { |
2 | - var header = { | ||
3 | - "Content-Type": "application/x-www-form-urlencoded", | ||
4 | - "token": localStorage.getItem('token'), | ||
5 | - } | ||
6 | - ajax("/login/userInfo", "GET", header, params, function(res) { | ||
7 | - console.log(res); | ||
8 | - alert('保存成功!') | ||
9 | - window.location.href = 'index.html' | ||
10 | - }, function(res) { | ||
11 | - console.log(res); | ||
12 | - }) | 2 | + // var header = { |
3 | + // "Content-Type": "application/x-www-form-urlencoded", | ||
4 | + // "token": localStorage.getItem('token'), | ||
5 | + // } | ||
6 | + // ajax("/login/userInfo", "GET", header, function(res) { | ||
7 | + // console.log(res); | ||
8 | + // alert('保存成功!') | ||
9 | + // window.location.href = 'index.html' | ||
10 | + // }, function(res) { | ||
11 | + // console.log(res); | ||
12 | + // }) | ||
13 | 13 | ||
14 | }); | 14 | }); |
15 | 15 |
1 | +<html> | ||
2 | + | ||
3 | +<head> | ||
4 | + <!-- META DATA --> | ||
5 | + <meta charset="utf-8" /> | ||
6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
7 | + <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
8 | + <meta name="description" content="Free Bootstrap Themes - Free Responsive Html5 Templates"> | ||
9 | + <meta name="author" content="#"> | ||
10 | + | ||
11 | + <title>Study</title> | ||
12 | + | ||
13 | + <!-- Bootstrap Core CSS --> | ||
14 | + <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> | ||
15 | + <!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> --> | ||
16 | + | ||
17 | + <!-- Owl Carousel Assets --> | ||
18 | + <link href="owl-carousel/owl.carousel.css" rel="stylesheet"> | ||
19 | + <link href="owl-carousel/owl.theme.css" rel="stylesheet"> | ||
20 | + | ||
21 | + <!-- Custom CSS --> | ||
22 | + <link rel="stylesheet" href="css/style2.css"> | ||
23 | + | ||
24 | + <!-- Custom Fonts --> | ||
25 | + <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css"> | ||
26 | + <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> | ||
27 | + | ||
28 | + <style> | ||
29 | + .header-right-yuan { | ||
30 | + width: 50px; | ||
31 | + height: 50px; | ||
32 | + } | ||
33 | + | ||
34 | + .save-all { | ||
35 | + display: flex; | ||
36 | + background-color: #FCFBFD; | ||
37 | + margin: 0 10%; | ||
38 | + } | ||
39 | + | ||
40 | + .save-left { | ||
41 | + flex: 2; | ||
42 | + } | ||
43 | + | ||
44 | + .save-left p { | ||
45 | + color: #66CA94; | ||
46 | + } | ||
47 | + | ||
48 | + .save-right1 { | ||
49 | + border: 10px solid #97DAB6; | ||
50 | + flex: 4; | ||
51 | + padding: 50px; | ||
52 | + } | ||
53 | + | ||
54 | + .save-right { | ||
55 | + display: none; | ||
56 | + } | ||
57 | + | ||
58 | + .save-left div { | ||
59 | + font-size: 40px; | ||
60 | + font-family: SourceHanSansCN, SourceHanSansCN-Regular; | ||
61 | + font-weight: 400; | ||
62 | + text-align: left; | ||
63 | + color: #323232; | ||
64 | + line-height: 60px; | ||
65 | + } | ||
66 | + | ||
67 | + .login-footer-all { | ||
68 | + display: none; | ||
69 | + } | ||
70 | + | ||
71 | + .input_all { | ||
72 | + width: 50%; | ||
73 | + padding: 10px; | ||
74 | + } | ||
75 | + | ||
76 | + .input_all div { | ||
77 | + font-size: 18pt; | ||
78 | + font-family: Helvetica; | ||
79 | + text-align: left; | ||
80 | + color: #323232; | ||
81 | + } | ||
82 | + | ||
83 | + .input_all input { | ||
84 | + border: none; | ||
85 | + border-bottom: 1px solid #969696; | ||
86 | + font-family: PingFangSC; | ||
87 | + padding-left: 0; | ||
88 | + } | ||
89 | + | ||
90 | + @media (max-width: 768px) { | ||
91 | + .header-txt1 { | ||
92 | + margin: 25px 20px; | ||
93 | + place-items: center; | ||
94 | + } | ||
95 | + .header-right-yuan { | ||
96 | + width: 35px; | ||
97 | + height: 35px; | ||
98 | + } | ||
99 | + .header-img1 { | ||
100 | + width: 25%; | ||
101 | + } | ||
102 | + .header-right-btn { | ||
103 | + margin-right: 0px; | ||
104 | + bottom: 0px | ||
105 | + } | ||
106 | + .save-all { | ||
107 | + display: flex; | ||
108 | + flex-direction: column; | ||
109 | + background-color: #FCFBFD; | ||
110 | + margin: 80px 10px 0; | ||
111 | + } | ||
112 | + .save-right1 { | ||
113 | + display: none; | ||
114 | + } | ||
115 | + .save-right { | ||
116 | + display: block; | ||
117 | + border: 10px solid #97DAB6; | ||
118 | + flex: 4; | ||
119 | + padding: 20px; | ||
120 | + height: 550px; | ||
121 | + margin-top: 20px; | ||
122 | + margin-bottom: 40px; | ||
123 | + } | ||
124 | + .save-input-title { | ||
125 | + font-family: Helvetica; | ||
126 | + font-size: 14px; | ||
127 | + padding-bottom: 10px; | ||
128 | + } | ||
129 | + .save-left p { | ||
130 | + font-size: 9px; | ||
131 | + padding-left: 20px; | ||
132 | + } | ||
133 | + .save-left div { | ||
134 | + padding-left: 20px; | ||
135 | + font-size: 14px; | ||
136 | + font-family: PingFangSC, PingFangSC-Semibold; | ||
137 | + text-align: left; | ||
138 | + color: #323232; | ||
139 | + line-height: 24px; | ||
140 | + } | ||
141 | + .login-footer-all { | ||
142 | + display: flex; | ||
143 | + background: #323232; | ||
144 | + flex-direction: column; | ||
145 | + place-items: center; | ||
146 | + display: flex; | ||
147 | + } | ||
148 | + } | ||
149 | + </style> | ||
150 | +</head> | ||
151 | + | ||
152 | +<body> | ||
153 | + <header> | ||
154 | + <nav> | ||
155 | + <div class="header-txt1" style="display: flex;justify-content: space-between;"> | ||
156 | + <div class="header-img1"> | ||
157 | + <img src="./img/portfolio/B1.png" style="width: 100%;"> | ||
158 | + </div> | ||
159 | + <div class="header-right1"> | ||
160 | + <!-- <div class="header-btnL"> | ||
161 | + <a href="aboutUs.html"> | ||
162 | + <div class="header-loginBtn" style="color: #323232;border-bottom: 1px solid #323232;margin-right: 30px;">加入我们</div> | ||
163 | + </a> | ||
164 | + </div> --> | ||
165 | + <!-- <a class="header-right-btn"> --> | ||
166 | + <a class="header-right-btn" onclick="setPersonal()"> | ||
167 | + <img src="./img/portfolio/circle.png" class="header-right-yuan"> | ||
168 | + </a> | ||
169 | + </div> | ||
170 | + </div> | ||
171 | + </nav> | ||
172 | + </header> | ||
173 | + | ||
174 | + <div class="save-all"> | ||
175 | + <div class="save-left"> | ||
176 | + <p>Complete Your Background.</p> | ||
177 | + <div>完善你的信息</div> | ||
178 | + <div>让企业更多了解你</div> | ||
179 | + </div> | ||
180 | + <div class="save-right1"> | ||
181 | + <div style="padding: 20px;display: flex;flex-wrap: wrap;"> | ||
182 | + <div class="input_all"> | ||
183 | + <div>姓</div> | ||
184 | + <input id='surname' placeholder="E.g. 张" /> | ||
185 | + </div> | ||
186 | + <div class="input_all"> | ||
187 | + <div>名</div> | ||
188 | + <input id='userName' placeholder="E.g. 小明" /> | ||
189 | + </div> | ||
190 | + <div class="input_all"> | ||
191 | + <div>学校</div> | ||
192 | + <input id='school' placeholder="E.g. 上海财经大学" /> | ||
193 | + </div> | ||
194 | + <div class="input_all"> | ||
195 | + <div>专业</div> | ||
196 | + <input id='specialty' placeholder="E.g. 金融学专业" /> | ||
197 | + </div> | ||
198 | + <div class="input_all"> | ||
199 | + <div>手机号</div> | ||
200 | + <input id='phone' placeholder="E.g. 15612388888" /> | ||
201 | + </div> | ||
202 | + <div class="input_all"> | ||
203 | + <div>邮箱</div> | ||
204 | + <input id='emailAddress' placeholder="E.g. student001@start-line.com" /> | ||
205 | + </div> | ||
206 | + <div class="input_all"> | ||
207 | + <div>验证码</div> | ||
208 | + <div style="display: flex;border-bottom: 1px solid #969696;place-items: center;"> | ||
209 | + <input id='verificationCode' placeholder="123456" style="border-bottom: none;flex: 1;" /> | ||
210 | + <button style="font-size: 18px; | ||
211 | + flex: 1; | ||
212 | + border: none; | ||
213 | + background: none; | ||
214 | + cursor: pointer; | ||
215 | + font-family: PingFangSC, PingFangSC-Medium; | ||
216 | + font-weight: 500; | ||
217 | + text-align: right; | ||
218 | + color: #66ca94;" id="code-btn">获取验证码</button> | ||
219 | + </div> | ||
220 | + </div> | ||
221 | + </div> | ||
222 | + <div class="btnSave" style="display: flex;place-items: center;margin-right: 15%;justify-content: flex-end; "> | ||
223 | + <h5 style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px "></h5> | ||
224 | + <a style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px; ">确定保存</a> | ||
225 | + </div> | ||
226 | + </div> | ||
227 | + <div class="save-right"> | ||
228 | + <div style="display: flex;flex-direction: column; "> | ||
229 | + <div style="padding-bottom: 10px; "> | ||
230 | + <p class="save-input-title ">姓</p> | ||
231 | + <input id='surname' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " class="save-input-info " placeholder="E.g. 张 "> | ||
232 | + </div> | ||
233 | + <div style="padding-bottom: 10px; "> | ||
234 | + <p class="save-input-title ">名</p> | ||
235 | + <input id='userName' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 小明 "> | ||
236 | + </div> | ||
237 | + | ||
238 | + <div style="padding-bottom: 10px; "> | ||
239 | + <p class="save-input-title ">学校</p> | ||
240 | + <input id='school' style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 上海财经大学 "> | ||
241 | + </div> | ||
242 | + <div style="padding-bottom: 10px; "> | ||
243 | + <p class="save-input-title ">专业</p> | ||
244 | + <input id="specialty" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 金融学专业 "> | ||
245 | + </div> | ||
246 | + <div style="padding-bottom: 10px; "> | ||
247 | + <p class="save-input-title ">手机号</p> | ||
248 | + <input id="phone" style="border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. 15612388888 "> | ||
249 | + </div> | ||
250 | + <div style="padding-bottom: 10px; "> | ||
251 | + <p class="save-input-title ">邮箱</p> | ||
252 | + <input id="emailAddress" type="text " style="background: none;border: none;font-family: PingFangSC;border-bottom: 1px solid #969696;padding-left: 0;width: 100%; " placeholder="E.g. student001@start-line.com "> | ||
253 | + </div> | ||
254 | + </div> | ||
255 | + <div style="width: 100%; height: 40px; font-size: 9px; font-family: Helvetica; text-align: justify; color: #323232; line-height: 20px; ">start-line虚拟实习体验项目均由资深职场人士设计打造,项目涉及的行业知、办公技能、工作任务均来源金融行业。</div> | ||
256 | + <div class="btnSave" style=" text-align: center; background: #66ca94; border-radius: 25px; padding: 9px 30px; width: 120px; color: #323232; font-size: 12px; margin: 40px auto 10px; "> | ||
257 | + <!-- <h5 style="position: absolute;border-radius: 50%;background-color: #66CA94;z-index: 2;width: 50px;height: 50px;opacity: 0.5;margin-right:10px "></h5> | ||
258 | + <a style="position: relative;z-index: 5;color: #323232;font-family: PingFangSC;cursor: pointer;font-size: 18px; ">确定保存</a> --> | ||
259 | + 立即注册 | ||
260 | + </div> | ||
261 | + <div style="font-size: 9px; font-family: Helvetica; text-align: justify; color: #969696; line-height: 20px; ">start-line虚拟实习体验项目均由资深职场人士设计打造,项目涉及的行业知、办公技能。</div> | ||
262 | + </div> | ||
263 | + </div> | ||
264 | + <div class="login-footer-all"> | ||
265 | + <div class="login-footer-img" style="width: 25%;margin-top: 45px; "> | ||
266 | + <img src="img/portfolio/whiteLogo.png" width="100% "> | ||
267 | + </div> | ||
268 | + <div style="color: #fff; font-family: PingFangSC, PingFangSC-Regular; text-align: center; font-size: 9px;margin-top: 12px; ">成功职场第一步,从Start-Line开始</div> | ||
269 | + <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px; ">关注Start-Line</div> | ||
270 | + <div style="width: 25%;margin-bottom: 200px; "> | ||
271 | + <img src="img/portfolio/EWM.png" width="100% "> | ||
272 | + </div> | ||
273 | + </div> | ||
274 | + | ||
275 | + | ||
276 | + | ||
277 | + | ||
278 | + | ||
279 | + | ||
280 | + | ||
281 | + | ||
282 | + | ||
283 | + <!-- jQuery --> | ||
284 | + <script type="text/javascript" src="js/jquery-2.1.1.js"></script> | ||
285 | + <script type="text/javascript" src="js/bootstrap.min.js"></script> | ||
286 | + | ||
287 | + <!-- Custom Theme JavaScript --> | ||
288 | + <script src="js/agency.js"></script> | ||
289 | + <script src="./save1.js"></script> | ||
290 | + <!-- Plugin JavaScript --> | ||
291 | + <script src="js/jquery.easing.min.js"></script> | ||
292 | + <script src="js/classie.js"></script> | ||
293 | + <script src="js/cbpAnimatedHeader.js"></script> | ||
294 | + <script src="config.js"></script> | ||
295 | + <!-- carousel --> | ||
296 | + <script src="owl-carousel/owl.carousel.js"></script> | ||
297 | + <script> | ||
298 | + $(document).ready(function() { | ||
299 | + $("#owl-brand").owlCarousel({ | ||
300 | + autoPlay: 3000, | ||
301 | + items: 1, | ||
302 | + itemsDesktop: [1199, 1], | ||
303 | + itemsDesktopSmall: [979, 2], | ||
304 | + navigation: false, | ||
305 | + navigationText: ['<i class="fa fa-chevron-left fa-5x "></i>', '<i class="fa fa-chevron-right fa-5x"></i>'] | ||
306 | + }); | ||
307 | + }); | ||
308 | + </script> | ||
309 | +</body> | ||
310 | + | ||
311 | +</html> |
1 | +$(document).ready(function() { | ||
2 | + // var header = { | ||
3 | + // "Content-Type": "application/x-www-form-urlencoded", | ||
4 | + // "token": localStorage.getItem('token'), | ||
5 | + // } | ||
6 | + // ajax("/login/userInfo", "GET", header, function(res) { | ||
7 | + // console.log(res); | ||
8 | + // alert('保存成功!') | ||
9 | + // window.location.href = 'index.html' | ||
10 | + // }, function(res) { | ||
11 | + // console.log(res); | ||
12 | + // }) | ||
13 | + | ||
14 | + var code = ''; //接受验证码 | ||
15 | + var reg_phone = /^1[3|4|5|6|7|8][0-9]\d{8}$/; | ||
16 | + $("#code-btn").click(function() { | ||
17 | + console.log(111111111); | ||
18 | + var count = 60; | ||
19 | + var phone = $("#phone").val(); //获取手机号 | ||
20 | + | ||
21 | + if (!reg_phone.test(phone)) { //验证手机是否符合格式 | ||
22 | + alert("请填写正确的手机号"); | ||
23 | + return false; | ||
24 | + } | ||
25 | + //开始计时 | ||
26 | + $("#code-btn").attr('disabled', 'disabled'); | ||
27 | + $("#code-btn").html("倒计时" + count + "秒"); | ||
28 | + var timer = setInterval(function() { | ||
29 | + count--; | ||
30 | + $("#code-btn").html("倒计时" + count + "秒"); | ||
31 | + if (count == 0) { | ||
32 | + clearInterval(timer); | ||
33 | + $("#code-btn").attr("disabled", false); //启用按钮 | ||
34 | + $("#code-btn").html("重新发送验证码"); | ||
35 | + code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效 | ||
36 | + } | ||
37 | + }, 1000); | ||
38 | + var header1 = { | ||
39 | + "Content-Type": "application/x-www-form-urlencoded" | ||
40 | + } | ||
41 | + var params1 = { phoneNumber: phone } | ||
42 | + | ||
43 | + //获取验证码接口 | ||
44 | + ajax('/login/codeLogin', "GET", header1, params1, function(res) { | ||
45 | + console.log(res); | ||
46 | + }, function(res) {}) | ||
47 | + }); | ||
48 | + | ||
49 | +}); | ||
50 | + | ||
51 | +//获取用户VIP信息判断是否是VIP | ||
52 | +function setPersonal() { | ||
53 | + alert('请完善个人信息!') | ||
54 | +} | ||
55 | +$(".btnSave").click(function() { | ||
56 | + //姓 | ||
57 | + var inputSurname = $("#surname").val(); | ||
58 | + console.log(inputSurname); | ||
59 | + //名 | ||
60 | + var inputUserName = $("#userName").val(); | ||
61 | + console.log(inputUserName); | ||
62 | + //专业(null) | ||
63 | + var inputSpecialty = $("#specialty").val(); | ||
64 | + console.log(inputSpecialty); | ||
65 | + //学校 | ||
66 | + var inputSchool = $("#school").val(); | ||
67 | + console.log(inputSchool); | ||
68 | + //手机号 | ||
69 | + var inputPhone = $("#phone").val(); | ||
70 | + console.log(inputPhone); | ||
71 | + //邮箱 | ||
72 | + var inputEmailAddress = $("#emailAddress").val(); | ||
73 | + console.log(inputEmailAddress); | ||
74 | + //验证码 | ||
75 | + var verificationCode = $("#verificationCode").val(); | ||
76 | + console.log(verificationCode); | ||
77 | + var reg_phone = /^1[3|4|5|6|7|8][0-9]\d{8}$/; | ||
78 | + if (inputSurname.length === 0) { | ||
79 | + alert("姓氏不能为空!") | ||
80 | + } else if (inputUserName.length === 0) { | ||
81 | + alert("名字不能为空!") | ||
82 | + } else if (inputSchool.length === 0) { | ||
83 | + alert("学校不能为空!") | ||
84 | + } else if (inputPhone.length === 0) { | ||
85 | + alert("手机号码不能为空!") | ||
86 | + } else if (!reg_phone.test(inputPhone)) { | ||
87 | + alert("请填写正确的手机号"); | ||
88 | + return false; | ||
89 | + } else if (verificationCode.length === 0) { | ||
90 | + alert("验证码不能为空!") | ||
91 | + } else if (inputEmailAddress.length === 0) { | ||
92 | + alert("邮箱不能为空!") | ||
93 | + } else if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(inputEmailAddress) == false) { | ||
94 | + alert("邮箱格式不正确,请重新填写!") | ||
95 | + } else { | ||
96 | + var header = { | ||
97 | + "Content-Type": "application/json", | ||
98 | + "token": localStorage.getItem('token'), | ||
99 | + } | ||
100 | + var params = JSON.stringify({ | ||
101 | + code: verificationCode, | ||
102 | + emailAddress: inputEmailAddress, | ||
103 | + id: localStorage.getItem("userId"), | ||
104 | + img: null, | ||
105 | + phoneNumber: inputPhone, | ||
106 | + specialty: inputSpecialty, | ||
107 | + school: inputSchool, | ||
108 | + surname: inputSurname, | ||
109 | + userName: inputUserName | ||
110 | + }) | ||
111 | + | ||
112 | + ajax("/login/updateUsers", "PUT", header, params, function(res) { | ||
113 | + console.log(res); | ||
114 | + alert('保存成功!') | ||
115 | + window.location.href = 'index.html' | ||
116 | + }, function(res) { | ||
117 | + alert(res.responseJSON.msg) | ||
118 | + console.log(res); | ||
119 | + | ||
120 | + }) | ||
121 | + } | ||
122 | +}) |
-
请 注册 或 登录 后发表评论