344 lines
13 KiB
Plaintext
344 lines
13 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="Login.aspx.cs" Inherits="FineUIPro.Web.Login" %>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head runat="server">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="initial-scale=scale,maximum-scale=scale,minimum-scale=scale,user-scalable=no" />
|
|
<title>QHSE管理数字化平台V2.0</title>
|
|
<link rel="stylesheet" href="~/res/indexv2/assets/iconfont/iconfont.css" />
|
|
<link rel="stylesheet" href="~/res/indexv2/assets/css/index.css" />
|
|
</head>
|
|
<style>
|
|
.logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content{
|
|
background-color: #ffffff;
|
|
}
|
|
.logo-wrap .logo-main .right-content .login-main .login-help{
|
|
justify-content: flex-start;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="logo-wrap">
|
|
<%--<div class="logo-top">
|
|
<img src="./res/indexv2/assets/image/logo.png" alt="logo" />
|
|
</div>--%>
|
|
<div class="logo-main dis-flex" style="background-color: rgba(255,255,255,0.22);color:#ffffff;" >
|
|
<div class="left-content">
|
|
<img src="./res/indexv2/assets/image/bj2.jpg" alt="bg" />
|
|
</div>
|
|
<div class="right-content" >
|
|
<div class="logo">
|
|
<div class="logo-txt" style="font-size:20px; font-weight:700;text-align: center;">工程有限公司管理数字化平台</div>
|
|
</div>
|
|
<div id="div_login_form" class="login-main">
|
|
<div class="login-layout">
|
|
<div class="icon"><img src="./res/indexv2/assets/image/user.png" alt="" /></div>
|
|
<input id="user" class="input-text" type="text" placeholder="请输入账号" />
|
|
</div>
|
|
<div class="login-layout login-layout-two">
|
|
<div class="icon"><img src="./res/indexv2/assets/image/pwd.png" alt="" /></div>
|
|
<input id="pwd" class="input-text" type="password" placeholder="请输入密码" />
|
|
</div>
|
|
<div class="login-help login-layout login-layout-two">
|
|
<div id="rb_gs" class="login-help-left">
|
|
<div class="checkbox">
|
|
<div class="basic-check">
|
|
<div id="gs" class="checkbox-content"></div>
|
|
</div>
|
|
</div>
|
|
<span>公司/分公司</span>
|
|
</div>
|
|
|
|
<div id="rb_sg" class="login-help-left" style="margin-left: 60px;">
|
|
<div class="checkbox">
|
|
<div class="basic-check">
|
|
<div id="sg" class="checkbox-content"></div>
|
|
</div>
|
|
</div>
|
|
<span>工程</span>
|
|
</div>
|
|
|
|
<%-- <div id="rb_sy" class="login-help-left">
|
|
<div class="checkbox">
|
|
<div class="basic-check">
|
|
<div id="sy" class="checkbox-content"></div>
|
|
</div>
|
|
</div>
|
|
<span>实业</span>
|
|
</div>--%>
|
|
</div>
|
|
<div class="login-help">
|
|
<div id="login-help-left" class="login-help-left">
|
|
<div class="checkbox">
|
|
<div class="basic-check">
|
|
<div id="active" class="checkbox-content"></div>
|
|
</div>
|
|
</div>
|
|
<span>一周内自动登录</span>
|
|
</div>
|
|
<div id="login-help-right" style="margin-left: 60px;"><a class="forget" href="#" style="color: #ffffff">忘记密码？</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="div_reset_form" class="login-main" style="display:none" >
|
|
<div class="login-layout">
|
|
<div class="icon"><img src="./res/indexv2/assets/image/user.png" alt="" /></div>
|
|
<input id="accout" class="input-text" type="text" placeholder="请输入账号" />
|
|
</div>
|
|
<div class="login-layout login-layout-two">
|
|
<div class="icon"><img src="./res/indexv2/assets/image/user.png" alt="" /></div>
|
|
<input id="name" class="input-text" type="text" placeholder="请输入姓名" />
|
|
</div>
|
|
|
|
<div class="login-layout login-layout-two">
|
|
<div class="icon"><img src="./res/indexv2/assets/image/user.png" alt="" /></div>
|
|
<input id="idcard" class="input-text" type="text" placeholder="请输入身份证号" />
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="login-btn" id="login" >登录</div>
|
|
<div class="login-btn" id="reset" style="display:none">重置密码</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<script type="text/javascript" src="res/indexv2/assets/js/jquery-2.1.1.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
var $activeWrap = document.getElementById('login-help-left');
|
|
var $active = document.getElementById('active');
|
|
$activeWrap.onclick = function () {
|
|
if ($activeWrap.className.indexOf('active') !== -1) {
|
|
$activeWrap.classList.remove("active");
|
|
$active.classList.remove("active");
|
|
} else {
|
|
$activeWrap.classList.add("active");
|
|
$active.classList.add("active");
|
|
}
|
|
}
|
|
|
|
|
|
var $gs = document.getElementById('gs');
|
|
var $sg = document.getElementById('sg');
|
|
var $sy = document.getElementById('sy');
|
|
var $rb_gs = document.getElementById('rb_gs');
|
|
var $rb_sg = document.getElementById('rb_sg');
|
|
//var $rb_sy = document.getElementById('rb_sy');
|
|
|
|
$rb_gs.onclick = function () {
|
|
if ($rb_gs.className.indexOf('active') !== -1) {
|
|
$rb_gs.classList.remove("active");
|
|
$rb_sg.classList.remove("active");
|
|
//$rb_sy.classList.remove("active");
|
|
$gs.classList.remove("active");
|
|
$sg.classList.remove("active");
|
|
$sy.classList.remove("active");
|
|
} else {
|
|
$rb_gs.classList.add("active");
|
|
$rb_sg.classList.remove("active");
|
|
//$rb_sy.classList.remove("active");
|
|
$gs.classList.add("active");
|
|
$sg.classList.remove("active");
|
|
$sy.classList.remove("active");
|
|
}
|
|
}
|
|
|
|
$rb_sg.onclick = function () {
|
|
if ($rb_sg.className.indexOf('active') !== -1) {
|
|
$rb_gs.classList.remove("active");
|
|
$rb_sg.classList.remove("active");
|
|
//$rb_sy.classList.remove("active");
|
|
$gs.classList.remove("active");
|
|
$sg.classList.remove("active");
|
|
$sy.classList.remove("active");
|
|
} else {
|
|
$rb_gs.classList.remove("active");
|
|
$rb_sg.classList.add("active");
|
|
//$rb_sy.classList.remove("active");
|
|
$gs.classList.remove("active");
|
|
$sg.classList.add("active");
|
|
$sy.classList.remove("active");
|
|
}
|
|
}
|
|
|
|
//$rb_sy.onclick = function () {
|
|
// if ($rb_sy.className.indexOf('active') !== -1) {
|
|
// $rb_gs.classList.remove("active");
|
|
// $rb_sg.classList.remove("active");
|
|
// $rb_sy.classList.remove("active");
|
|
// $gs.classList.remove("active");
|
|
// $sg.classList.remove("active");
|
|
// $sy.classList.remove("active");
|
|
// } else {
|
|
// $rb_gs.classList.remove("active");
|
|
// $rb_sg.classList.remove("active");
|
|
// $rb_sy.classList.add("active");
|
|
// $gs.classList.remove("active");
|
|
// $sg.classList.remove("active");
|
|
// $sy.classList.add("active");
|
|
// }
|
|
//}
|
|
})
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
var user = getCookie("u") || "";
|
|
var pwd = getCookie("p") || "";
|
|
var rbSys = getCookie("rbSys") || "";
|
|
|
|
if (rbSys === '公司/分公司') {
|
|
var $gs = document.getElementById('gs');
|
|
var $rb_gs = document.getElementById('rb_gs');
|
|
$rb_gs.classList.add("active");
|
|
$gs.classList.add("active");
|
|
} else if (rbSys === '工程') {
|
|
var $sg = document.getElementById('sg');
|
|
var $rb_sg = document.getElementById('rb_sg');
|
|
$rb_sg.classList.add("active");
|
|
$sg.classList.add("active");
|
|
} else if (rbSys === '实业') {
|
|
var $sy = document.getElementById('sy');
|
|
var $rb_sy = document.getElementById('rb_sy');
|
|
$rb_sy.classList.add("active");
|
|
$sy.classList.add("active");
|
|
} else {
|
|
var $sg = document.getElementById('sg');
|
|
var $rb_sg = document.getElementById('rb_sg');
|
|
$rb_sg.classList.add("active");
|
|
$sg.classList.add("active");
|
|
}
|
|
|
|
$("#user").val(user)
|
|
$("#pwd").val(pwd)
|
|
})
|
|
$("#login").click(function () {
|
|
login()
|
|
})
|
|
|
|
|
|
|
|
function login() {
|
|
var user = $("#user").val()
|
|
var pwd = $("#pwd").val()
|
|
var $gs = document.getElementById('gs');
|
|
var $sg = document.getElementById('sg');
|
|
var $sy = document.getElementById('sy');
|
|
var rbSys = '施工';
|
|
if ($gs.className.indexOf('active') !== -1) {
|
|
rbSys = '公司/分公司';
|
|
} else if ($sg.className.indexOf('active') !== -1) {
|
|
rbSys = '施工';
|
|
} else if ($sy.className.indexOf('active') !== -1) {
|
|
rbSys = '实业';
|
|
} else {
|
|
alert('请选择要登录的系统')
|
|
return
|
|
}
|
|
setCookie("rbSys", rbSys);
|
|
$.ajax({
|
|
url: "Login.aspx/LoginPost",
|
|
type: "POST",
|
|
contentType: "application/json; charset=utf-8",
|
|
dataType: "json",
|
|
data: JSON.stringify({
|
|
user: user,
|
|
pwd: pwd,
|
|
rbSys: rbSys
|
|
}),
|
|
success: function (data) {
|
|
if (data.d == '' || data.d == undefined || data.d.indexOf('index')<0) {
|
|
alert(data.d);
|
|
} else {
|
|
|
|
var $activeWrap = document.getElementById('login-help-left')
|
|
if ($activeWrap.className.indexOf('active') !== -1) {
|
|
setCookie("u", user);
|
|
setCookie("p", pwd);
|
|
|
|
} else {
|
|
setCookie("u", '');
|
|
setCookie("p", '');
|
|
}
|
|
top.window.location.href = data.d;
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
$("#login-help-right").click(
|
|
function () {
|
|
$("#div_login_form").hide()
|
|
$("#div_reset_form").show()
|
|
$("#login").hide()
|
|
$("#reset").show()
|
|
|
|
}
|
|
)
|
|
|
|
$("#reset").click(function () {
|
|
reset()
|
|
})
|
|
function reset() {
|
|
var accout = $("#accout").val()
|
|
var name = $("#name").val()
|
|
var idcard = $("#idcard").val()
|
|
|
|
if (accout==="")
|
|
{
|
|
alert('请输入账号')
|
|
return
|
|
}
|
|
if (name === "") {
|
|
alert('请输入姓名')
|
|
return
|
|
}
|
|
if (idcard === "") {
|
|
alert('请输入身份证号')
|
|
return
|
|
}
|
|
$.ajax({
|
|
url: "Login.aspx/ResetPost",
|
|
type: "POST",
|
|
contentType: "application/json; charset=utf-8",
|
|
dataType: "json",
|
|
data: JSON.stringify({
|
|
accout: accout,
|
|
name: name,
|
|
idcard: idcard
|
|
}),
|
|
success: function (data) {
|
|
if (data.d == '' || data.d == undefined || data.d.indexOf('重置成功') < 0) {
|
|
alert(data.d);
|
|
} else {
|
|
$("#div_login_form").show()
|
|
$("#div_reset_form").hide()
|
|
$("#login").show()
|
|
$("#reset").hide()
|
|
alert(data.d);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
function setCookie(name, value) {
|
|
var Days = 7;
|
|
var exp = new Date();
|
|
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
|
|
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
|
|
}
|
|
function getCookie(name) {
|
|
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
|
if (arr = document.cookie.match(reg))
|
|
return unescape(arr[2]);
|
|
else
|
|
return null;
|
|
}
|
|
</script>
|
|
</html>
|