feat: 完成23项系统优化 - 花名册社保状态列/身份证复制/附件类型扩展, 用工办理姓名检索/直接提交/文书查看/批量证明, 风险中心跳转筛选+批量处理, 日历7/15/35天分组+逾期统计, 考勤单条编辑+按人导出, 工资条查看状态+工资流水导出, 辞职申请附件上传, 交接清单PDF下载, 操作完成下一步引导, 休假审批入口, 人效成本分部门

frontend/src/pages/SocialInsurance.tsx

@@ -346,12 +346,12 @@ export default function SocialInsurance() {
         <div className="flex items-center gap-2">
           <Calculator className="h-5 w-5 text-primary" />
           <div>
-            <h1 className="text-base font-semibold">社保公积金</h1>
-            <p className="mt-1 text-sm text-gray-500">维护社保与公积金缴费基数、版本及月度记录</p>
+            <h1 className="text-base font-semibold">社公商保</h1>
+            <p className="mt-1 text-sm text-gray-500">维护社保、公积金、商业保险缴费基数、版本及月度记录</p>
           </div>
         </div>
         <div className="flex gap-2">
-          {tab !== 'monthly' && (
+          {(tab === 'social' || tab === 'housing') && (
             <>
               <Button variant="secondary" size="sm" onClick={() => setShowVersions(!showVersions)}>
                 <History className="w-4 h-4 mr-1" />
@@ -531,7 +531,7 @@ export default function SocialInsurance() {
       )}
 
       {/* 调整预览 */}
-      {tab !== 'monthly' && showAdjust && adjustData && (
+      {(tab === 'social' || tab === 'housing') && showAdjust && adjustData && (
         <Card>
           <h3 className="text-sm font-medium mb-3 flex items-center gap-2">
             <SettingsIcon className="w-4 h-4" />员工{isHousing ? '公积金' : '社保'}基数调整
@@ -617,7 +617,7 @@ export default function SocialInsurance() {
       )}
 
       {/* 版本历史 */}
-      {tab !== 'monthly' && showVersions && (
+      {(tab === 'social' || tab === 'housing') && showVersions && (
         <Card>
           <h3 className="text-xs font-medium mb-3 flex items-center gap-2"><History className="w-4 h-4" />{isHousing ? '公积金' : '社保'}版本历史</h3>
           {!activeVersions || activeVersions.length === 0 ? (
@@ -674,7 +674,7 @@ export default function SocialInsurance() {
       )}
 
       {/* 新建版本 */}
-      {tab !== 'monthly' && showNewVersion && (
+      {(tab === 'social' || tab === 'housing') && showNewVersion && (
         <Card>
           <h3 className="text-xs font-medium mb-3 flex items-center gap-2"><Plus className="w-4 h-4" />新建{isHousing ? '公积金' : '社保'}配置版本</h3>
           <div className="space-y-3">
@@ -918,7 +918,7 @@ export default function SocialInsurance() {
       {tab === 'monthly' && (
         <div className="space-y-3">
           <PageGuide>
-            月度办理用于按月获取社保增减员名单并完成办理。流程：①选择月份点击「获取」→ ②系统自动汇总新增、减员、正常缴费人员 → ③确认无误后点击「完成办理」保存记录。办理完成后自动更新员工社保状态。
+            月度办理用于按月获取社保增减员名单并完成办理。流程：①选择月份点击「获取」→ ②系统自动汇总新增、减员、正常缴费人员 → ③确认无误后点击「完成办理」保存记录。办理完成后自动更新员工社保状态。关联：社保基数影响「薪税管理」的工资计算；离职员工的社保截止请在「离职管理」中确认。
           </PageGuide>
         <Card>
           <div className="flex items-center justify-between mb-3">
@@ -1149,9 +1149,9 @@ export default function SocialInsurance() {
       )}
 
       {/* ========== 商险管理 Tab ========== */}
-      {tab === 'commercial' && (
+      <div className={tab === 'commercial' ? '' : 'hidden'}>
         <CommercialInsuranceTab />
-      )}
+      </div>
 
     </div>
   )