正在显示
3 个修改的文件
包含
458 行增加
和
1 行删除
1 | +<!DOCTYPE html> | ||
2 | +<html lang="en"> | ||
3 | + | ||
4 | +<head> | ||
5 | + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
6 | + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> | ||
7 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
8 | + <title>学考无忧-添加学校</title> | ||
9 | + <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css"> | ||
10 | + <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css"> | ||
11 | + <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" /> | ||
12 | + <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" /> | ||
13 | + <style> | ||
14 | + .mui-poppicker-header, | ||
15 | + .mui-picker { | ||
16 | + background-color: white; | ||
17 | + } | ||
18 | + .mui-btn-blue, .mui-btn-primary, input[type=submit]{ | ||
19 | + background-color:#FF7700; | ||
20 | + border:0; | ||
21 | + } | ||
22 | + .mui-pciker-list li.highlight{ | ||
23 | + color: #FF7700; | ||
24 | + } | ||
25 | + </style> | ||
26 | +</head> | ||
27 | + | ||
28 | +<body> | ||
29 | +<div class="log_top_co"> | ||
30 | + <!-- 顶部 --> | ||
31 | + <div class=" order_top log_top_co"> | ||
32 | + <a href=""> | ||
33 | + <img src="img/left.png" alt="" /> | ||
34 | + </a> | ||
35 | + <p>添加学校</p> | ||
36 | + </div> | ||
37 | +</div> | ||
38 | +<!-- 地址信息 --> | ||
39 | +<div class="log_four_input"> | ||
40 | + <div class="log_four_input_one"> | ||
41 | + <div class="log_four_input_one_left"> | ||
42 | + 地区 | ||
43 | + </div> | ||
44 | + <div class="log_four_input_one_center"> | ||
45 | + <input type="text" placeholder="请选择" id="city_text"/> | ||
46 | + </div> | ||
47 | + <div class="log_four_input_one_right"> | ||
48 | + <img src="./img/29.png" alt="" /> | ||
49 | + </div> | ||
50 | + </div> | ||
51 | + <div class="log_four_input_one"> | ||
52 | + <div class="log_four_input_one_left"> | ||
53 | + 学校 | ||
54 | + </div> | ||
55 | + <div class="log_four_input_one_center"> | ||
56 | + <input type="text" placeholder="请录入" /> | ||
57 | + </div> | ||
58 | + <div class="log_four_input_one_right"> | ||
59 | + <img src="./img/29.png" alt="" /> | ||
60 | + </div> | ||
61 | + </div> | ||
62 | + <div class="log_four_input_one"> | ||
63 | + <div class="log_four_input_one_left"> | ||
64 | + 类型 | ||
65 | + </div> | ||
66 | + <div class="log_four_input_one_center"> | ||
67 | + <input type="text" id="four_inp" placeholder="小学" /> | ||
68 | + </div> | ||
69 | + <div class="log_four_input_one_right log_four_input_select_type"> | ||
70 | + <img src="./img/29.png" alt="" /> | ||
71 | + </div> | ||
72 | + </div> | ||
73 | +</div> | ||
74 | +<!-- 选择框 --> | ||
75 | +<div class="log_four_radio"> | ||
76 | + <div class="log_four_contant"> | ||
77 | + <div class="log_four_contant_one"> | ||
78 | + <div class="log_four_contant_left"> | ||
79 | + <img src="./img/73.png" alt="" /> | ||
80 | + </div> | ||
81 | + <div class="log_four_contant_right">小学</div> | ||
82 | + </div> | ||
83 | + <div class="log_four_contant_one"> | ||
84 | + <div class="log_four_contant_left"> | ||
85 | + <img src="./img/39_0.png" alt="" /> | ||
86 | + </div> | ||
87 | + <div class="log_four_contant_right">初中</div> | ||
88 | + </div> | ||
89 | + <div class="log_four_contant_one"> | ||
90 | + <div class="log_four_contant_left"> | ||
91 | + <img src="./img/39_0.png" alt="" /> | ||
92 | + </div> | ||
93 | + <div class="log_four_contant_right">高中</div> | ||
94 | + </div> | ||
95 | + </div> | ||
96 | +</div> | ||
97 | +<div class="log_four_radios"> | ||
98 | + <div class="log_four_contants"> | ||
99 | + <div class=" log_four_contant_ones"> | ||
100 | + <div class="log_botms"> | ||
101 | + <div class="log_four_contants_left"> | ||
102 | + <img class="log_Img9" src="__TMPL__/public/assets/images/73.png" alt="" /> | ||
103 | + </div> | ||
104 | + <div class="log_four_contants_right">一年级</div> | ||
105 | + </div> | ||
106 | + <div class="log_four_contants_input_block" style="display: block"> | ||
107 | + <div class="log_four_contants_input "> | ||
108 | + <div class="log_four_ooo"> | ||
109 | + <div class="log_four_xian_ban"> | ||
110 | + <div class="log_four_xian_nei">选择班级</div> | ||
111 | + <div class="log_four_xian_icon"> | ||
112 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
113 | + </div> | ||
114 | + </div> | ||
115 | + <div class="log_four_li"> | ||
116 | + <ul> | ||
117 | + <li>小一班</li> | ||
118 | + <li>小二班</li> | ||
119 | + </ul> | ||
120 | + </div> | ||
121 | + </div> | ||
122 | + <div class="log_four_xian_wife">——</div> | ||
123 | + <div class="log_four_ooo"> | ||
124 | + <div class="log_four_xian_ban2"> | ||
125 | + <div class="log_four_xian_nei"> | ||
126 | + 选择班级 | ||
127 | + </div> | ||
128 | + <div class="log_four_xian_icon"> | ||
129 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
130 | + </div> | ||
131 | + </div> | ||
132 | + <div class="log_four_li2"> | ||
133 | + <ul> | ||
134 | + <li>小一班</li> | ||
135 | + <li>小二班</li> | ||
136 | + </ul> | ||
137 | + </div> | ||
138 | + </div> | ||
139 | + </div> | ||
140 | + </div> | ||
141 | + </div> | ||
142 | + <div class=" log_four_contant_ones"> | ||
143 | + <div class="log_botms"> | ||
144 | + <div class="log_four_contants_left"> | ||
145 | + <img class="log_Img9" src="__TMPL__/public/assets/images/39_0.png" alt="" /> | ||
146 | + </div> | ||
147 | + <div class="log_four_contants_right"> | ||
148 | + 二年级 | ||
149 | + </div> | ||
150 | + </div> | ||
151 | + <div class="log_four_contants_input_block"> | ||
152 | + <div class="log_four_contants_input "> | ||
153 | + <div class="log_four_xian_ban"> | ||
154 | + <div class="log_four_xian_nei"> | ||
155 | + 选择班级 | ||
156 | + </div> | ||
157 | + <div class="log_four_xian_icon"> | ||
158 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
159 | + </div> | ||
160 | + </div> | ||
161 | + <div class="log_four_xian_wife">——</div> | ||
162 | + <div class="log_four_xian_ban"> | ||
163 | + <div class="log_four_xian_nei"> | ||
164 | + 选择班级 | ||
165 | + </div> | ||
166 | + <div class="log_four_xian_icon"> | ||
167 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
168 | + </div> | ||
169 | + </div> | ||
170 | + </div> | ||
171 | + </div> | ||
172 | + </div> | ||
173 | + <div class=" log_four_contant_ones"> | ||
174 | + <div class="log_botms"> | ||
175 | + <div class="log_four_contants_left"> | ||
176 | + <img class="log_Img9" src="__TMPL__/public/assets/images/39_0.png" alt="" /> | ||
177 | + </div> | ||
178 | + <div class="log_four_contants_right"> | ||
179 | + 三年级 | ||
180 | + </div> | ||
181 | + </div> | ||
182 | + <div class="log_four_contants_input_block"> | ||
183 | + <div class="log_four_contants_input "> | ||
184 | + <div class="log_four_xian_ban"> | ||
185 | + <div class="log_four_xian_nei"> | ||
186 | + 选择班级 | ||
187 | + </div> | ||
188 | + <div class="log_four_xian_icon"> | ||
189 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
190 | + </div> | ||
191 | + </div> | ||
192 | + <div class="log_four_xian_wife">——</div> | ||
193 | + <div class="log_four_xian_ban"> | ||
194 | + <div class="log_four_xian_nei"> | ||
195 | + 选择班级 | ||
196 | + </div> | ||
197 | + <div class="log_four_xian_icon"> | ||
198 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
199 | + </div> | ||
200 | + </div> | ||
201 | + </div> | ||
202 | + </div> | ||
203 | + </div> | ||
204 | + <div class=" log_four_contant_ones"> | ||
205 | + <div class="log_botms"> | ||
206 | + <div class="log_four_contants_left"> | ||
207 | + <img class="log_Img9" src="__TMPL__/public/assets/images/39_0.png" alt="" /> | ||
208 | + </div> | ||
209 | + <div class="log_four_contants_right"> | ||
210 | + 四年级 | ||
211 | + </div> | ||
212 | + </div> | ||
213 | + <div class="log_four_contants_input_block"> | ||
214 | + <div class="log_four_contants_input "> | ||
215 | + <div class="log_four_xian_ban"> | ||
216 | + <div class="log_four_xian_nei"> | ||
217 | + 选择班级 | ||
218 | + </div> | ||
219 | + <div class="log_four_xian_icon"> | ||
220 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
221 | + </div> | ||
222 | + </div> | ||
223 | + <div class="log_four_xian_wife">——</div> | ||
224 | + <div class="log_four_xian_ban"> | ||
225 | + <div class="log_four_xian_nei"> | ||
226 | + 选择班级 | ||
227 | + </div> | ||
228 | + <div class="log_four_xian_icon"> | ||
229 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
230 | + </div> | ||
231 | + </div> | ||
232 | + </div> | ||
233 | + </div> | ||
234 | + </div> | ||
235 | + <div class=" log_four_contant_ones"> | ||
236 | + <div class="log_botms"> | ||
237 | + <div class="log_four_contants_left"> | ||
238 | + <img class="log_Img9" src="__TMPL__/public/assets/images/39_0.png" alt="" /> | ||
239 | + </div> | ||
240 | + <div class="log_four_contants_right"> | ||
241 | + 五年级 | ||
242 | + </div> | ||
243 | + </div> | ||
244 | + <div class="log_four_contants_input_block"> | ||
245 | + <div class="log_four_contants_input "> | ||
246 | + <div class="log_four_xian_ban"> | ||
247 | + <div class="log_four_xian_nei"> | ||
248 | + 选择班级 | ||
249 | + </div> | ||
250 | + <div class="log_four_xian_icon"> | ||
251 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
252 | + </div> | ||
253 | + </div> | ||
254 | + <div class="log_four_xian_wife">——</div> | ||
255 | + <div class="log_four_xian_ban"> | ||
256 | + <div class="log_four_xian_nei"> | ||
257 | + 选择班级 | ||
258 | + </div> | ||
259 | + <div class="log_four_xian_icon"> | ||
260 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
261 | + </div> | ||
262 | + </div> | ||
263 | + </div> | ||
264 | + </div> | ||
265 | + </div> | ||
266 | + <div class=" log_four_contant_ones"> | ||
267 | + <div class="log_botms"> | ||
268 | + <div class="log_four_contants_left"> | ||
269 | + <img class="log_Img9" src="__TMPL__/public/assets/images/39_0.png" alt="" /> | ||
270 | + </div> | ||
271 | + <div class="log_four_contants_right"> | ||
272 | + 六年级 | ||
273 | + </div> | ||
274 | + </div> | ||
275 | + <div class="log_four_contants_input_block"> | ||
276 | + <div class="log_four_contants_input "> | ||
277 | + <div class="log_four_xian_ban"> | ||
278 | + <div class="log_four_xian_nei"> | ||
279 | + 选择班级 | ||
280 | + </div> | ||
281 | + <div class="log_four_xian_icon"> | ||
282 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
283 | + </div> | ||
284 | + </div> | ||
285 | + <div class="log_four_xian_wife">——</div> | ||
286 | + <div class="log_four_xian_ban2"> | ||
287 | + <div class="log_four_xian_nei"> | ||
288 | + 选择班级 | ||
289 | + </div> | ||
290 | + <div class="log_four_xian_icon"> | ||
291 | + <img src="__TMPL__/public/assets/images/down.png" alt="" /> | ||
292 | + </div> | ||
293 | + </div> | ||
294 | + </div> | ||
295 | + </div> | ||
296 | + </div> | ||
297 | + </div> | ||
298 | +</div> | ||
299 | + | ||
300 | +<!-- 按钮 --> | ||
301 | +<div class="log_seven_btn"> | ||
302 | + <div class="log_seven_btn_contant"> | ||
303 | + 确定 | ||
304 | + </div> | ||
305 | +</div> | ||
306 | +<script src="__TMPL__/public/assets/js/jquery.js"></script> | ||
307 | +<script src="__TMPL__/public/assets/js/base.js"></script> | ||
308 | +<script src="__TMPL__/public/assets/js/mui.min.js"></script> | ||
309 | +<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script> | ||
310 | +<script src="__TMPL__/public/assets/js/city.data-3.js"></script> | ||
311 | +<script> | ||
312 | + $(".log_four_input_select_type").click(function() { | ||
313 | + var block = $(".log_four_radio").css("display"); | ||
314 | + if (block == "none") { | ||
315 | + $(".log_four_input_select_type") | ||
316 | + .find("img") | ||
317 | + .attr("src", "../images/75.png"); | ||
318 | + $(".log_four_radio").css({ | ||
319 | + display: "block" | ||
320 | + }); | ||
321 | + } else { | ||
322 | + $(".log_four_input_select_type") | ||
323 | + .find("img") | ||
324 | + .attr("src", "../images/29.png"); | ||
325 | + $(".log_four_radio").css({ | ||
326 | + display: "none" | ||
327 | + }); | ||
328 | + } | ||
329 | + }); | ||
330 | + $(".log_four_contant_one").each(function() { | ||
331 | + $(this).click(function() { | ||
332 | + var index = $(this).index(); | ||
333 | + console.log(index); | ||
334 | + var text1 = $(this) | ||
335 | + .find(".log_four_contant_right") | ||
336 | + .text(); | ||
337 | + $("#four_inp").attr("placeholder", text1); | ||
338 | + $(".log_four_contant_one img") | ||
339 | + .eq(index) | ||
340 | + .attr("src", "../images/73.png") | ||
341 | + .parents(".log_four_contant_one") | ||
342 | + .siblings() | ||
343 | + .find("img") | ||
344 | + .attr("src", "../images/39_0.png"); | ||
345 | + if ( | ||
346 | + $(".log_four_contant_one img") | ||
347 | + .eq(index) | ||
348 | + .attr("src") == "../images/73.png" | ||
349 | + ) { | ||
350 | + $(".log_four_radios").css({ | ||
351 | + display: "block" | ||
352 | + }); | ||
353 | + $(".log_four_radio").css({ | ||
354 | + display: "none" | ||
355 | + }); | ||
356 | + } | ||
357 | + }); | ||
358 | + }); | ||
359 | + $(".log_four_contant_ones").each(function() { | ||
360 | + var indexs = $(this).index(); | ||
361 | + $(this).click(function() { | ||
362 | + var index = $(this).index(); | ||
363 | + $(".log_four_contant_ones .log_Img9") | ||
364 | + .eq(index) | ||
365 | + .attr("src", "../images/73.png") | ||
366 | + .parents(".log_four_contant_ones") | ||
367 | + .siblings() | ||
368 | + .find(".log_Img9") | ||
369 | + .attr("src", "../images/39_0.png"); | ||
370 | + $(".log_four_contant_ones .log_four_contants_input_block") | ||
371 | + .eq(index) | ||
372 | + .slideDown() | ||
373 | + .parents(".log_four_contant_ones") | ||
374 | + .siblings() | ||
375 | + .find(".log_four_contants_input_block") | ||
376 | + .slideUp(); | ||
377 | + }); | ||
378 | + $(this) | ||
379 | + .find(".log_four_xian_ban") | ||
380 | + .click(function() { | ||
381 | + $(this) | ||
382 | + .next(".log_four_li") | ||
383 | + .slideToggle(); | ||
384 | + console.log($(this).next(".log_four_li")); | ||
385 | + }); | ||
386 | + console.log($(this).find(".log_four_li li")); | ||
387 | + $(this); | ||
388 | + $(this) | ||
389 | + .find(".log_four_li li") | ||
390 | + .click(function() { | ||
391 | + console.log( | ||
392 | + $(this) | ||
393 | + .parents(".log_four_li") | ||
394 | + .prev(".log_four_xian_ban") | ||
395 | + .find(".log_four_xian_nei") | ||
396 | + ); | ||
397 | + $(this) | ||
398 | + .parents(".log_four_li") | ||
399 | + .prev(".log_four_xian_ban") | ||
400 | + .find(".log_four_xian_nei") | ||
401 | + .text($(this).text()); | ||
402 | + }); | ||
403 | + | ||
404 | + $(this) | ||
405 | + .find(".log_four_xian_ban2") | ||
406 | + .click(function() { | ||
407 | + $(this) | ||
408 | + .next(".log_four_li2") | ||
409 | + .slideToggle(); | ||
410 | + // console.log( | ||
411 | + // $(this) | ||
412 | + // .next(".log_four_li li") | ||
413 | + // .text() | ||
414 | + // ); | ||
415 | + }); | ||
416 | + $(this) | ||
417 | + .find(".log_four_li2 li") | ||
418 | + .click(function() { | ||
419 | + console.log( | ||
420 | + $(this) | ||
421 | + .parents(".log_four_li2") | ||
422 | + .prev(".log_four_xian_ban2") | ||
423 | + .find(".log_four_xian_nei") | ||
424 | + ); | ||
425 | + $(this) | ||
426 | + .parents(".log_four_li2") | ||
427 | + .prev(".log_four_xian_ban2") | ||
428 | + .find(".log_four_xian_nei") | ||
429 | + .text($(this).text()); | ||
430 | + }); | ||
431 | + }); | ||
432 | + //添加地址 | ||
433 | + var city_picker = new mui.PopPicker({ | ||
434 | + layer: 3 | ||
435 | + }); | ||
436 | + city_picker.setData(cityData3); | ||
437 | + $("#city_text").on("tap", function() { | ||
438 | + setTimeout(function() { | ||
439 | + city_picker.show(function(items) { | ||
440 | + $("#city_text").text((items[0] || {}).text + "," + (items[1] || {}).text + "," + (items[2] || {}).text); //该ID为接收城市ID字段 | ||
441 | + $('#city_text').css('color', '#333'); | ||
442 | + $("#city_text").attr("placeholder",((items[0] || {}).text + ' ' + (items[1] || {}).text + ' ' + (items[2] || {}).text)) | ||
443 | + }); | ||
444 | + }, 200); | ||
445 | + }); | ||
446 | +</script> | ||
447 | +</body> | ||
448 | + | ||
449 | +</html> |
@@ -96,7 +96,7 @@ | @@ -96,7 +96,7 @@ | ||
96 | </div> | 96 | </div> |
97 | <!-- 按钮 --> | 97 | <!-- 按钮 --> |
98 | <div class="log_seven_btn"> | 98 | <div class="log_seven_btn"> |
99 | - <a href="log_eight.html"> | 99 | + <a href="{:url('School/add_school')}"> |
100 | <div class="log_seven_btn_contant"> | 100 | <div class="log_seven_btn_contant"> |
101 | 添加学校 | 101 | 添加学校 |
102 | </div> | 102 | </div> |
-
请 注册 或 登录 后发表评论