From ceda34fd1d8800e1ab98b0b6a3f072d2439f3705 Mon Sep 17 00:00:00 2001
From: Cheng Zhou <zhoucheng857@gmail.com>
Date: Tue, 31 Mar 2026 12:16:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E6=A0=8F=E7=A9=BA=E5=85=B3=E8=81=94=E5=91=8A=E8=AD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Register.vue               | 19 ++++++++++--
 frontend/src/views/admin/AuditLogs.vue        | 16 +++++-----
 frontend/src/views/admin/Users.vue            | 12 ++++----
 frontend/src/views/documents/DocumentList.vue | 16 +++++-----
 frontend/src/views/fees/ContractFees.vue      |  4 +--
 frontend/src/views/fees/SpecialExpenses.vue   |  6 ++--
 frontend/src/views/ia/DrugShipments.vue       |  6 ++--
 frontend/src/views/ia/FinanceContracts.vue    | 12 ++++----
 frontend/src/views/ia/FinanceSpecial.vue      | 12 ++++----
 frontend/src/views/ia/KnowledgeNotes.vue      |  4 +--
 .../views/ia/RiskIssueMonitoringVisits.vue    | 30 ++++++++++++++-----
 frontend/src/views/ia/RiskIssuePd.vue         | 16 +++++-----
 frontend/src/views/ia/RiskIssueSae.vue        | 24 +++++++--------
 frontend/src/views/ia/SubjectManagement.vue   | 16 +++++-----
 14 files changed, 110 insertions(+), 83 deletions(-)

diff --git a/frontend/src/views/Register.vue b/frontend/src/views/Register.vue
index 37cb7097..b5fcaef4 100644
--- a/frontend/src/views/Register.vue
+++ b/frontend/src/views/Register.vue
@@ -204,7 +204,10 @@
                 <input v-model="form.agreeTerms" type="checkbox" class="checkbox-input" />
                 <span class="checkbox-custom"></span>
                 <span class="checkbox-label">
-                  我同意 <a href="#" class="link" @click.prevent>服务条款</a> 和 <a href="#" class="link" @click.prevent>隐私政策</a>
+                  我同意
+                  <button type="button" class="link link-button">服务条款</button>
+                  和
+                  <button type="button" class="link link-button">隐私政策</button>
                 </span>
               </label>
               <span v-if="errors.agreeTerms" class="error-text">{{ errors.agreeTerms }}</span>
@@ -280,9 +283,9 @@
             <RouterLink to="/login" class="footer-link">{{ TEXT.common.actions.login }}</RouterLink>
           </p>
           <div class="footer-links">
-            <a href="#" class="footer-small-link">帮助中心</a>
+            <button type="button" class="footer-small-link footer-link-button">帮助中心</button>
             <span class="footer-divider">•</span>
-            <a href="#" class="footer-small-link">联系支持</a>
+            <button type="button" class="footer-small-link footer-link-button">联系支持</button>
           </div>
         </div>
       </div>
@@ -936,6 +939,16 @@ const handleSubmit = async () => {
   transition: opacity 0.2s ease;
 }
 
+.link-button,
+.footer-link-button {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  font: inherit;
+  line-height: inherit;
+  cursor: pointer;
+}
+
 .link:hover {
   opacity: 0.8;
 }
diff --git a/frontend/src/views/admin/AuditLogs.vue b/frontend/src/views/admin/AuditLogs.vue
index 63bdf706..d05f074d 100644
--- a/frontend/src/views/admin/AuditLogs.vue
+++ b/frontend/src/views/admin/AuditLogs.vue
@@ -3,7 +3,7 @@
     <div class="main-content-flat unified-shell">
       <div class="audit-toolbar">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <div class="filter-item-form">
             <el-select
               v-model="filters.eventType"
               clearable
@@ -13,8 +13,8 @@
             >
               <el-option v-for="opt in eventTypeOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select
               v-model="filters.operatorId"
               clearable
