expense.html · 约 2198 字符
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.0, maximum-scale=1.0, user-scalable=no">
6<title>驰旭科技OA · 报销申请</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">员工端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭科技</span></div>
13 <h1>报销申请</h1>
14 <div class="sub">差旅 / 餐饮 / 办公费用报销</div>
15</div>
16
17<div class="form">
18 <div class="field"><label>报销类型</label><select><option>差旅费</option><option>餐饮费</option><option>办公用品</option><option>交通费</option><option>招待费</option></select></div>
19 <div class="field"><label>发生日期</label><input placeholder="如 09-13"></div>
20 <div class="field"><label>报销金额</label><input placeholder="¥ 0.00"></div>
21 <div class="field"><label>费用说明</label><input placeholder="请输入费用说明"></div>
22 <div class="field"><label>发票附件</label><input placeholder="上传发票 / 0 张"></div>
23</div>
24<button class="btn full" onclick="alert('报销申请已提交（演示）')">提交申请</button>
25<div class="section-title"><span>我的报销记录</span><span class="more">共 2 条</span></div>
26<div class="list"><div class="row"><div class="avatar">💰</div><div class="info"><div class="t">差旅费 · 上海客户拜访</div><div class="s">¥1,280.00</div></div><span class="tag wait">审批中</span></div><div class="row"><div class="avatar">💰</div><div class="info"><div class="t">餐饮费 · 团队季度聚餐</div><div class="s">¥860.00</div></div><span class="tag ok">已通过</span></div></div>
27
28<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏠</span>主页</a><a class="nav-item" href="attendance.html"><span class="icon">📍</span>考勤</a><a class="nav-item" href="leave.html"><span class="icon">🌴</span>请假</a><a class="nav-item" href="notice.html"><span class="icon">📢</span>公告</a></div>
29<div class="safe-bottom"></div>
30</div>
31</body>
32</html>