小草员工管家_H5/recruitment.html · 约 2344 字符
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
11<header class="header"><span class="back"></span><h1>招聘管理</h1><span class="right">➕</span></header>
12<div class="rec-funnel">
13 <div class="rf-title">📉 本月招聘漏斗</div>
14 <div id="funnelList"></div>
15</div>
16<div class="section-title">在招职位 <span>共 18 个</span></div>
17<div id="jobList"></div>
18<div class="section-title">面试安排（今日）</div>
19<div class="card" style="margin-top:0;font-size:12px;color:#5a6a92;line-height:2">
20 🕙 10:00 高级后端工程师 · 张某某（一面 · 技术官）<br/>
21 🕑 14:00 UI 设计师 · 李某某（二面 · 设计总监）<br/>
22 🕓 16:30 大客户销售 · 王某某（终面 · 销售 VP）
23</div>
24
25
26<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>工作台</a><a class="" href="employees.html"><span class="icon">👥</span>员工</a><a class="" href="attendance.html"><span class="icon">🕐</span>考勤</a><a class=" active" href="recruitment.html"><span class="icon">🎯</span>招聘</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
27<script src="data.js"></script>
28<script>
29 var fl = document.getElementById('funnelList');
30 var h = '';
31 window.DATA.funnel.forEach(function (f) {
32 h += '<div class="funnel-row"><span class="fr-label">' + f.label + '</span><div class="fr-bar"><i style="width:' + (f.val / 3.2) + '%"></i></div><span class="fr-val">' + f.val + '</span></div>';
33 });
34 fl.innerHTML = h;
35 var jl = document.getElementById('jobList');
36 var h2 = '';
37 window.DATA.jobs.forEach(function (j) {
38 h2 += '<div class="job-card"><div class="jc-head">' + j.name + ' <span class="st">' + j.status + '</span></div>'
39 + '<div class="jc-meta">' + j.dept + ' · 招聘 ' + j.num + ' 人</div>'
40 + '<div class="jc-meta">' + j.meta + '</div>'
41 + '<div class="jc-foot"><span>📄 简历 32</span><span>🎯 面试 8</span><span>✅ Offer 3</span></div></div>';
42 });
43 jl.innerHTML = h2;
44</script>
45<script src="app.js"></script>
46</body>
47</html>