优化登录页UI、新增占满布局类

frontend/src/views/admin/ProjectDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ctms-page setup-page ctms-page-shell">
+  <div class="ctms-page setup-page ctms-page-shell page--flush">
     <div class="setup-shell unified-shell">
       <div class="setup-header unified-action-bar">
       <div class="setup-flow">
@@ -537,7 +537,7 @@
       <StateLoading v-else :rows="4" />
       </section>
 
-    <section v-show="activeStep === 1" class="setup-section">
+    <section v-show="activeStep === 1" class="setup-section setup-section--table">
       <el-table :data="currentSetupDraft.projectMilestones" class="ctms-table setup-milestone-table">
         <el-table-column label="里程碑" min-width="180">
           <template #default="scope">
@@ -668,7 +668,7 @@
       </el-table>
       </section>
 
-    <section v-show="activeStep === 2" class="setup-section enrollment-plan-section">
+    <section v-show="activeStep === 2" class="setup-section setup-section--table enrollment-plan-section">
       <div class="enrollment-plan-toolbar">
         <div class="enrollment-inline-group">
           <span class="enrollment-inline-label required">计划入组日期</span>
@@ -886,7 +886,7 @@
       </el-table>
       </section>
 
-    <section v-show="activeStep === 3" class="setup-section">
+    <section v-show="activeStep === 3" class="setup-section setup-section--table">
       <el-table :data="currentSetupDraft.siteMilestones" class="ctms-table">
         <el-table-column label="里程碑" min-width="220">
           <template #default="scope">
@@ -979,7 +979,7 @@
       </el-table>
       </section>
 
-    <section v-show="activeStep === 4" class="setup-section enrollment-plan-section">
+    <section v-show="activeStep === 4" class="setup-section setup-section--table enrollment-plan-section">
       <div class="enrollment-plan-toolbar">
         <div class="site-plan-selector">
           <span class="enrollment-inline-label">中心</span>
@@ -1226,7 +1226,7 @@
       </div>
     </section>
 
-    <section v-show="activeStep === 5" class="setup-section">
+    <section v-show="activeStep === 5" class="setup-section setup-section--table">
       <el-table :data="currentSetupDraft.monitoringStrategies" class="ctms-table">
         <el-table-column label="监查类型" min-width="180">
           <template #default="scope">
@@ -1303,7 +1303,7 @@
       </el-table>
       </section>
 
-    <section v-show="activeStep === 6" class="setup-section">
+    <section v-show="activeStep === 6" class="setup-section setup-section--table">
       <el-table :data="centerConfirmDisplayRows" class="ctms-table">
         <el-table-column label="中心" min-width="180">
           <template #default="scope">
@@ -6045,11 +6045,10 @@ onBeforeUnmount(() => {
 }
 
 .setup-shell {
-  border: 1px solid #d8e2ef;
-  border-radius: 16px;
+  border: 0;
   background: #ffffff;
   overflow: hidden;
-  box-shadow: 0 6px 20px rgba(17, 42, 88, 0.05);
+  box-shadow: none;
 }
 
 .setup-header {
@@ -6977,6 +6976,12 @@ onBeforeUnmount(() => {
   background: #ffffff;
 }
 
+.setup-section--table {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .enrollment-plan-section {
   display: flex;
   flex-direction: column;
@@ -7207,13 +7212,16 @@ onBeforeUnmount(() => {
 
 .setup-content {
   position: relative;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  padding-bottom: 0 !important;
 }
 
 .setup-content-step-title {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 10px 12px;
+  padding: 9px 12px;
   font-size: 18px;
   font-weight: 700;
   color: #162f57;
@@ -7473,6 +7481,12 @@ onBeforeUnmount(() => {
   margin-bottom: 10px;
 }
 
+.setup-section--table .setup-section-header {
+  margin-bottom: 0;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
 .setup-content.setup-content-drawer .setup-section-header {
   padding-bottom: 0;
   margin-bottom: 0;
@@ -7698,9 +7712,10 @@ onBeforeUnmount(() => {
 }
 
 .setup-section :deep(.el-table th.el-table__cell) {
-  background: #f8fafc !important;
-  color: #64748b !important;
-  font-weight: 500 !important;
+  background: #f7f9fc !important;
+  color: #34506f !important;
+  font-weight: 600 !important;
+  height: 40px;
   border-bottom: 1px solid #e2e8f0 !important;
   border-right: none !important;
   border-left: none !important;
@@ -7711,6 +7726,8 @@ onBeforeUnmount(() => {
   border-right: none !important;
   border-left: none !important;
   background: transparent !important;
+  padding-top: 7px;
+  padding-bottom: 7px;
 }
 
 /* 覆盖悬停状态颜色，保持极简高级 */