Merge pull request #2308 from pikasTech/issue-2306-eso-layout

fix: 调整 admin secrets 顶部布局

web/hwlab-cloud-web/src/styles/workbench.css

@@ -2632,9 +2632,12 @@
   gap: 12px;
 }
 
-.secrets-summary-grid,
+.secrets-summary-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 .secrets-readiness-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .secrets-detail-grid {
@@ -2642,7 +2645,9 @@
 }
 
 .secrets-target-panel,
-.secrets-contract-panel {
+.secrets-contract-panel,
+.secrets-eso-panel,
+.secrets-rollout-panel {
   display: grid;
   min-width: 0;
   gap: 12px;

web/hwlab-cloud-web/src/views/admin/SecretsView.vue

@@ -132,7 +132,6 @@ function displayDate(value: string): string {
           <header class="panel-header">
             <h2>{{ summary.contractVersion }}</h2>
             <div class="table-actions-inline">
-              <button v-if="canPlan" class="table-action" type="button" data-testid="admin-secrets-open-plan" @click="planPanelOpen = !planPanelOpen">{{ planPanelOpen ? "收起 Plan" : "Plan" }}</button>
               <button class="table-action" type="button" :disabled="refreshing" @click="reload">{{ refreshing ? "刷新中" : "刷新" }}</button>
             </div>
           </header>
@@ -143,10 +142,7 @@ function displayDate(value: string): string {
             <div><dt>generated</dt><dd>{{ displayDate(summary.generatedAt) }}</dd></div>
           </dl>
         </section>
-      </section>
-
-      <section class="secrets-readiness-grid">
-        <section class="data-panel admin-crud-panel">
+        <section class="data-panel admin-crud-panel secrets-eso-panel">
           <header class="panel-header"><h2>ESO</h2><small>{{ summary.evidence.issue }}</small></header>
           <dl class="field-grid">
             <div><dt>controller</dt><dd>{{ summary.eso.controller }}</dd></div>
@@ -155,8 +151,17 @@ function displayDate(value: string): string {
             <div><dt>validatedAt</dt><dd>{{ displayDate(summary.evidence.validatedAt) }}</dd></div>
           </dl>
         </section>
-        <section class="data-panel admin-crud-panel">
-          <header class="panel-header"><h2>Rollout</h2><small>{{ summary.evidence.source }}</small></header>
+      </section>
+
+      <section class="secrets-readiness-grid">
+        <section class="data-panel admin-crud-panel secrets-rollout-panel">
+          <header class="panel-header">
+            <div>
+              <h2>Rollout</h2>
+              <small>{{ summary.evidence.source }}</small>
+            </div>
+            <button v-if="canPlan" class="table-action" type="button" data-testid="admin-secrets-open-plan" @click="planPanelOpen = !planPanelOpen">{{ planPanelOpen ? "收起 Plan" : "Plan" }}</button>
+          </header>
           <dl class="field-grid">
             <div><dt>ExternalSecrets</dt><dd>{{ summary.counts.externalSecrets }}</dd></div>
             <div><dt>Ready</dt><dd>{{ summary.counts.ready }}</dd></div>