fix(#74): 收紧 SYB 商品列表布局

web/src/views/goauto/syb-products/index.vue

@@ -25,7 +25,7 @@
           <el-table-column v-if="canPurchase" type="selection" width="48" :selectable="rowSelectable" />
           <el-table-column label="参考图" width="76"><template #default="{ row }"><el-image v-if="row.imageUrl" :src="row.imageUrl" fit="cover" class="thumb" :preview-src-list="[row.imageUrl]" preview-teleported /><div v-else class="thumb placeholder">无图</div></template></el-table-column>
           <el-table-column label="订单号" prop="orderCode" min-width="120" />
-          <el-table-column label="虾皮商品" min-width="421"><template #default="{ row }"><template v-if="row.shopeeProductId"><a class="link" href="javascript:void(0)" @click="openShopeeDetail(row.shopeeProductId)">{{ row.shopeeItemId }} ↗</a></template><template v-else><span>{{ row.shopeeItemId || '—' }}</span><el-tag size="small" type="warning" effect="plain" class="unlinked-tag">未关联</el-tag></template><div class="muted">{{ row.productTitle || '未取到标题' }}</div></template></el-table-column>
+          <el-table-column label="虾皮商品" width="260"><template #default="{ row }"><template v-if="row.shopeeProductId"><a class="link" href="javascript:void(0)" @click="openShopeeDetail(row.shopeeProductId)">{{ row.shopeeItemId }} ↗</a></template><template v-else><span>{{ row.shopeeItemId || '—' }}</span><el-tag size="small" type="warning" effect="plain" class="unlinked-tag">未关联</el-tag></template><div class="muted shopee-title" :title="row.productTitle || ''">{{ row.productTitle || '未取到标题' }}</div></template></el-table-column>
           <el-table-column label="店铺" prop="shopName" min-width="100" />
           <el-table-column label="目标颜色 / 尺码" min-width="128"><template #default="{ row }"><div :class="{ 'missing': !row.targetColor }">颜色：{{ row.targetColor || '—' }}</div><div :class="{ 'missing': !row.targetSize }">尺码：{{ row.targetSize || '—' }}</div></template></el-table-column>
           <el-table-column label="数量" prop="quantity" width="56" />
@@ -35,7 +35,6 @@
           <el-table-column label="操作" width="132" fixed="right"><template #default="{ row }"><el-button type="primary" link @click="openDetail(row.id)">详情</el-button><el-button v-if="canPurchase && purchaseReady(row).eligible" type="primary" link @click="openSinglePurchase(row)">采购</el-button></template></el-table-column>
         </el-table>
         <pagination v-show="total > 0" v-model:current-page="query.page" v-model:page-size="query.pageSize" :total="total" @pagination="load" />
-        <p class="scope-note">本页不展示采购任务、PDD 订单号、快递单号和支付状态。</p>
       </el-card>
 
       <!-- 从 SYB 导入 -->
@@ -397,7 +396,7 @@ export default {
 .missing{color:#b91c1c}
 .thumb{width:44px;height:44px;border-radius:4px;object-fit:cover}.thumb.placeholder{display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#909399;font-size:11px}
 .link{color:#1677ff;cursor:pointer}
-.scope-note{margin-top:12px;font-size:12px;color:#b91c1c}
+.shopee-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .notice{margin-bottom:16px}
 .compact-notice{margin-bottom:12px}
 .dialog-form{margin-bottom:8px}

web/tests/e2e/syb-product-layout.spec.ts

@@ -20,8 +20,12 @@ test('SYB 商品工具栏与列宽按紧凑布局显示', async({ page, context
   await expect(page.getByText('已选择 0 条', { exact: true })).toBeVisible()
   await expect(page.getByRole('button', { name: '重新解析', exact: true })).toHaveCount(0)
   await expect(page.getByRole('columnheader', { name: '蝦皮关联' })).toHaveCount(0)
+  await expect(page.getByText('本页不展示采购任务、PDD 订单号、快递单号和支付状态。', { exact: true })).toHaveCount(0)
   await expect(page.getByText('未关联', { exact: true }).last()).toBeVisible()
   await expect(page.getByText('26154802795 ↗', { exact: true })).toHaveCount(0)
+  const shopeeTitle = page.locator('.shopee-title').first()
+  await expect(shopeeTitle).toHaveAttribute('title', '用于验证加宽后的虾皮商品标题区域')
+  await expect(shopeeTitle).toHaveCSS('text-overflow', 'ellipsis')
 
   const importButton = await page.getByRole('button', { name: '导入', exact: true }).boundingBox()
   const queryButton = await page.getByRole('button', { name: '查询', exact: true }).boundingBox()
@@ -42,6 +46,7 @@ test('SYB 商品工具栏与列宽按紧凑布局显示', async({ page, context
   await expect(page.getByRole('button', { name: '创建采购', exact: true })).toBeEnabled()
 
   const widths = await page.locator('.el-table__header-wrapper colgroup col').evaluateAll(cols => cols.map(col => Number(col.getAttribute('width'))))
+  expect(widths[3]).toBe(260)
   expect(widths[9]).toBeGreaterThanOrEqual(210)
   expect(widths[10]).toBe(132)