catalog.html · 约 3154 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>晨星图书馆 · 图书编目入库</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">管理端</span><span style="margin-left:auto;font-size:12px;opacity:.85">晨星图书馆</span></div>
13 <h1>图书编目入库</h1>
14 <div class="sub">李四 · 馆藏管理员</div>
15</div>
16
17<div class="form">
18 <div class="field"><label>ISBN</label><input placeholder="978-7-XXX-XXXX-X"></div>
19 <div class="field"><label>书名</label><input placeholder="请输入书名"></div>
20 <div class="field"><label>作者</label><input placeholder="请输入作者"></div>
21 <div class="field"><label>出版社</label><input placeholder="请输入出版社"></div>
22 <div class="field"><label>出版年</label><input placeholder="如 2024"></div>
23 <div class="field"><label>分类</label><select><option>文学</option><option>科技</option><option>社科</option><option>其他</option></select></div>
24 <div class="field"><label>索书号</label><input placeholder="如 I247.5/XXX"></div>
25 <div class="field"><label>馆藏地点</label><select><option>文学阅览室</option><option>科技阅览室</option><option>社科阅览室</option></select></div>
26 <div class="field"><label>入库数量</label><input placeholder="如 3" value="3"></div>
27 <div class="field"><label>单价(元)</label><input placeholder="如 59.00"></div>
28</div>
29<button class="btn full" onclick="alert('编目信息已提交（演示）')">确认编目入库</button>
30<div class="section-title"><span>最近入库</span><span class="more">共 3 条</span></div>
31<div class="list"><div class="row">
32 <div class="avatar">📥</div>
33 <div class="info"><div class="t">置身事内</div><div class="s">兰小欢 · F12/LXH</div><div class="s">社科阅览室 · 3 册 · 入库 07-14</div></div>
34 <span class="tag teal">已入库</span>
35</div><div class="row">
36 <div class="avatar">📥</div>
37 <div class="info"><div class="t">代码整洁之道</div><div class="s">Robert C.Martin · TP311/MAR</div><div class="s">科技阅览室 · 2 册 · 入库 07-13</div></div>
38 <span class="tag teal">已入库</span>
39</div><div class="row">
40 <div class="avatar">📥</div>
41 <div class="info"><div class="t">活着</div><div class="s">余华 · I247.5/YH</div><div class="s">文学阅览室 · 5 册 · 入库 07-12</div></div>
42 <span class="tag teal">已入库</span>
43</div></div>
44
45<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏠</span>主页</a><a class="nav-item active" href="catalog.html"><span class="icon">📥</span>编目</a><a class="nav-item" href="circulation.html"><span class="icon">🔄</span>借还</a><a class="nav-item" href="fine.html"><span class="icon">💰</span>罚款</a><a class="nav-item" href="stats.html"><span class="icon">📊</span>报表</a></div>
46<div class="safe-bottom"></div>
47</div>
48</body>
49</html>