@@ -25,14 +25,14 @@
             >
               <el-option v-for="u in userOptions" :key="u.value" :label="u.label" :value="u.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.result" clearable :placeholder="TEXT.modules.adminAuditLogs.filterResult" @change="onLocalFilterChange" class="filter-select-result">
               <el-option :label="TEXT.audit.resultSuccess" value="SUCCESS" />
               <el-option :label="TEXT.audit.resultFail" value="FAIL" />
             </el-select>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-date-picker
               v-model="filters.range"
               type="daterange"
@@ -44,7 +44,7 @@
               class="date-range-picker-comp"
               @change="onLocalFilterChange"
             />
-          </el-form-item>
+          </div>
           <div class="filter-spacer"></div>
           <el-dropdown trigger="click" @command="handleExportCommand" class="audit-export-dropdown">
             <el-button plain class="audit-export-btn" :loading="exportLoading">
diff --git a/frontend/src/views/admin/Users.vue b/frontend/src/views/admin/Users.vue
index 6b85373f..c07274ca 100644
--- a/frontend/src/views/admin/Users.vue
+++ b/frontend/src/views/admin/Users.vue
@@ -3,25 +3,25 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar">
         <div class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <div class="filter-item-form">
             <el-input 
               v-model="searchKeyword" 
               :placeholder="TEXT.common.placeholders.keyword" 
               clearable 
               class="filter-input-comp"
             />
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="statusFilter" :placeholder="TEXT.common.fields.status" style="width: 140px" clearable class="filter-select-comp" @change="loadUsers">
               <el-option :label="TEXT.enums.userStatus.PENDING" value="PENDING" />
               <el-option :label="TEXT.enums.userStatus.ACTIVE" value="ACTIVE" />
               <el-option :label="TEXT.enums.userStatus.REJECTED" value="REJECTED" />
               <el-option :label="TEXT.enums.userStatus.DISABLED" value="DISABLED" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-button @click="loadUsers">{{ TEXT.common.actions.search }}</el-button>
-          </el-form-item>
+          </div>
           <div class="filter-spacer"></div>
           <el-button type="primary" @click="openCreate">{{ TEXT.common.actions.add }}{{ TEXT.modules.adminUsers.userLabel }}</el-button>
         </div>
diff --git a/frontend/src/views/documents/DocumentList.vue b/frontend/src/views/documents/DocumentList.vue
index 0861b70d..449fbb1e 100644
--- a/frontend/src/views/documents/DocumentList.vue
+++ b/frontend/src/views/documents/DocumentList.vue
@@ -3,24 +3,24 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <div class="filter-item-form">
             <el-select v-model="filters.scope_type" :placeholder="TEXT.modules.fileVersionManagement.filters.scope" clearable class="filter-select-comp">
               <el-option v-for="item in scopeOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.site_id" :placeholder="TEXT.modules.fileVersionManagement.filters.site" clearable filterable class="filter-select-comp">
               <el-option v-for="item in siteOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.doc_type" :placeholder="TEXT.modules.fileVersionManagement.filters.docType" clearable class="filter-select-comp">
               <el-option v-for="item in docTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-          </el-form-item>
+          </div>
           <div class="filter-spacer"></div>
           <el-button type="primary" @click="openCreate" class="header-action-btn">
             <el-icon class="el-icon--left"><Plus /></el-icon>
diff --git a/frontend/src/views/fees/ContractFees.vue b/frontend/src/views/fees/ContractFees.vue
index f8ee862a..ef36350e 100644
--- a/frontend/src/views/fees/ContractFees.vue
+++ b/frontend/src/views/fees/ContractFees.vue
@@ -56,7 +56,7 @@
     <div class="main-content-flat unified-shell" v-else>
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-select v-model="filters.centerId" clearable :placeholder="TEXT.common.fields.site" class="filter-select">
               <template #prefix>
                 <el-icon><Location /></el-icon>
@@ -69,7 +69,7 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-input v-model="filters.q" :placeholder="TEXT.common.placeholders.keyword" clearable class="filter-input">
                <template #prefix>
                 <el-icon><Search /></el-icon>
