💻 代码预览 · 小草员工管家

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"><a class="back" onclick="history.back()">‹</a><h1>薪酬绩效</h1><span class="right"></span></header>
12<div class="sal-sum">
13  <div class="ss-label">2026 年 7 月实发工资</div>
14  <div class="ss-num">¥17,490</div>
15  <div class="ss-row">
16    <div class="ss-cell">应发<br/><b>¥20,360</b></div>
17    <div class="ss-cell">社保公积金<br/><b>-¥2,010</b></div>
18    <div class="ss-cell">个税<br/><b>-¥860</b></div>
19    <div class="ss-cell">绩效系数<br/><b>1.2（S）</b></div>
20  </div>
21</div>
22<div class="section-title">工资条明细</div>
23<div class="card" style="margin-top:0">
24  <table class="sal-table" id="salTable"></table>
25</div>
26<div class="section-title">社保公积金（本月）</div>
27<div class="card" style="margin-top:0;font-size:12px;color:#5a6a92;line-height:2">
28  养老 8% ¥1,160 / 医疗 2%+3 ¥293 / 失业 0.5% ¥72.5 / 公积金 12% ¥1,740<br/>
29  公司缴纳：养老 16% ¥2,320 / 医疗 8.8% ¥1,276 / 公积金 12% ¥1,740
30</div>
31<div class="section-title">绩效记录</div>
32<div class="card" style="margin-top:0" id="perfList"></div>
33
34
35<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="" href="recruitment.html"><span class="icon">🎯</span>招聘</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
36<script src="data.js"></script>
37<script>
38  var st = document.getElementById('salTable');
39  var h = '';
40  window.DATA.salRows.forEach(function (r, i) {
41    var cls = i === 4 || i === 7 ? ' class="total"' : '';
42    h += '<tr' + cls + '><td>' + r[0] + '</td><td>' + r[1] + '</td></tr>';
43  });
44  st.innerHTML = h;
45  var pl = document.getElementById('perfList');
46  var h2 = '';
47  window.DATA.perf.forEach(function (p) {
48    h2 += '<div class="flow-row"><div class="fr-emoji">⭐</div><div class="fr-body"><b>' + p.name + '</b></div><div class="fr-st ' + p.st + '">' + p.score + '</div></div>';
49  });
50  pl.innerHTML = h2;
51</script>
52<script src="app.js"></script>
53</body>
54</html>