优化

src/modules/warehouse-resources/locations/pages/LocationsView.test.ts

@@ -188,11 +188,11 @@ describe('LocationsView', () => {
     const wrapper = await mountView()
     await selectScope(wrapper)
 
-    const panelHeading = wrapper.find('.table-panel .panel-heading')
-    expect(panelHeading.exists()).toBe(true)
-    expect(panelHeading.text()).toContain('库位列表')
-    expect(panelHeading.text()).toContain('共 2 个库位')
-    expect(panelHeading.text()).toContain('新增库位')
+    const tableToolbar = wrapper.find('.table-panel .data-table__toolbar')
+    expect(tableToolbar.exists()).toBe(true)
+    expect(tableToolbar.text()).toContain('库位列表')
+    expect(tableToolbar.text()).toContain('共 2 个库位')
+    expect(tableToolbar.text()).toContain('新增库位')
     expect(wrapper.findComponent(QueryToolbar).text()).not.toContain('新增库位')
     expect(listAllPlatformWarehouses).toHaveBeenCalledWith({ warehouseType: 'DOMESTIC' })
     expect(listPlatformLocations).toHaveBeenLastCalledWith({
@@ -213,7 +213,7 @@ describe('LocationsView', () => {
 
   it('opens creation without a list filter and requires the warehouse inside the form', async () => {
     const wrapper = await mountView()
-    const createButton = wrapper.find('.table-panel .panel-heading').findAll('button').find((button) => button.text().trim() === '新增库位')
+    const createButton = wrapper.find('.table-panel .data-table__toolbar').findAll('button').find((button) => button.text().trim() === '新增库位')
 
     expect(createButton?.attributes('disabled')).toBeUndefined()
     await createButton!.trigger('click')
@@ -229,7 +229,7 @@ describe('LocationsView', () => {
     const toolbar = wrapper.findComponent(QueryToolbar)
     toolbar.vm.$emit('update:modelValue', { ...(toolbar.props('modelValue') as QueryModel), warehouseId: fbaWarehouse.id })
     await flushPromises()
-    const createButton = wrapper.find('.table-panel .panel-heading').findAll('button').find((button) => button.text().trim() === '新增库位')
+    const createButton = wrapper.find('.table-panel .data-table__toolbar').findAll('button').find((button) => button.text().trim() === '新增库位')
     await createButton!.trigger('click')
     await flushPromises()
 

src/modules/warehouse-resources/locations/pages/LocationsView.vue

@@ -514,14 +514,6 @@ onMounted(() => {
     </el-alert>
 
     <section class="surface-panel table-panel" aria-label="库位列表区域">
-      <div class="panel-heading">
-        <div><h2>库位列表</h2><p>共 {{ total }} 个库位</p></div>
-        <el-button
-          v-if="access.can('platform:location:create')"
-          type="primary"
-          @click="openCreate"
-        ><Plus :size="16" />新增库位</el-button>
-      </div>
       <DataTable
         v-model:page="page"
         v-model:page-size="pageSize"
@@ -535,6 +527,8 @@ onMounted(() => {
         aria-label="库位列表"
         :empty-text="emptyDescription"
       >
+        <template #toolbar-start><div><h2>库位列表</h2><p>共 {{ total }} 个库位</p></div></template>
+        <template #toolbar-actions><el-button v-if="access.can('platform:location:create')" type="primary" @click="openCreate"><Plus :size="16" />新增库位</el-button></template>
         <template #actions="{ row }">
           <div class="table-actions location-actions">
             <el-button link type="primary" :disabled="loading" @click="loadDetail(row as PlatformLocationResource, 'view')">

src/modules/warehouse-resources/pallets/pages/PalletsView.vue

@@ -380,10 +380,6 @@ onMounted(() => {
     />
 
     <section class="table-panel surface-panel" aria-label="托盘列表区域">
-      <div class="panel-heading">
-        <div><h2>托盘列表</h2><p>共 {{ total }} 个托盘</p></div>
-        <el-button v-if="access.can('platform:pallet:create')" type="primary" @click="openCreate"><Plus :size="16" />新增托盘</el-button>
-      </div>
       <DataTable
         v-model:page="page"
         v-model:page-size="pageSize"
@@ -396,6 +392,8 @@ onMounted(() => {
         :empty-text="filtered ? '暂无符合筛选条件的托盘' : '暂无托盘数据'"
         aria-label="托盘列表"
       >
+        <template #toolbar-start><div><h2>托盘列表</h2><p>共 {{ total }} 个托盘</p></div></template>
+        <template #toolbar-actions><el-button v-if="access.can('platform:pallet:create')" type="primary" @click="openCreate"><Plus :size="16" />新增托盘</el-button></template>
         <template #actions="{ row }">
           <div class="table-actions pallet-row-actions">
             <el-button link type="primary" title="查看托盘" @click="openDetail(row as PlatformPalletResource)"><Eye :size="15" />查看</el-button>
@@ -530,9 +528,6 @@ onMounted(() => {
 .pallet-page { display: grid; min-width: 0; gap: 16px; }
 .surface-panel { overflow: hidden; border: 1px solid var(--cc-border); border-radius: 8px; background: #fff; }
 .table-panel { min-width: 0; }
-.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; border-bottom: 1px solid var(--cc-border); }
-.panel-heading h2 { margin: 0; font-size: 16px; }
-.panel-heading p { margin: 4px 0 0; color: var(--cc-muted); font-size: 12px; }
 .context-empty { padding: 56px 20px; color: var(--cc-muted); text-align: center; }
 .pallet-row-actions { gap: 8px; white-space: nowrap; }
 .pallet-row-actions :deep(.el-button + .el-button) { margin-left: 0; }
@@ -579,8 +574,6 @@ onMounted(() => {
 
 @media (max-width: 720px) {
   .detail-body { padding: 16px; }
-  .panel-heading { align-items: stretch; flex-direction: column; }
-  .panel-heading > .el-button { width: 100%; min-height: 44px; }
   .pallet-row-actions :deep(.el-button) { min-height: 36px; padding-inline: 5px; }
   .editor-form { padding-right: 16px; padding-left: 16px; }
   .editor-field-grid { grid-template-columns: 1fr; }