|
|
@@ -10,6 +10,9 @@
|
|
|
<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;
|
|
|
@@ -17,7 +20,14 @@
|
|
|
.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%;
|
|
|
@@ -81,14 +91,149 @@
|
|
|
font-size: 1.6rem;
|
|
|
color: #333;
|
|
|
}
|
|
|
- .ss_span{
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .xq_zg{
|
|
|
+ background: rgba(48,48,48,0.7);
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: fixed;
|
|
|
+ top:0px;
|
|
|
+ left: 0px;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #tk_btn{
|
|
|
+ width: 100px;
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+ .tk_window{
|
|
|
+ width: 30rem;
|
|
|
+ padding-bottom: 2rem;
|
|
|
+ position: fixed;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -15rem;
|
|
|
+ margin-top: -9rem;
|
|
|
+ z-index: 99;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #f3f3f3;
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ box-shadow: 0px 0px 12px #3a3a3a;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .tk_window h1{
|
|
|
+ font-size: 1.6rem;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #f3f3f3;
|
|
|
+ background: rgb(235 235 235 / 38%);
|
|
|
+ margin: 0px;
|
|
|
+ height: 4rem;
|
|
|
+ line-height: 4rem;
|
|
|
+ color: #333;
|
|
|
+ border-top-left-radius: 0.5rem;
|
|
|
+ border-top-right-radius: 0.5rem;
|
|
|
+ letter-spacing: 0.2rem;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .tk_window h2{
|
|
|
+ font-size: 1.5rem;
|
|
|
+ line-height: 2.2rem;
|
|
|
+ color: #333;
|
|
|
+ padding: 0px 4%;
|
|
|
+ }
|
|
|
+ .tk_window .close_btn{
|
|
|
+ font-size: 1.5rem;
|
|
|
+ color: #fff;
|
|
|
+ padding: 1.5% 7%;
|
|
|
+ background: #3692ef;
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ margin: 2rem auto 0rem auto;
|
|
|
+ display: table;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
|
|
|
+ @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"><img src="../../img/xit_logo.png"/> </h1>
|
|
|
+ <h1 class="xit_logo">南关区学区查询系统</h1>
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content2">
|
|
|
<div id="schoolType" class="sel_zx">
|
|
|
<span class="on" value="1">按小学查询</span>
|
|
|
@@ -96,24 +241,24 @@
|
|
|
</div>
|
|
|
<form class="form-horizontal sel_form" id="form-pv-add">
|
|
|
<div class="row">
|
|
|
- <div class="form-group2 col-sm-4">
|
|
|
- <label class="col-sm-3 control-label is-required">派出所：</label>
|
|
|
- <div class="col-sm-9">
|
|
|
+ <div class="form-group2 col-sm-4 col-xs-12">
|
|
|
+ <label class="col-sm-4 col-md-4 control-label is-required">派出所：</label>
|
|
|
+ <div class="col-sm-8 col-md-8">
|
|
|
<select id="pId" class="form-control m-b">
|
|
|
- <option value="">请选择</option>
|
|
|
- <option th:each="policestation:${policestations}" th:value="${policestation.pvId}" th:text="${policestation.pvName}"></option>
|
|
|
+ <option value="">请选择</option>
|
|
|
+ <option th:each="policestation:${policestations}" th:value="${policestation.pvId}" th:text="${policestation.pvName}"></option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form-group2 col-sm-4">
|
|
|
- <label class="col-sm-3 control-label is-required">委(村)：</label>
|
|
|
- <div class="col-sm-9">
|
|
|
+ <div class="form-group2 col-sm-4 col-xs-12">
|
|
|
+ <label class="col-sm-4 col-md-4 control-label is-required">委(村)：</label>
|
|
|
+ <div class="col-sm-8 col-md-8">
|
|
|
<select id="vId" class="form-control m-b">
|
|
|
- <option value="">请选择</option>
|
|
|
+ <option value="">请选择</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-md-3" th:if="${captchaEnabled==true}">
|
|
|
+ <div class="col-sm-3 col-md-3 col-xs-12" th:if="${captchaEnabled==true}">
|
|
|
<div class="col-xs-6">
|
|
|
<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
|
|
|
</div>
|
|
|
@@ -123,16 +268,40 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="btn-group-sm col-md-1" id="toolbar" role="group">
|
|
|
+ <div class="btn-group-sm col-md-1 col-xs-12" id="toolbar" role="group">
|
|
|
<button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证，请稍候..." onclick="submitHandler()">查询</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<div class="form-group ss_jg">
|
|
|
<label class="ck_tit control-label">关于您所选的关键词有以下结果可供参考：</label>
|
|
|
- <span id="schoolId" class="ss_span"></span>
|
|
|
+ <div class="ck_div22">
|
|
|
+ <span id="schoolId" class="ss_span">1111111</span>
|
|
|
+ <span id="schoolId" class="ss_span">东北师范小学</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cksm">
|
|
|
+ <h4>温馨提示</h4>
|
|
|
+ <p>该功能模块对学区信息进行查询，选择中、小学，派出所，委（村），输入验证码，验证通过后，即可查询对应学区。因学区查询系统仅在开学季、招生季开放，若当前日期不在规定日期范围内，需进行公告提示。</p>
|
|
|
+ </div>
|
|
|
+ <div id="tk_btn">
|
|
|
+ <button class="link">
|
|
|
+ <a >弹窗</a>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--弹框 开始-->
|
|
|
+ <div class="xq_zg"></div>
|
|
|
+ <div id="tk_window" class="tk_window">
|
|
|
+ <h1>温馨提示</h1>
|
|
|
+ <h2>该功能模块对学区信息进行查询，选择中、小学，派出所</h2>
|
|
|
+ <span class="close_btn">关闭</span>
|
|
|
</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>
|
|
|
@@ -180,6 +349,16 @@
|
|
|
}
|
|
|
|
|
|
$(function() {
|
|
|
+ // 弹框 关闭 选择
|
|
|
+ $("#tk_btn").on('click',function(){
|
|
|
+ $(".xq_zg").show();
|
|
|
+ $("#tk_window").show();
|
|
|
+ })
|
|
|
+ $(".close_btn").on('click',function(){
|
|
|
+ $(".xq_zg").hide();
|
|
|
+ $("#tk_window").hide();
|
|
|
+ })
|
|
|
+
|
|
|
$("#schoolType span").click(function () {
|
|
|
$("#schoolType span").removeClass("on");
|
|
|
$(this).addClass("on");
|
sunyangyang