上传完整架构
This commit is contained in:
3
HRS/WebContent/META-INF/MANIFEST.MF
Normal file
3
HRS/WebContent/META-INF/MANIFEST.MF
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
Manifest-Version: 1.0
|
||||||
|
Class-Path:
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/CollectionDao.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/CollectionDao.class
Normal file
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/HouseDao.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/HouseDao.class
Normal file
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/OrderDao.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/OrderDao.class
Normal file
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/ReservationDao.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/ReservationDao.class
Normal file
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/UserDao.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/dao/UserDao.class
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/filter/LoginFilter.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/filter/LoginFilter.class
Normal file
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/model/entity/House.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/model/entity/House.class
Normal file
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/model/entity/Order.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/model/entity/Order.class
Normal file
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/model/entity/User.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/model/entity/User.class
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/service/UserService.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/service/UserService.class
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/util/DBUtil.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/util/DBUtil.class
Normal file
Binary file not shown.
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/util/MD5Util.class
Normal file
BIN
HRS/WebContent/WEB-INF/classes/com/hrs/util/MD5Util.class
Normal file
Binary file not shown.
BIN
HRS/WebContent/WEB-INF/lib/mysql-connector-java-5.1.49.jar
Normal file
BIN
HRS/WebContent/WEB-INF/lib/mysql-connector-java-5.1.49.jar
Normal file
Binary file not shown.
29
HRS/WebContent/WEB-INF/web.xml
Normal file
29
HRS/WebContent/WEB-INF/web.xml
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
|
||||||
|
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||||
|
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
|
||||||
|
http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
|
||||||
|
version="4.0">
|
||||||
|
|
||||||
|
<display-name>HRS</display-name>
|
||||||
|
|
||||||
|
<!-- 欢迎页面 -->
|
||||||
|
<welcome-file-list>
|
||||||
|
<welcome-file>index.jsp</welcome-file>
|
||||||
|
</welcome-file-list>
|
||||||
|
|
||||||
|
<!-- 字符编码过滤器 -->
|
||||||
|
<filter>
|
||||||
|
<filter-name>encodingFilter</filter-name>
|
||||||
|
<filter-class>com.hrs.filter.EncodingFilter</filter-class>
|
||||||
|
<init-param>
|
||||||
|
<param-name>encoding</param-name>
|
||||||
|
<param-value>UTF-8</param-value>
|
||||||
|
</init-param>
|
||||||
|
</filter>
|
||||||
|
<filter-mapping>
|
||||||
|
<filter-name>encodingFilter</filter-name>
|
||||||
|
<url-pattern>/*</url-pattern>
|
||||||
|
</filter-mapping>
|
||||||
|
|
||||||
|
</web-app>
|
||||||
5
HRS/WebContent/index.jsp
Normal file
5
HRS/WebContent/index.jsp
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
|
||||||
|
<%
|
||||||
|
// 重定向到登录页面
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
%>
|
||||||
502
HRS/WebContent/jsp/admin/house_list.jsp
Normal file
502
HRS/WebContent/jsp/admin/house_list.jsp
Normal file
@@ -0,0 +1,502 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, java.text.SimpleDateFormat, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"2".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<House> pendingList = (List<House>) request.getAttribute("pendingList");
|
||||||
|
List<House> publishedList = (List<House>) request.getAttribute("publishedList");
|
||||||
|
List<House> offlineList = (List<House>) request.getAttribute("offlineList");
|
||||||
|
Integer pendingCount = (Integer) request.getAttribute("pendingCount");
|
||||||
|
Integer publishedCount = (Integer) request.getAttribute("publishedCount");
|
||||||
|
Integer offlineCount = (Integer) request.getAttribute("offlineCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>房源审核 - 管理员后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #1976D2;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
background-color: white;
|
||||||
|
padding: 15px 25px;
|
||||||
|
border-radius: 8px;
|
||||||
|
flex: 1;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-number {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-label {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-pending .stat-number { color: #f39c12; }
|
||||||
|
.stat-published .stat-number { color: #4CAF50; }
|
||||||
|
.stat-offline .stat-number { color: #f44336; }
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-section {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
padding: 15px 20px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
border-bottom: 2px solid #2196F3;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 12px 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #fafafa;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-published {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-offline {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 4px 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-approve {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-reject {
|
||||||
|
background-color: #f44336;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-offline {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-online {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-view {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-approve:hover { background-color: #45a049; }
|
||||||
|
.btn-reject:hover { background-color: #d32f2f; }
|
||||||
|
.btn-offline:hover { background-color: #fb8c00; }
|
||||||
|
.btn-online:hover { background-color: #1976D2; }
|
||||||
|
.btn-view:hover { background-color: #777; }
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 40px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">👑 管理员后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/jsp/admin/index.jsp" >首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/list">用户管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/list" class="active">房源审核</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/list">首页</a> >
|
||||||
|
<span>房源审核</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<!-- 统计卡片 -->
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-card stat-pending">
|
||||||
|
<div class="stat-number"><%= pendingCount %></div>
|
||||||
|
<div class="stat-label">待审核房源</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card stat-published">
|
||||||
|
<div class="stat-number"><%= publishedCount %></div>
|
||||||
|
<div class="stat-label">已上架房源</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card stat-offline">
|
||||||
|
<div class="stat-number"><%= offlineCount %></div>
|
||||||
|
<div class="stat-label">已下架/违规房源</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 待审核房源 -->
|
||||||
|
<div class="house-section">
|
||||||
|
<div class="section-title">
|
||||||
|
⏳ 待审核房源
|
||||||
|
<span style="font-size:14px; color:#999; margin-left:10px;">共 <%= pendingCount %> 条</span>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>房源图片</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>房东信息</th>
|
||||||
|
<th>租金</th>
|
||||||
|
<th>发布时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
if (pendingList != null && !pendingList.isEmpty()) {
|
||||||
|
for (House house : pendingList) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80px;">
|
||||||
|
<div style="width:70px; height:50px; background-color:#e0e0e0; background-size:cover; background-position:center; border-radius:4px;
|
||||||
|
<% if (house.getFirstImage() != null) { %>background-image:url('/HRS/<%= house.getFirstImage() %>');<% } %>">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;">无图</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house.getTitle() %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %> | <%= house.getHouseType() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= house.getLandlordName() != null ? house.getLandlordName() : "未知" %><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getLandlordPhone() != null ? house.getLandlordPhone() : "" %></span>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= house.getRentPrice() %>/月</td>
|
||||||
|
<td><%= sdf.format(house.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/audit?id=<%= house.getId() %>&action=approve"
|
||||||
|
class="btn btn-approve" onclick="return confirm('确定通过审核吗？房源将立即上架。')">通过</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/audit?id=<%= house.getId() %>&action=reject"
|
||||||
|
class="btn btn-reject" onclick="return confirm('确定拒绝该房源吗？')">拒绝</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>"
|
||||||
|
class="btn btn-view" target="_blank">预览</a>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<tr><td colspan="6" class="empty-state">暂无待审核房源</td></tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 已上架房源 -->
|
||||||
|
<div class="house-section">
|
||||||
|
<div class="section-title">
|
||||||
|
✅ 已上架房源
|
||||||
|
<span style="font-size:14px; color:#999; margin-left:10px;">共 <%= publishedCount %> 条</span>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>房源图片</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>房东信息</th>
|
||||||
|
<th>租金</th>
|
||||||
|
<th>上架时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
if (publishedList != null && !publishedList.isEmpty()) {
|
||||||
|
for (House house : publishedList) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80px;">
|
||||||
|
<div style="width:70px; height:50px; background-color:#e0e0e0; background-size:cover; background-position:center; border-radius:4px;
|
||||||
|
<% if (house.getFirstImage() != null) { %>background-image:url('/HRS/<%= house.getFirstImage() %>');<% } %>">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;">无图</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house.getTitle() %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %> | <%= house.getHouseType() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= house.getLandlordName() != null ? house.getLandlordName() : "未知" %>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= house.getRentPrice() %>/月</td>
|
||||||
|
<td><%= sdf.format(house.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/offline?id=<%= house.getId() %>"
|
||||||
|
class="btn btn-offline" onclick="return confirm('确定要下架该房源吗？')">下架</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>"
|
||||||
|
class="btn btn-view" target="_blank">预览</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<tr><td colspan="6" class="empty-state">暂无已上架房源</td></tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 已下架/违规房源 -->
|
||||||
|
<div class="house-section">
|
||||||
|
<div class="section-title">
|
||||||
|
📥 已下架/违规房源
|
||||||
|
<span style="font-size:14px; color:#999; margin-left:10px;">共 <%= offlineCount %> 条</span>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>房源图片</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>房东信息</th>
|
||||||
|
<th>租金</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
if (offlineList != null && !offlineList.isEmpty()) {
|
||||||
|
for (House house : offlineList) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80px;">
|
||||||
|
<div style="width:70px; height:50px; background-color:#e0e0e0; background-size:cover; background-position:center; border-radius:4px;
|
||||||
|
<% if (house.getFirstImage() != null) { %>background-image:url('/HRS/<%= house.getFirstImage() %>');<% } %>">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;">无图</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house.getTitle() %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %> | <%= house.getHouseType() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= house.getLandlordName() != null ? house.getLandlordName() : "未知" %>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= house.getRentPrice() %>/月</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-offline"><%= house.getStatusText() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/online?id=<%= house.getId() %>"
|
||||||
|
class="btn btn-online" onclick="return confirm('确定要重新上架该房源吗？')">重新上架</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>"
|
||||||
|
class="btn btn-view" target="_blank">预览</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<tr><td colspan="6" class="empty-state">暂无已下架房源</td></tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
303
HRS/WebContent/jsp/admin/index.jsp
Normal file
303
HRS/WebContent/jsp/admin/index.jsp
Normal file
@@ -0,0 +1,303 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"2".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>管理员后台 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo span {
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #1976D2;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #2196F3;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-card {
|
||||||
|
background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 40px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-card h1 {
|
||||||
|
font-size: 28px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-card p {
|
||||||
|
font-size: 16px;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
background-color: white;
|
||||||
|
padding: 25px;
|
||||||
|
border-radius: 8px;
|
||||||
|
flex: 1;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-icon {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-number {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-label {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-user .stat-number { color: #2196F3; }
|
||||||
|
.stat-house .stat-number { color: #4CAF50; }
|
||||||
|
.stat-order .stat-number { color: #ff9800; }
|
||||||
|
.stat-pending .stat-number { color: #f44336; }
|
||||||
|
|
||||||
|
.quick-actions {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 20px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-actions h3 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #333;
|
||||||
|
border-left: 4px solid #2196F3;
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 15px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-btn {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
padding: 15px 25px;
|
||||||
|
border-radius: 8px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #333;
|
||||||
|
transition: all 0.3s;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-btn:hover {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
transform: translateY(-3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-btn .icon {
|
||||||
|
font-size: 24px;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">👑 租房系统管理后台 <span>Administrator</span></div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/index.jsp" class="active">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/list">用户管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/list">房源审核</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/index.jsp">首页</a> >
|
||||||
|
<span>控制台</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="welcome-card">
|
||||||
|
<h1>欢迎回来，<%= loginUser.getRealName() %>！</h1>
|
||||||
|
<p>今天是 <%= new java.text.SimpleDateFormat("yyyy年MM月dd日 EEEE").format(new java.util.Date()) %></p>
|
||||||
|
<p style="margin-top: 10px;">您可以通过下方面板管理系统数据</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="stats-row" id="statsRow">
|
||||||
|
<div class="stat-card stat-user">
|
||||||
|
<div class="stat-icon">👥</div>
|
||||||
|
<div class="stat-number" id="userCount">-</div>
|
||||||
|
<div class="stat-label">注册用户</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card stat-house">
|
||||||
|
<div class="stat-icon">🏠</div>
|
||||||
|
<div class="stat-number" id="houseCount">-</div>
|
||||||
|
<div class="stat-label">房源总数</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card stat-order">
|
||||||
|
<div class="stat-icon">📦</div>
|
||||||
|
<div class="stat-number" id="orderCount">-</div>
|
||||||
|
<div class="stat-label">订单总数</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card stat-pending">
|
||||||
|
<div class="stat-icon">⏳</div>
|
||||||
|
<div class="stat-number" id="pendingCount">-</div>
|
||||||
|
<div class="stat-label">待审核房源</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="quick-actions">
|
||||||
|
<h3>快捷操作</h3>
|
||||||
|
<div class="action-buttons">
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/list" class="action-btn">
|
||||||
|
<span class="icon">👤</span>
|
||||||
|
用户管理
|
||||||
|
</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/list" class="action-btn">
|
||||||
|
<span class="icon">🏠</span>
|
||||||
|
房源审核
|
||||||
|
</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/order/list" class="action-btn">
|
||||||
|
<span class="icon">📦</span>
|
||||||
|
订单管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 管理员后台 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 加载统计数据
|
||||||
|
function loadStats() {
|
||||||
|
fetch('${pageContext.request.contextPath}/admin/statistics')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
document.getElementById('userCount').innerText = data.userCount || 0;
|
||||||
|
document.getElementById('houseCount').innerText = data.houseCount || 0;
|
||||||
|
document.getElementById('orderCount').innerText = data.orderCount || 0;
|
||||||
|
document.getElementById('pendingCount').innerText = data.pendingCount || 0;
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
console.log('加载统计数据失败，使用默认值');
|
||||||
|
document.getElementById('userCount').innerText = '-';
|
||||||
|
document.getElementById('houseCount').innerText = '-';
|
||||||
|
document.getElementById('orderCount').innerText = '-';
|
||||||
|
document.getElementById('pendingCount').innerText = '-';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
loadStats();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
280
HRS/WebContent/jsp/admin/order_list.jsp
Normal file
280
HRS/WebContent/jsp/admin/order_list.jsp
Normal file
@@ -0,0 +1,280 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, java.text.SimpleDateFormat, com.hrs.model.entity.Order, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"2".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Order> orderList = (List<Order>) request.getAttribute("orderList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>订单管理 - 管理员后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #1976D2;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #2196F3;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-table {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow-x: auto;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
min-width: 1000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 12px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-paid {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-cancelled {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">👑 管理员后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/jsp/admin/index.jsp" >首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/list">用户管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/list">房源审核</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/order/list" class="active">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/order/list">首页</a> >
|
||||||
|
<span>订单管理</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📋 共有 <strong><%= totalCount %></strong> 个订单
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-table">
|
||||||
|
<%
|
||||||
|
if (orderList != null && !orderList.isEmpty()) {
|
||||||
|
%>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>订单编号</th>
|
||||||
|
<th>租客信息</th>
|
||||||
|
<th>房东信息</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>租赁时间</th>
|
||||||
|
<th>总租金</th>
|
||||||
|
<th>支付状态</th>
|
||||||
|
<th>订单状态</th>
|
||||||
|
<th>下单时间</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
for (Order order : orderList) {
|
||||||
|
House house = order.getHouse();
|
||||||
|
User tenant = order.getTenant();
|
||||||
|
User landlord = order.getLandlord();
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td><%= order.getOrderNo() %></td>
|
||||||
|
<td>
|
||||||
|
<%= tenant != null ? (tenant.getRealName() != null ? tenant.getRealName() : tenant.getUserName()) : "未知" %><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= tenant != null ? tenant.getPhone() : "" %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= landlord != null ? (landlord.getRealName() != null ? landlord.getRealName() : landlord.getUserName()) : "未知" %>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house != null ? house.getTitle() : "未知" %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house != null ? house.getArea() : "" %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= sdf.format(order.getRentStartTime()) %> ~ <%= sdf.format(order.getRentEndTime()) %><br>
|
||||||
|
<span style="font-size:12px;color:#999;">共<%= order.getRentDays() %>天</span>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= order.getTotalRent() %></td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-<%= "0".equals(order.getPayStatus()) ? "pending" : "paid" %>">
|
||||||
|
<%= order.getPayStatusText() %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-pending">
|
||||||
|
<%= order.getStatusText() %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td><%= sdf.format(order.getCreateTime()) %></td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
20
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">📦</div>
|
||||||
|
<p>暂无订单</p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
453
HRS/WebContent/jsp/admin/user_list.jsp
Normal file
453
HRS/WebContent/jsp/admin/user_list.jsp
Normal file
@@ -0,0 +1,453 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"2".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<User> tenants = (List<User>) request.getAttribute("tenants");
|
||||||
|
List<User> landlords = (List<User>) request.getAttribute("landlords");
|
||||||
|
List<User> admins = (List<User>) request.getAttribute("admins");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>用户管理 - 管理员后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #1976D2;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-section {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
padding: 15px 20px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
border-bottom: 2px solid #2196F3;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 12px 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #fafafa;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-active {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-disabled {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 4px 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-enable {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disable {
|
||||||
|
background-color: #f44336;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-delete {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-enable:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disable:hover {
|
||||||
|
background-color: #d32f2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-delete:hover {
|
||||||
|
background-color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 40px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.role-icon {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">👑 管理员后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/jsp/admin/index.jsp" >首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/list" class="active">用户管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/house/list">房源审核</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/list">首页</a> >
|
||||||
|
<span>用户管理</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📊 共有 <strong><%= totalCount %></strong> 个注册用户
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 租客列表 -->
|
||||||
|
<div class="user-section">
|
||||||
|
<div class="section-title">
|
||||||
|
<span class="role-icon">👤</span> 租客列表
|
||||||
|
<span style="font-size:14px; color:#999; margin-left:10px;">共 <%= tenants != null ? tenants.size() : 0 %> 人</span>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>用户名</th>
|
||||||
|
<th>真实姓名</th>
|
||||||
|
<th>手机号</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>注册时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
if (tenants != null && !tenants.isEmpty()) {
|
||||||
|
for (User user : tenants) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td><%= user.getId() %></td>
|
||||||
|
<td><%= user.getUserName() %></td>
|
||||||
|
<td><%= user.getRealName() != null ? user.getRealName() : "-" %></td>
|
||||||
|
<td><%= user.getPhone() != null ? user.getPhone() : "-" %></td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge <%= "1".equals(user.getStatus()) ? "status-active" : "status-disabled" %>">
|
||||||
|
<%= "1".equals(user.getStatus()) ? "已认证" : "未认证/禁用" %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td><%= new java.text.SimpleDateFormat("yyyy-MM-dd").format(user.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<% if ("1".equals(user.getStatus())) { %>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/status?id=<%= user.getId() %>&action=disable"
|
||||||
|
class="btn btn-disable" onclick="return confirm('确定要禁用该用户吗？')">禁用</a>
|
||||||
|
<% } else { %>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/status?id=<%= user.getId() %>&action=enable"
|
||||||
|
class="btn btn-enable" onclick="return confirm('确定要启用该用户吗？')">启用</a>
|
||||||
|
<% } %>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/delete?id=<%= user.getId() %>"
|
||||||
|
class="btn btn-delete"
|
||||||
|
onclick="return confirm('确定要删除该用户吗？此操作不可恢复！')">删除</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td colspan="7" class="empty-state">暂无租客数据</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 房东列表 -->
|
||||||
|
<div class="user-section">
|
||||||
|
<div class="section-title">
|
||||||
|
<span class="role-icon">🏠</span> 房东列表
|
||||||
|
<span style="font-size:14px; color:#999; margin-left:10px;">共 <%= landlords != null ? landlords.size() : 0 %> 人</span>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>用户名</th>
|
||||||
|
<th>真实姓名</th>
|
||||||
|
<th>手机号</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>注册时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
if (landlords != null && !landlords.isEmpty()) {
|
||||||
|
for (User user : landlords) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td><%= user.getId() %></td>
|
||||||
|
<td><%= user.getUserName() %></td>
|
||||||
|
<td><%= user.getRealName() != null ? user.getRealName() : "-" %></td>
|
||||||
|
<td><%= user.getPhone() != null ? user.getPhone() : "-" %></td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge <%= "1".equals(user.getStatus()) ? "status-active" : "status-disabled" %>">
|
||||||
|
<%= "1".equals(user.getStatus()) ? "已认证" : "未认证/禁用" %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td><%= new java.text.SimpleDateFormat("yyyy-MM-dd").format(user.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<% if ("1".equals(user.getStatus())) { %>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/status?id=<%= user.getId() %>&action=disable"
|
||||||
|
class="btn btn-disable" onclick="return confirm('确定要禁用该用户吗？')">禁用</a>
|
||||||
|
<% } else { %>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/status?id=<%= user.getId() %>&action=enable"
|
||||||
|
class="btn btn-enable" onclick="return confirm('确定要启用该用户吗？')">启用</a>
|
||||||
|
<% } %>
|
||||||
|
<a href="${pageContext.request.contextPath}/admin/user/delete?id=<%= user.getId() %>"
|
||||||
|
class="btn btn-delete"
|
||||||
|
onclick="return confirm('确定要删除该用户吗？此操作不可恢复！')">删除</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td colspan="7" class="empty-state">暂无房东数据</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 管理员列表 -->
|
||||||
|
<div class="user-section">
|
||||||
|
<div class="section-title">
|
||||||
|
<span class="role-icon">👑</span> 管理员列表
|
||||||
|
<span style="font-size:14px; color:#999; margin-left:10px;">共 <%= admins != null ? admins.size() : 0 %> 人</span>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>用户名</th>
|
||||||
|
<th>真实姓名</th>
|
||||||
|
<th>手机号</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>注册时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
if (admins != null && !admins.isEmpty()) {
|
||||||
|
for (User user : admins) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td><%= user.getId() %></td>
|
||||||
|
<td><%= user.getUserName() %></td>
|
||||||
|
<td><%= user.getRealName() != null ? user.getRealName() : "-" %></td>
|
||||||
|
<td><%= user.getPhone() != null ? user.getPhone() : "-" %></td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-active">管理员</span>
|
||||||
|
</td>
|
||||||
|
<td><%= new java.text.SimpleDateFormat("yyyy-MM-dd").format(user.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<span style="color:#999;">不可操作</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td colspan="7" class="empty-state">暂无管理员数据</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
348
HRS/WebContent/jsp/landlord/house_add.jsp
Normal file
348
HRS/WebContent/jsp/landlord/house_add.jsp
Normal file
@@ -0,0 +1,348 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"1".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
String error = (String) request.getAttribute("error");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>发布房源 - 房东后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #ff9800;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="number"],
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="file"] {
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 12px 30px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .form-group {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 房东后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list">预约管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a> >
|
||||||
|
<span>发布房源</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-card">
|
||||||
|
<h2>📝 发布新房源</h2>
|
||||||
|
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<form action="${pageContext.request.contextPath}/landlord/house/add" method="post" enctype="multipart/form-data">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>房源标题 *</label>
|
||||||
|
<input type="text" name="title" placeholder="例如：朝阳区温馨一居室" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>所在区域</label>
|
||||||
|
<select name="area">
|
||||||
|
<option value="朝阳区">朝阳区</option>
|
||||||
|
<option value="海淀区">海淀区</option>
|
||||||
|
<option value="东城区">东城区</option>
|
||||||
|
<option value="西城区">西城区</option>
|
||||||
|
<option value="丰台区">丰台区</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>户型</label>
|
||||||
|
<select name="houseType">
|
||||||
|
<option value="一室一厅">一室一厅</option>
|
||||||
|
<option value="两室一厅">两室一厅</option>
|
||||||
|
<option value="两室两厅">两室两厅</option>
|
||||||
|
<option value="三室一厅">三室一厅</option>
|
||||||
|
<option value="三室两厅">三室两厅</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>租赁类型</label>
|
||||||
|
<select name="rentType">
|
||||||
|
<option value="0">整租</option>
|
||||||
|
<option value="1">合租</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>详细地址</label>
|
||||||
|
<input type="text" name="address" placeholder="请输入详细地址">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>月租金（元）*</label>
|
||||||
|
<input type="number" name="rentPrice" placeholder="例如：2500" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>配套设施</label>
|
||||||
|
<input type="text" name="facility" placeholder="例如：空调,洗衣机,热水器,WiFi">
|
||||||
|
<div class="hint">多个设施用英文逗号分隔</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 房源图片上传字段 -->
|
||||||
|
<div class="form-group">
|
||||||
|
<label>房源图片</label>
|
||||||
|
<input type="file" name="images" multiple accept="image/jpeg,image/jpg,image/png,image/gif" id="imageInput">
|
||||||
|
<div class="hint">支持jpg、png、gif格式，可多选，单张不超过5MB</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 图片预览区域 -->
|
||||||
|
<div class="form-group" id="previewArea" style="display:none;">
|
||||||
|
<label>图片预览</label>
|
||||||
|
<div id="imagePreview" style="display:flex; gap:10px; flex-wrap:wrap;"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>房源描述</label>
|
||||||
|
<textarea name="description" placeholder="请输入房源描述信息..."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<button type="submit" class="btn btn-primary">提交审核</button>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list" class="btn btn-secondary">返回</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hint" style="margin-top: 15px; text-align: center;">
|
||||||
|
房源提交后将进入审核状态，审核通过后即可在租客端展示
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 图片预览
|
||||||
|
document.getElementById('imageInput').addEventListener('change', function(e) {
|
||||||
|
var previewArea = document.getElementById('previewArea');
|
||||||
|
var previewContainer = document.getElementById('imagePreview');
|
||||||
|
previewContainer.innerHTML = '';
|
||||||
|
|
||||||
|
if (this.files.length > 0) {
|
||||||
|
previewArea.style.display = 'block';
|
||||||
|
|
||||||
|
for (var i = 0; i < this.files.length; i++) {
|
||||||
|
var file = this.files[i];
|
||||||
|
var reader = new FileReader();
|
||||||
|
|
||||||
|
reader.onload = function(e) {
|
||||||
|
var img = document.createElement('img');
|
||||||
|
img.src = e.target.result;
|
||||||
|
img.style.width = '100px';
|
||||||
|
img.style.height = '80px';
|
||||||
|
img.style.objectFit = 'cover';
|
||||||
|
img.style.borderRadius = '4px';
|
||||||
|
img.style.border = '1px solid #ddd';
|
||||||
|
previewContainer.appendChild(img);
|
||||||
|
};
|
||||||
|
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
previewArea.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
316
HRS/WebContent/jsp/landlord/house_edit.jsp
Normal file
316
HRS/WebContent/jsp/landlord/house_edit.jsp
Normal file
@@ -0,0 +1,316 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"1".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
House house = (House) request.getAttribute("house");
|
||||||
|
if (house == null) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/landlord/house/list");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
String error = (String) request.getAttribute("error");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>编辑房源 - 房东后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #ff9800;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="number"],
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 12px 30px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .form-group {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-info {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 房东后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list">预约管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a> >
|
||||||
|
<span>编辑房源</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-card">
|
||||||
|
<h2>✏️ 编辑房源</h2>
|
||||||
|
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="status-info">
|
||||||
|
<strong>房源状态：</strong> <%= house.getStatusText() %>
|
||||||
|
<span style="margin-left: 20px;"><strong>房源编号：</strong> <%= house.getHouseNo() %></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form action="${pageContext.request.contextPath}/landlord/house/edit" method="post">
|
||||||
|
<input type="hidden" name="id" value="<%= house.getId() %>">
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>房源标题 *</label>
|
||||||
|
<input type="text" name="title" value="<%= house.getTitle() %>" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>所在区域</label>
|
||||||
|
<select name="area">
|
||||||
|
<option value="朝阳区" <%= "朝阳区".equals(house.getArea()) ? "selected" : "" %>>朝阳区</option>
|
||||||
|
<option value="海淀区" <%= "海淀区".equals(house.getArea()) ? "selected" : "" %>>海淀区</option>
|
||||||
|
<option value="东城区" <%= "东城区".equals(house.getArea()) ? "selected" : "" %>>东城区</option>
|
||||||
|
<option value="西城区" <%= "西城区".equals(house.getArea()) ? "selected" : "" %>>西城区</option>
|
||||||
|
<option value="丰台区" <%= "丰台区".equals(house.getArea()) ? "selected" : "" %>>丰台区</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>户型</label>
|
||||||
|
<select name="houseType">
|
||||||
|
<option value="一室一厅" <%= "一室一厅".equals(house.getHouseType()) ? "selected" : "" %>>一室一厅</option>
|
||||||
|
<option value="两室一厅" <%= "两室一厅".equals(house.getHouseType()) ? "selected" : "" %>>两室一厅</option>
|
||||||
|
<option value="两室两厅" <%= "两室两厅".equals(house.getHouseType()) ? "selected" : "" %>>两室两厅</option>
|
||||||
|
<option value="三室一厅" <%= "三室一厅".equals(house.getHouseType()) ? "selected" : "" %>>三室一厅</option>
|
||||||
|
<option value="三室两厅" <%= "三室两厅".equals(house.getHouseType()) ? "selected" : "" %>>三室两厅</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>租赁类型</label>
|
||||||
|
<select name="rentType">
|
||||||
|
<option value="0" <%= "0".equals(house.getRentType()) ? "selected" : "" %>>整租</option>
|
||||||
|
<option value="1" <%= "1".equals(house.getRentType()) ? "selected" : "" %>>合租</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>详细地址</label>
|
||||||
|
<input type="text" name="address" value="<%= house.getAddress() != null ? house.getAddress() : "" %>">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>月租金（元）*</label>
|
||||||
|
<input type="number" name="rentPrice" value="<%= house.getRentPrice() %>" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>配套设施</label>
|
||||||
|
<input type="text" name="facility" value="<%= house.getFacility() != null ? house.getFacility() : "" %>" placeholder="例如：空调,洗衣机,热水器,WiFi">
|
||||||
|
<div class="hint">多个设施用英文逗号分隔</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>房源图片地址</label>
|
||||||
|
<input type="text" name="imgUrl" value="<%= house.getImgUrl() != null ? house.getImgUrl() : "" %>" placeholder="例如：/images/house1.jpg,/images/house2.jpg">
|
||||||
|
<div class="hint">支持多个图片地址，用英文逗号分隔</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>房源描述</label>
|
||||||
|
<textarea name="description" placeholder="请输入房源描述信息..."><%= house.getDescription() != null ? house.getDescription() : "" %></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<button type="submit" class="btn btn-primary">保存修改</button>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list" class="btn btn-secondary">返回</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
369
HRS/WebContent/jsp/landlord/house_list.jsp
Normal file
369
HRS/WebContent/jsp/landlord/house_list.jsp
Normal file
@@ -0,0 +1,369 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"1".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<House> houseList = (List<House>) request.getAttribute("houseList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>房源管理 - 房东后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #ff9800;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-btn {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 10px 20px;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-btn:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-table {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-published {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-offline {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 4px 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-edit {
|
||||||
|
background-color: #2196F3;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-edit:hover {
|
||||||
|
background-color: #0b7dda;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-delete {
|
||||||
|
background-color: #f44336;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-delete:hover {
|
||||||
|
background-color: #d32f2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state p {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-image {
|
||||||
|
width: 80px;
|
||||||
|
height: 60px;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-image {
|
||||||
|
font-size: 20px;
|
||||||
|
text-align: center;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 房东后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list" class="active">房源管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list">预约管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">首页</a> >
|
||||||
|
<span>房源管理</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📊 共有 <strong><%= totalCount %></strong> 套房源
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/add" class="add-btn" style="float: right;">+ 发布新房源</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="house-table">
|
||||||
|
<%
|
||||||
|
if (houseList != null && !houseList.isEmpty()) {
|
||||||
|
%>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>房源图片</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>租金</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>发布时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
for (House house : houseList) {
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="house-image"
|
||||||
|
style="background-image: url('${pageContext.request.contextPath}/<%= house.getFirstImage() != null ? house.getFirstImage() : "" %>');">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div class="no-image">🏠 暂无图片</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house.getTitle() %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %> | <%= house.getHouseType() %></span>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= house.getRentPrice() %>/月</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-<%= house.getStatus().equals("0") ? "pending" : house.getStatus().equals("1") ? "published" : "offline" %>">
|
||||||
|
<%= house.getStatusText() %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td><%= new java.text.SimpleDateFormat("yyyy-MM-dd").format(house.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/edit?id=<%= house.getId() %>" class="btn btn-edit">编辑</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/delete?id=<%= house.getId() %>"
|
||||||
|
class="btn btn-delete"
|
||||||
|
onclick="return confirm('确定要删除这套房源吗？删除后不可恢复！')">删除</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">🏠</div>
|
||||||
|
<p>还没有发布任何房源</p>
|
||||||
|
<p><a href="${pageContext.request.contextPath}/landlord/house/add">立即发布新房源 >></a></p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
196
HRS/WebContent/jsp/landlord/index.jsp
Normal file
196
HRS/WebContent/jsp/landlord/index.jsp
Normal file
@@ -0,0 +1,196 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"1".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>房东首页 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
margin-top: 20px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-card h1 {
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-card p {
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
width: 200px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-number {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ff9800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-label {
|
||||||
|
color: #666;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 10px 20px;
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 房东后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list">预约管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="welcome-card">
|
||||||
|
<h1>欢迎房东，<%= loginUser.getRealName() %>！</h1>
|
||||||
|
<p>欢迎来到租房系统房东后台，您可以管理房源、查看预约、处理订单。</p>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
<div class="stat-card">
|
||||||
|
<div class="stat-number" id="houseCount">-</div>
|
||||||
|
<div class="stat-label">我的房源</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<div class="stat-number" id="reservationCount">-</div>
|
||||||
|
<div class="stat-label">待处理预约</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-top: 30px;">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list" class="btn">管理房源</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list" class="btn">查看预约</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 加载统计数据
|
||||||
|
fetch('${pageContext.request.contextPath}/landlord/statistics')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
document.getElementById('houseCount').innerText = data.houseCount || 0;
|
||||||
|
document.getElementById('reservationCount').innerText = data.reservationCount || 0;
|
||||||
|
})
|
||||||
|
.catch(err => console.log('加载统计数据失败', err));
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
408
HRS/WebContent/jsp/landlord/order_list.jsp
Normal file
408
HRS/WebContent/jsp/landlord/order_list.jsp
Normal file
@@ -0,0 +1,408 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, java.text.SimpleDateFormat, com.hrs.model.entity.Order, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"1".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Order> orderList = (List<Order>) request.getAttribute("orderList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>订单管理 - 房东后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #ff9800;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-table {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending-pay {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-paid {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-cancelled {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending-sign {
|
||||||
|
background-color: #e3f2fd;
|
||||||
|
color: #2196F3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-completed {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 5px 15px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-confirm {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-confirm:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disabled {
|
||||||
|
background-color: #ccc;
|
||||||
|
color: #666;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 房东后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list">预约管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/list" class="active">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">首页</a> >
|
||||||
|
<span>订单管理</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📋 共有 <strong><%= totalCount %></strong> 个订单
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-table">
|
||||||
|
<%
|
||||||
|
if (orderList != null && !orderList.isEmpty()) {
|
||||||
|
%>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>订单编号</th>
|
||||||
|
<th>租客信息</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>租赁时间</th>
|
||||||
|
<th>总租金</th>
|
||||||
|
<th>支付状态</th>
|
||||||
|
<th>订单状态</th>
|
||||||
|
<th>下单时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
for (Order order : orderList) {
|
||||||
|
House house = order.getHouse();
|
||||||
|
User tenant = order.getTenant();
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td style="font-size:12px;"><%= order.getOrderNo() %></td>
|
||||||
|
<td>
|
||||||
|
<%= tenant != null ? (tenant.getRealName() != null ? tenant.getRealName() : tenant.getUserName()) : "未知" %><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= tenant != null ? tenant.getPhone() : "" %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house.getTitle() %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %> | <%= house.getHouseType() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= sdf.format(order.getRentStartTime()) %> ~ <%= sdf.format(order.getRentEndTime()) %><br>
|
||||||
|
<span style="font-size:12px;color:#999;">共<%= order.getRentDays() %>天</span>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= order.getTotalRent() %></td>
|
||||||
|
<td>
|
||||||
|
<%
|
||||||
|
String payStatusClass = "";
|
||||||
|
String payStatusText = "";
|
||||||
|
if ("0".equals(order.getPayStatus())) {
|
||||||
|
payStatusClass = "pending-pay";
|
||||||
|
payStatusText = "待支付";
|
||||||
|
} else if ("1".equals(order.getPayStatus())) {
|
||||||
|
payStatusClass = "paid";
|
||||||
|
payStatusText = "已支付";
|
||||||
|
} else if ("2".equals(order.getPayStatus())) {
|
||||||
|
payStatusClass = "cancelled";
|
||||||
|
payStatusText = "已退款";
|
||||||
|
} else {
|
||||||
|
payStatusClass = "pending-pay";
|
||||||
|
payStatusText = "未知";
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<span class="status-badge status-<%= payStatusClass %>"><%= payStatusText %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%
|
||||||
|
String orderStatusClass = "";
|
||||||
|
String orderStatusText = "";
|
||||||
|
if ("0".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "pending-sign";
|
||||||
|
orderStatusText = "待签约";
|
||||||
|
} else if ("1".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "paid";
|
||||||
|
orderStatusText = "已签约";
|
||||||
|
} else if ("2".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "completed";
|
||||||
|
orderStatusText = "已结束";
|
||||||
|
} else if ("3".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "cancelled";
|
||||||
|
orderStatusText = "已取消";
|
||||||
|
} else {
|
||||||
|
orderStatusClass = "pending-sign";
|
||||||
|
orderStatusText = "未知";
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<span class="status-badge status-<%= orderStatusClass %>"><%= orderStatusText %></span>
|
||||||
|
</td>
|
||||||
|
<td><%= sdf.format(order.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<%
|
||||||
|
// 已支付且待签约状态：显示确认签约按钮
|
||||||
|
if ("1".equals(order.getPayStatus()) && "0".equals(order.getStatus())) {
|
||||||
|
%>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/confirm?id=<%= order.getId() %>"
|
||||||
|
class="btn btn-confirm" onclick="return confirm('确认与租客签约吗？确认后将生成正式合同。')">确认签约</a>
|
||||||
|
<%
|
||||||
|
} else if ("1".equals(order.getStatus())) {
|
||||||
|
// 已签约
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">已签约</span>
|
||||||
|
<%
|
||||||
|
} else if ("2".equals(order.getStatus())) {
|
||||||
|
// 已结束
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">已完成</span>
|
||||||
|
<%
|
||||||
|
} else if ("3".equals(order.getStatus())) {
|
||||||
|
// 已取消
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">已取消</span>
|
||||||
|
<%
|
||||||
|
} else if ("0".equals(order.getPayStatus())) {
|
||||||
|
// 待支付
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">等待租客支付</span>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">📦</div>
|
||||||
|
<p>暂无订单</p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
324
HRS/WebContent/jsp/landlord/reservation_list.jsp
Normal file
324
HRS/WebContent/jsp/landlord/reservation_list.jsp
Normal file
@@ -0,0 +1,324 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, java.text.SimpleDateFormat, com.hrs.model.entity.Reservation, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"1".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Reservation> reservationList = (List<Reservation>) request.getAttribute("reservationList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>预约管理 - 房东后台</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reservation-table {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-confirmed {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-cancelled {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 5px 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-success {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-success:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger {
|
||||||
|
background-color: #f44336;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger:hover {
|
||||||
|
background-color: #d32f2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disabled {
|
||||||
|
background-color: #ccc;
|
||||||
|
color: #666;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 房东后台</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">房源管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/list" class="active">预约管理</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/order/list">订单管理</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/house/list">首页</a> >
|
||||||
|
<span>预约管理</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📋 共有 <strong><%= totalCount %></strong> 条预约记录
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="reservation-table">
|
||||||
|
<%
|
||||||
|
if (reservationList != null && !reservationList.isEmpty()) {
|
||||||
|
%>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>租客信息</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>预约时间</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>备注</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
for (Reservation reservation : reservationList) {
|
||||||
|
House house = reservation.getHouse();
|
||||||
|
User tenant = reservation.getTenant();
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<%= tenant.getRealName() != null ? tenant.getRealName() : tenant.getUserName() %><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= tenant.getPhone() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><%= house.getTitle() %></strong><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %></span>
|
||||||
|
</td>
|
||||||
|
<td><%= sdf.format(reservation.getReserveTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-<%= reservation.getStatus().equals("0") ? "pending" : "confirmed" %>">
|
||||||
|
<%= reservation.getStatusText() %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td style="max-width:150px;">
|
||||||
|
<%= reservation.getRemark() != null ? reservation.getRemark() : "-" %>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<% if ("0".equals(reservation.getStatus())) { %>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/handle?id=<%= reservation.getId() %>&action=confirm"
|
||||||
|
class="btn btn-success">确认</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/landlord/reservation/handle?id=<%= reservation.getId() %>&action=reject"
|
||||||
|
class="btn btn-danger">拒绝</a>
|
||||||
|
<% } else { %>
|
||||||
|
<span class="btn-disabled">已处理</span>
|
||||||
|
<% } %>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">📅</div>
|
||||||
|
<p>暂无预约记录</p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
418
HRS/WebContent/jsp/user/collection_list.jsp
Normal file
418
HRS/WebContent/jsp/user/collection_list.jsp
Normal file
@@ -0,0 +1,418 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, com.hrs.model.entity.Collection, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Collection> collectionList = (List<Collection>) request.getAttribute("collectionList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>我的收藏 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.collection-list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collection-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
transition: transform 0.3s;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collection-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-image {
|
||||||
|
height: 200px;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-image .no-image {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
|
color: #999;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-info {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title a:hover {
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-detail {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-price {
|
||||||
|
color: #f44336;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-price span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collect-time {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete-btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
|
background-color: rgba(0,0,0,0.6);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete-btn:hover {
|
||||||
|
background-color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 80px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state p {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast {
|
||||||
|
position: fixed;
|
||||||
|
top: 80px;
|
||||||
|
right: 20px;
|
||||||
|
padding: 12px 24px;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: white;
|
||||||
|
z-index: 1000;
|
||||||
|
animation: slideIn 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-success {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-error {
|
||||||
|
background-color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
from {
|
||||||
|
transform: translateX(100%);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list" class="active">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a> >
|
||||||
|
<span>我的收藏</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📚 共收藏 <strong id="totalCount"><%= totalCount %></strong> 套房源
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="collection-list" id="collectionList">
|
||||||
|
<%
|
||||||
|
if (collectionList != null && !collectionList.isEmpty()) {
|
||||||
|
for (Collection collection : collectionList) {
|
||||||
|
House house = collection.getHouse();
|
||||||
|
if (house != null) {
|
||||||
|
%>
|
||||||
|
<div class="collection-card" data-id="<%= collection.getId() %>">
|
||||||
|
<div class="house-image" style="background-image: url('/HRS/<%= house.getFirstImage() != null ? house.getFirstImage() : "" %>');">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div class="no-image">🏠 暂无图片</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
<button class="delete-btn" onclick="deleteCollection(<%= collection.getId() %>)" title="取消收藏">×</button>
|
||||||
|
<div class="house-info">
|
||||||
|
<div class="house-title">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>">
|
||||||
|
<%= house.getTitle() %>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="house-detail">
|
||||||
|
📍 <%= house.getArea() %> | <%= house.getHouseType() %> | <%= house.getRentTypeText() %>
|
||||||
|
</div>
|
||||||
|
<div class="house-price">
|
||||||
|
¥<%= house.getRentPrice() %><span>/月</span>
|
||||||
|
</div>
|
||||||
|
<div class="collect-time">
|
||||||
|
收藏时间：<%= collection.getCollectTime() %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">❤️</div>
|
||||||
|
<p>还没有收藏任何房源</p>
|
||||||
|
<p><a href="${pageContext.request.contextPath}/user/house/list">去浏览房源 >></a></p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// AJAX删除收藏
|
||||||
|
function deleteCollection(id) {
|
||||||
|
if (confirm('确定要取消收藏这套房源吗？')) {
|
||||||
|
// 发送AJAX请求
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('GET', '${pageContext.request.contextPath}/user/collection/delete?id=' + id + '&ajax=true&from=list', true);
|
||||||
|
xhr.onreadystatechange = function() {
|
||||||
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
||||||
|
var result = JSON.parse(xhr.responseText);
|
||||||
|
if (result.success) {
|
||||||
|
// 移除DOM元素
|
||||||
|
var card = document.querySelector('.collection-card[data-id="' + id + '"]');
|
||||||
|
if (card) {
|
||||||
|
card.remove();
|
||||||
|
}
|
||||||
|
// 更新计数
|
||||||
|
var totalSpan = document.getElementById('totalCount');
|
||||||
|
var currentCount = parseInt(totalSpan.innerText);
|
||||||
|
totalSpan.innerText = currentCount - 1;
|
||||||
|
// 显示成功提示
|
||||||
|
showToast('取消收藏成功', 'success');
|
||||||
|
// 检查是否还有收藏
|
||||||
|
var remainingCards = document.querySelectorAll('.collection-card');
|
||||||
|
if (remainingCards.length == 0) {
|
||||||
|
location.reload(); // 刷新页面显示空状态
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
showToast(result.msg || '取消收藏失败', 'error');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.send();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 显示提示消息
|
||||||
|
function showToast(msg, type) {
|
||||||
|
var toast = document.createElement('div');
|
||||||
|
toast.className = 'toast toast-' + type;
|
||||||
|
toast.innerHTML = msg;
|
||||||
|
document.body.appendChild(toast);
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
toast.remove();
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
619
HRS/WebContent/jsp/user/house_detail.jsp
Normal file
619
HRS/WebContent/jsp/user/house_detail.jsp
Normal file
@@ -0,0 +1,619 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
House house = (House) request.getAttribute("house");
|
||||||
|
if (house == null) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/house/list");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title><%= house.getTitle() %> - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 头部导航 */
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 面包屑导航 */
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 主要内容区 */
|
||||||
|
.main-content {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 图片区域 */
|
||||||
|
.house-images {
|
||||||
|
padding: 20px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-images {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb {
|
||||||
|
width: 80px;
|
||||||
|
height: 60px;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb:hover {
|
||||||
|
border-color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb.active {
|
||||||
|
border-color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-image {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
|
color: #999;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 房源信息 */
|
||||||
|
.house-info {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-box {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
font-size: 32px;
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price span {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-item {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-bottom: 2px solid #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.facility-list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.facility-item {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
padding: 5px 15px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
line-height: 1.8;
|
||||||
|
color: #666;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 房东信息 */
|
||||||
|
.landlord-card {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landlord-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landlord-info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landlord-avatar {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background-color: #4CAF50;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landlord-details p {
|
||||||
|
margin: 5px 0;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 操作按钮 */
|
||||||
|
.action-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 15px;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 12px 30px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #ff9800;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #fb8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline {
|
||||||
|
background-color: transparent;
|
||||||
|
border: 1px solid #4CAF50;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline:hover {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 页脚 */
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 消息提示 */
|
||||||
|
.message {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
padding: 12px 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: white;
|
||||||
|
z-index: 1000;
|
||||||
|
animation: slideIn 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-success {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-error {
|
||||||
|
background-color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
from {
|
||||||
|
transform: translateX(100%);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- 头部导航 -->
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<!-- 面包屑导航 -->
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a> >
|
||||||
|
<span><%= house.getTitle() %></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-content">
|
||||||
|
<!-- 图片区域 -->
|
||||||
|
<div class="house-images">
|
||||||
|
<!-- 主图 -->
|
||||||
|
<div class="main-image" id="mainImage"
|
||||||
|
style="background-image: url('${pageContext.request.contextPath}/<%= house.getFirstImage() != null ? house.getFirstImage() : "" %>');">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div class="no-image">🏠 暂无图片</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 缩略图列表 -->
|
||||||
|
<div class="thumb-images" id="thumbImages">
|
||||||
|
<%
|
||||||
|
String[] images = null;
|
||||||
|
if (house.getImgUrl() != null && !house.getImgUrl().isEmpty()) {
|
||||||
|
images = house.getImgUrl().split(",");
|
||||||
|
for (int i = 0; i < images.length; i++) {
|
||||||
|
%>
|
||||||
|
<div class="thumb" style="background-image: url('${pageContext.request.contextPath}/<%= images[i] %>');"
|
||||||
|
onclick="changeImage('${pageContext.request.contextPath}/<%= images[i] %>', this)"></div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 房源信息 -->
|
||||||
|
<div class="house-info">
|
||||||
|
<div class="house-title"><%= house.getTitle() %></div>
|
||||||
|
|
||||||
|
<div class="price-box">
|
||||||
|
<span class="price">¥<%= house.getRentPrice() %><span>/月</span></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="info-grid">
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-label">户型</div>
|
||||||
|
<div class="info-value"><%= house.getHouseType() != null ? house.getHouseType() : "待定" %></div>
|
||||||
|
</div>
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-label">面积</div>
|
||||||
|
<div class="info-value"><%= house.getArea() != null ? house.getArea() : "待定" %></div>
|
||||||
|
</div>
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-label">租赁类型</div>
|
||||||
|
<div class="info-value"><%= house.getRentTypeText() %></div>
|
||||||
|
</div>
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-label">房源编号</div>
|
||||||
|
<div class="info-value"><%= house.getHouseNo() %></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<div class="section-title">📍 房源地址</div>
|
||||||
|
<p style="color: #666;"><%= house.getAddress() != null ? house.getAddress() : "暂无地址信息" %></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<div class="section-title">🛋️ 配套设施</div>
|
||||||
|
<div class="facility-list">
|
||||||
|
<%
|
||||||
|
String facility = house.getFacility();
|
||||||
|
if (facility != null && !facility.isEmpty()) {
|
||||||
|
String[] facilities = facility.split(",");
|
||||||
|
for (String f : facilities) {
|
||||||
|
%>
|
||||||
|
<span class="facility-item"><%= f.trim() %></span>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<span class="facility-item">暂无设施信息</span>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<div class="section-title">📝 房源描述</div>
|
||||||
|
<div class="description">
|
||||||
|
<%= house.getDescription() != null ? house.getDescription() : "暂无描述信息" %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 房东信息 -->
|
||||||
|
<div class="landlord-card">
|
||||||
|
<div class="landlord-title">👤 房东信息</div>
|
||||||
|
<div class="landlord-info">
|
||||||
|
<div class="landlord-avatar">👨</div>
|
||||||
|
<div class="landlord-details">
|
||||||
|
<p><strong><%= house.getLandlordName() != null ? house.getLandlordName() : "房东" %></strong></p>
|
||||||
|
<p>📞 <%= house.getLandlordPhone() != null ? house.getLandlordPhone() : "暂无联系方式" %></p>
|
||||||
|
<p>⭐ 认证房东 · 已发布房源</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 操作按钮 -->
|
||||||
|
<div class="action-buttons">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/create?houseId=<%= house.getId() %>"
|
||||||
|
class="btn btn-primary">💰 立即下单</a>
|
||||||
|
<button class="btn btn-secondary" onclick="makeReservation()">📅 预约看房</button>
|
||||||
|
<%
|
||||||
|
com.hrs.service.CollectionService collectionService = new com.hrs.service.impl.CollectionServiceImpl();
|
||||||
|
boolean isCollected = collectionService.isCollected(loginUser.getId(), house.getId());
|
||||||
|
if (isCollected) {
|
||||||
|
%>
|
||||||
|
<button class="btn btn-outline" onclick="cancelCollection(<%= house.getId() %>)">❤️ 已收藏</button>
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<button class="btn btn-outline" onclick="addToCollection()">🤍 收藏房源</button>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list" class="btn btn-outline">🔙 返回列表</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 页脚 -->
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 切换主图
|
||||||
|
function changeImage(url, element) {
|
||||||
|
document.getElementById('mainImage').style.backgroundImage = 'url(' + url + ')';
|
||||||
|
|
||||||
|
// 移除所有active类
|
||||||
|
var thumbs = document.querySelectorAll('.thumb');
|
||||||
|
thumbs.forEach(function(thumb) {
|
||||||
|
thumb.classList.remove('active');
|
||||||
|
});
|
||||||
|
// 添加active类到当前
|
||||||
|
element.classList.add('active');
|
||||||
|
}
|
||||||
|
|
||||||
|
// 预约看房
|
||||||
|
function makeReservation() {
|
||||||
|
var houseId = <%= house.getId() %>;
|
||||||
|
// 跳转到预约页面
|
||||||
|
window.location.href = '${pageContext.request.contextPath}/user/reservation/add?houseId=' + houseId;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 收藏房源
|
||||||
|
function addToCollection() {
|
||||||
|
var houseId = <%= house.getId() %>;
|
||||||
|
// 发送AJAX请求收藏
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('POST', '${pageContext.request.contextPath}/user/collection/add', true);
|
||||||
|
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
||||||
|
xhr.onreadystatechange = function() {
|
||||||
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
||||||
|
var result = xhr.responseText;
|
||||||
|
if (result == 'success') {
|
||||||
|
showMessage('收藏成功！', 'success');
|
||||||
|
// 刷新页面更新按钮状态
|
||||||
|
setTimeout(function() {
|
||||||
|
location.reload();
|
||||||
|
}, 1000);
|
||||||
|
} else if (result == 'exists') {
|
||||||
|
showMessage('您已经收藏过这套房源了', 'error');
|
||||||
|
} else {
|
||||||
|
showMessage('收藏失败，请稍后重试', 'error');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.send('houseId=' + houseId);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消收藏
|
||||||
|
function cancelCollection(houseId) {
|
||||||
|
if (confirm('确定要取消收藏这套房源吗？')) {
|
||||||
|
// 发送AJAX请求取消收藏
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('GET', '${pageContext.request.contextPath}/user/collection/delete?houseId=' + houseId, true);
|
||||||
|
xhr.onreadystatechange = function() {
|
||||||
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
||||||
|
showMessage('取消收藏成功！', 'success');
|
||||||
|
// 刷新页面更新按钮状态
|
||||||
|
setTimeout(function() {
|
||||||
|
location.reload();
|
||||||
|
}, 1000);
|
||||||
|
} else if (xhr.readyState == 4) {
|
||||||
|
showMessage('取消收藏失败，请稍后重试', 'error');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.send();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 显示提示消息
|
||||||
|
function showMessage(msg, type) {
|
||||||
|
var messageDiv = document.createElement('div');
|
||||||
|
messageDiv.className = 'message message-' + type;
|
||||||
|
messageDiv.innerHTML = msg;
|
||||||
|
document.body.appendChild(messageDiv);
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
messageDiv.remove();
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 如果有缩略图，默认第一个高亮
|
||||||
|
var firstThumb = document.querySelector('.thumb');
|
||||||
|
if (firstThumb) {
|
||||||
|
firstThumb.classList.add('active');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
412
HRS/WebContent/jsp/user/house_list.jsp
Normal file
412
HRS/WebContent/jsp/user/house_list.jsp
Normal file
@@ -0,0 +1,412 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<House> houseList = (List<House>) request.getAttribute("houseList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>房源列表 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 头部导航 */
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 搜索栏 */
|
||||||
|
.search-bar {
|
||||||
|
background-color: white;
|
||||||
|
padding: 20px 0;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-form {
|
||||||
|
display: flex;
|
||||||
|
gap: 15px;
|
||||||
|
align-items: flex-end;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-group {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-group label {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-group input, .search-group select {
|
||||||
|
padding: 8px 12px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-btn {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-btn:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reset-btn {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 房源列表 */
|
||||||
|
.house-list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
transition: transform 0.3s, box-shadow 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-image {
|
||||||
|
height: 200px;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-image .no-image {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
|
color: #999;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-info {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title a:hover {
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-detail {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-price {
|
||||||
|
color: #f44336;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-price span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-tags {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
padding: 2px 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 12px;
|
||||||
|
margin-right: 5px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-footer {
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
padding-top: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landlord-info {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 5px 15px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline {
|
||||||
|
background-color: transparent;
|
||||||
|
border: 1px solid #4CAF50;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline:hover {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 统计信息 */
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 空状态 */
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state p {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 页脚 */
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- 头部导航 -->
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 搜索栏 -->
|
||||||
|
<div class="search-bar">
|
||||||
|
<div class="container">
|
||||||
|
<form class="search-form" action="${pageContext.request.contextPath}/user/house/list" method="get">
|
||||||
|
<div class="search-group">
|
||||||
|
<label>区域</label>
|
||||||
|
<select name="area">
|
||||||
|
<option value="">全部区域</option>
|
||||||
|
<option value="朝阳区" <%= "朝阳区".equals(request.getAttribute("searchArea")) ? "selected" : "" %>>朝阳区</option>
|
||||||
|
<option value="海淀区" <%= "海淀区".equals(request.getAttribute("searchArea")) ? "selected" : "" %>>海淀区</option>
|
||||||
|
<option value="东城区" <%= "东城区".equals(request.getAttribute("searchArea")) ? "selected" : "" %>>东城区</option>
|
||||||
|
<option value="西城区" <%= "西城区".equals(request.getAttribute("searchArea")) ? "selected" : "" %>>西城区</option>
|
||||||
|
<option value="丰台区" <%= "丰台区".equals(request.getAttribute("searchArea")) ? "selected" : "" %>>丰台区</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="search-group">
|
||||||
|
<label>最低租金(元)</label>
|
||||||
|
<input type="number" name="minPrice" placeholder="不限" value="<%= request.getAttribute("minPrice") != null ? request.getAttribute("minPrice") : "" %>">
|
||||||
|
</div>
|
||||||
|
<div class="search-group">
|
||||||
|
<label>最高租金(元)</label>
|
||||||
|
<input type="number" name="maxPrice" placeholder="不限" value="<%= request.getAttribute("maxPrice") != null ? request.getAttribute("maxPrice") : "" %>">
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="search-btn">搜索</button>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list" class="reset-btn">重置</a>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<!-- 统计信息 -->
|
||||||
|
<div class="stats">
|
||||||
|
📊 共找到 <strong><%= totalCount %></strong> 套房源
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 房源列表 -->
|
||||||
|
<div class="house-list">
|
||||||
|
<%
|
||||||
|
if (houseList != null && !houseList.isEmpty()) {
|
||||||
|
for (House house : houseList) {
|
||||||
|
%>
|
||||||
|
<div class="house-card">
|
||||||
|
<div class="house-image" style="background-image: url('/HRS/<%= house.getFirstImage() != null ? house.getFirstImage() : "" %>');">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div class="no-image">🏠 暂无图片</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
<div class="house-info">
|
||||||
|
<div class="house-title">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>">
|
||||||
|
<%= house.getTitle() %>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="house-detail">
|
||||||
|
📍 <%= house.getArea() %> | <%= house.getHouseType() %> | <%= house.getRentTypeText() %>
|
||||||
|
</div>
|
||||||
|
<div class="house-price">
|
||||||
|
¥<%= house.getRentPrice() %><span>/月</span>
|
||||||
|
</div>
|
||||||
|
<div class="house-tags">
|
||||||
|
<span class="tag">#<%= house.getHouseType() %></span>
|
||||||
|
<span class="tag">#<%= house.getArea() %></span>
|
||||||
|
</div>
|
||||||
|
<div class="house-footer">
|
||||||
|
<div class="landlord-info">
|
||||||
|
👤 <%= house.getLandlordName() != null ? house.getLandlordName() : "房东" %>
|
||||||
|
</div>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>" class="btn btn-primary">
|
||||||
|
查看详情
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 48px;">🏠</div>
|
||||||
|
<p>暂无房源，请稍后再来</p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 页脚 -->
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
5
HRS/WebContent/jsp/user/index.jsp
Normal file
5
HRS/WebContent/jsp/user/index.jsp
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%
|
||||||
|
// 重定向到房源列表页
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/house/list");
|
||||||
|
%>
|
||||||
151
HRS/WebContent/jsp/user/login.jsp
Normal file
151
HRS/WebContent/jsp/user/login.jsp
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>租房系统登录</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.login-container {
|
||||||
|
background-color: white;
|
||||||
|
padding: 40px;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
width: 360px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
color: #666;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.role-group {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.role-group label {
|
||||||
|
display: inline;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
.error {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.register-link {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.register-link a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.register-link a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="login-container">
|
||||||
|
<h2>租房系统登录</h2>
|
||||||
|
|
||||||
|
<%-- 显示错误信息 --%>
|
||||||
|
<%
|
||||||
|
String error = (String)request.getAttribute("error");
|
||||||
|
if(error != null) {
|
||||||
|
%>
|
||||||
|
<div class="error"><%= error %></div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<%-- 显示成功信息（如注册成功） --%>
|
||||||
|
<%
|
||||||
|
String message = (String)request.getAttribute("message");
|
||||||
|
if(message != null) {
|
||||||
|
%>
|
||||||
|
<div class="message" style="background-color:#e8f5e9; color:#2e7d32; padding:10px; border-radius:4px; margin-bottom:20px; text-align:center;">
|
||||||
|
<%= message %>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
|
||||||
|
<form action="${pageContext.request.contextPath}/user/login" method="post">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>用户名：</label>
|
||||||
|
<input type="text" name="username" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>密码：</label>
|
||||||
|
<input type="password" name="password" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>登录角色：</label>
|
||||||
|
<div class="role-group">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="roleType" value="0" checked> 租客
|
||||||
|
</label>
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="roleType" value="1"> 房东
|
||||||
|
</label>
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="roleType" value="2"> 管理员
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit">登录</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="register-link">
|
||||||
|
还没有账号？ <a href="${pageContext.request.contextPath}/user/register">立即注册</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
366
HRS/WebContent/jsp/user/order_create.jsp
Normal file
366
HRS/WebContent/jsp/user/order_create.jsp
Normal file
@@ -0,0 +1,366 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.House, com.hrs.model.entity.User, java.text.SimpleDateFormat, java.util.Date" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
House house = (House) request.getAttribute("house");
|
||||||
|
if (house == null) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/house/list");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
String error = (String) request.getAttribute("error");
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||||
|
String today = sdf.format(new Date());
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>创建订单 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-summary {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
display: flex;
|
||||||
|
gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-info {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-detail {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-price {
|
||||||
|
color: #f44336;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="date"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-preview {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 20px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.total-price {
|
||||||
|
font-size: 28px;
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 12px 30px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .form-group {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a> >
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>">房源详情</a> >
|
||||||
|
<span>创建订单</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-card">
|
||||||
|
<h2>📝 创建租赁订单</h2>
|
||||||
|
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<!-- 房源信息摘要 -->
|
||||||
|
<div class="house-summary">
|
||||||
|
<div class="house-img" style="background-image: url('<%= house.getFirstImage() != null ? house.getFirstImage() : "" %>');">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:center;height:100%;color:#999;">🏠</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
<div class="house-info">
|
||||||
|
<div class="house-title"><%= house.getTitle() %></div>
|
||||||
|
<div class="house-detail">📍 <%= house.getArea() %> | <%= house.getHouseType() %> | <%= house.getRentTypeText() %></div>
|
||||||
|
<div class="house-price">¥<%= house.getRentPrice() %>/月</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form action="${pageContext.request.contextPath}/user/order/create" method="post" id="orderForm">
|
||||||
|
<input type="hidden" name="houseId" value="<%= house.getId() %>">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>租赁开始日期 *</label>
|
||||||
|
<input type="date" name="startDate" id="startDate" required min="<%= today %>" onchange="calculateTotal()">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>租赁结束日期 *</label>
|
||||||
|
<input type="date" name="endDate" id="endDate" required min="<%= today %>" onchange="calculateTotal()">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="price-preview">
|
||||||
|
<div style="margin-bottom: 10px;">预计总租金</div>
|
||||||
|
<div class="total-price" id="totalPrice">¥0.00</div>
|
||||||
|
<div class="hint">* 租金按月租比例计算，实际金额以合同为准</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<button type="submit" class="btn btn-primary" id="submitBtn" disabled>确认下单</button>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>" class="btn btn-secondary">返回</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var monthlyRent = <%= house.getRentPrice() %>;
|
||||||
|
|
||||||
|
function calculateTotal() {
|
||||||
|
var startDate = document.getElementById('startDate').value;
|
||||||
|
var endDate = document.getElementById('endDate').value;
|
||||||
|
var submitBtn = document.getElementById('submitBtn');
|
||||||
|
var totalPriceSpan = document.getElementById('totalPrice');
|
||||||
|
|
||||||
|
if (startDate && endDate) {
|
||||||
|
var start = new Date(startDate);
|
||||||
|
var end = new Date(endDate);
|
||||||
|
|
||||||
|
if (end < start) {
|
||||||
|
totalPriceSpan.innerHTML = '¥0.00';
|
||||||
|
submitBtn.disabled = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 计算天数
|
||||||
|
var diffTime = Math.abs(end - start);
|
||||||
|
var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
||||||
|
|
||||||
|
// 计算租金（按比例）
|
||||||
|
var total = (monthlyRent / 30) * diffDays;
|
||||||
|
totalPriceSpan.innerHTML = '¥' + total.toFixed(2);
|
||||||
|
submitBtn.disabled = false;
|
||||||
|
} else {
|
||||||
|
totalPriceSpan.innerHTML = '¥0.00';
|
||||||
|
submitBtn.disabled = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 设置结束日期最小值跟随开始日期
|
||||||
|
document.getElementById('startDate').addEventListener('change', function() {
|
||||||
|
var endDateInput = document.getElementById('endDate');
|
||||||
|
endDateInput.min = this.value;
|
||||||
|
if (endDateInput.value && endDateInput.value < this.value) {
|
||||||
|
endDateInput.value = '';
|
||||||
|
}
|
||||||
|
calculateTotal();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
435
HRS/WebContent/jsp/user/order_list.jsp
Normal file
435
HRS/WebContent/jsp/user/order_list.jsp
Normal file
@@ -0,0 +1,435 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, java.text.SimpleDateFormat, com.hrs.model.entity.Order, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Order> orderList = (List<Order>) request.getAttribute("orderList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>我的订单 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-table {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending-pay {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-paid {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-cancelled {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending-sign {
|
||||||
|
background-color: #e3f2fd;
|
||||||
|
color: #2196F3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-completed {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color: #f44336;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 5px 15px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-pay {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-pay:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-cancel {
|
||||||
|
background-color: #f44336;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-cancel:hover {
|
||||||
|
background-color: #d32f2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disabled {
|
||||||
|
background-color: #ccc;
|
||||||
|
color: #666;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-link {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state p {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list" class="active">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a> >
|
||||||
|
<span>我的订单</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📋 共有 <strong><%= totalCount %></strong> 个订单
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-table">
|
||||||
|
<%
|
||||||
|
if (orderList != null && !orderList.isEmpty()) {
|
||||||
|
%>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>订单编号</th>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>租赁时间</th>
|
||||||
|
<th>总租金</th>
|
||||||
|
<th>支付状态</th>
|
||||||
|
<th>订单状态</th>
|
||||||
|
<th>下单时间</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
for (Order order : orderList) {
|
||||||
|
House house = order.getHouse();
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td style="font-size:12px;"><%= order.getOrderNo() %></td>
|
||||||
|
<td>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>" class="house-link">
|
||||||
|
<strong><%= house.getTitle() %></strong>
|
||||||
|
</a><br>
|
||||||
|
<span style="font-size:12px;color:#999;"><%= house.getArea() %> | <%= house.getHouseType() %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= sdf.format(order.getRentStartTime()) %> ~ <%= sdf.format(order.getRentEndTime()) %><br>
|
||||||
|
<span style="font-size:12px;color:#999;">共<%= order.getRentDays() %>天</span>
|
||||||
|
</td>
|
||||||
|
<td class="price">¥<%= order.getTotalRent() %></td>
|
||||||
|
<td>
|
||||||
|
<%
|
||||||
|
String payStatusClass = "";
|
||||||
|
String payStatusText = "";
|
||||||
|
if ("0".equals(order.getPayStatus())) {
|
||||||
|
payStatusClass = "pending-pay";
|
||||||
|
payStatusText = "待支付";
|
||||||
|
} else if ("1".equals(order.getPayStatus())) {
|
||||||
|
payStatusClass = "paid";
|
||||||
|
payStatusText = "已支付";
|
||||||
|
} else if ("2".equals(order.getPayStatus())) {
|
||||||
|
payStatusClass = "cancelled";
|
||||||
|
payStatusText = "已退款";
|
||||||
|
} else {
|
||||||
|
payStatusClass = "pending-pay";
|
||||||
|
payStatusText = "未知";
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<span class="status-badge status-<%= payStatusClass %>"><%= payStatusText %></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%
|
||||||
|
String orderStatusClass = "";
|
||||||
|
String orderStatusText = "";
|
||||||
|
if ("0".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "pending-sign";
|
||||||
|
orderStatusText = "待签约";
|
||||||
|
} else if ("1".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "paid";
|
||||||
|
orderStatusText = "已签约";
|
||||||
|
} else if ("2".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "completed";
|
||||||
|
orderStatusText = "已结束";
|
||||||
|
} else if ("3".equals(order.getStatus())) {
|
||||||
|
orderStatusClass = "cancelled";
|
||||||
|
orderStatusText = "已取消";
|
||||||
|
} else {
|
||||||
|
orderStatusClass = "pending-sign";
|
||||||
|
orderStatusText = "未知";
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
<span class="status-badge status-<%= orderStatusClass %>"><%= orderStatusText %></span>
|
||||||
|
</td>
|
||||||
|
<td><%= sdf.format(order.getCreateTime()) %></td>
|
||||||
|
<td>
|
||||||
|
<%
|
||||||
|
// 待支付状态：显示支付和取消按钮
|
||||||
|
if ("0".equals(order.getPayStatus()) && "0".equals(order.getStatus())) {
|
||||||
|
%>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/pay?id=<%= order.getId() %>"
|
||||||
|
class="btn btn-pay" onclick="return confirm('确认支付 ¥<%= order.getTotalRent() %> 吗？')">立即支付</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/cancel?id=<%= order.getId() %>"
|
||||||
|
class="btn btn-cancel" onclick="return confirm('确定要取消该订单吗？')">取消订单</a>
|
||||||
|
<%
|
||||||
|
} else if ("1".equals(order.getPayStatus()) && "0".equals(order.getStatus())) {
|
||||||
|
// 已支付待签约状态
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">等待房东确认</span>
|
||||||
|
<%
|
||||||
|
} else if ("1".equals(order.getStatus())) {
|
||||||
|
// 已签约
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">已签约</span>
|
||||||
|
<%
|
||||||
|
} else if ("2".equals(order.getStatus())) {
|
||||||
|
// 已结束
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">已完成</span>
|
||||||
|
<%
|
||||||
|
} else if ("3".equals(order.getStatus())) {
|
||||||
|
// 已取消
|
||||||
|
%>
|
||||||
|
<span class="btn btn-disabled">已取消</span>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
20
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">📦</div>
|
||||||
|
<p>还没有任何订单</p>
|
||||||
|
<p><a href="${pageContext.request.contextPath}/user/house/list">去浏览房源 >></a></p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
218
HRS/WebContent/jsp/user/register.jsp
Normal file
218
HRS/WebContent/jsp/user/register.jsp
Normal file
@@ -0,0 +1,218 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>租房系统注册</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.register-container {
|
||||||
|
background-color: white;
|
||||||
|
padding: 40px;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
width: 450px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
color: #666;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.role-group {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.role-group label {
|
||||||
|
display: inline;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
.error {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.login-link {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.login-link a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.login-link a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.required {
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="register-container">
|
||||||
|
<h2>租房系统注册</h2>
|
||||||
|
|
||||||
|
<%-- 显示错误信息 --%>
|
||||||
|
<%
|
||||||
|
String error = (String)request.getAttribute("error");
|
||||||
|
if(error != null) {
|
||||||
|
%>
|
||||||
|
<div class="error"><%= error %></div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
|
||||||
|
<%-- 显示成功信息 --%>
|
||||||
|
<%
|
||||||
|
String message = (String)request.getAttribute("message");
|
||||||
|
if(message != null) {
|
||||||
|
%>
|
||||||
|
<div class="message"><%= message %></div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
|
||||||
|
<form action="${pageContext.request.contextPath}/user/register" method="post">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>用户名 <span class="required">*</span></label>
|
||||||
|
<input type="text" name="username" placeholder="请输入用户名" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>密码 <span class="required">*</span></label>
|
||||||
|
<input type="password" name="password" placeholder="请输入密码" required>
|
||||||
|
<div class="hint">密码长度6-20位，建议使用字母+数字组合</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>确认密码 <span class="required">*</span></label>
|
||||||
|
<input type="password" name="confirmPassword" placeholder="请再次输入密码" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>真实姓名</label>
|
||||||
|
<input type="text" name="realName" placeholder="请输入真实姓名">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>手机号 <span class="required">*</span></label>
|
||||||
|
<input type="text" name="phone" placeholder="请输入11位手机号" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>身份证号</label>
|
||||||
|
<input type="text" name="idCard" placeholder="请输入身份证号（可选）">
|
||||||
|
<div class="hint">房东认证需要提供身份证号</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>注册角色 <span class="required">*</span></label>
|
||||||
|
<div class="role-group">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="roleType" value="0" checked> 租客
|
||||||
|
</label>
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="roleType" value="1"> 房东
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="hint">房东需要管理员审核认证后才能发布房源</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit">立即注册</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="login-link">
|
||||||
|
已有账号？ <a href="${pageContext.request.contextPath}/user/login">返回登录</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 简单的前端验证
|
||||||
|
document.querySelector('form').addEventListener('submit', function(e) {
|
||||||
|
var password = document.querySelector('input[name="password"]').value;
|
||||||
|
var confirm = document.querySelector('input[name="confirmPassword"]').value;
|
||||||
|
var phone = document.querySelector('input[name="phone"]').value;
|
||||||
|
|
||||||
|
// 验证密码长度
|
||||||
|
if(password.length < 6 || password.length > 20) {
|
||||||
|
alert('密码长度应为6-20位');
|
||||||
|
e.preventDefault();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证两次密码
|
||||||
|
if(password !== confirm) {
|
||||||
|
alert('两次输入的密码不一致');
|
||||||
|
e.preventDefault();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证手机号
|
||||||
|
var phoneReg = /^1[3-9]\d{9}$/;
|
||||||
|
if(!phoneReg.test(phone)) {
|
||||||
|
alert('请输入正确的11位手机号');
|
||||||
|
e.preventDefault();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
313
HRS/WebContent/jsp/user/reservation_add.jsp
Normal file
313
HRS/WebContent/jsp/user/reservation_add.jsp
Normal file
@@ -0,0 +1,313 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
House house = (House) request.getAttribute("house");
|
||||||
|
if (house == null) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/house/list");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
String error = (String) request.getAttribute("error");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>预约看房 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-card {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-summary {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
display: flex;
|
||||||
|
gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-info {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-detail {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-price {
|
||||||
|
color: #f44336;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="date"],
|
||||||
|
input[type="time"],
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 12px 30px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #45a049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #999;
|
||||||
|
color: white;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a> >
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>">房源详情</a> >
|
||||||
|
<span>预约看房</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-card">
|
||||||
|
<h2 style="margin-bottom: 20px;">📅 预约看房</h2>
|
||||||
|
|
||||||
|
<% if (error != null) { %>
|
||||||
|
<div class="error"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<!-- 房源信息摘要 -->
|
||||||
|
<div class="house-summary">
|
||||||
|
<div class="house-img" style="background-image: url('/HRS/<%= house.getFirstImage() != null ? house.getFirstImage() : "" %>');">
|
||||||
|
<% if (house.getFirstImage() == null) { %>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:center;height:100%;color:#999;">🏠</div>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
<div class="house-info">
|
||||||
|
<div class="house-title"><%= house.getTitle() %></div>
|
||||||
|
<div class="house-detail">📍 <%= house.getArea() %> | <%= house.getHouseType() %> | <%= house.getRentTypeText() %></div>
|
||||||
|
<div class="house-price">¥<%= house.getRentPrice() %>/月</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form action="${pageContext.request.contextPath}/user/reservation/add" method="post">
|
||||||
|
<input type="hidden" name="houseId" value="<%= house.getId() %>">
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>选择看房日期 *</label>
|
||||||
|
<input type="date" name="reserveDate" required min="<%= new java.text.SimpleDateFormat("yyyy-MM-dd").format(new java.util.Date()) %>">
|
||||||
|
<div class="hint">请选择您方便的看房日期</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>选择看房时间 *</label>
|
||||||
|
<input type="time" name="reserveTime" required>
|
||||||
|
<div class="hint">建议选择 9:00-18:00 之间的时间</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>备注信息（可选）</label>
|
||||||
|
<textarea name="remark" placeholder="请输入您的特殊需求或问题..."></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<button type="submit" class="btn btn-primary">提交预约</button>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>" class="btn btn-secondary">返回</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// 设置日期最小值
|
||||||
|
var dateInput = document.querySelector('input[type="date"]');
|
||||||
|
var today = new Date();
|
||||||
|
var yyyy = today.getFullYear();
|
||||||
|
var mm = String(today.getMonth() + 1).padStart(2, '0');
|
||||||
|
var dd = String(today.getDate()).padStart(2, '0');
|
||||||
|
dateInput.min = yyyy + '-' + mm + '-' + dd;
|
||||||
|
|
||||||
|
// 设置时间默认值
|
||||||
|
var timeInput = document.querySelector('input[type="time"]');
|
||||||
|
timeInput.value = "10:00";
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
376
HRS/WebContent/jsp/user/reservation_list.jsp
Normal file
376
HRS/WebContent/jsp/user/reservation_list.jsp
Normal file
@@ -0,0 +1,376 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||||
|
<%@ page import="java.util.List, java.text.SimpleDateFormat, com.hrs.model.entity.Reservation, com.hrs.model.entity.House, com.hrs.model.entity.User" %>
|
||||||
|
<%
|
||||||
|
User loginUser = (User) session.getAttribute("loginUser");
|
||||||
|
if (loginUser == null || !"0".equals(loginUser.getRoleType())) {
|
||||||
|
response.sendRedirect(request.getContextPath() + "/user/login");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Reservation> reservationList = (List<Reservation>) request.getAttribute("reservationList");
|
||||||
|
Integer totalCount = (Integer) request.getAttribute("totalCount");
|
||||||
|
String msg = request.getParameter("msg");
|
||||||
|
String error = request.getParameter("error");
|
||||||
|
|
||||||
|
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm");
|
||||||
|
%>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>我的预约 - 租房系统</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, "微软雅黑", sans-serif;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 0;
|
||||||
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:hover, .nav a.active {
|
||||||
|
background-color: #45a049;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
float: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: white;
|
||||||
|
padding: 12px 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #2e7d32;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-message {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #c62828;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
|
animation: fadeOut 3s ease forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; display: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.reservation-table {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
padding: 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #fff3e0;
|
||||||
|
color: #f39c12;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-confirmed {
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-cancelled {
|
||||||
|
background-color: #ffebee;
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-completed {
|
||||||
|
background-color: #e3f2fd;
|
||||||
|
color: #2196F3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-link {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.house-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 4px 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger {
|
||||||
|
background-color: #f44336;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger:hover {
|
||||||
|
background-color: #d32f2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disabled {
|
||||||
|
background-color: #ccc;
|
||||||
|
color: #666;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state p {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container clearfix">
|
||||||
|
<div class="logo">🏠 租房系统</div>
|
||||||
|
<div class="user-info">
|
||||||
|
欢迎，<%= loginUser.getRealName() %> |
|
||||||
|
<a href="${pageContext.request.contextPath}/user/logout" style="color:white;">退出</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/collection/list">我的收藏</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/list" class="active">我的预约</a>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/order/list">我的订单</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/list">首页</a> >
|
||||||
|
<span>我的预约</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if (msg != null && !msg.isEmpty()) { %>
|
||||||
|
<div class="message"><%= msg %></div>
|
||||||
|
<% } %>
|
||||||
|
<% if (error != null && !error.isEmpty()) { %>
|
||||||
|
<div class="error-message"><%= error %></div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="stats">
|
||||||
|
📋 共有 <strong><%= totalCount != null ? totalCount : 0 %></strong> 条预约记录
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="reservation-table">
|
||||||
|
<%
|
||||||
|
if (reservationList != null && !reservationList.isEmpty()) {
|
||||||
|
%>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>房源信息</th>
|
||||||
|
<th>预约时间</th>
|
||||||
|
<th>状态</th>
|
||||||
|
<th>备注</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<%
|
||||||
|
for (Reservation reservation : reservationList) {
|
||||||
|
House house = reservation.getHouse();
|
||||||
|
if (house == null) continue;
|
||||||
|
|
||||||
|
// 安全获取状态值，避免空指针
|
||||||
|
String status = reservation.getStatus();
|
||||||
|
String statusClass = "";
|
||||||
|
String statusText = "";
|
||||||
|
if ("0".equals(status)) {
|
||||||
|
statusClass = "pending";
|
||||||
|
statusText = "待确认";
|
||||||
|
} else if ("1".equals(status)) {
|
||||||
|
statusClass = "confirmed";
|
||||||
|
statusText = "已确认";
|
||||||
|
} else if ("2".equals(status)) {
|
||||||
|
statusClass = "cancelled";
|
||||||
|
statusText = "已取消";
|
||||||
|
} else if ("3".equals(status)) {
|
||||||
|
statusClass = "completed";
|
||||||
|
statusText = "已完成";
|
||||||
|
} else {
|
||||||
|
statusClass = "pending";
|
||||||
|
statusText = "未知";
|
||||||
|
}
|
||||||
|
|
||||||
|
String remark = reservation.getRemark();
|
||||||
|
String remarkDisplay = (remark != null && !remark.trim().isEmpty()) ? remark : "-";
|
||||||
|
|
||||||
|
java.util.Date reserveTime = reservation.getReserveTime();
|
||||||
|
String reserveTimeStr = reserveTime != null ? sdf.format(reserveTime) : "-";
|
||||||
|
%>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/house/detail?id=<%= house.getId() %>" class="house-link">
|
||||||
|
<strong><%= house.getTitle() != null ? house.getTitle() : "未知房源" %></strong>
|
||||||
|
</a><br>
|
||||||
|
<span style="font-size:12px;color:#999;">
|
||||||
|
<%= house.getArea() != null ? house.getArea() : "" %>
|
||||||
|
<%= house.getRentPrice() != null ? "| ¥" + house.getRentPrice() + "/月" : "" %>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td><%= reserveTimeStr %></td>
|
||||||
|
<td>
|
||||||
|
<span class="status-badge status-<%= statusClass %>"><%= statusText %></span>
|
||||||
|
</td>
|
||||||
|
<td style="max-width:200px; overflow:hidden; text-overflow:ellipsis;">
|
||||||
|
<%= remarkDisplay %>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<% if ("0".equals(status)) { %>
|
||||||
|
<a href="${pageContext.request.contextPath}/user/reservation/cancel?id=<%= reservation.getId() %>"
|
||||||
|
class="btn btn-danger"
|
||||||
|
onclick="return confirm('确定要取消这个预约吗？')">取消</a>
|
||||||
|
<% } else { %>
|
||||||
|
<span class="btn btn-disabled">已处理</span>
|
||||||
|
<% } %>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<%
|
||||||
|
} else {
|
||||||
|
%>
|
||||||
|
<div class="empty-state">
|
||||||
|
<div style="font-size: 64px;">📅</div>
|
||||||
|
<p>还没有任何预约记录</p>
|
||||||
|
<p><a href="${pageContext.request.contextPath}/user/house/list">去浏览房源 >></a></p>
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>© 2026 租房系统 | 让租房更简单</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
HRS/WebContent/upload/house/2026-03-31163207.png
Normal file
BIN
HRS/WebContent/upload/house/2026-03-31163207.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 696 KiB |
Reference in New Issue
Block a user