tijian_tieying/web/Web/Default.aspx

153 lines
7.1 KiB
Plaintext
Raw Permalink Normal View History

2025-02-20 12:14:39 +08:00
<%@ 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" />
&nbsp;
<asp:CheckBox ID="cbRememberId" runat="server" ForeColor="White" Text="记住用户名" Checked="True" Visible="false" />
&nbsp;
<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>