From 726603df43447f8cfedfeaae4267209adbd01699 Mon Sep 17 00:00:00 2001
From: yzt <Xynz17@163.com>
Date: 星期三, 27 九月 2023 13:48:58 +0800
Subject: [PATCH] BSV1.8
---
src/main/webapp/hxzk/login.jsp | 410 ++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 252 insertions(+), 158 deletions(-)
diff --git a/src/main/webapp/hxzk/login.jsp b/src/main/webapp/hxzk/login.jsp
index 40e03a4..82b1a4e 100644
--- a/src/main/webapp/hxzk/login.jsp
+++ b/src/main/webapp/hxzk/login.jsp
@@ -1,206 +1,300 @@
-<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
-<html lang="en">
+<%--
+ Created by IntelliJ IDEA.
+ User: Administrator
+ Date: 2023/8/22
+ Time: 14:20
+ To change this template use File | Settings | File Templates.
+--%>
+<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
+<html>
<head>
- <meta charset="utf-8">
+ <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
- <title></title>
- <link rel="icon" type="image/x-icon" href="/hxzkoa/hxzk/assets/img/favicon.ico"/>
- <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">
- <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
- <link href="/hxzkoa/hxzk/assets/css/plugins.css" rel="stylesheet" type="text/css" />
- <link href="/hxzkoa/hxzk/assets/css/authentication/form-2.css" rel="stylesheet" type="text/css" />
- <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/theme-checkbox-radio.css">
- <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/switches.css">
- <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
+ <title>瀹氫綅绠＄悊绯荤粺</title>
+ <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+ <link rel="icon" type="image/x-icon" href="/hxzkoa/hxzk/assets/img/favicon.ico" />
+ <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"
+ rel="stylesheet">
+ <link href="/hxzkoa/hxzk/Cesium-1.88/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
+ <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+ <link href="/hxzkoa/hxzk/assets/css/plugins.css" rel="stylesheet" type="text/css" />
+ <link href="/hxzkoa/hxzk/assets/css/authentication/form-2.css" rel="stylesheet" type="text/css" />
+ <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/theme-checkbox-radio.css">
+ <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/switches.css">
+ <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
<style>
- .form-control {
- height: auto;
- border: 1px solid #1b2e4b;
- color: #009688;
- font-size: 15px;
- padding: 8px 10px;
- letter-spacing: 1px;
- height: calc(1.4em + 1.4rem + 2px);
- padding: .75rem 1.25rem;
- border-radius: 6px;
- background: #1b2e4b;
- line-height: 1.5;
- }
+ .form-control {
+ height: 70px;
+ border: 1px solid #1b2e4b;
+ color: #009688;
+ font-size: 15px;
+ padding: 8px 10px;
+ letter-spacing: 1px;
+ height: calc(1.4em + 1.4rem + 2px);
+ padding: .75rem 1.25rem;
+ border-radius: 6px;
+ background: #1b2e4b;
+ line-height: 1.5;
+ }
+ .row{
+ width: 30%;
+ margin: auto;
+ }
+ .code1{
+ width: 50%;
+ float: left;
+ }
+ .code2{
+ width: 50%;
+ float: left;
+ }
+ .container-fluid{
+ width:100%;
+
+ overflow: hidden;
+ }
+
+ @media (min-width: 340px) and (max-width: 369px) {
+ .container-fluid{
+ width: 100%;
+ }
+ .row{
+ width: 100%;
+ }
+ .code1{
+ width: 50%;
+ float: left;
+ }
+ .code2{
+ width: 50% ;
+ float: left;
+ }
+ }
+ @media (min-width: 370px ) and (max-width: 767px) {
+ .container-fluid{
+ width: 100%;
+ }
+ .row{
+ width: 100%;
+ }
+ .code1{
+ width: 50%;
+ float: left;
+ }
+ .code2{
+ width: 50% ;
+ float: left;
+ }
+ }
+ @media (min-width: 767px ) and (max-width: 1500px) {
+ .row{
+ width: 30%;
+ margin: auto;
+ }
+ .code1{
+ width: 50%;
+ float: left;
+ }
+ .code2{
+ width: 50%;
+ float: left;
+ }
+ .container-fluid{
+ width:100%;
+
+ overflow: hidden;
+ }
+ }
</style>
- <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
- <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
- <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
- <script src="/hxzkoa/hxzk/assets/js/authentication/form-2.js"></script>
- <script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
- <script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
</head>
-<body class="form">
-
+<body style="overflow-y: hidden">
+<div class="container-fluid" style="">
+ <div class="row" style="margin-top: 200px">
+ <div class="col-md-12 col-xs-12" style="text-align: center">
+ <h1 class="" style="position: relative;left: -10px">
+ <span id="headTitle"></span>
+ </h1>
+ </div>
+ </div>
+ <div class="row" style="margin-top: 10px;">
+ <div class="col-xs-12 col-md-12">
+ <label for="username" style="color: #131527;"></label>
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+ viewBox="0 0 24 24" fill="none" stroke="currentColor"
+ stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+ class="feather feather-user" style="position: relative;top: 32px;left: 3px">
+ <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+ <circle cx="12" cy="7" r="4"></circle>
+ </svg>
+ <input id="username" name="username" type="text" class="form-control"
+ placeholder="鐢ㄦ埛鍚�" required="required" style="padding-left: 40px">
+ </div>
+ </div>
+ <div class="row" style="margin-top: 10px">
+ <div class="col-xs-12 col-md-12">
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+ viewBox="0 0 24 24" fill="none" stroke="currentColor"
+ stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+ class="feather feather-lock" style="position: relative;top: 32px ;left: 6px">
+ <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+ <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+ </svg>
+ <input id="password" name="password" type="password"
+ class="form-control" placeholder="瀵嗙爜" required="required" style="padding-left: 40px">
+ </div>
+ </div>
+ <div class="row" style="margin-top: 30px;">
+ <div class="col-xs-12 col-md-12">
+ <svg t="1618403857453" class="feather feather-lock"
+ viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="2231" width="24"
+ height="24"style="position: absolute;top: 10px ;left: 14px;z-index: 999">
+ <path
+ d="M895.744 273.28a59.2 59.2 0 0 0-46.72-51.936A1103.36 1103.36 0 0 1 697.92 186.56a561.28 561.28 0 0 1-135.008-78.912 61.76 61.76 0 0 0-72.16 0 354.112 354.112 0 0 1-136.032 78.4 507.264 507.264 0 0 1-146.944 36.32 55.04 55.04 0 0 0-46.208 51.936S160 404.64 160 519.36C160 727.04 405.056 928 527.616 928c122.528 0 330.24-141.76 363.456-405.504 8.32-155.776 2.56-248.704 2.56-248.704l2.112-0.544z m-133.44 160.416l-256 241.44c-11.52 10.976-29.12 12.704-42.56 4.16l-6.72-5.728-141.248-146.912a35.264 35.264 0 0 1 51.904-47.776l116.32 122.016 230.528-218.08a35.264 35.264 0 1 1 47.776 51.936v-1.056z"
+ p-id="2232" fill="#bfbfbf"></path>
+ </svg>
+ <input id="yanzheng" name="yanzheng" type="text" class="form-control code2"
+ placeholder="楠岃瘉鐮�" style="padding-left: 40px;display: inline-block;">
+ <!-- <input type="button" onclick="createCode()" id="code" style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing:2px;color:blue;"/> -->
+ <button type="button" onclick="shuaxin()" class="code1" id="code"
+ style=" height: 43.8px; font-family: Arial;font-style: italic; font-weight: bold; border-radius: 10px; border: 0; letter-spacing: 2px; color: blue;"></button>
- <div class="form-container outer">
- <div class="form-form" style="position:absolute;width:20%;float:left;margin-left:40%;">
- <div class="form-form-wrap">
- <div class="form-container" >
- <div class="form-content">
- <h1 class="" ><span id="headTitle">鍗庢槦鏅烘帶瀹氫綅绠＄悊绯荤粺</span></h1>
- <form class="text-left">
- <div class="form">
- <div id="username-field" class="field-wrapper input">
- <label for="username">鐢ㄦ埛鍚�</label>
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
- <input id="username" name="username" type="text" class="form-control" placeholder="鐢ㄦ埛鍚�" required="required">
- </div>
-
- <div id="password-field" class="field-wrapper input mb-2">
- <div class="d-flex justify-content-between">
- <label for="password">瀵嗙爜</label>
- </div>
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
- <input id="password" name="password" type="password" class="form-control" placeholder="瀵嗙爜" required="required">
- </div>
-
- <div id="password-field" class="field-wrapper input mb-2">
- <div class="d-flex justify-content-between">
- <label for="password">楠岃瘉鐮�</label>
- </div>
- <svg t="1618403857453" class="feather feather-lock" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2231" width="24" height="24"><path d="M895.744 273.28a59.2 59.2 0 0 0-46.72-51.936A1103.36 1103.36 0 0 1 697.92 186.56a561.28 561.28 0 0 1-135.008-78.912 61.76 61.76 0 0 0-72.16 0 354.112 354.112 0 0 1-136.032 78.4 507.264 507.264 0 0 1-146.944 36.32 55.04 55.04 0 0 0-46.208 51.936S160 404.64 160 519.36C160 727.04 405.056 928 527.616 928c122.528 0 330.24-141.76 363.456-405.504 8.32-155.776 2.56-248.704 2.56-248.704l2.112-0.544z m-133.44 160.416l-256 241.44c-11.52 10.976-29.12 12.704-42.56 4.16l-6.72-5.728-141.248-146.912a35.264 35.264 0 0 1 51.904-47.776l116.32 122.016 230.528-218.08a35.264 35.264 0 1 1 47.776 51.936v-1.056z" p-id="2232" fill="#bfbfbf"></path></svg>
- <input id="yanzheng" name="yanzheng" type="text" class="form-control" placeholder="楠岃瘉鐮�" style ="width:40%;float:left;">
-<!-- <input type="button" onclick="createCode()" id="code" style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing:2px;color:blue;"/> -->
- <button onclick="createCode()" id="code" style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border-radius:10px;border:0;letter-spacing:2px;color:blue;"></button>
-
- </div>
- <div class="d-sm-flex justify-content-between">
- <div class="field-wrapper">
- <button type="button" class="btn btn-primary login" value="">鐧诲綍</button>
- </div>
- </div>
- </div>
- </form>
-
- </div>
- </div>
- </div>
- </div>
- </div>
-
-
- <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
-
- <script>
- var code ; //鍦ㄥ叏灞�瀹氫箟楠岃瘉鐮�
+ </div>
+ </div>
+ <div class="row" style="margin-top: 40px;">
+ <div class="col-xs-12 col-md-12">
+ <button type="button" class="btn btn-primary login"
+ value="" style="width: 100%;height: 50px;">鐧诲綍</button>
+ </div>
+ </div>
+</div>
+</body>
+<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
+<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
+<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
+<script>
+ var code; //鍦ㄥ叏灞�瀹氫箟楠岃瘉鐮�
//浜х敓楠岃瘉鐮�
- window.onload = function createCode(){
- code = "";
- var codeLength = 4;//楠岃瘉鐮佺殑闀垮害
- var checkCode = document.getElementById("code");
- var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',
- 'S','T','U','V','W','X','Y','Z');//闅忔満鏁�
- for(var i = 0; i < codeLength; i++) {//寰幆鎿嶄綔
- var index = Math.floor(Math.random()*36);//鍙栧緱闅忔満鏁扮殑绱㈠紩锛�0~35锛�
+ window.onload = function createCode() {
+ code = "";
+ var codeLength = 4;//楠岃瘉鐮佺殑闀垮害
+ var checkCode = document.getElementById("code");
+ var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//闅忔満鏁�
+ for (var i = 0; i < codeLength; i++) {//寰幆鎿嶄綔
+ var index = Math.floor(Math.random() * 10);//鍙栧緱闅忔満鏁扮殑绱㈠紩锛�0~35锛�
code += random[index];//鏍规嵁绱㈠紩鍙栧緱闅忔満鏁板姞鍒癱ode涓�
}
+ var aaa = document.getElementById("yanzheng")
+ aaa.value = code
+ checkCode.innerHTML = code;//鎶奵ode鍊艰祴缁欓獙璇佺爜
+ }
+ //鍒锋柊楠岃瘉鐮�
+ function shuaxin() {
+ code = "";
+ var codeLength = 4;//楠岃瘉鐮佺殑闀垮害
+ var checkCode = document.getElementById("code");
+ var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//闅忔満鏁�
+ for (var i = 0; i < codeLength; i++) {//寰幆鎿嶄綔
+ var index = Math.floor(Math.random() * 10);//鍙栧緱闅忔満鏁扮殑绱㈠紩锛�0~35锛�
+ code += random[index];//鏍规嵁绱㈠紩鍙栧緱闅忔満鏁板姞鍒癱ode涓�
+ }
+ var aaa = document.getElementById("yanzheng")
+ aaa.value = code
checkCode.innerHTML = code;//鎶奵ode鍊艰祴缁欓獙璇佺爜
}
//鏍￠獙楠岃瘉鐮�
- function validate(){
- var inputCode = document.getElementById("input").value.toUpperCase(); //鍙栧緱杈撳叆鐨勯獙璇佺爜骞惰浆鍖栦负澶у啓
- if(inputCode.length <= 0) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮侀暱搴︿负0
+ function validate() {
+ var inputCode = document.getElementById("input").value.toUpperCase(); //鍙栧緱杈撳叆鐨勯獙璇佺爜骞惰浆鍖栦负澶у啓
+ if (inputCode.length <= 0) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮侀暱搴︿负0
alert("璇疯緭鍏ラ獙璇佺爜锛�"); //鍒欏脊鍑鸿杈撳叆楠岃瘉鐮�
- }
- else if(inputCode != code ) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮佷笌浜х敓鐨勯獙璇佺爜涓嶄竴鑷存椂
+ }
+ else if (inputCode != code) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮佷笌浜х敓鐨勯獙璇佺爜涓嶄竴鑷存椂
alert("楠岃瘉鐮佽緭鍏ラ敊璇紒@_@"); //鍒欏脊鍑洪獙璇佺爜杈撳叆閿欒
createCode();//鍒锋柊楠岃瘉鐮�
document.getElementById("input").value = "";//娓呯┖鏂囨湰妗�
- }
+ }
else { //杈撳叆姝ｇ‘鏃�
alert("^-^"); //寮瑰嚭^-^
- }
+ }
}
- $(document).ready(function(){
- var title=""
+ $(document).ready(function () {
+ var title = ""
$.ajax({
- async : false, //鍚屾鐨�
- type : "POST",
- url : "/hxzkoa/getSysSetting_list.do",
- data : {
-
+ async: false, //鍚屾鐨�
+ type: "POST",
+ url: "/hxzkoa/getSysSetting_list.do",
+ data: {
+
},
- dataType : "json",
- success:function(data){
- title = data[0].title
- var obj = document.getElementById("headTitle");
+ dataType: "json",
+ success: function (data) {
+ title = data[0].title
+ var obj = document.getElementById("headTitle");
//console.log("head:",title)
- obj.innerText= title;
- document.title = title;
- },
+ obj.innerText = title;
+ document.title = title;
+ },
});
- })
- function login () {
- var inputCode = document.getElementById("yanzheng").value.toUpperCase(); //鍙栧緱杈撳叆鐨勯獙璇佺爜骞惰浆鍖栦负澶у啓
- if(inputCode.length <= 0) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮侀暱搴︿负0
+ })
+ function login() {
+ var inputCode = document.getElementById("yanzheng").value.toUpperCase(); //鍙栧緱杈撳叆鐨勯獙璇佺爜骞惰浆鍖栦负澶у啓
+ if (inputCode.length <= 0) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮侀暱搴︿负0
//console.log('if')
swal(
- '鐧诲綍澶辫触!',
- '璇疯緭鍏ラ獙璇佺爜锛�',
- 'error'
+ '鐧诲綍澶辫触!',
+ '璇疯緭鍏ラ獙璇佺爜锛�',
+ 'error'
)
- }
- else if(inputCode != code ) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮佷笌浜х敓鐨勯獙璇佺爜涓嶄竴鑷存椂
+ }
+ else if (inputCode != code) { //鑻ヨ緭鍏ョ殑楠岃瘉鐮佷笌浜х敓鐨勯獙璇佺爜涓嶄竴鑷存椂
//console.log('elseif')
swal(
- '鐧诲綍澶辫触!',
- '楠岃瘉鐮侀敊璇紒',
- 'error'
+ '鐧诲綍澶辫触!',
+ '楠岃瘉鐮侀敊璇紒',
+ 'error'
)
createCode();//鍒锋柊楠岃瘉鐮�
document.getElementById("input").value = "";//娓呯┖鏂囨湰妗�
- }
+ }
else { //杈撳叆姝ｇ‘鏃�
//console.log('else')
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
- async : false, //鍚屾鐨�
- type : "POST",
- url : "/hxzkoa/login.do",
- data : {
- username : username,
- password : password,
+ async: false, //鍚屾鐨�
+ type: "POST",
+ url: "/hxzkoa/login.do",
+ data: {
+ username: username,
+ password: password,
},
- dataType : "json",
- success:function(data){
- //console.log(data)
- if (data=="1"){
- window.location.href="/hxzkoa/show.do"
- } else {
- swal(
- '鐧诲綍澶辫触!',
- '鐢ㄦ埛鍚嶅拰瀵嗙爜閿欒锛�',
- 'error'
- )
- }
- },
+ dataType: "json",
+ success: function (data) {
+ //console.log(data)
+ if (data == "1") {
+ localStorage.setItem("username",username);
+ window.location.href = "/hxzkoa/show.do"
+ } else {
+ alert("鐢ㄦ埛鍚嶆垨瀵嗙爜閿欒锛�")
+ }
+ },
});
- }
-
+ }
+
}
- window.onkeydown=(e)=>{
- if(e.code== "Enter"){
+ window.onkeydown = (e) => {
+ if (e.code == "Enter") {
login()
return false
}
}
-
- // 鏂板鍔熻兘
+
+ // 鏂板鍔熻兘
$('.login').on('click', login);
-
- </script>
- <!-- END GLOBAL MANDATORY SCRIPTS -->
-
-</body>
+</script>
</html>
--
Gitblit v1.10.0