diff --git a/frontend/src/views/fees/SpecialExpenses.vue b/frontend/src/views/fees/SpecialExpenses.vue
index f1ba6c37..a0a68fd3 100644
--- a/frontend/src/views/fees/SpecialExpenses.vue
+++ b/frontend/src/views/fees/SpecialExpenses.vue
@@ -55,7 +55,7 @@
     <div class="main-content-flat unified-shell" v-else>
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-select v-model="filters.centerId" clearable :placeholder="TEXT.common.fields.site" class="filter-select">
               <template #prefix>
                 <el-icon><Location /></el-icon>
@@ -68,7 +68,7 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-select v-model="filters.category" clearable :placeholder="TEXT.common.fields.category" class="filter-select">
               <template #prefix>
                 <el-icon><Menu /></el-icon>
@@ -76,7 +76,7 @@
               <el-option v-for="option in categoryOptions" :key="option.value" :label="option.label" :value="option.value" />
             </el-select>
           </el-form-item>
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-date-picker
               v-model="filters.dateRange"
               type="daterange"
diff --git a/frontend/src/views/ia/DrugShipments.vue b/frontend/src/views/ia/DrugShipments.vue
index 8bbbd5d4..ce1055d7 100644
--- a/frontend/src/views/ia/DrugShipments.vue
+++ b/frontend/src/views/ia/DrugShipments.vue
@@ -4,7 +4,7 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-select v-model="filters.center_id" clearable :placeholder="TEXT.common.fields.site" class="filter-select">
               <template #prefix>
                 <el-icon><Location /></el-icon>
@@ -17,7 +17,7 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-select v-model="filters.direction" clearable :placeholder="TEXT.common.fields.direction" class="filter-select">
               <template #prefix>
                 <el-icon><Menu /></el-icon>
@@ -26,7 +26,7 @@
               <el-option :label="TEXT.enums.shipmentDirection.RETURN" value="RETURN" />
             </el-select>
           </el-form-item>
-          <el-form-item label="" class="filter-item">
+          <el-form-item class="filter-item">
             <el-select v-model="filters.status" clearable :placeholder="TEXT.common.fields.status" class="filter-select">
               <template #prefix>
                 <el-icon><CircleCheck /></el-icon>
diff --git a/frontend/src/views/ia/FinanceContracts.vue b/frontend/src/views/ia/FinanceContracts.vue
index 6aa9af89..cc59ac0f 100644
--- a/frontend/src/views/ia/FinanceContracts.vue
+++ b/frontend/src/views/ia/FinanceContracts.vue
@@ -3,25 +3,25 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <div class="filter-item-form">
             <el-input 
               v-model="filters.site_name" 
               :placeholder="TEXT.common.fields.site" 
               clearable 
               class="filter-input-comp"
             />
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-input 
               v-model="filters.contract_no" 
               :placeholder="TEXT.common.fields.contractNo" 
               clearable 
               class="filter-input-comp"
             />
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-          </el-form-item>
+          </div>
           <div class="filter-spacer"></div>
           <el-button type="primary" @click="goNew">
             {{ TEXT.modules.financeContracts.newTitle }}
diff --git a/frontend/src/views/ia/FinanceSpecial.vue b/frontend/src/views/ia/FinanceSpecial.vue
index 279a29d7..137f366c 100644
--- a/frontend/src/views/ia/FinanceSpecial.vue
+++ b/frontend/src/views/ia/FinanceSpecial.vue
@@ -3,15 +3,15 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <div class="filter-item-form">
             <el-input 
               v-model="filters.site_name" 
               :placeholder="TEXT.common.fields.site" 
               clearable 
               class="filter-input-comp"
             />
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select 
               v-model="filters.fee_type" 
               :placeholder="TEXT.common.fields.type" 
@@ -23,10 +23,10 @@
               <el-option :label="TEXT.enums.financeSpecialType.TRANSPORT" value="TRANSPORT" />
               <el-option :label="TEXT.enums.financeSpecialType.OTHER" value="OTHER" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-          </el-form-item>
+          </div>
           <div class="filter-spacer"></div>
           <el-button type="primary" @click="goNew">
             {{ TEXT.modules.financeSpecials.newTitle }}
