r98/my_apply.html · 约 2060 字符
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,maximum-scale=1,user-scalable=no">
6<title>我的申领</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">用户端 · 林晓</div>
13 <div class="top-r">我的申领</div>
14 </header>
15 <main class="main">
16<div class="seg" style="margin-bottom:12px">
17 <div class="sg on"><button>待审 1</button></div>
18 <div class="sg"><button>已发 2</button></div>
19 <div class="sg"><button>驳回 1</button></div>
20</div>
21<div class="card">
22 <div class="sec-title"><span>📋</span> 申领记录</div>
23 <div class="list"><div class="ico">📄</div><div class="info"><div class="nm">A4 打印纸 ×5</div><div class="sub">2026-07-16 提交 · 用途：季度汇报</div></div><span class="badge b-warn">待审</span></div>
24 <div class="list"><div class="ico">🖊️</div><div class="info"><div class="nm">中性笔（黑）×20</div><div class="sub">2026-07-14 已领 · 领取点：3 楼仓</div></div><span class="badge b-ok">已发</span></div>
25 <div class="list"><div class="ico">🧮</div><div class="info"><div class="nm">桌面计算器 ×1</div><div class="sub">2026-07-12 已领 · 领取点：1 楼仓</div></div><span class="badge b-ok">已发</span></div>
26 <div class="list"><div class="ico">📁</div><div class="info"><div class="nm">文件夹 ×5</div><div class="sub">2026-07-10 驳回 · 原因：本月已超额度</div></div><span class="badge b-danger">驳回</span></div>
27</div>
28</main>
29 <nav class="nav"><a class="" href="index.html"><span class="ic">🏠</span>首页</a><a class="" href="catalog.html"><span class="ic">🗂️</span>目录</a><a class="" href="apply.html"><span class="ic">➕</span>申领</a><a class=" on" href="my_apply.html"><span class="ic">📋</span>记录</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
30</div>
31<script></script>
32</body>
33</html>