ChengDa_English/SGGL/FineUIPro.Web/Login.aspx

649 lines
23 KiB
Plaintext
Raw Normal View History

2025-01-08 11:06:24 +08:00
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="Login.aspx.cs"
Inherits="FineUIPro.Web.Login" %>
2022-03-15 17:36:38 +08:00
<!DOCTYPE html>
<html>
2025-01-08 11:06:24 +08:00
<head runat="server">
2022-03-15 17:36:38 +08:00
<title></title>
<link href="~/res/index/css/index.css" rel="stylesheet" />
<link href="~/res/index/css/login.css" rel="stylesheet" />
<link href="~/res/index/css/plugin.css" rel="stylesheet" />
2025-01-08 11:06:24 +08:00
</head>
<body>
2022-03-15 17:36:38 +08:00
<div id="wrapper" class="dec-login bi-absolute-layout dec-login-fresh">
2025-01-08 11:06:24 +08:00
<img
alt=""
class="bi-single bi-img display-block"
src="./images/login.png"
style="
height: 100%;
left: 0px;
top: 0px;
bottom: 0px;
position: absolute;
display: none;
"
/>
<img
alt=""
src="res/index/images/iconlogo.png"
style="
height: auto;
width: 420px;
left: 80px;
top: 65px;
position: absolute;
"
/>
<div
class="bi-flex-center-adapt-layout login-area"
style="
width: 23%;
right: 10%;
top: 0px;
bottom: 0px;
position: absolute;
"
>
<!-- <div class="bi-absolute-layout edit-area" height: 440px;-->
<div
class="bi-absolute-layout"
style="
width: 100%;
height: 420px;
position: relative;
flex-shrink: 0;
margin: 0px;
"
>
<div
class="bi-horizon-auto-layout"
style="
height: 100px;
left: 0px;
right: 0px;
top: 40px;
position: absolute;
"
>
<div
class="bi-flex-center-adapt-layout"
style="position: relative; margin: 0px auto"
>
<%--
<img
class="bi-single bi-img display-block"
src="res/index/images/logo.png"
style="
width: auto;
height: 50px;
position: relative;
flex-shrink: 0;
margin: 0px 10px;
"
/>--%>
</div>
<div
class="bi-single bi-label dec-login-visual-title bi-text"
style="
height: 30px;
line-height: 30px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
margin: 5px auto 0px 5px;
font-family: 'Microsoft YaHei';
font-size: 26px;
letter-spacing: 2px;
font-weight: 600;
"
>
数字化施工管理信息平台
</div>
</div>
<div
class="dec-login-index bi-tab bi-v-tape-layout edit-area"
style="
left: 0px;
right: 0px;
top: 90px;
bottom: 0px;
position: absolute;
"
>
<div
class="bi-card-layout"
style="
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
"
>
<div
class="dec-login-login bi-absolute-layout"
style="
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
"
>
<div class="bg-login">
<img
class="bi-single bi-img display-block"
src="res/index/images/loginBg.jpg"
style="
width: auto;
height: 335px;
width: 355px;
position: absolute;
flex-shrink: 0;
margin: 0px;
border-radius: 10px;
box-shadow: 0px 20px 20px #1b1b2a;
"
/>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
<div
class="bi-vertical-layout"
style="
overflow: hidden auto;
left: 40px;
right: 40px;
top: 0px;
bottom: 0px;
position: absolute;
"
>
<div
class="bi-vertical-layout"
style="
overflow: hidden auto;
position: relative;
margin-top: 50px;
border-color: #fff;
"
>
<div
class="dec-login-item bi-vertical-layout"
style="
overflow: hidden auto;
position: relative;
margin-bottom: 10px;
"
>
<div
class="bi-h-tape-layout"
style="height: 36px; position: relative"
>
<div
class="bi-flex-vertical-center-adapt-layout item-icon login-username-font bi-flex-horizontal-layout v-middle h-left"
style="
width: 26px;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
"
>
<div
class="bi-flex-center-adapt-layout"
style="position: relative; flex-shrink: 0"
>
<i
class="bi-single x-icon b-font horizon-center display-block"
style="
position: relative;
flex-shrink: 0;
margin: 0px;
"
></i>
</div>
</div>
<div
class="bi-absolute-layout"
style="
position: absolute;
top: 0px;
bottom: 0px;
left: 30px;
right: 0px;
"
>
<input
type="text"
id="user"
placeholder="用户名"
class="bi-single bi-input display-block overflow-dot"
autocomplete="off"
style="
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
position: absolute;
font-size: 16px;
"
/>
</div>
</div>
<div
class="bi-single bi-label bi-border-top bi-text"
style="
height: 24px;
line-height: 24px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
"
></div>
<div
class="bi-single bi-label bi-border-top error bi-text"
style="
height: 24px;
display: none;
line-height: 24px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
"
></div>
</div>
<div
class="dec-login-item bi-vertical-layout"
style="
display: none;
overflow: hidden auto;
position: relative;
margin-bottom: 10px;
"
></div>
</div>
<div
class="bi-vertical-layout"
style="overflow: hidden auto; position: relative"
>
<div
class="dec-login-item bi-vertical-layout"
style="
overflow: hidden auto;
position: relative;
margin-bottom: 10px;
"
>
<div
class="bi-h-tape-layout"
style="height: 36px; position: relative"
>
<div
class="bi-flex-vertical-center-adapt-layout item-icon login-password-font bi-flex-horizontal-layout v-middle h-left"
style="
width: 26px;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
"
>
<div
class="bi-flex-center-adapt-layout"
style="position: relative; flex-shrink: 0"
>
<i
class="bi-single x-icon b-font horizon-center display-block"
style="
position: relative;
flex-shrink: 0;
margin: 0px;
"
></i>
</div>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
<div
class="bi-absolute-layout"
style="
position: absolute;
top: 0px;
bottom: 0px;
left: 30px;
right: 0px;
"
>
<input
id="pwd"
autocomplete="off"
type="password"
placeholder="密码"
class="bi-single bi-input display-block overflow-dot"
style="
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
position: absolute;
font-size: 16px;
"
/>
</div>
</div>
<div
class="bi-single bi-label bi-border-top bi-text"
style="
height: 24px;
line-height: 24px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
"
></div>
<div
class="bi-single bi-label bi-border-top error bi-text"
style="
height: 24px;
display: none;
line-height: 24px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
"
></div>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
<div
class="dec-login-item bi-vertical-layout"
style="
display: none;
overflow: hidden auto;
position: relative;
margin-bottom: 10px;
"
></div>
</div>
<div
class="bi-horizon-auto-layout"
style="position: relative"
>
<div
class="dec-login-slider bi-absolute-layout"
style="
display: none;
width: 190px;
height: 26px;
position: relative;
margin: 0px auto;
"
></div>
</div>
<div
class="bi-single bi-label login-error bi-text"
style="
height: 20px;
display: none;
line-height: 20px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
"
></div>
<div
class="bi-left-right-vertical-adapt-layout bi-float-left-layout clearfix bi-float-right-layout"
style="position: relative; margin-bottom: 30px"
>
<div
id="activewrap"
class="bi-flex-vertical-center-adapt-layout bi-flex-horizontal-layout v-middle h-left active"
style="height: 100%; position: relative; float: left"
>
<div
class="bi-single bi-basic-button cursor-pointer bi-multi-select-item bi-flex-vertical-center-adapt-layout bi-flex-horizontal-layout v-middle h-left"
style="
height: 16px;
position: relative;
flex-shrink: 0;
margin-left: -5px;
"
>
<div
class="bi-flex-center-adapt-layout"
style="
width: 26px;
position: relative;
flex-shrink: 0;
"
>
<div
id="active"
class="bi-single bi-basic-button cursor-pointer bi-checkbox bi-flex-center-adapt-layout active"
style="
width: 16px;
height: 16px;
position: relative;
flex-shrink: 0;
margin: 0px;
"
>
<div
class="checkbox-content"
style="
width: 14px;
height: 14px;
position: relative;
flex-shrink: 0;
margin: 0px;
color: #fff;
"
></div>
</div>
</div>
<div
class="bi-single bi-label list-item-text bi-text"
style="
height: 16px;
line-height: 16px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
flex-shrink: 0;
"
>
一周内自动登录
</div>
</div>
</div>
<!-- 添加语言切换下拉框 -->
<div
class="bi-horizon-auto-layout"
style="position: relative; margin-bottom: 10px"
>
<select
id="languageSelect"
class="bi-single bi-input display-block overflow-dot"
style="
height: 30px;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
position: relative;
font-size: 16px;
margin: 8px;
"
>
<option value="zh-CN" style="color: aliceblue">
中文
</option>
<option value="en-US" style="color: aliceblue">
English
</option>
</select>
</div>
<div
class="bi-flex-vertical-center-adapt-layout bi-flex-horizontal-layout v-middle h-left"
style="height: 100%; position: relative; float: right"
>
<%--
<div
class="bi-single bi-basic-button cursor-pointer bi-button button-common bi-label bi-flex-center-adapt-layout clear"
style="
height: 16px;
line-height: 16px;
position: relative;
flex-shrink: 0;
color: #fff;
"
>
忘记密码?
</div>
--%>
</div>
</div>
<div
class="bi-horizon-auto-layout"
style="position: relative"
>
<div
class="bi-single bi-basic-button cursor-pointer bi-button login-button button-common bi-label bi-flex-center-adapt-layout"
style="
width: 190px;
height: 40px;
line-height: 38px;
min-width: 80px;
position: relative;
margin: 0px auto;
box-shadow: 0px 10px 20px #2d2353;
"
>
<div
id="login"
class="bi-single bi-text"
style="
padding-left: 10px;
padding-right: 10px;
max-width: 100%;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
flex-shrink: 0;
margin: 0px;
font-weight: bold;
"
>
登 录
</div>
</div>
</div>
<div
id="error"
class="bi-vertical-layout login-error"
style="display: none; position: relative; margin-top: 20px"
></div>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
</div>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
</div>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
</div>
2022-03-15 17:36:38 +08:00
</div>
2025-01-08 11:06:24 +08:00
</body>
<script
type="text/javascript"
src="res/index/js/jquery-3.4.1.min.js"
></script>
<script type="text/javascript">
var $activeWrap = document.getElementById("activewrap");
var $active = document.getElementById("active");
2022-03-15 17:36:38 +08:00
$activeWrap.onclick = function () {
2025-01-08 11:06:24 +08:00
if ($activeWrap.className.indexOf("active") !== -1) {
$activeWrap.classList.remove("active");
$active.classList.remove("active");
} else {
$activeWrap.classList.add("active");
$active.classList.add("active");
}
};
</script>
<script type="text/javascript">
2022-03-15 17:36:38 +08:00
$(document).ready(function () {
2025-01-08 11:06:24 +08:00
var user = getCookie("u") || "";
var pwd = getCookie("p") || "";
$("#user").val(user);
$("#pwd").val(pwd);
var currentLanguage = getCookie("language") || "zh-CN";
setLanguage(currentLanguage);
}); // 为下拉框添加事件监听器
$("#languageSelect").change(function () {
currentLanguage = $(this).val();
setLanguage(currentLanguage);
setCookie("language", currentLanguage);
// 刷新页面以应用新的语言设置
location.reload();
});
// 设置页面语言
function setLanguage(language) {
// 这里可以添加逻辑来动态更新页面文本
// 但由于ASP.NET的资源绑定是在服务器端完成的刷新页面是必要的
}
2022-03-15 17:36:38 +08:00
$("#login").click(function () {
2025-01-08 11:06:24 +08:00
login();
});
2022-03-15 17:36:38 +08:00
function login() {
2025-01-08 11:06:24 +08:00
var user = $("#user").val();
var pwd = $("#pwd").val();
$.ajax({
url: "Login.aspx/LoginPost",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({
user: user,
pwd: pwd,
}),
success: function (data) {
if (data.d == "" || data.d == undefined) {
alert("账号密码不正确!");
} else {
var $activeWrap = document.getElementById("activewrap");
if ($activeWrap.className.indexOf("active") !== -1) {
setCookie("u", user);
setCookie("p", pwd);
} else {
setCookie("u", "");
setCookie("p", "");
2022-03-15 17:36:38 +08:00
}
2025-01-08 11:06:24 +08:00
top.window.location.href = data.d;
}
},
});
2022-03-15 17:36:38 +08:00
}
function setCookie(name, value) {
2025-01-08 11:06:24 +08:00
var Days = 7;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie =
name + "=" + escape(value) + ";expires=" + exp.toGMTString();
2022-03-15 17:36:38 +08:00
}
function getCookie(name) {
2025-01-08 11:06:24 +08:00
var arr,
reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if ((arr = document.cookie.match(reg))) return unescape(arr[2]);
else return null;
2022-03-15 17:36:38 +08:00
}
2025-01-08 11:06:24 +08:00
</script>
2022-03-15 17:36:38 +08:00
</html>