first-electron/login.html

92 lines
3.2 KiB
HTML
Raw Normal View History

2020-10-22 10:51:21 +08:00
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>登录</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<link rel="stylesheet" href="src/assets/layui/css/layui.css" />
<link rel="stylesheet" href="src/assets/css/public.css" />
</head>
<body>
<!--<button id="login">登录</button>
<button id="close">X</button>-->
<form id="loginBox">
<ul class="login-c">
<li>
<p><img src="src/assets/images/admin.png"/>用户名</p>
<input datatype="*" type="text" class="layui-input" name="userName" id="userName"/>
</li>
<li>
<p><img src="src/assets/images/password.png"/><span style="display: inline-block;width: 18px"></span></p>
<input datatype="*" type="password" class="layui-input" name="password" id="password"/>
</li>
<!--<li class="login-pw">-->
<!--<input type="checkbox" id="login-pw" class="f-left">-->
<!--<label for="login-pw" class="f-left">&nbsp;记住密码</label>-->
<!--</li>-->
<li class="login-messge"> <!--login-messge opacity:1-->
用户名或者密码错误
</li>
</ul>
<div class="login-btn">
<button class="layui-btn" type="submit" id="login">登录</button>
<a class="layui-btn layui-btn-primary" id="registered">注册</a>
</div>
</form>
</body>
<script src="src/assets/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="src/assets/layui/layui.js" ></script>
<script type="text/javascript" src="src/assets/js/Validform_v5.3.2.js" ></script>
<script>
const {ipcRenderer} = require('electron');
const url = parent.require('electron').remote.require('./url.config').url
$("#userName").val(localStorage.userName)
layui.use(['layer'], function(){
var layer = layui.layer;
});
$(document).keyup(function(event){
if(event.keyCode ==13){
$("#login").trigger("click");
}
});
$("#loginBox").Validform({
tiptype:function(msg,o,cssctl){
if(!o.obj.is("form")){
var infoObj=o.obj;
if(o.type==2 || o.type==4){
infoObj.removeClass("has-error")
}else{
if(infoObj.hasClass("has-error")){return;}
infoObj.addClass("has-error")
}
}
},
ajaxPost:true,
btnSubmit:'#login',
url:url+'client/login',
callback:function(data){
console.info(url+'client/login')
if(data.status==1){
require('electron').remote.getGlobal('account').accountId =data.data.account.accountId
require('electron').remote.getGlobal('account').realName = data.data.applicationHospital
localStorage.userName = $("#userName").val()
ipcRenderer.send('asynchronous-message', 'ping')
}else{
layer.open({
title: '消息'
,content: data.message
});
}
}
});
$("#registered").click(function(){
ipcRenderer.send('asynchronous-zhuce', 'ping')
})
</script>
</html>