|
|
@@ -11,37 +11,106 @@
|
|
|
<link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
|
|
|
<link th:href="@{/ajax/libs/select2/select2.min.css?v=4.0.13}" rel="stylesheet"/>
|
|
|
<link th:href="@{/ajax/libs/select2/select2-bootstrap.min.css?v=4.0.13}" rel="stylesheet"/>
|
|
|
+ <style>
|
|
|
+ .gray-bg{
|
|
|
+ background: url(../../img/xit_bg.png) no-repeat top;
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+ .xit_logo{
|
|
|
+ margin:7% auto 5% auto;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .ss_span{
|
|
|
+
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
|
|
|
<body class="gray-bg">
|
|
|
- <div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
|
- <form class="form-horizontal m" id="form-pv-add">
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label is-required">中、小学：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <select id="schoolType" name="schoolType" class="form-control select2-multiple">
|
|
|
- <option value="1" th:text="小学"></option>
|
|
|
- <option value="2" th:text="中学"></option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
+ <h1 class="xit_logo"><img src="../../img/xit_logo.png"/> </h1>
|
|
|
+ <div class="wrapper wrapper-content animated fadeInRight ibox-content2">
|
|
|
+ <div class="sel_zx">
|
|
|
+ <span class="on">按小学查询</span>
|
|
|
+ <span>按中学查询</span>
|
|
|
+ </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-8">
|
|
|
+ <div class="col-sm-9">
|
|
|
<select id="pId" name="pId" class="form-control select2-multiple">
|
|
|
<option th:each="policestation:${policestations}" th:value="${policestation.pvId}" th:text="${policestation.pvName}"></option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
+ <div class="form-group2 col-sm-4">
|
|
|
<label class="col-sm-3 control-label is-required">委(村)：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
+ <div class="col-sm-9">
|
|
|
<select id="vId" class="form-control select2-multiple">
|
|
|
<option th:each="village:${villages}" th:value="${village.pvId}" th:text="${village.pvName}" ></option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row m-t" th:if="${captchaEnabled==true}">
|
|
|
+ <div class="col-md-3" th:if="${captchaEnabled==true}">
|
|
|
<div class="col-xs-6">
|
|
|
<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
|
|
|
</div>
|
|
|
@@ -51,14 +120,18 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label">学校：</label>
|
|
|
- <div id="schoolId" class="col-sm-8"></div>
|
|
|
+ <div class="btn-group-sm col-md-1" id="toolbar" role="group">
|
|
|
+ <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证，请稍候..." onclick="submitHandler()">查询</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
</form>
|
|
|
- <div class="btn-group-sm" id="toolbar" role="group">
|
|
|
- <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证，请稍候..." onclick="submitHandler()">查询</button>
|
|
|
+ <div class="form-group ss_jg">
|
|
|
+ <label class="col-sm-3 control-label">关于您所选的关键词有以下结果可供参考：</label>
|
|
|
+ <span id="schoolId" class="ss_span"></span>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
|
|
|
<script th:src="@{/js/jquery.min.js}"></script>
|
sunyangyang
