22 lines
1.7 KiB
PHP
22 lines
1.7 KiB
PHP
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>员工登录</title><script src="https://cdn.tailwindcss.com"></script>
|
|
<style>body{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;font-family:system-ui}</style>
|
|
</head>
|
|
<body class="flex items-center justify-center min-h-screen p-4">
|
|
<div class="w-full max-w-sm bg-white/10 backdrop-blur rounded-2xl p-8 border border-white/10">
|
|
<h1 class="text-center text-xl font-bold text-white mb-6">👷 员工登录</h1>
|
|
<form onsubmit="return doLogin(event)">
|
|
<div class="space-y-4">
|
|
<input type="text" id="user" placeholder="用户名" required class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-white/30 focus:border-blue-400 focus:outline-none">
|
|
<input type="password" id="pass" placeholder="密码" required class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-white/30 focus:border-blue-400 focus:outline-none">
|
|
<button type="submit" class="w-full py-3 bg-blue-600 text-white font-bold rounded-lg hover:bg-blue-700">登录</button>
|
|
</div>
|
|
</form>
|
|
<div id="msg" class="mt-3 text-center text-sm text-red-400 hidden"></div>
|
|
</div>
|
|
<script>
|
|
async function doLogin(e){e.preventDefault();
|
|
const r=await fetch('/employee/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({username:document.getElementById('user').value,password:document.getElementById('pass').value})});
|
|
const d=await r.json();if(d.success)window.location.href=d.redirect;else{const m=document.getElementById('msg');m.textContent=d.message;m.classList.remove('hidden');}return false;}
|
|
</script></body></html>
|