"lbl">未入职过</div></div>\n<div class="kpi-card c-orange"><div class="val" id="kpiRate">-</div><div class="lbl">入职率</div></div>\n</div>\n<div class="grid2">\n<div class="panel"><h3>&#x1F4CA; 签约状态</h3><div id="statusDist"></div></div>\n<div class="panel"><h3>&#x1F3D9; 城市</h3><div id="cityDist"></div></div>\n</div>\n<div class="grid2" style="margin-bottom:20px">\n<div class="panel"><h3>&#x1F3E2; 一级部门</h3><div id="deptDist"></div></div>\n<div class="panel"><h3>&#x1F3E2; 二级部门</h3><div id="dept2Dist"></div></div>\n</div>\n<div class="panel">\n<div class="tabs">\n<button class="tab active" onclick="switchTab(\'all\')">全部 (<span id="cntAll">0</span>)</button>\n<button class="tab" onclick="switchTab(\'yes\')">曾入职 (<span id="cntYes">0</span>)</button>\n<button class="tab" onclick="switchTab(\'no\')">未入职 (<span id="cntNo">0</span>)</button>\n</div>\n<div class="filter-row">\n<input type="text" id="filterName" placeholder="搜索姓名..." oninput="renderTable()">\n<select id="filterDept" onchange="renderTable()"><option value="">全部一级部门</option></select>\n<select id="filterDept2" onchange="renderTable()"><option value="">全部二级部门</option></select>\n</div>\n<div class="table-wrap"><table><thead><tr><th>序号</th><th>证件号</th><th>姓名</th><th>城市</th><th>签约状态</th><th>入职过</th><th>入职日期</th><th>离职日期</th><th>天数</th><th>一级部门</th><th>二级部门</th></tr></thead><tbody id="detailBody"></tbody></table></div>\n</div>\n</div>\n<script type="application/json" id="embeddedData">\n'+dataJson+'\n<\/script>\n<script>\nvar data = JSON.parse(document.getElementById("embeddedData").textContent.trim());\nvar currentTab = "all";\nfunction pad(n){return n<10?"0"+n:n}\nfunction renderDashboard(){\nvar total=data.length,yes=data.filter(function(r){return r.hasInterned}).length,no=total-yes;\ndocument.getElementById("kpiTotal").textContent=total;\ndocument.getElementById("kpiYes").textContent=yes;\ndocument.getElementById("kpiNo").textContent=no;\ndocument.getElementById("kpiRate").textContent=Math.round(yes/Math.max(1,total)*100)+"%";\ndocument.getElementById("cntAll").textContent=total;\ndocument.getElementById("cntYes").textContent=yes;\ndocument.getElementById("cntNo").textContent=no;\nvar st={},ct={},d1={},d2={};\ndata.forEach(function(r){if(r.status)st[r.status]=(st[r.status]||0)+1;if(r.city)ct[r.city]=(ct[r.city]||0)+1});\ndata.filter(function(r){return r.hasInterned}).forEach(function(r){d1[r.dept1]=(d1[r.dept1]||0)+1;d2[r.dept2]=(d2[r.dept2]||0)+1});\nrenderBar(st,"statusDist",["#0f3460"]);renderBar(ct,"cityDist",["#1a4a80"]);\nrenderBar(d1,"deptDist",["#0f3460","#1a4a80","#2d6cb4"]);renderBar(d2,"dept2Dist",["#16213e","#1a4a80","#2d6cb4"]);\npopulateFilters();\n}\nfunction renderBar(stats,id,colors){\nvar el=document.getElementById(id),entries=Object.entries(stats).sort(function(a,b){return b[1]-a[1]});\nif(!entries.length){el.innerHTML=\'<div style="text-align:center;padding:20px;color:#bbb">暂无</div>\';return}\nvar max=entries[0][1],h="";\nentries.forEach(function(e,i){var pct=Math.round(e[1]/max*100);h+=\'<div class="bar-wrap"><div class="bar-label" title="\'+e[0]+\'">\'+e[0]+\'</div><div class="bar-track"><div class="bar-fill" style="width:\'+pct+\'%;background:\'+(colors[i%colors.length])+\'"></div></div><div class="bar-val">\'+e[1]+\'</div></div>\'});\nel.innerHTML=h;\n}\nfunction populateFilters(){\nvar d1s={},d2s={};\ndata.filter(function(r){return r.hasInterned}).forEach(function(r){d1s[r.dept1]=(d1s[r.dept1]||0)+1;d2s[r.dept2]=(d2s[r.dept2]||0)+1});\nvar s1=document.getElementById("filterDept");s1.innerHTML=\'<option value="">全部一级部门</option>\';Object.keys(d1s).sort().forEach(function(d){s1.innerHTML+=\'<option value="\'+d+\'">\'+d+\'</option>\'});\nvar s2=document.getElementById("filterDept2");s2.innerHTML=\'<option value="">全部二级部门</option>\';Object.keys(d2s).sort().forEach(function(d){s2.innerHTML+=\'<option value="\'+d+\'">\'+d+\'</option>\'});\n}\nfunction switchTab(t){currentTab=t;document.querySelectorAll(".tab").forEach(function(x){x.classList.remove("active")});event.target.classList.add("active");renderTable()}\nfunction renderTable(){\nvar rows=data;\nif(currentTab==="yes")rows=rows.filter(function(r){return r.hasInterned});\nelse if(currentTab==="no")rows=rows.filter(function(r){return !r.hasInterned});\nvar nf=document.getElementById("filterName").value.trim().toLowerCase();\nvar df=document.getElementById("filterDept").value;\nvar d2f=document.getElementById("filterDept2").value;\nif(nf)rows=rows.filter(function(r){return r.name.toLowerCase().includes(nf)});\nif(df)rows=rows.filter(function(r){return r.dept1===df});\nif(d2f)rows=rows.filter(function(r){return r.dept2===d2f});\nvar tbody=document.getElementById("detailBody"),h="";\nrows.forEach(function(r,i){h+=\'<tr><td>\'+(i+1)+\'</td><td style="font-size:11px;font-family:monospace">\'+r.idNo+\'</td><td>\'+r.name+\'</td><td>\'+r.city+\'</td><td><span class="tag tag-status">\'+r.status+\'</span></td><td><span class="tag \'+(r.hasInterned?"tag-yes":"tag-no")+\'">\'+(r.hasInterned?"是":"否")+\'</span></td><td>\'+(r.hireDate||"-")+\'</td><td>\'+(r.leaveDate||"-")+\'</td><td>\'+(r.internDays||"-")+\'</td><td>\'+r.dept1+\'</td><td>\'+r.dept2+\'</td></tr>\'});\nif(!h)h=\'<tr><td colspan="11" style="text-align:center;padding:30px;color:#bbb">无匹配记录</td></tr>\';\ntbody.innerHTML=h;\n}\nrenderDashboard();renderTable();\n<\/script>\n</body>\n</html>\n';
}

