需求三点: 1. 观影模块「⚙ 设置」与「记一场电影」按钮高度不一致 → 统一页头动作区 四个选择器的 padding/font-size(.btn 与 .btn-sm 混用是根因);并把设置 下拉推广到观影全部页面(详情/影院/搜索/统计/报告/表单),落在返回按钮旁。 2. 家谱连线「线乱」→ 根因三条:每代各建一个网格(列宽最小值由内容决定, 各代不一致,窄屏实测 93.5px vs 164/78/78/78px);落点用百分比算而 grid 间距不参与百分比;连线行与卡片行不是同一套列。 改法:整棵树只留一个网格,辈分行/卡片行/连线行全是它的行,连线元素本身 也是网格项(靠 justify-self 落位);列宽固定为一卡之宽(不用 minmax/1fr, 否则宽屏卡片中心 ≠ 列中心)。 3. 亲属关系接口改白名单(parent/child/spouse)——原先未知 kind 被静默记成 配偶,夹具传 kind=sibling 让家谱断言长期拿错数据自证。 设置下拉抽成可复用片段 _settings_menu.php($setCurrent 高亮当前页、 $setCanWrite 控「影院管理」显隐),六七个页头不再各抄一份。 验证:e2e 456/0、桌面几何 268/0、移动端几何 504/0、交互 97/0、 家谱连线诊断 0 失败、静态空跑 exit=0、静态断言证伪 13/13、 反向验证 68/68 全抓住。
108 lines
4.5 KiB
PHP
108 lines
4.5 KiB
PHP
<?php
|
|
/**
|
|
* 高级搜索(v11,从 MovieLog search.php 迁入)。
|
|
*
|
|
* 与观影列表页顶部那个「一个关键词搜所有字段」的搜索栏不同:这里是**组合条件**——
|
|
* 片名 / 影院 / 观影人 / 日期范围 可以任意叠加,且观影人、影院是从下拉里点名选。
|
|
* 一个条件都不给时不查询,页面提示「先设置条件」(否则条件全空 = 全表,看着像卡了)。
|
|
*/
|
|
?>
|
|
<div class="page-head">
|
|
<h1>高级搜索</h1>
|
|
<span class="sub">组合多个条件精确查找</span>
|
|
<div class="actions">
|
|
<?php $setCurrent = 'search'; $setCanWrite = \App\Auth::canWrite(); require __DIR__ . '/_settings_menu.php'; ?>
|
|
<a class="btn btn-ghost" href="<?= e(url('movies')) ?>">返回观影</a>
|
|
</div>
|
|
</div>
|
|
|
|
<form method="get" action="index.php" class="card card-pad adv-form">
|
|
<input type="hidden" name="r" value="movies/search">
|
|
<div class="form-grid">
|
|
<div class="field">
|
|
<label for="title">片名</label>
|
|
<input class="input" id="title" name="title" value="<?= e($p['title']) ?>" placeholder="输入片名的一部分即可">
|
|
</div>
|
|
<div class="field">
|
|
<label for="cinema_id">影院</label>
|
|
<select class="select" id="cinema_id" name="cinema_id">
|
|
<option value="0">全部影院</option>
|
|
<?php foreach ($cinemas as $c): ?>
|
|
<option value="<?= (int)$c['id'] ?>" <?= (int)$p['cinema_id'] === (int)$c['id'] ? 'selected' : '' ?>>
|
|
<?= e(trim(((string)($c['place'] ?? '') !== '' ? $c['place'] . ' · ' : '') . $c['name'])) ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="field">
|
|
<label for="person_id">观影人</label>
|
|
<select class="select" id="person_id" name="person_id">
|
|
<option value="0">全部观影人</option>
|
|
<?php foreach ($persons as $pp): ?>
|
|
<option value="<?= (int)$pp['id'] ?>" <?= (int)$p['person_id'] === (int)$pp['id'] ? 'selected' : '' ?>>
|
|
<?= e((string)$pp['name']) ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="field">
|
|
<label>日期范围</label>
|
|
<div class="date-range">
|
|
<input class="input" type="date" name="date_from" value="<?= e($p['date_from']) ?>">
|
|
<span class="to">至</span>
|
|
<input class="input" type="date" name="date_to" value="<?= e($p['date_to']) ?>">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="btn-row">
|
|
<button type="submit" class="btn">搜索</button>
|
|
<a class="btn btn-ghost" href="<?= e(url('movies/search')) ?>">清空条件</a>
|
|
</div>
|
|
</form>
|
|
|
|
<?php if (!$hasCond): ?>
|
|
<div class="card card-pad empty">
|
|
<b>先设置一个条件</b>
|
|
填上片名、挑一家影院、指定某个人,或者框一段日期,再点「搜索」。
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="results-head">
|
|
<h3>搜索结果</h3>
|
|
<span class="sub">共 <?= count($rows) ?> 部</span>
|
|
</div>
|
|
<?php if (!$rows): ?>
|
|
<div class="card card-pad empty">
|
|
<b>没有找到符合条件的电影</b>
|
|
放宽一点条件再试。
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="waterfall">
|
|
<?php foreach ($rows as $mv): ?>
|
|
<a class="movie-card" href="<?= e(url('movies/show', ['id' => (int)$mv['id']])) ?>">
|
|
<span class="card-image">
|
|
<?php if (!empty($mv['poster_key'])): ?>
|
|
<img src="<?= e(media_url($mv['poster_key'])) ?>" alt="<?= e($mv['title']) ?>" loading="lazy">
|
|
<?php else: ?>
|
|
<span class="placeholder-poster">
|
|
<span class="ph-icon" aria-hidden="true">影</span>
|
|
<span class="placeholder-title"><?= e($mv['title']) ?></span>
|
|
</span>
|
|
<?php endif; ?>
|
|
</span>
|
|
<span class="card-body">
|
|
<span class="card-title"><?= e($mv['title']) ?></span>
|
|
<span class="card-meta">
|
|
<span>📅 <?= e(\App\Movie::formatWatch($mv['starts_at'], $mv['ends_at'] ?? null)) ?></span>
|
|
<?php if (!empty($mv['cinema_name'])): ?>
|
|
<span style="color: <?= e((string)($mv['cinema_color'] ?: '#888888')) ?>">🏛️ <?= e($mv['cinema_name']) ?></span>
|
|
<?php endif; ?>
|
|
</span>
|
|
<?php if (!empty($mv['attendee_names'])): ?>
|
|
<span class="card-viewers"><span class="viewer-tag">👥 <?= e($mv['attendee_names']) ?></span></span>
|
|
<?php endif; ?>
|
|
</span>
|
|
</a>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php endif; ?>
|