r73/fund.html · 约 2346 字符
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="grid" style="margin-bottom:12px">
17 <div class="kpi"><div class="n">¥5200</div><div class="l">可用余额</div></div>
18 <div class="kpi"><div class="n">¥1800</div><div class="l">本月已用</div></div>
19 <div class="kpi"><div class="n">¥1500</div><div class="l">在审金额</div></div>
20 <div class="kpi"><div class="n">2</div><div class="l">待批申请</div></div>
21</div>
22<div class="card">
23 <div class="field"><div class="lab">用途</div><div class="inp">草坪音乐节物料采购</div></div>
24 <div class="field"><div class="lab">申请金额（元）</div><div class="inp">¥1500</div></div>
25 <div class="field"><div class="lab">说明</div>
26 <textarea class="ta">用于横幅、音响租赁与饮品补给，预计参与 200 人。</textarea></div>
27 <a class="btn full" href="fund.html" style="text-decoration:none;text-align:center">提交申请</a>
28</div>
29<div class="card">
30 <div class="sec-title"><span class="em">🧾</span> 申请记录</div>
31 <div class="club"><div class="info"><div class="nm">弹唱会弦具更换 <span class="tag t-blue">¥300</span></div><div class="sub">07-15 提交</div></div><span class="badge b-ok">已通过</span></div>
32 <div class="club"><div class="info"><div class="nm">招新摊位物料 <span class="tag t-blue">¥600</span></div><div class="sub">07-12 提交</div></div><span class="badge b-wait">审批中</span></div>
33 <div class="club"><div class="info"><div class="nm">社团文化衫 <span class="tag t-blue">¥900</span></div><div class="sub">07-10 提交</div></div><span class="badge b-ok">已通过</span></div>
34</div>
35</main>
36 <nav class="nav"><a class="" href="member.html"><span class="ic">👥</span>成员</a><a class="" href="notice.html"><span class="ic">📢</span>通知</a><a class=" on" href="fund.html"><span class="ic">💰</span>经费</a></nav>
37</div>
38<script></script>
39</body>
40</html>