优化

src/views/FirstLegOrdersView.test.mjs

@@ -46,7 +46,7 @@ test('uses the shared query toolbar and data table without metric cards', () =>
   assert.match(source, /import QueryToolbar, \{ type QueryField, type QueryModel \}/)
   assert.match(source, /import DataTable, \{ type DataTableColumn \}/)
   assert.match(source, /const filters = ref<QueryModel>/)
-  assert.match(source, /<QueryToolbar v-model="filters" :fields="queryFields" ariaLabel="头程订单查询" @search="searchOrders">/)
+  assert.match(source, /<QueryToolbar v-model="filters" :fields="queryFields" ariaLabel="头程订单查询" @search="searchOrders" \/>/)
   assert.match(source, /async function searchOrders\(model: QueryModel\)/)
   assert.match(source, /await store\.load\(\)/)
   assert.match(source, /<DataTable v-model:page="tablePage" v-model:page-size="tablePageSize" :data="pagedOrders" :columns="orderColumns"/)
@@ -54,6 +54,14 @@ test('uses the shared query toolbar and data table without metric cards', () =>
   assert.doesNotMatch(source, /order-metrics|订单概览/)
 })
 
+test('keeps the first viewport compact and moves create into the table toolbar', () => {
+  assert.match(source, /class="order-table-toolbar"/)
+  assert.match(source, /<strong>订单列表<\/strong><span>共 \{\{ filteredOrders\.length \}\} 条<\/span>/)
+  assert.match(source, /class="order-table-toolbar"[\s\S]*order:first-leg:create[\s\S]*创建订单[\s\S]*class="order-eligibility"/)
+  assert.doesNotMatch(source, /<QueryToolbar[\s\S]*?<template #actions>/)
+  assert.match(source, /client-main:has\(> \.first-leg-page\) > \.client-page-heading > div\) \{ position: absolute; width: 1px; height: 1px;/)
+})
+
 test('does not expose arbitrary status mutation controls to customers', () => {
   assert.doesNotMatch(source, /setStatusForPreview/)
   assert.doesNotMatch(source, /状态更新|更新状态/)