未知（继上次中断）

frontend/src/views/admin/ProjectMembers.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="page">
-    <el-card>
-      <div class="header">
-        <div>
-          <h3>{{ TEXT.modules.adminProjectMembers.title }}</h3>
-          <div class="sub" v-if="project">{{ TEXT.modules.adminProjectMembers.projectPrefix }}{{ project.code }} - {{ project.name }}</div>
+    <el-card shadow="never" class="main-content-card">
+      <div class="filter-container">
+        <div class="filter-form">
+          <div class="filter-spacer"></div>
+          <el-button type="primary" @click="openAdd" class="header-action-btn">
+            {{ TEXT.common.actions.add }}{{ TEXT.modules.adminProjectMembers.memberLabel }}
+          </el-button>
         </div>
-        <el-button type="primary" @click="openAdd">{{ TEXT.common.actions.add }}{{ TEXT.modules.adminProjectMembers.memberLabel }}</el-button>
       </div>
       <el-table :data="memberRows" v-loading="loading" stripe>
         <el-table-column prop="full_name" :label="TEXT.modules.adminProjectMembers.username" min-width="160" />
@@ -394,18 +395,35 @@ onMounted(async () => {
 
 <style scoped>
 .page {
-  padding: 16px;
-}
-.header {
   display: flex;
+  flex-direction: column;
+}
+
+.main-content-card :deep(.el-card__body) {
+  padding: 20px;
+}
+
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.filter-form {
+  display: flex;
+  width: 100%;
+  gap: 12px;
   align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
 }
-.sub {
-  color: #666;
-  margin-top: 4px;
+
+.filter-spacer {
+  flex: 1;
 }
+
+.header-action-btn {
+  height: 36px;
+  padding: 0 20px;
+  border-radius: 8px;
+}
+
 .hint {
   color: #999;
   margin: 0 8px;