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);