From 30ac8b51b5dc11e535bb952402a9051d4e5c70bd Mon Sep 17 00:00:00 2001
From: fuenmao <980740792@qq.com>
Date: Fri, 18 Sep 2026 21:14:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AE=A1=E6=A0=B8=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/biz/onboarding/task/index.vue | 37 ++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/views/biz/onboarding/task/index.vue b/src/views/biz/onboarding/task/index.vue
index a78b984..ff15891 100644
--- a/src/views/biz/onboarding/task/index.vue
+++ b/src/views/biz/onboarding/task/index.vue
@@ -824,7 +824,15 @@
           </el-tab-pane>
 
           <!-- 2. 证件与材料复核画廊 -->
-          <el-tab-pane label="证件与材料复核" name="materials">
+          <el-tab-pane name="materials">
+            <template #label>
+              <span class="tab-label-with-badge">
+                <span>证件与材料复核</span>
+                <span v-if="unreviewedMaterialCount > 0" class="tab-badge-pill">
+                  {{ unreviewedMaterialCount > 99 ? '99+' : unreviewedMaterialCount }}
+                </span>
+              </span>
+            </template>
             <el-empty v-if="!detail.materials || !detail.materials.length" description="候选人尚未上传任何材料" />
             <div v-else class="materials-gallery">
               <div
@@ -1720,6 +1728,12 @@ const detailFamilyList = computed(() => {
   }
 });
 
+const unreviewedMaterialCount = computed(() => {
+  const materials = detail.value?.materials;
+  if (!Array.isArray(materials) || materials.length === 0) return 0;
+  return materials.filter(item => item.reviewStatus !== "passed").length;
+});
+
 const registrationEmployeeFieldCodes = new Set([
   "employeename", "name", "username", "gender", "nation", "birthday", "registeredresidence",
   "height", "weight", "healthcondition", "maritalstatus", "education", "major", "graduatedschool",
@@ -3751,6 +3765,27 @@ onMounted(loadCompanies);
   flex-direction: column;
 }
 
+.tab-label-with-badge {
+  display: inline-flex;
+  align-items: center;
+}
+
+.tab-badge-pill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 18px;
+  min-width: 18px;
+  padding: 0 5px;
+  margin-left: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  color: #ffffff;
+  background-color: var(--el-color-danger, #f56c6c);
+  border-radius: 9px;
+}
+
 :deep(.detail-tabs > .el-tabs__header) {
   flex-shrink: 0;
   margin-bottom: 16px;