flow.html · 约 2904 字符
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="section-title"><span>审批流程模板</span><span class="more">共 4 条</span></div>
18<div class="list"><div class="row">
19 <div class="avatar">⚙️</div>
20 <div class="info"><div class="t">请假审批</div><div class="s">发起 → 部门经理 → 总经理 → 人事备案</div></div>
21 <div style="display:flex;flex-direction:column;gap:6px;align-items:flex-end">
22 <span class="tag ok">启用</span>
23 <span class="btn line">编辑</span>
24 </div>
25</div><div class="row">
26 <div class="avatar">⚙️</div>
27 <div class="info"><div class="t">报销审批</div><div class="s">发起 → 部门经理 → 财务复核 → 出纳付款</div></div>
28 <div style="display:flex;flex-direction:column;gap:6px;align-items:flex-end">
29 <span class="tag ok">启用</span>
30 <span class="btn line">编辑</span>
31 </div>
32</div><div class="row">
33 <div class="avatar">⚙️</div>
34 <div class="info"><div class="t">采购审批</div><div class="s">发起 → 部门经理 → 总经理 → 财务</div></div>
35 <div style="display:flex;flex-direction:column;gap:6px;align-items:flex-end">
36 <span class="tag ok">启用</span>
37 <span class="btn line">编辑</span>
38 </div>
39</div><div class="row">
40 <div class="avatar">⚙️</div>
41 <div class="info"><div class="t">加班审批</div><div class="s">发起 → 部门经理 → 人事</div></div>
42 <div style="display:flex;flex-direction:column;gap:6px;align-items:flex-end">
43 <span class="tag gray">停用</span>
44 <span class="btn line">编辑</span>
45 </div>
46</div></div>
47<div class="banner">
48 <div><div class="lab">流程节点说明</div><div style="font-size:13px;margin-top:4px;opacity:.95">发起 → 审批人逐级处理 → 抄送备案，可自定义节点与条件分支。</div></div>
49</div>
50<button class="btn full" onclick="alert('新建流程模板（演示）')">+ 新建流程模板</button>
51
52<div class="bottom-nav"><a class="nav-item" href="approve.html"><span class="icon">✅</span>审批</a><a class="nav-item" href="org.html"><span class="icon">🏢</span>组织</a><a class="nav-item" href="role.html"><span class="icon">🔐</span>权限</a><a class="nav-item active" href="flow.html"><span class="icon">⚙️</span>流程</a></div>
53<div class="safe-bottom"></div>
54</div>
55</body>
56</html>