优化

src/views/ExpressCompaniesView.vue

@@ -255,13 +255,16 @@ onMounted(() => {
       <el-button size="small" @click="loadExpressCompanies">重新查询</el-button>
     </el-alert>
 
-    <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="快递公司筛选" :fields="queryFields" @search="applyFilters">
-      <template #actions>
-        <el-button v-if="access.can('platform:express:create')" type="primary" @click="openCreate"><Plus :size="16" />新增快递公司</el-button>
-      </template>
-    </QueryToolbar>
+    <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="快递公司筛选" :fields="queryFields" @search="applyFilters" />
 
     <section class="surface-panel table-panel">
+      <div class="panel-heading">
+        <div>
+          <h2>快递公司列表</h2>
+          <p>共 {{ total }} 家快递公司</p>
+        </div>
+        <el-button v-if="access.can('platform:express:create')" type="primary" @click="openCreate"><Plus :size="16" />新增快递公司</el-button>
+      </div>
       <DataTable
         v-model:page="page"
         v-model:page-size="pageSize"
@@ -343,4 +346,8 @@ onMounted(() => {
 .tracking-template { display: block; max-width: 100%; color: #475467; font-family: "Cascadia Code", Consolas, monospace; font-size: 11px; overflow-wrap: anywhere; }
 .remark-cell { display: -webkit-box; overflow: hidden; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
 .form-help code { color: #475467; font-family: "Cascadia Code", Consolas, monospace; }
+
+@media (max-width: 720px) {
+  .panel-heading .el-button { width: 100%; }
+}
 </style>