312 lines
14 KiB
Plaintext
312 lines
14 KiB
Plaintext
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
|
||
pageEncoding="UTF-8"%>
|
||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||
<title>贵送机具管理系统</title>
|
||
<c:set var="bonuspath" value="${pageContext.request.contextPath}" />
|
||
|
||
<script>
|
||
var bonuspath = '${bonuspath}';
|
||
</script>
|
||
<html>
|
||
<head>
|
||
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
||
<title>Insert title here</title>
|
||
<head>
|
||
|
||
<%
|
||
|
||
String uuid = UUID.randomUUID().toString().replaceAll("-", "");
|
||
request.getSession().setAttribute("randTxt", uuid);
|
||
String sessionId = request.getSession().getId();
|
||
|
||
response.setHeader("SET-COOKIE", "JSESSIONID="+sessionId+";secure;HttpOnly");
|
||
|
||
|
||
%>
|
||
<meta name="viewport"
|
||
content="width=device-width,initial-scale=1.0,user-scalable=no">
|
||
<script src="${bonuspath}/static/js/jquery/jquery-3.6.1.js"></script>
|
||
<!--提示组件end-->
|
||
<script type="text/javascript"
|
||
src="${bonuspath}/static/js/jquery/jquery.tips.js"></script>
|
||
|
||
<link rel="icon" href="${bonuspath}/favicon.ico" type="image/x-icon" />
|
||
<link rel="shortcut icon" href="${bonuspath}/favicon.ico"
|
||
type="image/x-icon" />
|
||
<link rel="bookmark" href="${bonuspath}/favicon.ico" type="image/x-icon" />
|
||
<link rel="stylesheet"
|
||
href="${bonuspath}/static/css/bootstrap/bootstrap1.min.css" />
|
||
<link href="${bonuspath}/static/css/sys/images/iconfont/style.css"
|
||
type="text/css" rel="stylesheet">
|
||
<link rel="stylesheet"
|
||
href="${bonuspath}/static/css/jquery/jquery-ui.css" />
|
||
<link rel="stylesheet" href="${bonuspath}/static/css/sys/login.css" />
|
||
<script src="${bonuspath}/static/js/jquery/jquery-ui.min.js"></script>
|
||
<script src="${bonuspath}/static/js/jquery/jquery.md5.js"></script>
|
||
<link rel="stylesheet" href="${bonuspath}/static/js/layui/css/layui.css" />
|
||
<script src="${bonuspath}/static/js/layui/layui.js"></script>
|
||
<!-- layer弹窗插件-->
|
||
<script src="${bonuspath}/static/plugins/layer/2.1/layer.js"></script>
|
||
<script type="text/javascript" src="${bonuspath}/static/js/sys/login.js"></script>
|
||
<script>
|
||
// 显示用户协议
|
||
function showAgreement() {
|
||
layui.use('layer', function(){
|
||
var layer = layui.layer;
|
||
layer.open({
|
||
type: 1,
|
||
title: '用户协议',
|
||
area: ['800px', '600px'],
|
||
shadeClose: false,
|
||
scrollbar: true,
|
||
content: $('#agreementContent').html(),
|
||
success: function(layero, index){
|
||
console.log('弹窗加载成功');
|
||
},
|
||
error: function(err){
|
||
console.error('弹窗加载失败:', err);
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
|
||
</script>
|
||
|
||
<!-- 用户协议内容模板 -->
|
||
<script type="text/html" id="agreementContent">
|
||
<div style="padding: 20px; height: 500px; overflow-y: auto; background-color: #fff;">
|
||
<h3 style="text-align: center; margin-bottom: 20px; color: #333; font-size: 18px;">用户协议</h3>
|
||
<p style="text-align: right; color: #666; margin-bottom: 20px;">本协议更新时间：【2024】年【12】月【17】日</p>
|
||
|
||
<div style="color: #333; line-height: 1.6;">
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">一、引言</h4>
|
||
<p style="margin-bottom: 10px;">鉴于个人信息和隐私保护的重要性，以及我们对您个人信息和隐私的尊重，我们制定了本《个人信息和隐私保护协议》（以下简称"本协议"）。本协议旨在明确我们对您个人信息和隐私的收集、使用、存储、传输和删除等方面的规定，以确保您的个人信息和隐私得到妥善保护。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">二、协议适用说明</h4>
|
||
<p style="margin-bottom: 10px;">1. 个人信息：指能够单独或与其他信息结合后识别特定自然人身份的信息，包括但不限于姓名、性别、出生日期、身份证号、联系方式、家庭住址等。</p>
|
||
<p style="margin-bottom: 10px;">2. 隐私安全：指个人在特定社会关系中，享有私人生活，不愿公开的个人信息和私人事务。</p>
|
||
<p style="margin-bottom: 10px;">3. 适用范围：本协议适用于我们对您个人信息和隐私的保护，包括我们收集、使用、存储、传输和删除您的个人信息和隐私。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">三、信息收集</h4>
|
||
<p style="margin-bottom: 10px;">1. 合法性原则：我们将遵循合法性原则，仅在您同意或法律允许的情况下收集您的个人信息和隐私。</p>
|
||
<p style="margin-bottom: 10px;">2. 必要性原则：我们将遵循必要性原则，仅收集与实现我们的服务目的直接相关的信息。</p>
|
||
<p style="margin-bottom: 10px;">3. 透明性原则：我们将遵循透明性原则，向您公开我们收集的个人信息和隐私的种类、目的和使用方式。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">四、信息使用</h4>
|
||
<p style="margin-bottom: 10px;">1. 合法使用：我们将仅在法律允许或您同意的情况下使用您的个人信息和隐私。</p>
|
||
<p style="margin-bottom: 10px;">2. 正当使用：我们将遵循正当使用原则，确保使用您的个人信息和隐私是为了实现我们的服务目的，并且不会损害您的合法权益。</p>
|
||
<p style="margin-bottom: 10px;">3. 透明使用：我们将遵循透明使用原则，向您公开我们使用您的个人信息和隐私的具体情况。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">五、信息存储与传输</h4>
|
||
<p style="margin-bottom: 10px;">1. 安全存储：我们将采取必要的技术和组织措施，确保您的个人信息和隐私得到安全存储。</p>
|
||
<p style="margin-bottom: 10px;">2. 加密传输：我们将对您的个人信息和隐私进行加密传输，以确保数据传输过程中的安全性。</p>
|
||
<p style="margin-bottom: 10px;">3. 访问控制：我们将严格控制对您的个人信息和隐私的访问权限，确保只有授权人员才能访问相关信息。</p>
|
||
<p style="margin-bottom: 10px;">4. 定期审计：为您提供安全保障，个人信息处理者应当定期对其处理个人信息遵守法律、行政法规的情况进行合规审计。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">六、信息删除与注销</h4>
|
||
<p style="margin-bottom: 10px;">1. 删除原则：我们将遵循删除原则，确保在达到收集目的后或您要求删除时，及时删除您的个人信息和隐私。</p>
|
||
<p style="margin-bottom: 10px;">2. 注销权利：您有权要求我们注销您的个人信息和隐私，我们将在收到您的请求后尽快处理。</p>
|
||
<p style="margin-bottom: 10px;">3. 在不幸发生个人信息安全事件后，我们将按照法律法规的要求向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">七、违约责任</h4>
|
||
<p style="margin-bottom: 10px;">1. 违反本协议规定的，我们将依法承担相应的法律责任。</p>
|
||
<p style="margin-bottom: 10px;">2. 您违反本协议规定的，我们将有权依法追究您的法律责任。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">八、如何保护你的信息</h4>
|
||
<p style="margin-bottom: 10px;">（一）我们已采取符合业界标准、合理可行的安全防护措施保护您的信息，防止个人信息遭到未经授权访问、公开披露、使用、修改、损坏或丢失。</p>
|
||
<p style="margin-bottom: 10px;">（二）我们有行业先进的以数据为核心，围绕数据生命周期进行的数据安全管理体系，从组织建设、制度设计、人员管理、产品技术等方面多维度提升整个系统的安全性。</p>
|
||
<p style="margin-bottom: 10px;">（三）我们会采取合理可行的措施，尽力避免收集无关的个人信息。</p>
|
||
<p style="margin-bottom: 10px;">（四）互联网并非绝对安全的环境，使用服务时，我们强烈建议通过安全方式、使用复杂密码，协助我们保证您的账号安全。</p>
|
||
<p style="margin-bottom: 10px;">（五）在不幸发生个人信息安全事件后，我们将按照法律法规的要求及时告知您。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">九、我们如何更新本政策</h4>
|
||
<p style="margin-bottom: 10px;">1. 为给您提供更好的服务，本应用的产品与服务将不时更新与变化，我们会适时对本协议进行修订。</p>
|
||
<p style="margin-bottom: 10px;">2. 本协议更新后，我们会在本应用中发出更新版本，并以弹窗的方式提醒您。</p>
|
||
<p style="margin-bottom: 10px;">3. 对于重大变更，我们还会提供更为显著的通知。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">十、我们如何委托处理、共享、转让、公开披露您的个人信息</h4>
|
||
<p style="margin-bottom: 10px;">1. 委托处理：为了向您提供更完善、更优质的产品和服务，我们可能会委托合作方处理您的某些个人信息。</p>
|
||
<p style="margin-bottom: 10px;">2. 共享：在本应用进行用户注册时，您的账号注册信息会在相关政务服务系统间共享。</p>
|
||
|
||
<h4 style="color: #333; font-size: 16px; margin: 15px 0;">十一、其他条款</h4>
|
||
<p style="margin-bottom: 10px;">1. 本协议自双方签字或盖章之日起生效。</p>
|
||
<p style="margin-bottom: 10px;">2. 本协议一式两份，双方各执一份。</p>
|
||
<p style="margin-bottom: 10px;">3. 本协议未尽事宜，由双方另行协商确定。如有任何疑问或需要进一步了解，请随时联系我们。</p>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<style>
|
||
input:-webkit-autofill {
|
||
-webkit-box-shadow: 0 0 0px 1000px #053F68 inset;
|
||
}
|
||
|
||
body {
|
||
color: #fff;
|
||
font-family: "微软雅黑";
|
||
font-size: 14px;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.wrap1 {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
margin: auto
|
||
} /*把整个屏幕真正撑开--而且能自己实现居中*/
|
||
.main_content {
|
||
background: url(images/main_bg.png) repeat;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
text-align: left;
|
||
float: none;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
.form-group {
|
||
position: relative;
|
||
}
|
||
|
||
.login_btn {
|
||
display: block;
|
||
background: #159997;
|
||
color: #fff;
|
||
font-size: 15px;
|
||
width: 100%;
|
||
line-height: 50px;
|
||
border-radius: 3px;
|
||
border: none;
|
||
}
|
||
|
||
.login_input {
|
||
width: 80%;
|
||
border: 1px solid #159997;
|
||
border-radius: 8px;
|
||
outline: none;
|
||
border: 1.5px solid;
|
||
border-color: #098CBA;
|
||
line-height: 45px;
|
||
padding: 2px 5px 2px 30px;
|
||
background: none;
|
||
}
|
||
|
||
.login_input2 {
|
||
width: 80%;
|
||
border: 1px solid #159997;
|
||
border-radius: 8px;
|
||
outline: none;
|
||
line-height: 50px;
|
||
padding: 2px 5px 2px 30px;
|
||
background: none;
|
||
}
|
||
|
||
.login_input1 {
|
||
width: 100%;
|
||
border: 1px solid #159997;
|
||
border-radius: 1px;
|
||
line-height: 0px;
|
||
padding: 1px 1px 1px 3px;
|
||
background: none;
|
||
}
|
||
|
||
.icon_font {
|
||
position: absolute;
|
||
bottom: 15px;
|
||
left: 55px;
|
||
font-size: 18px;
|
||
color: white;
|
||
}
|
||
|
||
.font16 {
|
||
font-size: 46px;
|
||
}
|
||
|
||
.mg-t20 {
|
||
margin-top: 30px;
|
||
}
|
||
|
||
.mg-t25 {
|
||
margin-top: 40px;
|
||
}
|
||
|
||
.mg-t30 {
|
||
margin-top: 5px;
|
||
}
|
||
|
||
@media ( min-width :200px) {
|
||
.pd-xs-20 {
|
||
padding: 0px;
|
||
}
|
||
}
|
||
|
||
@media ( min-width :768px) {
|
||
.pd-sm-50 {
|
||
padding: 0px;
|
||
}
|
||
}
|
||
|
||
#grad {
|
||
background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3);
|
||
/* Safari 5.1 - 6.0 */
|
||
background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3);
|
||
/* Opera 11.1 - 12.0 */
|
||
background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3);
|
||
/* Firefox 3.6 - 15 */
|
||
background: linear-gradient(#4990c1, #52a3d2, #6186a3);
|
||
} /* 标准的语法 */
|
||
</style>
|
||
</head>
|
||
<body class=""
|
||
style="font-family: '微软雅黑'; background-color:#1588BB; background:url(${bonuspath}/static/css/sys/images/login/bg.png); no-repeat; background-size:100% 100%; ">
|
||
|
||
|
||
<div class="container wrap1" style="width: 500px; height: 450px;">
|
||
<div style="height: 80px; background-color: #002636; border-radius: 15px">
|
||
<img src="${bonuspath}/static/img/loginIcon.png">
|
||
</div>
|
||
<div class="mg-t30"
|
||
style="height: 350px; background-color: #053F68; border-radius: 15px;">
|
||
<form action="" method="post" onsubmit="return false">
|
||
<input type="hidden" value="<%=request.getSession().getAttribute("randTxt")%>" name="randSession" >
|
||
<div class="form-group " style="text-align: center;">
|
||
<i class="icon-user icon_font" style="text-align: center;"></i> <input
|
||
class="login_input mg-t25" required="required" type="text"
|
||
style="" value="" id="accountNameId"
|
||
placeholder="请输入用户名" />
|
||
</div>
|
||
<p style="position: absolute; left: 15%; color: red;" id="usererror"></p>
|
||
<div class="form-group " style="text-align: center;">
|
||
<i class="icon-lock icon_font" style="text-align: center;"></i> <input
|
||
class="login_input mg-t20" required="required" type="password"
|
||
id="passwordId" name="pwd"
|
||
placeholder="请输入密码" />
|
||
</div>
|
||
<p style="position: absolute; left: 15%; color: red;"
|
||
id="passworderror"></p>
|
||
<div class="form-group" style="text-align: center; margin-top: 20px;">
|
||
<label style="color: #fff; cursor: pointer; font-size: 15px; display: inline-block;">
|
||
<input type="checkbox" id="agreementCheckbox" style="vertical-align: middle; margin-right: 5px; cursor: pointer;">
|
||
<span style="vertical-align: middle;">我已阅读并同意</span>
|
||
<a href="javascript:void(0)" onclick="showAgreement()" style="color: #098CBA; text-decoration: none; font-weight: bold; vertical-align: middle; transition: all 0.3s ease;">《用户协议》</a>
|
||
</label>
|
||
</div>
|
||
<div class="form-group " style="text-align: center;">
|
||
<!-- <i class="icon-user icon_font" style="text-align: center;"></i> -->
|
||
<input class="login_input2 mg-t20 "
|
||
id="loginBtn" required="required" type="button"
|
||
style="color: white; background-color: #098CBA; text-align: center; font-size: 25px;"
|
||
value="登 录 "
|
||
placeholder="" />
|
||
</div>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|