79 lines
3.3 KiB
PHP
79 lines
3.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Bird 档案综合管理中心</title>
|
|
<style>
|
|
:root {
|
|
--primary-color: #0052cc;
|
|
--text-title: #172b4d;
|
|
--text-body: #42526e;
|
|
--border-color: #dfe1e6;
|
|
}
|
|
body { background-color: #f4f5f7; font-family: -apple-system, sans-serif; color: var(--text-body); padding: 40px 20px; }
|
|
.list-container { max-width: 1000px; margin: 0 auto; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(23,43,77,0.05); border: 1px solid var(--border-color); overflow: hidden; }
|
|
.list-header { background: #172b4d; color: #fff; padding: 24px 32px; display: flex; justify-content: space-between; align-items: center; }
|
|
.list-header h2 { margin: 0; font-size: 20px; }
|
|
|
|
/* 高端按钮 */
|
|
.btn-add { background: var(--primary-color); color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 6px; font-weight: 600; font-size: 14px; transition: background 0.15s; }
|
|
.btn-add:hover { background: #0040a3; }
|
|
|
|
/* 工业标准数据表格 */
|
|
.data-table { width: 100%; border-collapse: collapse; text-align: left; }
|
|
.data-table th, .data-table td { padding: 16px 32px; border-bottom: 1px solid var(--border-color); font-size: 14px; }
|
|
.data-table th { background: #fafbfc; color: var(--text-title); font-weight: 600; }
|
|
.data-table tr:hover { background: #f4f5f7; }
|
|
|
|
.action-link { color: var(--primary-color); text-decoration: none; font-weight: 600; }
|
|
.action-link:hover { text-decoration: underline; }
|
|
|
|
/* 分页器外壳 */
|
|
.pagination-wrapper { padding: 20px 32px; background: #fafbfc; border-top: 1px solid var(--border-color); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="list-container">
|
|
<div class="list-header">
|
|
<h2>📋 Bird 数据库中心仓 (Index Dashboard)</h2>
|
|
<a href="/birds/create" class="btn-add">+ 录入新物种档案</a>
|
|
</div>
|
|
|
|
<table class="data-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 10%;">系统 ID</th>
|
|
<th style="width: 50%;">物种标准名称 (Title)</th>
|
|
<th style="width: 25%;">录入时间</th>
|
|
<th style="width: 15%;">数据审计</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($cBirdList as $oBird)
|
|
<tr>
|
|
<td><code>#{{ $oBird->id }}</code></td>
|
|
<td style="font-weight: 600; color: var(--text-title);">{{ $oBird->title }}</td>
|
|
<td>{{ $oBird->created_at->format('Y-m-d H:i') }}</td>
|
|
<td>
|
|
<a href="/birds/{{ $oBird->id }}" class="action-link">查看详情 →</a>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="4" style="text-align: center; color: #7a869a; padding: 40px;">
|
|
暂无数据，请点击右上角录入新物种档案。
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="pagination-wrapper">
|
|
{{ $cBirdList->links() }}
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|