优化

src/modules/unified-orders/components/InboundFeeDetailManager.test.ts

@@ -112,6 +112,7 @@ describe('InboundFeeDetailManager', () => {
     await flushPromises()
     expect(wrapper.find('.fee-table-shell').exists()).toBe(true)
     expect(wrapper.find('.detail-table-wrap').exists()).toBe(false)
+    expect(source).toContain('<el-table :data="rows" border stripe')
   })
 
   it('loads RECEIVABLE fee items without requesting counterparties', async () => {

src/modules/unified-orders/components/InboundFeeDetailManager.vue

@@ -191,7 +191,7 @@ onMounted(() => void load())
     <template v-else>
       <el-alert v-if="actionError && !editorOpen && !rejectOpen" type="error" :closable="true" @close="actionError = null"><template #title>{{ actionError.message }}</template><ApiErrorMeta :details="actionError" /></el-alert>
       <div v-loading="loading" class="fee-table-shell">
-        <el-table :data="rows" empty-text="暂无费用数据" row-key="id">
+        <el-table :data="rows" border stripe empty-text="暂无费用数据" row-key="id">
           <el-table-column label="操作" fixed="left" width="250">
             <template #default="{ row }">
               <el-button v-if="canEdit(row as InboundFeeDetail)" size="small" plain type="primary" @click="openEditor('edit', row as InboundFeeDetail)"><Pencil :size="15" />编辑</el-button>

src/modules/unified-orders/components/OrderFulfillmentTreePanel.test.ts

@@ -27,4 +27,8 @@ describe('OrderFulfillmentTreePanel contract', () => {
     expect(source).not.toContain(':status="row.status')
     expect(source).not.toContain('return role ||')
   })
+
+  it('renders fulfillment fragments with the native table grid contract', () => {
+    expect(source).toContain('row-key="orderId" border stripe')
+  })
 })

src/modules/unified-orders/components/OrderFulfillmentTreePanel.vue

@@ -37,7 +37,7 @@ onMounted(() => { void load() })
         <div><span>当前余量</span><strong>{{ tree.currentRemainderPackageCount ?? '—' }} 箱</strong></div>
       </div>
       <el-alert v-if="tree.historicalTwoChildModel" type="info" :closable="false" show-icon title="该记录使用历史双子单模型，仅兼容展示；新拆分不会再生成已装子单。" />
-      <el-table :data="tree.fragments" row-key="orderId" empty-text="暂无拆分分片">
+      <el-table :data="tree.fragments" row-key="orderId" border stripe empty-text="暂无拆分分片">
         <el-table-column label="分片订单" min-width="180"><template #default="{ row }"><strong>{{ row.orderNo || row.orderId }}</strong><small v-if="row.splitSequence != null"> · 第 {{ row.splitSequence }} 次</small></template></el-table-column>
         <el-table-column label="类型" width="120"><template #default="{ row }">{{ unifiedOrderFulfillmentRoleLabel(row.splitRole) }}</template></el-table-column>
         <el-table-column label="本单计划" width="100"><template #default="{ row }">{{ row.plannedPackageCount ?? '—' }} 箱</template></el-table-column>