From b3c191ee9931d8ff3ef282b6aac4bce4298c957f Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Thu, 12 Nov 2026 13:33:44 +0800
Subject: [PATCH] =?UTF-8?q?fix(web-admin):=20=E5=AE=9E=E9=AA=8C=E5=AE=A4?=
 =?UTF-8?q?=E6=A0=B7=E6=9C=AC=E5=A4=84=E7=90=86=E6=95=B0=E6=8D=AE=20Tab=20?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E6=A0=B7=E6=9C=AC=E6=8E=A5=E6=94=B6=E8=83=B6?=
 =?UTF-8?q?=E5=9B=8A=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

与质检样本接收页共用 panel-pill-tabs，保持质检管理列表页视觉一致。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../lab-sample-process/index.vue              | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/web-admin/src/views/quality-inspection/lab-sample-process/index.vue b/web-admin/src/views/quality-inspection/lab-sample-process/index.vue
index c9f2bb83..03b102c3 100644
--- a/web-admin/src/views/quality-inspection/lab-sample-process/index.vue
+++ b/web-admin/src/views/quality-inspection/lab-sample-process/index.vue
@@ -3,19 +3,23 @@
 <template>
   <div class="page-container">
     <section class="panel">
-      <div class="panel-top">
-        <h2 class="title-bar-heading">实验室样本处理数据</h2>
+      <div class="panel-pill-tabs panel-pill-tabs--lg">
+        <div class="panel-pill-tabs__track" role="tablist">
+          <button
+            v-for="tab in LAB_PROCESS_TABS"
+            :key="tab.key"
+            type="button"
+            role="tab"
+            class="panel-pill-tabs__btn"
+            :class="{ 'is-active': activeTab === tab.key }"
+            :aria-selected="activeTab === tab.key"
+            @click="handleTabChange(tab.key)"
+          >
+            {{ tab.label }}
+          </button>
+        </div>
       </div>
 
-      <el-tabs v-model="activeTab" class="lab-process-tabs" @tab-change="handleTabChange">
-        <el-tab-pane
-          v-for="tab in LAB_PROCESS_TABS"
-          :key="tab.key"
-          :label="tab.label"
-          :name="tab.key"
-        />
-      </el-tabs>
-
       <div class="filter-block">
         <el-form :model="searchForm" class="filter-form" @submit.prevent>
           <div class="filter-grid">
@@ -252,7 +256,9 @@
     handleSearch()
   }
 
-  function handleTabChange() {
+  function handleTabChange(name: LabSampleProcessTabKey) {
+    if (activeTab.value === name) return
+    activeTab.value = name
     pagination.page = 1
     loadData()
   }
@@ -335,10 +341,6 @@
 </script>
 
 <style scoped lang="scss">
-  .lab-process-tabs {
-    margin: 0 0 12px;
-  }
-
   .form-tip {
     margin: 0 0 12px;
     color: var(--mint-text-muted, #6b7280);