function pad(n) { return n < 10 ? '0' + n : n; }

// ====== 看板渲染 ======
function renderDashboard() {
  if (!analysisResults) return;
  var total=analysisResults.length,yes=analysisResults.filter(function(r){return r.hasInterned}).length,no=total-yes;
  document.getElementById('kpiTotal').textContent=total;
  document.getElementById('kpiYes').textContent=yes;
  document.getElementById('kpiNo').textContent=no;
  document.getElementById('kpiRate').textContent=Math.round(yes/Math.max(1,total)*100)+'%';
  document.getElementById('cntAll').textContent=total;
  document.getElementById('cntYes').textContent=yes;
  document.getElementById('cntNo').textContent=no;

  var st={};analysisResults.forEach(function(r){if(r.status)st[r.status]=(st[r.status]||0)+1});
  renderBar(st,'statusDist',['#0f3460']);
  var ct={};analysisResults.forEach(function(r){if(r.city)ct[r.city]=(ct[r.city]||0)+1});
  renderBar(ct,'cityDist',['#1a4a80']);
  var d1={};analysisResults.filter(function(r){return r.hasInterned}).forEach(function(r){d1[r.dept1]=(d1[r.dept1]||0)+1});
  renderBar(d1,'deptDist',['#0f3460','#1a4a80','#2d6cb4']);
  var d2={};analysisResults.filter(function(r){return r.hasInterned}).forEach(function(r){d2[r.dept2]=(d2[r.dept2]||0)+1});
  renderBar(d2,'dept2Dist',['#16213e','#1a4a80','#2d6cb4']);
}

