<%@ 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">
|
|
<head>
|
<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/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>
|
body {
|
margin: 0px;
|
width: 100%;
|
min-width: 1580px;
|
max-width: 100%;
|
height: 100%;
|
background-color: #F0F0F0;
|
}
|
|
#head {
|
background-color: #FFFF00;
|
width: 100%;
|
height: 100px;
|
}
|
|
#center {
|
background-color: #00FFFF;
|
width: 100%;
|
min-height: 100%;
|
}
|
|
#foot {
|
background-color: #FF00FF;
|
width: 100%;
|
height: 100px;
|
}
|
|
.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;
|
}
|
|
#cesiumContainer {
|
width: 100%;
|
height: 100%;
|
margin: 0;
|
padding: 0;
|
overflow: hidden;
|
}
|
</style>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/Cesium-1.88/Build/Cesium/Cesium.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">
|
|
<div id="cesiumContainer"></div>
|
<div class="form-container outer" style="width: 26%;height: 40%;position: absolute;z-index: 6;top: 24%;margin-left: 37%;">
|
<div class="form-form" style="position: absolute; float: left;">
|
<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" 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">
|
<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" style="color: #131527;">密码</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" style="color: #131527;">验证码</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: 48.6%; 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 type="button" onclick="shuaxin()" id="code"
|
style="margin-left: 10px; width: 48.6%; 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 style="text-align: center;margin-top: 20px;color: brown;font-size: 18px;">
|
请使用谷歌浏览器访问
|
</div>
|
</div>
|
</form>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
|
<script>
|
// Your access token can be found at: https://cesium.com/ion/tokens.
|
// Replace `your_access_token` with your Cesium ion access token.
|
|
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxZmMzMjg2MS0xMjY0LTRlMjQtOTE2ZC00N2FkNjE4ZWJjODYiLCJpZCI6NjcyMTUsImlhdCI6MTYzMTYxMTU1MX0.of1_REEEydYC_meH3g12qk5-O3-9sI2g_mmPoHFErVg';
|
|
// Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.
|
const viewer = new Cesium.Viewer('cesiumContainer', {
|
shouldAnimate: true,// 自动播放
|
geocoder: false,//控制右上角第一个位置的查找工具
|
homeButton: false,//控制右上角第二个位置的home图标
|
sceneModePicker: false,//控制右上角第三个位置的选择视角模式，2d，3d
|
baseLayerPicker: false,//控制右上角第四个位置的图层选择器
|
navigationHelpButton: false,//控制右上角第五个位置的导航帮助按钮
|
timeline: false,//控制下方时间线
|
fullscreenButton: false,//右下角全屏按钮
|
terrainProvider: Cesium.createWorldTerrain()
|
});
|
viewer.clockViewModel.multiplier *= 700;
|
viewer._cesiumWidget._creditContainer.style.display = "none";//取消版权信息
|
viewer.scene.globe.enableLighting = true;
|
// Add Cesium OSM Buildings, a global 3D buildings layer.
|
const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());
|
// Fly the camera to San Francisco at the given longitude, latitude, and height.
|
viewer.camera.flyTo({
|
// destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-15.0),
|
}
|
});
|
</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);//随机数
|
for (var i = 0; i < codeLength; i++) {//循环操作
|
var index = Math.floor(Math.random() * 10);//取得随机数的索引（0~35）
|
code += random[index];//根据索引取得随机数加到code上
|
}
|
var aaa = document.getElementById("yanzheng")
|
aaa.value = code
|
checkCode.innerHTML = code;//把code值赋给验证码
|
}
|
//刷新验证码
|
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];//根据索引取得随机数加到code上
|
}
|
var aaa = document.getElementById("yanzheng")
|
aaa.value = code
|
checkCode.innerHTML = code;//把code值赋给验证码
|
}
|
//校验验证码
|
function validate() {
|
var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写
|
if (inputCode.length <= 0) { //若输入的验证码长度为0
|
alert("请输入验证码！"); //则弹出请输入验证码
|
}
|
else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时
|
alert("验证码输入错误！@_@"); //则弹出验证码输入错误
|
createCode();//刷新验证码
|
document.getElementById("input").value = "";//清空文本框
|
}
|
else { //输入正确时
|
alert("^-^"); //弹出^-^
|
}
|
}
|
$(document).ready(function () {
|
var title = ""
|
$.ajax({
|
async: false, //同步的
|
type: "POST",
|
url: "/hxzkoa/getSysSetting_list.do",
|
data: {
|
|
},
|
dataType: "json",
|
success: function (data) {
|
title = data[0].title
|
var obj = document.getElementById("headTitle");
|
//console.log("head:",title)
|
obj.innerText = title;
|
document.title = title;
|
},
|
});
|
})
|
function login() {
|
var inputCode = document.getElementById("yanzheng").value.toUpperCase(); //取得输入的验证码并转化为大写
|
if (inputCode.length <= 0) { //若输入的验证码长度为0
|
//console.log('if')
|
swal(
|
'登录失败!',
|
'请输入验证码！',
|
'error'
|
)
|
}
|
else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时
|
//console.log('elseif')
|
swal(
|
'登录失败!',
|
'验证码错误！',
|
'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,
|
},
|
dataType: "json",
|
success: function (data) {
|
//console.log(data)
|
if (data == "1") {
|
window.location.href = "/hxzkoa/show.do"
|
} else {
|
swal(
|
'登录失败!',
|
'用户名和密码错误！',
|
'error'
|
)
|
}
|
},
|
});
|
}
|
|
}
|
window.onkeydown = (e) => {
|
if (e.code == "Enter") {
|
login()
|
return false
|
}
|
}
|
|
// 新增功能
|
$('.login').on('click', login);
|
|
</script>
|
<!-- END GLOBAL MANDATORY SCRIPTS -->
|
|
|
</body>
|
|
</html>
|
