优化

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')">