function renderBar(stats,id,colors) {
  var el=document.getElementById(id),entries=Object.entries(stats).sort(function(a,b){return b[1]-a[1]});
  if(!entries.length){el.innerHTML='<div class="empty-state">暂无</div>';return}
  var max=entries[0][1];var h='';
  entries.forEach(function(e,i){var pct=Math.round(e[1]/max*100);h+='<div class="bar-wrap"><div class="bar-label" title="'+e[0]+'">'+e[0]+'</div><div class="bar-track"><div class="bar-fill" style="width:'+pct+'%;background:'+(colors[i%colors.length])+'"></div></div><div class="bar-val">'+e[1]+'</div></div>'});
  el.innerHTML=h;
}

function populateFilters(deptStats,dept2Stats) {
  var s1=document.getElementById('filterDept');s1.innerHTML='<option value="">全部一级部门</option>';Object.keys(deptStats).sort().forEach(function(d){s1.innerHTML+='<option value="'+d+'">'+d+'</option>'});
  var s2=document.getElementById('filterDept2');s2.innerHTML='<option value="">全部二级部门</option>';Object.keys(dept2Stats).sort().forEach(function(d){s2.innerHTML+='<option value="'+d+'">'+d+'</option>'});
}

// ====== 明细 ======
function switchTab(t) {currentTab=t;document.querySelectorAll('.tab').forEach(function(x){x.classList.remove('active')});event.target.classList.add('active');renderTable()}
function renderTable() {
  if (!analysisResults) return;
  var data=analysisResults;
  if(currentTab==='yes')data=data.filter(function(r){return r.hasInterned});else if(currentTab==='no')data=data.filter(function(r){return !r.hasInterned});
  var nf=document.getElementById('filterName').value.trim().toLowerCase();
  var df=document.getElementById('filterDept').value;
  var d2f=document.getElementById('filterDept2').value;
  if(nf)data=data.filter(function(r){return r.name.toLowerCase().includes(nf)});
  if(df)data=data.filter(function(r){return r.dept1===df});
  if(d2f)data=data.filter(function(r){return r.dept2===d2f});
  var tbody=document.getElementById('detailBody');var h='';
  data.forEach(function(r,i){h+='<tr><td>'+(i+1)+'</td><td style="font-size:11px;font-family:monospace">'+r.idNo+'</td><td>'+r.name+'</td><td>'+r.city+'</td><td><span class="tag tag-status">'+r.status+'</span></td><td><span class="tag '+(r.hasInterned?'tag-yes':'tag-no')+'">'+(r.hasInterned?'是':'否')+'</span></td><td>'+(r.hireDate||'-')+'</td><td>'+(r.leaveDate||'-')+'</td><td>'+(r.internDays||'-')+'</td><td>'+r.dept1+'</td><td>'+r.dept2+'</td></tr>'});
  if(!h)h='<tr><td colspan="11" style="text-align:center;padding:30px;color:#bbb">无匹配记录</td></tr>';
  tbody.innerHTML=h;
}

// ====== 导出 ======
function exportExcel() {
  if(!analysisResults)return;
  var ed=analysisResults.map(function(r,i){return {'序号':i+1,'证件号':r.idNo,'姓名':r.name,'城市':r.city,'签约状态':r.status,'是否入职过':r.hasInterned?'是':'否','入职日期':r.hireDate||'-','离职日期':r.leaveDate||'-','实习天数':r.internDays||'','一级部门':r.dept1,'二级部门':r.dept2}});
  var ws=XLSX.utils.json_to_sheet(ed),wb=XLSX.utils.book_new();XLSX.utils.book_append_sheet(wb,ws,'解约明细');XLSX.writeFile(wb,'解约分析明细.xlsx');
}

init();
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"94c79d4d951745d085049dd7f2bbd8f8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>

<script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>


<script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>