From 136f5c94cb39fc0acabb7169a44c91305ec7e754 Mon Sep 17 00:00:00 2001
From: QiuSW <105186638@qq.com>
Date: Wed, 19 Aug 2026 15:32:50 +0800
Subject: [PATCH] style(#40,#41): collapse page headings into search toolbar

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 web/src/views/goauto/pdd-products/index.vue    | 12 +++---------
 web/src/views/goauto/shopee-products/index.vue |  9 ++-------
 web/src/views/goauto/syb-products/index.vue    |  3 ---
 3 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/web/src/views/goauto/pdd-products/index.vue b/web/src/views/goauto/pdd-products/index.vue
index ad15c69..87978e3 100644
--- a/web/src/views/goauto/pdd-products/index.vue
+++ b/web/src/views/goauto/pdd-products/index.vue
@@ -2,20 +2,14 @@
   <BasicLayout>
     <template #wrapper>
       <el-card class="page-card" shadow="never">
-        <div class="page-heading">
-          <div><h1>PDD 商品</h1><p>维护可重复采集和采购的商品资料；添加时只需填写包含 goods_id 的链接。</p></div>
-          <el-button type="primary" :icon="Plus" @click="openCreate">添加 PDD 商品</el-button>
-        </div>
         <el-form :model="query" :inline="true" class="search-form" @submit.prevent="search">
+          <el-form-item><el-button type="primary" :icon="Plus" @click="openCreate">添加</el-button></el-form-item>
+          <el-form-item><el-button type="primary" :disabled="selectedProducts.length === 0" @click="openBatch">创建采集{{ selectedProducts.length ? ` (${selectedProducts.length})` : '' }}</el-button></el-form-item>
           <el-form-item label="搜索"><el-input v-model="query.keyword" placeholder="goods_id、标题或店铺" clearable @keyup.enter="search" /></el-form-item>
           <el-form-item label="状态"><el-select v-model="query.status" clearable placeholder="全部状态" style="width: 150px"><el-option label="待完善" value="pending" /><el-option label="正常" value="active" /><el-option label="已停用" value="disabled" /></el-select></el-form-item>
           <el-form-item><el-button type="primary" :icon="Search" @click="search">查询</el-button><el-button :icon="RefreshLeft" @click="reset">重置</el-button></el-form-item>
         </el-form>
-        <div class="batch-toolbar" aria-live="polite">
-          <span>已选择 <strong>{{ selectedProducts.length }}</strong> 条</span>
-          <el-button type="primary" :disabled="selectedProducts.length === 0" @click="openBatch">批量创建采集任务</el-button>
-          <span class="muted">仅选择当前页；每个商品创建一个独立采集任务。</span>
-        </div>
+        <p class="muted">已选择 {{ selectedProducts.length }} 条；仅选择当前页，每个商品创建一个独立采集任务，不合并、不拆单。</p>
         <el-table ref="productTable" v-loading="loading" :data="products" row-key="id" border stripe empty-text="暂无 PDD 商品，请先添加商品链接" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="48" :selectable="isProductSelectable" />
           <el-table-column label="goods_id" prop="goodsId" min-width="150" />
diff --git a/web/src/views/goauto/shopee-products/index.vue b/web/src/views/goauto/shopee-products/index.vue
index eb71f86..8ef04ed 100644
--- a/web/src/views/goauto/shopee-products/index.vue
+++ b/web/src/views/goauto/shopee-products/index.vue
@@ -2,17 +2,12 @@
   <BasicLayout>
     <template #wrapper>
       <el-card class="page-card" shadow="never">
-        <div class="page-heading">
-          <div><h1>虾皮商品</h1><p>维护虾皮（Shopee）商品档案、关联 PDD 商品与规格映射；本页不包含采购任务、订单和物流字段。</p></div>
-          <div class="heading-actions">
-            <el-button :icon="Delete" type="danger" plain :disabled="selectedProducts.length === 0" @click="openBatchDelete">删除{{ selectedProducts.length ? ` (${selectedProducts.length})` : '' }}</el-button>
-            <el-button type="primary" :icon="Plus" @click="openCreate">添加虾皮商品</el-button>
-          </div>
-        </div>
         <el-form :model="query" :inline="true" class="search-form" @submit.prevent="search">
+          <el-form-item><el-button type="primary" :icon="Plus" @click="openCreate">添加</el-button></el-form-item>
           <el-form-item label="搜索"><el-input v-model="query.keyword" placeholder="虾皮商品ID、标题或店铺" clearable @keyup.enter="search" /></el-form-item>
           <el-form-item label="范围"><el-select v-model="query.status" style="width: 150px"><el-option label="全部（不含已删除）" value="" /><el-option label="已删除" value="deleted" /></el-select></el-form-item>
           <el-form-item><el-button type="primary" :icon="Search" @click="search">查询</el-button><el-button :icon="RefreshLeft" @click="reset">重置</el-button></el-form-item>
+          <el-form-item><el-button :icon="Delete" type="danger" plain :disabled="selectedProducts.length === 0" @click="openBatchDelete">删除{{ selectedProducts.length ? ` (${selectedProducts.length})` : '' }}</el-button></el-form-item>
         </el-form>
         <el-alert v-if="query.status === 'deleted'" title="当前显示已删除商品，可逐条恢复。恢复后原有 PDD 关联与规格映射保持不变。" type="warning" :closable="false" show-icon class="notice" />
         <el-table ref="productTable" v-loading="loading" :data="products" row-key="id" border stripe empty-text="暂无虾皮商品" @selection-change="handleSelectionChange">
diff --git a/web/src/views/goauto/syb-products/index.vue b/web/src/views/goauto/syb-products/index.vue
index 1cec1bb..47da737 100644
--- a/web/src/views/goauto/syb-products/index.vue
+++ b/web/src/views/goauto/syb-products/index.vue
@@ -2,9 +2,6 @@
   <BasicLayout>
     <template #wrapper>
       <el-card class="page-card" shadow="never">
-        <div class="page-heading">
-          <div><h1>SYB 商品列表</h1><p>货运宝（顺云宝 ERP）货运单商品明细；忠实保存来源数据，不创建采购任务。</p></div>
-        </div>
         <el-alert title="本页暂无「从 SYB 导入」入口：服务端尚未接入顺云宝 ERP 的真实接口凭据，导入功能待后续工单补充。当前数据仅能通过服务端内部调用写入。" type="warning" :closable="false" show-icon class="notice" />
         <el-form :model="query" :inline="true" class="search-form" @submit.prevent="search">
           <el-form-item label="搜索"><el-input v-model="query.keyword" placeholder="货运单号、虾皮商品ID或商品标题" clearable @keyup.enter="search" /></el-form-item>