diff --git a/frontend/src/views/ia/KnowledgeNotes.vue b/frontend/src/views/ia/KnowledgeNotes.vue
index db26f731..808bb266 100644
--- a/frontend/src/views/ia/KnowledgeNotes.vue
+++ b/frontend/src/views/ia/KnowledgeNotes.vue
@@ -4,7 +4,7 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <el-form-item class="filter-item-form">
             <el-input 
               v-model="filters.site_name" 
               :placeholder="TEXT.common.fields.site" 
@@ -12,7 +12,7 @@
               class="filter-input-comp"
             />
           </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          <el-form-item class="filter-item-form">
             <el-input 
               v-model="filters.keyword" 
               :placeholder="TEXT.common.fields.keyword" 
diff --git a/frontend/src/views/ia/RiskIssueMonitoringVisits.vue b/frontend/src/views/ia/RiskIssueMonitoringVisits.vue
index 08aa2b30..9289e37a 100644
--- a/frontend/src/views/ia/RiskIssueMonitoringVisits.vue
+++ b/frontend/src/views/ia/RiskIssueMonitoringVisits.vue
@@ -5,29 +5,32 @@
         <div class="filter-container unified-action-bar bar--flush">
           <div class="filter-left">
             <el-form :inline="true" :model="filters" class="filter-form">
-              <el-form-item label="问题分类" class="filter-item">
+              <div class="filter-item filter-field">
+                <span class="filter-label">问题分类</span>
                 <el-select v-model="filters.category" clearable placeholder="请选择" class="filter-select">
                   <el-option label="全部" value="" />
                   <el-option v-for="item in categoryOptions" :key="item" :label="item" :value="item" />
                 </el-select>
-              </el-form-item>
-              <el-form-item label="状态" class="filter-item">
+              </div>
+              <div class="filter-item filter-field">
+                <span class="filter-label">状态</span>
                 <el-select v-model="filters.status" clearable placeholder="请选择" class="filter-select">
                   <el-option label="全部" value="" />
                   <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
                 </el-select>
-              </el-form-item>
-              <el-form-item label="是否超期" class="filter-item">
+              </div>
+              <div class="filter-item filter-field">
+                <span class="filter-label">是否超期</span>
                 <el-select v-model="filters.overdue" clearable placeholder="请选择" class="filter-select">
                   <el-option label="全部" value="" />
                   <el-option label="是" value="YES" />
                   <el-option label="否" value="NO" />
                 </el-select>
-              </el-form-item>
-              <el-form-item class="filter-actions">
+              </div>
+              <div class="filter-actions">
                 <el-button type="primary" @click="handleSearch">{{ TEXT.common.actions.search }}</el-button>
                 <el-button link type="info" @click="handleReset">{{ TEXT.common.actions.reset }}</el-button>
-              </el-form-item>
+              </div>
             </el-form>
           </div>
 
@@ -746,6 +749,17 @@ watch(
   margin-right: 0 !important;
 }
 
