cfae122685
Author: Yang Lu School: Liaoning Institute of Science and Technology Major: Computer Science and Technology Class: BZ246 Tech Stack: - Backend: Spring Boot 2.7.18 + JPA + MySQL - Frontend: HTML5 + CSS3 + JavaScript Features: - User Management (Admin/Staff/Customer roles) - Vehicle Archive Management - Service Order Management - Parts Inventory Management - Online Appointment Service - Data Statistics and Analysis Generated with Claude Code Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>车管家4S店车辆维保管理系统 - 登录</title>
|
|
<link rel="stylesheet" href="css/common.css">
|
|
<link rel="stylesheet" href="css/login.css">
|
|
</head>
|
|
<body>
|
|
<div class="login-container">
|
|
<div class="login-box">
|
|
<div class="login-header">
|
|
<h1>车管家4S店车辆维保管理系统</h1>
|
|
<p>Car Maintenance Management System</p>
|
|
</div>
|
|
|
|
<div class="login-form">
|
|
<div class="form-group">
|
|
<label for="username">用户名</label>
|
|
<input type="text" id="username" name="username" placeholder="请输入用户名" autocomplete="off">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">密码</label>
|
|
<input type="password" id="password" name="password" placeholder="请输入密码">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="role">登录角色</label>
|
|
<select id="role" name="role">
|
|
<option value="admin">管理员</option>
|
|
<option value="staff">工作人员</option>
|
|
<option value="customer">客户</option>
|
|
</select>
|
|
</div>
|
|
|
|
<button class="btn-login" onclick="handleLogin()">登录</button>
|
|
|
|
<div class="login-footer">
|
|
<a href="#" onclick="alert('请联系管理员重置密码')">忘记密码?</a>
|
|
<a href="#" onclick="alert('客户可自助注册，工作人员请联系管理员')">注册账号</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="demo-accounts">
|
|
<p>演示账号:</p>
|
|
<ul>
|
|
<li>管理员: admin / 123456</li>
|
|
<li>工作人员: staff001 / 123456</li>
|
|
<li>客户: customer001 / 123456</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/config.js"></script>
|
|
<script src="js/api.js"></script>
|
|
<script src="js/login.js"></script>
|
|
</body>
|
|
</html>
|