闈㈣瘯缁熻绠＄悊绯荤粺 - 浠〃鐩?/title> <link rel="stylesheet" href="/css/style.css?v=2026082513"> </head> <body> <div class="layout"> <aside class="sidebar"> <div class="brand"><span class="logo">闈?/span>闈㈣瘯缁熻绠＄悊绯荤粺</div> <nav> <a href="/" class="active"><span class="nav-icon">鈻?/span>浠〃鐩?/a> <a href="/records"><span class="nav-icon">鈽?/span>闈㈣瘯璁板綍</a> <a href="/departments"><span class="nav-icon">鈻?/span>閮ㄩ棬缁熻</a> <a href="/turnover"><span class="nav-icon">鈫?/span>绂昏亴鐜囧垎鏋?/a> <a href="/data"><span class="nav-icon">鈬?/span>鏁版嵁瀵煎叆瀵煎嚭</a> </nav> <div class="sidebar-search"> <input type="text" id="global-keyword" placeholder="鏌ヨ锛氬鍚?鐢佃瘽/宀椾綅/閭€绾︿汉/闈㈣瘯瀹? onkeydown="globalSearchEnter(event)"> <button onclick="globalSearch()">鏌ヨ</button> </div> <div class="sidebar-foot">Cloudflare Pages 路 D1 路浜戠 24/7</div> </aside> <main class="main"> <div class="page-header"> <div> <h1><span class="title-dot"></span>浠〃鐩?/h1> <div class="sub">闈㈣瘯鏁版嵁鎬昏涓庢牳蹇冩寚鏍?/div> </div> <div class="filter-bar" style="margin-bottom:0;"> <label>鏈堜唤</label> <select id="f-month"><option value="">鍏ㄩ儴鏈堜唤</option></select> <label>閮ㄩ棬</label> <select id="f-department"><option value="">鍏ㄩ儴閮ㄩ棬</option></select> <button class="btn btn-sm" id="btn-apply">鏌ヨ</button> <a href="/records?add=1" class="btn btn-sm" style="margin-left:8px;">+ 鏂板璁板綍</a> </div> </div> <div class="cards" id="stat-cards"></div> <div class="ring-grid" id="ring-grid"></div> <div class="grid-2"> <div class="panel"> <div class="panel-title"><span id="dept-rank-title">閮ㄩ棬鎺掕</span><span class="hint">鎸夐潰璇曚汉鏁版帓搴忥紝鏄剧ず閫氳繃鐜?/ 鍏ヨ亴鐜?/span></div> <div id="dept-rank"></div> </div> <div class="panel"> <div class="panel-title">绂昏亴鐜囧姣?span class="hint">鎸夊悇閮ㄩ棬 7 澶╃鑱岀巼鍧囧€兼帓搴?/span></div> <div id="dept-turnover7"></div> </div> </div> <div class="panel"> <div class="panel-title">闈㈣瘯瀹樻帓琛?span class="hint">鎸夐潰璇曚汉鏁版帓搴忥紝鏄剧ず閫氳繃鐜?/ 鍏ヨ亴鐜?/ 绂昏亴鐜?/span></div> <div class="table-wrap" style="max-height:420px;overflow:auto;"> <table id="interviewer-table"> <thead> <tr> <th>闈㈣瘯瀹?/th><th class="num">闈㈣瘯浜烘暟</th><th class="num">閫氳繃</th> <th class="num">閫氳繃鐜?/th><th class="num">鍏ヨ亴鏁?/th> <th class="num">鍏ヨ亴鐜?/th><th class="num">绂昏亴鏁?/th><th class="num">绂昏亴鐜?/th> <th class="num">1澶╃鑱岀巼</th><th class="num">3澶╃鑱岀巼</th><th class="num">7澶╃鑱岀巼</th><th class="num">15澶╃鑱岀巼</th><th class="num">30澶╃鑱岀巼</th><th class="num">60澶╃鑱岀巼</th> </tr> </thead> <tbody id="interviewer-tbody"></tbody> </table> </div> </div> </main> </div> <script src="/js/app.js?v=2026082513"></script> <script src="/js/index.js?v=2026082513"></script> </body> </html>