优化

src/views/PartnersView.vue

@@ -289,11 +289,7 @@ onMounted(loadPartners)
 
 <template>
   <div class="business-page partners-page">
-    <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="往来单位筛选" :fields="queryFields" @search="searchPartners">
-      <template #actions>
-        <el-button v-if="access.can('platform:counterparty:create')" class="create-partner-button" type="primary" :disabled="loading" @click="openCreate"><Plus :size="16" />新增往来单位</el-button>
-      </template>
-    </QueryToolbar>
+    <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="往来单位筛选" :fields="queryFields" @search="searchPartners" />
 
     <section v-if="loadError" class="surface-panel partners-error" role="alert">
       <div>
@@ -305,6 +301,13 @@ onMounted(loadPartners)
     </section>
 
     <section v-else class="surface-panel table-panel" :aria-busy="loading">
+      <div class="partners-table-header">
+        <div class="partners-table-heading">
+          <h2>往来单位列表</h2>
+          <span>共 {{ total }} 个往来单位</span>
+        </div>
+        <el-button v-if="access.can('platform:counterparty:create')" type="primary" :disabled="loading" @click="openCreate"><Plus :size="16" />新增往来单位</el-button>
+      </div>
       <DataTable
         v-model:page="page"
         v-model:page-size="pageSize"
@@ -329,7 +332,7 @@ onMounted(loadPartners)
         <template #contact="{ row }"><strong>{{ (row as PlatformPartnerResource).contactName }}</strong><span class="partner-subline">{{ (row as PlatformPartnerResource).contactPhone }}</span><span v-if="(row as PlatformPartnerResource).contactEmail" class="partner-subline">{{ (row as PlatformPartnerResource).contactEmail }}</span></template>
         <template #address="{ row }"><div class="partner-address"><MapPin :size="15" /><span>{{ [(row as PlatformPartnerResource).province, (row as PlatformPartnerResource).city, (row as PlatformPartnerResource).district, (row as PlatformPartnerResource).addressLine].filter(Boolean).join(' ') }}</span></div></template>
         <template #status="{ row }"><el-tag :type="(row as PlatformPartnerResource).status === 'ACTIVE' ? 'success' : 'info'" effect="light">{{ (row as PlatformPartnerResource).status === 'ACTIVE' ? '启用' : '停用' }}</el-tag></template>
-        <template #pagination-left>共 {{ total }} 个往来单位</template>
+        <template #pagination-left />
       </DataTable>
     </section>
 
@@ -363,6 +366,10 @@ onMounted(loadPartners)
 .partners-error { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-color: #fecdca; background: #fffafa; }
 .partners-error strong { color: #7a271a; font-size: 13px; }
 .partners-error p { margin: 4px 0 0; color: #b54708; font-size: 12px; overflow-wrap: anywhere; }
+.partners-table-header { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--cc-border); }
+.partners-table-heading { display: flex; min-width: 0; align-items: baseline; gap: 10px; }
+.partners-table-heading h2 { margin: 0; color: var(--cc-text); font-size: 16px; line-height: 1.4; }
+.partners-table-heading span { color: var(--cc-muted); font-size: 12px; white-space: nowrap; }
 .partner-cell { display: flex; align-items: center; gap: 10px; }
 .partner-cell > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 7px; background: #eef3fa; color: var(--cc-primary); }
 .partner-cell > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
@@ -372,8 +379,9 @@ onMounted(loadPartners)
 .partner-address svg { flex: 0 0 15px; margin-top: 3px; color: var(--cc-muted); }
 
 @media (max-width: 720px) {
-  .partners-page :deep(.query-toolbar__actions .create-partner-button) { grid-column: 1 / -1; width: 100%; }
   .partners-error { align-items: stretch; flex-direction: column; }
   .partners-error .el-button { min-height: 44px; }
+  .partners-table-header { align-items: stretch; flex-direction: column; }
+  .partners-table-header .el-button { width: 100%; min-height: 40px; }
 }
 </style>