优化

src/modules/master-data/counterparties/pages/PartnersView.test.ts

@@ -139,12 +139,12 @@ describe('PartnersView real API integration', () => {
     expect(wrapper.text()).not.toContain('往来单位档案')
     expect(wrapper.find('.query-toolbar').exists()).toBe(true)
     expect(wrapper.find('.data-table').exists()).toBe(true)
-    expect(wrapper.find('.table-panel').exists()).toBe(true)
+    expect(wrapper.find('.el-table').exists()).toBe(true)
     expect(wrapper.find('.query-toolbar__actions').text()).not.toContain('新增往来单位')
     expect(wrapper.find('.data-table__business-actions').text()).toContain('新增往来单位')
-    expect(wrapper.find('.data-table__toolbar-start').exists()).toBe(false)
+    expect(wrapper.get('.data-table__toolbar-start h1').text()).toBe('往来单位')
     expect(wrapper.find('.data-table__pagination-left').text()).toContain('平台公共数据 · 共 1 个往来单位')
-    expect(wrapper.find('.list-page-layout__state').exists()).toBe(false)
+    expect(wrapper.find('.data-table__notices').exists()).toBe(false)
     const detailButton = wrapper.findAll('button').find((button) => button.text().trim() === '详情')
     await detailButton?.trigger('click')
     await flushPromises()
@@ -248,8 +248,8 @@ describe('PartnersView real API integration', () => {
     expect(wrapper.text()).not.toContain('Gateway unavailable')
     expect(wrapper.text()).toContain('重新加载')
     expect(wrapper.text()).not.toContain('深圳示例贸易有限公司')
-    expect(wrapper.find('.list-page-layout__state').exists()).toBe(true)
-    expect(wrapper.find('.table-panel').exists()).toBe(false)
+    expect(wrapper.find('.data-table__notices').exists()).toBe(true)
+    expect(wrapper.find('.el-table').exists()).toBe(false)
   })
 
   it('keeps the latest detail when an older partner request finishes last', async () => {

src/modules/master-data/counterparties/pages/PartnersView.vue

@@ -373,23 +373,11 @@ onMounted(() => {
 <template>
   <AdminPage as="div" class="partners-page admin-density" spacing="normal">
     <ListPageLayout aria-label="往来单位管理">
-      <template #toolbar>
-        <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="往来单位筛选" :fields="queryFields" preference-key="partners-query" @search="searchPartners" />
-      </template>
 
-      <template v-if="loadError" #state>
-        <LoadErrorState
-          title="往来单位列表暂时无法加载"
-          :message="loadError.message"
-          :loading="loading"
-          @retry="loadPartners()"
-        >
-          <template #details><ApiErrorMeta :details="loadError" /></template>
-        </LoadErrorState>
-      </template>
 
-      <section v-if="!loadError" class="surface-panel table-panel" :aria-busy="loading">
-      <DataTable
+
+
+      <section :aria-busy="loading"><DataTable appearance="integrated" :stripe="false" column-settings-mode="show" :results-visible="!loadError"
         v-model:page="page"
         v-model:page-size="pageSize"
         :data="rows"
@@ -402,21 +390,34 @@ onMounted(() => {
         row-key="id"
         empty-text="暂无符合条件的往来单位"
       >
+        <template #toolbar-start><h1>往来单位</h1></template>
+        <template #filters>
+        <QueryToolbar v-model="filters" ariaLabel="往来单位筛选" :fields="queryFields" preference-key="partners-query" @search="searchPartners" />
+      </template>
+        <template #notices><template v-if="loadError">
+        <LoadErrorState
+          title="往来单位列表暂时无法加载"
+          :message="loadError.message"
+          :loading="loading"
+          @retry="loadPartners()"
+        >
+          <template #details><ApiErrorMeta :details="loadError" /></template>
+        </LoadErrorState>
+      </template></template>
+
+
         <template #toolbar-actions><div class="partners-primary-actions"><el-button v-if="access.can('platform:counterparty:import')" :disabled="loading" @click="openImport"><FileUp :size="16" />批量导入</el-button><el-button v-if="access.can('platform:counterparty:create')" type="primary" :disabled="loading" @click="openCreate"><Plus :size="16" />新增往来单位</el-button></div></template>
-        <template #actions="{ row }">
-          <div class="table-actions density-actions">
+        <template #actions="{ row }"><div class="table-actions density-actions row-actions admin-text-actions">
             <el-button data-tone="neutral" class="density-action" size="small" @click="openDetail(row as PlatformPartnerResource)">详情</el-button>
             <el-button data-tone="neutral" class="density-action" v-if="access.can('platform:counterparty:edit')" size="small" :disabled="loading" @click="openEdit(row as PlatformPartnerResource)">编辑</el-button>
             <el-button class="density-action" v-if="access.can('platform:counterparty:status')" size="small" :disabled="loading" :data-tone="(row as PlatformPartnerResource).status === 'ACTIVE' ? 'danger' : 'success'" :loading="statusLoadingIds.has(String((row as PlatformPartnerResource).id))" @click="toggleStatus(row as PlatformPartnerResource)">{{ (row as PlatformPartnerResource).status === 'ACTIVE' ? '停用' : '启用' }}</el-button>
-          </div>
-        </template>
+          </div></template>
         <template #partner="{ row }"><div class="partner-cell"><span><Building2 :size="18" /></span><div><LineClampText :content="(row as PlatformPartnerResource).partnerName" /></div></div></template>
         <template #type="{ row }"><div class="partner-types"><el-tag v-for="type in (row as PlatformPartnerResource).types" :key="type" effect="plain">{{ partnerTypeLabel(type) }}</el-tag></div></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>
-      </DataTable>
-      </section>
+      </DataTable></section>
     </ListPageLayout>
 
     <AppDrawer