153 lines
7.1 KiB
Plaintext
153 lines
7.1 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head id="Head1" runat="server">
|
||
<title>
|
||
<%=System.Configuration.ConfigurationManager.AppSettings["SYSTitle"]%></title>
|
||
<link href="/Controls/ExtJS/layui-v2.9.2/layui/css/layui.css" rel="stylesheet" type="text/css" />
|
||
<script type="text/javascript" src="/Controls/ExtJS/layui-v2.9.2/layui/layui.js"></script>
|
||
<script src="Style/jquery-1.12.4.min.js"></script>
|
||
<style>
|
||
.divInput{
|
||
background: #F3F9FE;
|
||
border-radius: 8px;
|
||
height:50px;
|
||
Width:300px;
|
||
margin:auto;
|
||
line-height: 50px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.layui-form-checked, .layui-form-checked:hover {
|
||
border-color: #03549D;
|
||
}
|
||
.layui-form-checked[lay-skin=primary] i {
|
||
border-color: #03549D!important;
|
||
background-color: #03549D;
|
||
color: #fff;
|
||
}
|
||
.layui-form-checked i, .layui-form-checked:hover i {
|
||
color: #03549D;
|
||
}
|
||
.layui-form-checkbox[lay-skin=primary]:hover i {
|
||
border-color: #03549D!important;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
//Demo
|
||
var isChecked = ''
|
||
layui.use(['form', 'layer', 'jquery'], function () {
|
||
$ = layui.jquery;
|
||
var layer = layui.layer;
|
||
var form = layui.form;
|
||
//监听多选框点击事件 主要是通过 lay-filter="switchTest" 来监听
|
||
form.on('checkbox(switchTest)', function (data) {
|
||
console.log(data); //打印当前选择的信息
|
||
if (data.elem.checked) { //判断当前多选框是选中还是取消选中
|
||
isChecked = 'true'
|
||
}
|
||
else {
|
||
isChecked = 'false'
|
||
}
|
||
var value = data.value; //获取选中的value值
|
||
console.log(data.value);
|
||
});
|
||
//监听提交
|
||
/*form.on('submit(formDemo)', function (data) {
|
||
layer.msg(JSON.stringify(data.field));
|
||
return false;
|
||
});*/
|
||
});
|
||
$(document).ready(function () {
|
||
initCheckBox();
|
||
})
|
||
//2023-12-15 初始化记住密码
|
||
async function initCheckBox() {
|
||
var check = await getCheck();
|
||
check = $.parseJSON(check);
|
||
if ("true" == check.state) {
|
||
$("#cbRememberPwd").prop('checked', 1);
|
||
$("#TxtUserPwd").val(check.pwd)
|
||
$("#TxtUserName").val(check.user)
|
||
isChecked="true"
|
||
}
|
||
else {
|
||
$("#cbRememberPwd").prop('checked', 0);
|
||
isChecked = "false";
|
||
}
|
||
}
|
||
//2023-12-15 xulu 从客户端获取是否记住密码
|
||
function getCheck() {
|
||
return new Promise(resolve => {
|
||
resolve(window.top.Formium.external.isRememberPwd.show())
|
||
})
|
||
}
|
||
//2023-12-15 xulu 登录按钮点击，将用户名、密码、状态传给客户端保存
|
||
function login_click() {
|
||
window.top.Formium.external.isRememberPwd.remember(isChecked, $("#TxtUserPwd").val(), $("#TxtUserName").val())
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body onload="javascript:form1.TxtUserName.focus();" style="background:url(images/main_bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;" >
|
||
<div class="layui-row">
|
||
<div style="height:298px">
|
||
<image src="images/main_logo.png" style="margin-top:50px;margin-left:50px"></image>
|
||
<h1 style="width:100%;font-size: 43px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;letter-spacing: 15px;margin-top: 92px;" align="center" >智慧综合体检平台</h1>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row" style="position: absolute;left: 80%;top: 55%;transform: translate(-50%,-50%);">
|
||
<div class="layui-col-md4 layui-col-md-offset8" >
|
||
<form id="form1" runat="server" class="layui-form" >
|
||
<div style="background:white;float:right;margin-right: 245px;border-radius: 6px;width:362px;height:350px ">
|
||
<div style="font-size: 24px;font-family: Microsoft YaHei;font-weight: 400;color: #04549D;text-align:center;height: 80px;
|
||
line-height: 80px;">
|
||
登录
|
||
</div>
|
||
<div class="divInput">
|
||
<image src="images/main_user.png" style="margin-left:6px;margin-right:6px"></image>
|
||
<asp:TextBox ID="TxtUserName" runat="server" Height="48px" Width="250px" style="border:0px;background:transparent;font-size:20px"></asp:TextBox>
|
||
</div>
|
||
<div class="divInput">
|
||
<image src="images/main_pwd.png" style="margin-left:6px;margin-right:6px"></image>
|
||
<asp:TextBox ID="TxtUserPwd" runat="server" TextMode="Password" Height="48px" Width="250px" style="border:0px;background:transparent;font-size:20px"></asp:TextBox>
|
||
</div>
|
||
<div style=" height:50px;
|
||
Width:300px;
|
||
margin:auto;
|
||
line-height: 50px;">
|
||
<input type="checkbox" lay-skin="primary" title="记住密码" checked="" id="cbRememberPwd" lay-filter="switchTest" name="rememberPwd">
|
||
</div>
|
||
<div style="
|
||
Width:300px;
|
||
margin:auto;
|
||
line-height: 50px;"
|
||
onclick="login_click()">
|
||
<asp:ImageButton ID="ImageButton1" runat="server" Width="300px" ImageAlign="AbsMiddle" ImageUrl="~/images/main_login_btn.png"
|
||
OnClick="ImageButton1_Click" AlternateText="登录" />
|
||
</div>
|
||
|
||
<table>
|
||
<tr>
|
||
<td height="40px" style="vertical-align:middle;width:40px">
|
||
<asp:CheckBox ID="CheckBox1" runat="server" ForeColor="White" Text="弹出" Visible="false" />
|
||
|
||
<asp:CheckBox ID="cbRememberId" runat="server" ForeColor="White" Text="记住用户名" Checked="True" Visible="false" />
|
||
|
||
<strong><span style="font-size: 12px; color: #ffffff"></span></strong>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-row">
|
||
<div style="text-align:center;color:#fff;font-size:14px;font-weight:bold;position: fixed;bottom: 20px;left: 45%;">
|
||
<p style="font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;letter-spacing: 5px;">技术支持：山东新医路信息科技有限公司</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
</html>
|