367 lines
13 KiB
PHP
367 lines
13 KiB
PHP
|
<?php
|
||
|
|
// ============================================
|
||
|
|
// 文件: search.php (高级搜索，含观影人)
|
||
|
|
// ============================================
|
||
|
|
|
||
|
|
require_once 'config.php';
|
||
|
|
checkLogin();
|
||
|
|
|
||
|
|
$admin = getCurrentAdmin();
|
||
|
|
$db = getDB();
|
||
|
|
|
||
|
|
// 获取所有影院和观影人（供下拉选择）
|
||
|
|
$cinemas = getCinemas();
|
||
|
|
$stmt = $db->query("SELECT * FROM persons ORDER BY name");
|
||
|
|
$persons = $stmt->fetchAll();
|
||
|
|
|
||
|
|
// 接收搜索参数
|
||
|
|
$params = [
|
||
|
|
'title' => trim($_GET['title'] ?? ''),
|
||
|
|
'cinema_id' => trim($_GET['cinema_id'] ?? ''),
|
||
|
|
'person_id' => trim($_GET['person_id'] ?? ''),
|
||
|
|
'date_from' => trim($_GET['date_from'] ?? ''),
|
||
|
|
'date_to' => trim($_GET['date_to'] ?? ''),
|
||
|
|
];
|
||
|
|
|
||
|
|
// 检查是否有任何条件（排除空值）
|
||
|
|
$has_conditions = false;
|
||
|
|
foreach ($params as $v) {
|
||
|
|
if (!empty($v)) {
|
||
|
|
$has_conditions = true;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$movies = [];
|
||
|
|
if ($has_conditions) {
|
||
|
|
$movies = advancedSearch($params); // 这里已附带观影人信息
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>高级搜索 - 电影日志</title>
|
||
|
|
<link rel="stylesheet" href="css/style.css">
|
||
|
|
<style>
|
||
|
|
.search-container {
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.search-card {
|
||
|
|
background: var(--card-bg);
|
||
|
|
border-radius: 16px;
|
||
|
|
padding: 28px 32px;
|
||
|
|
box-shadow: var(--shadow);
|
||
|
|
margin-bottom: 24px;
|
||
|
|
}
|
||
|
|
.search-card h2 {
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: 700;
|
||
|
|
margin: 0 0 8px;
|
||
|
|
color: var(--text-primary);
|
||
|
|
}
|
||
|
|
.search-card .sub {
|
||
|
|
color: var(--text-secondary);
|
||
|
|
font-size: 14px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.form-row {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
gap: 16px 24px;
|
||
|
|
}
|
||
|
|
.form-group {
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
|
|
.form-group label {
|
||
|
|
display: block;
|
||
|
|
font-weight: 600;
|
||
|
|
font-size: 14px;
|
||
|
|
color: var(--text-primary);
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
.form-group input, .form-group select {
|
||
|
|
width: 100%;
|
||
|
|
padding: 10px 14px;
|
||
|
|
border: 1px solid var(--border-color);
|
||
|
|
border-radius: 8px;
|
||
|
|
font-size: 15px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
transition: border-color 0.2s;
|
||
|
|
background: var(--input-bg);
|
||
|
|
color: var(--text-primary);
|
||
|
|
}
|
||
|
|
.form-group input:focus, .form-group select:focus {
|
||
|
|
outline: none;
|
||
|
|
border-color: var(--primary);
|
||
|
|
box-shadow: 0 0 0 4px rgba(230,126,34,0.12);
|
||
|
|
}
|
||
|
|
.form-actions {
|
||
|
|
display: flex;
|
||
|
|
gap: 12px;
|
||
|
|
margin-top: 8px;
|
||
|
|
}
|
||
|
|
.form-actions .btn {
|
||
|
|
padding: 10px 28px;
|
||
|
|
}
|
||
|
|
.btn-secondary {
|
||
|
|
background: var(--bg-secondary);
|
||
|
|
color: var(--text-primary);
|
||
|
|
border: 1px solid var(--border-color);
|
||
|
|
}
|
||
|
|
.btn-secondary:hover {
|
||
|
|
background: var(--border-color);
|
||
|
|
}
|
||
|
|
.results-header {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 10px;
|
||
|
|
}
|
||
|
|
.results-header h3 {
|
||
|
|
margin: 0;
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
.results-header .count {
|
||
|
|
color: var(--text-secondary);
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.waterfall {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||
|
|
gap: 20px;
|
||
|
|
}
|
||
|
|
.movie-card {
|
||
|
|
background: var(--card-bg);
|
||
|
|
border-radius: var(--radius-lg);
|
||
|
|
overflow: hidden;
|
||
|
|
box-shadow: var(--shadow);
|
||
|
|
cursor: pointer;
|
||
|
|
transition: var(--transition);
|
||
|
|
border: 1px solid var(--border-color);
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.movie-card:hover {
|
||
|
|
transform: translateY(-6px);
|
||
|
|
box-shadow: var(--shadow-hover);
|
||
|
|
border-color: var(--primary-light);
|
||
|
|
}
|
||
|
|
.card-image {
|
||
|
|
width: 100%;
|
||
|
|
aspect-ratio: 2/3;
|
||
|
|
background: var(--bg-secondary);
|
||
|
|
overflow: hidden;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
.card-image img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
object-fit: cover;
|
||
|
|
transition: transform 0.4s ease;
|
||
|
|
}
|
||
|
|
.movie-card:hover .card-image img {
|
||
|
|
transform: scale(1.03);
|
||
|
|
}
|
||
|
|
.placeholder-poster {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
background: linear-gradient(135deg, #2d2d44, #1a1a2e);
|
||
|
|
color: rgba(255,255,255,0.5);
|
||
|
|
font-size: 42px;
|
||
|
|
gap: 6px;
|
||
|
|
}
|
||
|
|
.placeholder-poster .placeholder-title {
|
||
|
|
font-size: 14px;
|
||
|
|
text-align: center;
|
||
|
|
padding: 0 12px;
|
||
|
|
color: rgba(255,255,255,0.7);
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.card-body {
|
||
|
|
padding: 14px 16px 16px;
|
||
|
|
flex: 1;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.card-title {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 600;
|
||
|
|
margin: 0 0 4px;
|
||
|
|
color: var(--text-primary);
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.card-meta {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 8px 14px;
|
||
|
|
font-size: 13px;
|
||
|
|
color: var(--text-secondary);
|
||
|
|
}
|
||
|
|
.card-meta span {
|
||
|
|
display: inline-flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 3px;
|
||
|
|
}
|
||
|
|
.empty-state {
|
||
|
|
text-align: center;
|
||
|
|
padding: 60px 20px;
|
||
|
|
color: var(--text-secondary);
|
||
|
|
}
|
||
|
|
.empty-state .empty-icon {
|
||
|
|
font-size: 48px;
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.form-row {
|
||
|
|
grid-template-columns: 1fr;
|
||
|
|
}
|
||
|
|
.search-card {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.waterfall {
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
||
|
|
gap: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 480px) {
|
||
|
|
.waterfall {
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
gap: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<?php include 'nav.php'; ?>
|
||
|
|
|
||
|
|
<main class="main-content">
|
||
|
|
<div class="search-container">
|
||
|
|
<!-- 搜索表单 -->
|
||
|
|
<div class="search-card">
|
||
|
|
<h2>🔍 高级搜索</h2>
|
||
|
|
<p class="sub">组合多个条件精确查找电影</p>
|
||
|
|
<form method="GET" action="">
|
||
|
|
<div class="form-row">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>电影名称</label>
|
||
|
|
<input type="text" name="title" placeholder="输入电影名称" value="<?= h($params['title']) ?>">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label>影院</label>
|
||
|
|
<select name="cinema_id">
|
||
|
|
<option value="">-- 全部 --</option>
|
||
|
|
<?php foreach ($cinemas as $c): ?>
|
||
|
|
<option value="<?= $c['id'] ?>" <?= ($params['cinema_id'] == $c['id']) ? 'selected' : '' ?>>
|
||
|
|
<?= h($c['place']) ?> · <?= h($c['name']) ?>
|
||
|
|
</option>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label>观影人</label>
|
||
|
|
<select name="person_id">
|
||
|
|
<option value="">-- 全部 --</option>
|
||
|
|
<?php foreach ($persons as $p): ?>
|
||
|
|
<option value="<?= $p['id'] ?>" <?= ($params['person_id'] == $p['id']) ? 'selected' : '' ?>>
|
||
|
|
<?= h($p['name']) ?>
|
||
|
|
</option>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label>日期范围</label>
|
||
|
|
<div style="display: flex; gap: 8px; align-items: center;">
|
||
|
|
<input type="date" name="date_from" value="<?= h($params['date_from']) ?>" style="flex:1;">
|
||
|
|
<span style="color: var(--text-secondary);">至</span>
|
||
|
|
<input type="date" name="date_to" value="<?= h($params['date_to']) ?>" style="flex:1;">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-actions">
|
||
|
|
<button type="submit" class="btn btn-primary">🔍 搜索</button>
|
||
|
|
<a href="search.php" class="btn btn-secondary">清空条件</a>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 搜索结果 -->
|
||
|
|
<?php if ($has_conditions): ?>
|
||
|
|
<div class="results-header">
|
||
|
|
<h3>搜索结果</h3>
|
||
|
|
<span class="count">共 <?= count($movies) ?> 部</span>
|
||
|
|
</div>
|
||
|
|
<?php if (empty($movies)): ?>
|
||
|
|
<div class="empty-state">
|
||
|
|
<span class="empty-icon">😕</span>
|
||
|
|
<p>没有找到符合条件的结果</p>
|
||
|
|
</div>
|
||
|
|
<?php else: ?>
|
||
|
|
<div class="waterfall">
|
||
|
|
<?php foreach ($movies as $movie): ?>
|
||
|
|
<div class="movie-card" onclick="location.href='detail.php?id=<?= $movie['id'] ?>'">
|
||
|
|
<div class="card-image">
|
||
|
|
<?php
|
||
|
|
$poster = posterUrl($movie['poster_path']);
|
||
|
|
if (strpos($poster, 'placeholder') !== false):
|
||
|
|
?>
|
||
|
|
<div class="placeholder-poster">
|
||
|
|
<span>🎬</span>
|
||
|
|
<span class="placeholder-title"><?= h($movie['title']) ?></span>
|
||
|
|
</div>
|
||
|
|
<?php else: ?>
|
||
|
|
<img src="<?= $poster ?>" alt="<?= h($movie['title']) ?>" loading="lazy">
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<h3 class="card-title"><?= h($movie['title']) ?></h3>
|
||
|
|
<div class="card-meta">
|
||
|
|
<span>📅 <?= $movie['watch_date'] ? date('Y年m月d日', strtotime($movie['watch_date'])) : '日期待补' ?></span>
|
||
|
|
<?php if ($movie['cinema_name']): ?>
|
||
|
|
<span style="color: <?= h($movie['cinema_color'] ?? '#888888') ?>;">
|
||
|
|
🏛️ <?= h($movie['cinema_name']) ?>
|
||
|
|
</span>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
<!-- 观影人 -->
|
||
|
|
<?php if (!empty($movie['viewers'])): ?>
|
||
|
|
<div style="margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px 8px;">
|
||
|
|
<?php foreach ($movie['viewers'] as $viewer): ?>
|
||
|
|
<span style="font-size: 12px; color: <?= h($viewer['color'] ?: '#888888') ?>;">
|
||
|
|
👤 <?= h($viewer['name']) ?>
|
||
|
|
</span>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</div>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</div>
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php else: ?>
|
||
|
|
<div class="empty-state" style="padding: 40px 20px;">
|
||
|
|
<span class="empty-icon">🔎</span>
|
||
|
|
<p>设置搜索条件后点击“搜索”</p>
|
||
|
|
</div>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script src="js/main.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|