| 123456789 |
- <!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><script src="https://cdn.tailwindcss.com"></script><title>我的申请单（员工视角）</title></head><body class='bg-slate-100 text-slate-800'><div class='max-w-7xl mx-auto p-6 space-y-4'><div class='flex items-center justify-between'><h1 class='text-2xl font-bold'>我的申请单（员工视角）</h1><a href='00-原型导航.html' class='text-indigo-600'>返回导航</a></div>
- <div class='grid md:grid-cols-4 gap-4'>
- <div class='bg-white rounded-xl shadow p-4'><p class='text-slate-500 text-sm'>本月申请总数</p><p class='text-2xl font-bold mt-2'>18</p></div>
- <div class='bg-white rounded-xl shadow p-4'><p class='text-slate-500 text-sm'>审批中</p><p class='text-2xl font-bold mt-2 text-amber-600'>5</p></div>
- <div class='bg-white rounded-xl shadow p-4'><p class='text-slate-500 text-sm'>已通过</p><p class='text-2xl font-bold mt-2 text-emerald-600'>10</p></div>
- <div class='bg-white rounded-xl shadow p-4'><p class='text-slate-500 text-sm'>已驳回</p><p class='text-2xl font-bold mt-2 text-rose-600'>3</p></div>
- </div>
- <div class='bg-white rounded-xl shadow p-4'><table class='w-full text-sm'><thead><tr class='border-b text-left'><th class='py-2'>类型</th><th>单号</th><th>金额</th><th>状态</th><th>当前节点</th><th>审批进度</th></tr></thead><tbody><tr class='border-b'><td class='py-2'>备用金</td><td>ADV20260421001</td><td>5000</td><td>审批中</td><td>财务审批</td><td>2/3</td></tr><tr><td class='py-2'>报销</td><td>REI20260420008</td><td>320</td><td>已通过</td><td>-</td><td>3/3</td></tr></tbody></table></div>
- </div></body></html>
|
