34 lines
1.5 KiB
HTML
34 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>登录 - 客服后台</title>
|
|
<style>
|
|
body{font-family:sans-serif;background:#f0f2f5;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;}
|
|
.box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.1);width:320px;}
|
|
h2{text-align:center;color:#18479c;margin-bottom:24px;}
|
|
input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;font-size:14px;box-sizing:border-box;}
|
|
button{width:100%;padding:10px;background:#2978e8;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;}
|
|
.err{color:#dc2626;font-size:13px;text-align:center;display:none;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="box">
|
|
<h2>🔒 客服后台登录</h2>
|
|
<input type="text" id="user" placeholder="账号">
|
|
<input type="password" id="pwd" placeholder="密码">
|
|
<p class="err" id="err">账号或密码错误</p>
|
|
<button onclick="login()">登录</button>
|
|
</div>
|
|
<script>
|
|
function login(){
|
|
var u=document.getElementById("user").value;
|
|
var p=document.getElementById("pwd").value;
|
|
fetch("/admin/login",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({username:u,password:p})})
|
|
.then(function(r){if(r.ok){location.href="/admin/dashboard"}else{document.getElementById("err").style.display="block"}});
|
|
}
|
|
document.getElementById("pwd").addEventListener("keydown",function(e){if(e.key==="Enter")login()});
|
|
</script>
|
|
</body>
|
|
</html>
|