+.filter-field {
+  gap: 10px;
+}
+
+.filter-label {
+  color: #6b7a90;
+  font-size: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
 .filter-select {
   width: 150px;
 }
diff --git a/frontend/src/views/ia/RiskIssuePd.vue b/frontend/src/views/ia/RiskIssuePd.vue
index b3c655c3..aac16a88 100644
--- a/frontend/src/views/ia/RiskIssuePd.vue
+++ b/frontend/src/views/ia/RiskIssuePd.vue
@@ -3,14 +3,14 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" class="filter-form">
-          <el-form-item class="filter-item-form">
+          <div class="filter-item-form">
             <el-input v-model="filters.keyword" :placeholder="TEXT.common.fields.keyword" clearable class="filter-input-comp">
               <template #prefix>
                 <el-icon><Search /></el-icon>
               </template>
             </el-input>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.siteId" :placeholder="TEXT.common.fields.site" clearable filterable class="filter-select-comp">
               <template #prefix>
                 <el-icon><Location /></el-icon>
@@ -18,8 +18,8 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="site in siteOptions" :key="site.id" :label="site.name" :value="site.id" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.status" :placeholder="TEXT.common.fields.status" clearable class="filter-select-comp">
               <template #prefix>
                 <el-icon><CircleCheck /></el-icon>
@@ -27,10 +27,10 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="option in statusOptions" :key="option.value" :label="option.label" :value="option.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-actions-comp">
+          </div>
+          <div class="filter-actions-comp">
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-          </el-form-item>
+          </div>
         </el-form>
       </div>
       <div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
diff --git a/frontend/src/views/ia/RiskIssueSae.vue b/frontend/src/views/ia/RiskIssueSae.vue
index 4dad8da7..298ff9e4 100644
--- a/frontend/src/views/ia/RiskIssueSae.vue
+++ b/frontend/src/views/ia/RiskIssueSae.vue
@@ -3,14 +3,14 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" class="filter-form">
-          <el-form-item class="filter-item-form">
+          <div class="filter-item-form">
             <el-input v-model="filters.keyword" :placeholder="TEXT.common.fields.keyword" clearable class="filter-input-comp">
               <template #prefix>
                 <el-icon><Search /></el-icon>
               </template>
             </el-input>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.siteId" :placeholder="TEXT.common.fields.site" clearable filterable class="filter-select-comp">
               <template #prefix>
                 <el-icon><Location /></el-icon>
@@ -18,8 +18,8 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="site in siteOptions" :key="site.id" :label="site.name" :value="site.id" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.status" :placeholder="TEXT.common.fields.status" clearable class="filter-select-comp">
               <template #prefix>
                 <el-icon><CircleCheck /></el-icon>
@@ -27,8 +27,8 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="option in aeStatusOptions" :key="option.value" :label="option.label" :value="option.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.seriousness" :placeholder="TEXT.common.fields.seriousness" clearable class="filter-select-comp">
               <template #prefix>
                 <el-icon><Warning /></el-icon>
@@ -36,8 +36,8 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="option in aeSeriousnessOptions" :key="option.value" :label="option.label" :value="option.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select v-model="filters.aeType" :placeholder="TEXT.common.fields.aeType" clearable class="filter-select-comp">
               <template #prefix>
                 <el-icon><Warning /></el-icon>
@@ -45,10 +45,10 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="option in aeTypeOptions" :key="option.value" :label="option.label" :value="option.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-actions-comp">
+          </div>
+          <div class="filter-actions-comp">
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-          </el-form-item>
+          </div>
         </el-form>
       </div>
       <div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
diff --git a/frontend/src/views/ia/SubjectManagement.vue b/frontend/src/views/ia/SubjectManagement.vue
index ab7b44a2..d09e447d 100644
--- a/frontend/src/views/ia/SubjectManagement.vue
+++ b/frontend/src/views/ia/SubjectManagement.vue
@@ -3,7 +3,7 @@
     <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" :model="filters" class="filter-form">
-          <el-form-item label="" class="filter-item-form">
+          <div class="filter-item-form">
             <el-input
               v-model="filters.keyword"
               :placeholder="TEXT.modules.subjectManagement.screeningNo"
@@ -14,8 +14,8 @@
                 <el-icon><Search /></el-icon>
               </template>
             </el-input>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select
               v-model="filters.siteId"
               :placeholder="TEXT.common.fields.site"
@@ -29,8 +29,8 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="site in siteOptions" :key="site.id" :label="site.name" :value="site.id" />
             </el-select>
-          </el-form-item>
-          <el-form-item label="" class="filter-item-form">
+          </div>
+          <div class="filter-item-form">
             <el-select
               v-model="filters.status"
               :placeholder="TEXT.common.fields.status"
@@ -43,10 +43,10 @@
               <el-option :label="TEXT.common.labels.all" value="" />
               <el-option v-for="option in statusOptions" :key="option.value" :label="option.label" :value="option.value" />
             </el-select>
-          </el-form-item>
-          <el-form-item class="filter-actions-comp">
+          </div>
+          <div class="filter-actions-comp">
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
-          </el-form-item>
+          </div>
           <div class="filter-spacer"></div>
           <el-button type="primary" @click="goNew" class="header-action-btn">
             <el-icon class="el-icon--left"><Plus /></el-icon>