14-全部申请总览.html 1.9 KB

12345678910
  1. <!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>
  2. <div class='grid md:grid-cols-5 gap-4'>
  3. <div class='bg-white rounded-xl shadow p-4'><p class='text-sm text-slate-500'>申请总额</p><p class='text-xl font-bold mt-2'>286,400</p></div>
  4. <div class='bg-white rounded-xl shadow p-4'><p class='text-sm text-slate-500'>备用金已发放</p><p class='text-xl font-bold mt-2'>92,000</p></div>
  5. <div class='bg-white rounded-xl shadow p-4'><p class='text-sm text-slate-500'>备用金被冲抵</p><p class='text-xl font-bold mt-2'>24,500</p></div>
  6. <div class='bg-white rounded-xl shadow p-4'><p class='text-sm text-slate-500'>备用金剩余</p><p class='text-xl font-bold mt-2 text-emerald-600'>67,500</p></div>
  7. <div class='bg-white rounded-xl shadow p-4'><p class='text-sm text-slate-500'>报销已支付</p><p class='text-xl font-bold mt-2'>138,200</p></div>
  8. </div>
  9. <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><th>关联备用金</th></tr></thead><tbody><tr class='border-b'><td class='py-2'>报销</td><td>REI20260418002</td><td>孙七</td><td>1800</td><td>冲抵完成</td><td>冲抵备用金</td><td>ADV20260415001</td></tr><tr><td class='py-2'>备用金</td><td>ADV20260419007</td><td>李四</td><td>8000</td><td>已发放</td><td>-</td><td>-</td></tr></tbody></table></div>
  10. </div></body></html>