|
|
@@ -0,0 +1,332 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <!--360浏览器优先以webkit内核解析-->
|
|
|
+ <title>学区查询</title>
|
|
|
+ <link rel="shortcut icon" href="favicon.ico">
|
|
|
+ <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
|
|
|
+ <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
|
|
|
+ <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
|
|
|
+ <style>
|
|
|
+ html, body {
|
|
|
+ height: auto!important;
|
|
|
+ }
|
|
|
+ .gray-bg{
|
|
|
+ background: url(../../img/xit_bg.png) no-repeat top;
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+ .xit_logo{
|
|
|
+ margin:7% auto 5% auto;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 6.5rem;
|
|
|
+ font-weight: 900;
|
|
|
+ color: #0e9bf9;
|
|
|
+ letter-spacing: 0.4rem;
|
|
|
+ -webkit-text-stroke: 2px #fff;
|
|
|
+ text-shadow: 3px 2px 5px #094187;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ibox-content2{
|
|
|
+ background: none;
|
|
|
+ width: 65%;
|
|
|
+ margin: 0px auto;
|
|
|
+ }
|
|
|
+ .ibox-content2 .sel_form {
|
|
|
+ border: 1px solid #288ff8;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: 1px 3px 10px #737378b8;
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+ .ibox-content2 .form-group2{
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .ibox-content2 .btn{
|
|
|
+ background: #3692ef;
|
|
|
+ }
|
|
|
+ .sel_zx{
|
|
|
+ padding-left: 1%;
|
|
|
+ padding-top: 50px;
|
|
|
+ }
|
|
|
+ .sel_zx span{
|
|
|
+ font-size: 1.7rem;
|
|
|
+ color: #333;
|
|
|
+ margin-right: 3%;
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ height: 40px;
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .sel_zx span.on{
|
|
|
+ color: #288ff8;
|
|
|
+ }
|
|
|
+ .sel_zx span.on:after{
|
|
|
+ border-left: 9px solid transparent;
|
|
|
+ border-bottom: 9px solid #288ff8;
|
|
|
+ border-right: 9px solid transparent;
|
|
|
+ content: " ";
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ margin-left: -19px;
|
|
|
+ width: 0;
|
|
|
+ position: absolute;
|
|
|
+ /* pointer-events: all; */
|
|
|
+ bottom: 0px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -14%;
|
|
|
+ }
|
|
|
+ .ss_jg{
|
|
|
+ padding: 2% 0px;
|
|
|
+ }
|
|
|
+ .ss_jg .control-label{
|
|
|
+ font-size: 1.6rem;
|
|
|
+ color: #333;
|
|
|
+ height: 2.4rem;
|
|
|
+ line-height: 2.4rem;
|
|
|
+ }
|
|
|
+ .ck_tit{
|
|
|
+ font-size: 1.6rem;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .ck_div22{
|
|
|
+ margin: 1rem 0px 1rem 0px;
|
|
|
+ }
|
|
|
+ .ck_div22 .ss_span{
|
|
|
+ padding: 5px 13px;
|
|
|
+ background: #75baed;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 1.4rem;
|
|
|
+ border-radius: 25px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .cksm{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0px 0 2% 0;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .cksm h4{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0px 0% 0 2%;
|
|
|
+ background: #e1e1e1;
|
|
|
+ height: 4.5rem;
|
|
|
+ line-height: 4.5rem;
|
|
|
+ font-size: 1.6rem;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .cksm p{
|
|
|
+ padding: 1% 2% 0 2%;
|
|
|
+ line-height: 2.5rem;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .left_row{
|
|
|
+ display: flex;
|
|
|
+ flex-direction:row;
|
|
|
+ }
|
|
|
+ .left_div1{
|
|
|
+ margin-right: 1rem;
|
|
|
+ }
|
|
|
+ .left_div2 a{
|
|
|
+ display: block;
|
|
|
+ height: 31px;
|
|
|
+ }
|
|
|
+ .left_div2 a img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1366px) {
|
|
|
+ .ibox-content2{
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1080px) {
|
|
|
+ .ibox-content2{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 980px) {
|
|
|
+ .ibox-content2{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .btn-group-sm button{
|
|
|
+ margin-top: 5rem;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 768px) {
|
|
|
+ .xit_logo {
|
|
|
+ font-size: 3.5rem;
|
|
|
+ -webkit-text-stroke: 1px #fff;
|
|
|
+ text-shadow: 2px 1px 4px #094187;
|
|
|
+ padding: 0px 3rem;
|
|
|
+ }
|
|
|
+ .col-xs-12{
|
|
|
+ margin-bottom: 1rem;
|
|
|
+ }
|
|
|
+ .btn-group-sm button{
|
|
|
+ display: block;
|
|
|
+ width: 94%;
|
|
|
+ margin: 1rem auto 0px auto;
|
|
|
+ }
|
|
|
+ .ss_jg{
|
|
|
+ margin-top: 1rem;
|
|
|
+ margin-bottom: 0px!important;
|
|
|
+ }
|
|
|
+ .cksm h4 {
|
|
|
+ padding: 0px 0% 0 4%;
|
|
|
+ }
|
|
|
+ .cksm p {
|
|
|
+ padding: 2% 4% 0 4%;
|
|
|
+ }
|
|
|
+ .sel_zx {
|
|
|
+ padding-top: 0rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body class="gray-bg">
|
|
|
+ <h1 class="xit_logo"></h1>
|
|
|
+
|
|
|
+ <div class="wrapper wrapper-content animated fadeInRight ibox-content2">
|
|
|
+ <div class="row main" style="display: none">
|
|
|
+ <div id="schoolType" class="sel_zx">
|
|
|
+ <span class="on" value="1">按小学查询</span>
|
|
|
+ <span value="2">按中学查询</span>
|
|
|
+ </div>
|
|
|
+ <div class="form-horizontal sel_form" id="form-pv-add">
|
|
|
+ <div class="row">
|
|
|
+ <div class="form-group2 col-sm-3 col-md-3 col-xs-12">
|
|
|
+ <select id="pId" class="form-control">
|
|
|
+ <option value="">请选择派出所</option>
|
|
|
+ <option th:each="policestation:${policestations}" th:value="${policestation.pvId}" th:text="${policestation.pvName}"></option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="form-group2 col-sm-3 col-md-3 col-xs-12">
|
|
|
+ <select id="vId" class="form-control">
|
|
|
+ <option value="">请选择委(村)</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4 col-md-4 col-xs-12 left_row" th:if="${captchaEnabled==true}">
|
|
|
+ <div class="left_div1">
|
|
|
+ <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
|
|
|
+ </div>
|
|
|
+ <div class="left_div2">
|
|
|
+ <a href="javascript:void(0);" title="点击更换验证码">
|
|
|
+ <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn-group-sm col-sm-2 col-md-2 col-xs-12" id="toolbar" role="group">
|
|
|
+ <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证，请稍候..." onclick="submitHandler()">查询</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group ss_jg">
|
|
|
+ <label class="ck_tit control-label">关于您所选的关键词有以下结果可供参考：</label>
|
|
|
+ <div class="ck_div22"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cksm">
|
|
|
+ <h4>温馨提示</h4>
|
|
|
+ <p></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
|
|
|
+ <script th:src="@{/js/jquery.min.js}"></script>
|
|
|
+ <script th:src="@{/js/bootstrap.min.js}"></script>
|
|
|
+ <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
|
|
|
+ <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
|
|
|
+ <script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
|
|
|
+ <script src="../static/sooka/js/ry-ui.js" th:src="@{/sooka/js/ry-ui.js?v=4.7.6}"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ var prefix = ctx + "schooldistrict/config", schoolType = 1;
|
|
|
+ $(".xit_logo").html(unescapeHtml('[[${title.noticeContent}]]'));
|
|
|
+ if ([[${flag}]]) {
|
|
|
+ $(".main").show();
|
|
|
+ $(".cksm p").html(unescapeHtml('[[${notice.noticeContent}]]'));
|
|
|
+ } else {
|
|
|
+ $(".main").remove();
|
|
|
+ $(".cksm p").html(unescapeHtml('[[${announcement.noticeContent}]]'));
|
|
|
+ }
|
|
|
+
|
|
|
+ function submitHandler() {
|
|
|
+ var pId = $("#pId").val(), vId = $("#vId").val();
|
|
|
+ if (pId == "" || vId == "") {
|
|
|
+ $.modal.msg("请选择派出所、委(村)");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ $.modal.loading($("#btnSubmit").data("loading"));
|
|
|
+ $.post(prefix + "/getSchoolName", {
|
|
|
+ schoolType: schoolType, pId: pId, vId: vId, validateCode: $("input[name='validateCode']").val()
|
|
|
+ }, function(r) {
|
|
|
+ if (r.code == web_status.SUCCESS) {
|
|
|
+ var name = "";
|
|
|
+ $.each(r.data, function(i, item) {
|
|
|
+ name += '<span class="ss_span">' + item + '</span>'
|
|
|
+ })
|
|
|
+ $(".ck_div22").empty().append(name);
|
|
|
+ } else {
|
|
|
+ $.modal.msg(r.msg);
|
|
|
+ }
|
|
|
+ $(".code").val("");
|
|
|
+ $('.imgcode').click();
|
|
|
+ $.modal.closeLoading();
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function unescapeHtml(str) {
|
|
|
+ if (Object.prototype.toString.call(str) !== '[object String]') {
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ str = str.replace(/<|>|&/g, function (match) {
|
|
|
+ return ({
|
|
|
+ '<': '<',
|
|
|
+ '>': '>',
|
|
|
+ '&': '&'
|
|
|
+ })[match];
|
|
|
+ });
|
|
|
+ return str;
|
|
|
+ }
|
|
|
+
|
|
|
+ function getData(array) {
|
|
|
+ var str = "<option value=''>请选择委(村)</option>";
|
|
|
+ $.each(array, function (index, item) {
|
|
|
+ str += "<option value='" + item.vId + "'>" + item.vName + "</option>";
|
|
|
+ })
|
|
|
+ return str;
|
|
|
+ }
|
|
|
+
|
|
|
+ $(function() {
|
|
|
+ $("#schoolType span").click(function() {
|
|
|
+ if (schoolType != $(this).attr("value")) {
|
|
|
+ schoolType = $(this).attr("value");
|
|
|
+ $("#schoolType span").removeClass("on");
|
|
|
+ $(this).addClass("on");
|
|
|
+ $('#pId').trigger("change");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $('#pId').change(function() {
|
|
|
+ $('#vId').empty();
|
|
|
+ if (this.value != "") {
|
|
|
+ $.post(prefix + "/getVillagesBySTypeAndPId", {
|
|
|
+ schoolType: schoolType, pId: this.value
|
|
|
+ }, function(result) {
|
|
|
+ $('#vId').append(getData(result));
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.imgcode').click(function() {
|
|
|
+ var url = ctx + "captcha/captchaImage?type=" + captchaType + "&s=" + Math.random();
|
|
|
+ $(".imgcode").attr("src", url);
|
|
|
+ });
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
sunyangyang