feat: improve summary review layout

This commit is contained in:
Codex
2026-06-15 15:11:12 +08:00
parent 6cd1288b18
commit cc46f651dc
3 changed files with 327 additions and 14 deletions
+44 -2
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>管理后台</title>
<link rel="stylesheet" href="/static/styles.css?v=20260615-summary-ingest" />
<link rel="stylesheet" href="/static/styles.css?v=20260615-summary-review-drawer" />
</head>
<body>
<header class="topbar">
@@ -169,6 +169,48 @@
</div>
</section>
<div id="summaryReviewDrawerBackdrop" class="drawer-backdrop" hidden>
<aside class="summary-review-drawer" role="dialog" aria-modal="true" aria-labelledby="summaryReviewDrawerTitle">
<div class="drawer-head">
<div>
<h2 id="summaryReviewDrawerTitle">课程小结详情</h2>
<div id="summaryReviewDrawerMeta" class="drawer-meta"></div>
</div>
<button id="summaryReviewDrawerClose" class="modal-close" type="button">关闭</button>
</div>
<div class="drawer-content">
<div class="drawer-section">
<div class="drawer-label">状态</div>
<div id="summaryReviewDrawerStatus"></div>
</div>
<div class="drawer-section">
<div class="drawer-label">课程信息</div>
<div id="summaryReviewDrawerCourse" class="drawer-text"></div>
</div>
<div class="drawer-section">
<div class="drawer-label">建议登记行</div>
<div id="summaryReviewDrawerLine"></div>
</div>
<div class="drawer-section">
<div class="drawer-label">审核原因</div>
<div id="summaryReviewDrawerReasons" class="drawer-text"></div>
</div>
<div class="drawer-section">
<div class="drawer-label">小结原文</div>
<div id="summaryReviewDrawerBody" class="drawer-body"></div>
</div>
<div class="drawer-section">
<div class="drawer-label">来源</div>
<div id="summaryReviewDrawerSource" class="drawer-text"></div>
</div>
</div>
<div class="drawer-actions">
<button id="summaryReviewDrawerReject" class="secondary-button" type="button">驳回</button>
<button id="summaryReviewDrawerApprove" type="button">批准</button>
</div>
</aside>
</div>
<section id="summarySearchPanel" class="panel admin-panel" hidden>
<div class="section-head">
<h2>课程小结查询</h2>
@@ -267,6 +309,6 @@
</section>
</main>
<script src="/static/admin.js?v=20260615-summary-ingest"></script>
<script src="/static/admin.js?v=20260615-summary-review-drawer"></script>
</body>
</html>