diff --git a/src/views/mes/dv/checkrecord/CheckRecordLineList.vue b/src/views/mes/dv/checkrecord/CheckRecordLineList.vue
index b64d14336..e64d26136 100644
--- a/src/views/mes/dv/checkrecord/CheckRecordLineList.vue
+++ b/src/views/mes/dv/checkrecord/CheckRecordLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 设备点检记录明细列表 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 操作栏 -->
     <el-row class="mb-10px" v-if="!disabled">
       <el-button type="primary" plain @click="openForm('create')">
diff --git a/src/views/mes/dv/maintenrecord/MaintenRecordLineList.vue b/src/views/mes/dv/maintenrecord/MaintenRecordLineList.vue
index 6fb4e90e2..cff8e53a0 100644
--- a/src/views/mes/dv/maintenrecord/MaintenRecordLineList.vue
+++ b/src/views/mes/dv/maintenrecord/MaintenRecordLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 设备保养记录明细列表 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 操作栏 -->
     <el-row class="mb-10px" v-if="!disabled">
       <el-button type="primary" plain @click="openForm('create')">
diff --git a/src/views/mes/dv/repair/RepairLineList.vue b/src/views/mes/dv/repair/RepairLineList.vue
index 02eacaae7..1749aa043 100644
--- a/src/views/mes/dv/repair/RepairLineList.vue
+++ b/src/views/mes/dv/repair/RepairLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 维修工单行列表 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 操作栏 -->
     <el-row class="mb-10px" v-if="!disabled">
       <el-button type="primary" plain @click="openForm('create')">
diff --git a/src/views/mes/md/client/ClientProductSalesLineList.vue b/src/views/mes/md/client/ClientProductSalesLineList.vue
new file mode 100644
index 000000000..fb2b39806
--- /dev/null
+++ b/src/views/mes/md/client/ClientProductSalesLineList.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="overflow-hidden">
+  <!-- 客户详情-产品清单 tab（复用 getProductSalesLinePage 分页接口） -->
+  <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table-column label="物料编码" align="center" prop="itemCode" width="140">
+      <template #default="scope">
+        <el-button link type="primary" @click="handleViewItem(scope.row.itemId)">
+          {{ scope.row.itemCode }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column label="物料名称" align="center" prop="itemName" />
+    <el-table-column label="规格型号" align="center" prop="specification" />
+    <el-table-column label="单位" align="center" prop="unitMeasureName" />
+    <el-table-column label="出库数量" align="center" prop="quantity" />
+    <el-table-column label="批次号" align="center" prop="batchCode" />
+  </el-table>
+  <Pagination
+    :total="total"
+    v-model:page="queryParams.pageNo"
+    v-model:limit="queryParams.pageSize"
+    @pagination="getList"
+  />
+
+  <!-- 物料详情弹窗 -->
+  <MdItemForm ref="itemFormRef" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { WmProductSalesLineApi } from '@/api/mes/wm/productsales/line'
+import MdItemForm from '@/views/mes/md/item/MdItemForm.vue'
+
+defineOptions({ name: 'ClientProductSalesLineList' })
+
+const props = defineProps<{
+  clientId: number
+}>()
+
+const loading = ref(false)
+const list = ref<any[]>([])
+const total = ref(0)
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  clientId: undefined as number | undefined
+})
+
+/** 查询列表 */
+const getList = async () => {
+  if (!queryParams.clientId) return
+  loading.value = true
+  try {
+    const data = await WmProductSalesLineApi.getProductSalesLinePage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 查看物料详情 */
+const itemFormRef = ref()
+const handleViewItem = (itemId: number) => {
+  itemFormRef.value.open('detail', itemId)
+}
+
+/** 监听 clientId 变化，自动加载 */
+watch(
+  () => props.clientId,
+  (val) => {
+    queryParams.clientId = val
+    queryParams.pageNo = 1
+    getList()
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/views/mes/md/client/ClientProductSalesLineTab.vue b/src/views/mes/md/client/ClientProductSalesLineTab.vue
index 738dd123f..6a9c36a3c 100644
--- a/src/views/mes/md/client/ClientProductSalesLineTab.vue
+++ b/src/views/mes/md/client/ClientProductSalesLineTab.vue
@@ -1,4 +1,5 @@
 <template>
+  <div class="overflow-hidden">
   <!-- 客户详情-产品清单 tab（复用 getProductSalesLinePage 分页接口） -->
   <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
     <el-table-column label="物料编码" align="center" prop="itemCode" width="140">
@@ -23,6 +24,7 @@
 
   <!-- 物料详情弹窗 -->
   <MdItemForm ref="itemFormRef" />
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/mes/md/client/ClientProductSalesList.vue b/src/views/mes/md/client/ClientProductSalesList.vue
new file mode 100644
index 000000000..1760de17d
--- /dev/null
+++ b/src/views/mes/md/client/ClientProductSalesList.vue
@@ -0,0 +1,88 @@
+<template>
+  <div class="overflow-hidden">
+  <!-- 客户详情-销售记录 tab（复用 getProductSalesPage 分页接口） -->
+  <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table-column label="出库单编号" align="center" prop="code" min-width="160">
+      <template #default="scope">
+        <el-button link type="primary" @click="handleDetail(scope.row.id)">
+          {{ scope.row.code }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column label="出库单名称" align="center" prop="name" min-width="150" />
+    <el-table-column
+      label="出库日期"
+      align="center"
+      prop="salesDate"
+      :formatter="dateFormatter2"
+      width="180px"
+    />
+    <el-table-column label="单据状态" align="center" prop="status" min-width="100">
+      <template #default="scope">
+        <dict-tag :type="DICT_TYPE.MES_WM_PRODUCT_SALES_STATUS" :value="scope.row.status" />
+      </template>
+    </el-table-column>
+  </el-table>
+  <Pagination
+    :total="total"
+    v-model:page="queryParams.pageNo"
+    v-model:limit="queryParams.pageSize"
+    @pagination="getList"
+  />
+
+  <!-- 销售出库单详情弹窗 -->
+  <ProductSalesForm ref="formRef" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { dateFormatter2 } from '@/utils/formatTime'
+import { DICT_TYPE } from '@/utils/dict'
+import { WmProductSalesApi } from '@/api/mes/wm/productsales'
+import ProductSalesForm from '@/views/mes/wm/productsales/ProductSalesForm.vue'
+
+defineOptions({ name: 'ClientProductSalesList' })
+
+const props = defineProps<{
+  clientId: number
+}>()
+
+const loading = ref(false)
+const list = ref<any[]>([])
+const total = ref(0)
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  clientId: undefined as number | undefined
+})
+
+/** 查询列表 */
+const getList = async () => {
+  if (!queryParams.clientId) return
+  loading.value = true
+  try {
+    const data = await WmProductSalesApi.getProductSalesPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 查看详情 */
+const formRef = ref()
+const handleDetail = (id: number) => {
+  formRef.value.open('detail', id)
+}
+
+/** 监听 clientId 变化，自动加载 */
+watch(
+  () => props.clientId,
+  (val) => {
+    queryParams.clientId = val
+    queryParams.pageNo = 1
+    getList()
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/views/mes/md/client/ClientProductSalesTab.vue b/src/views/mes/md/client/ClientProductSalesTab.vue
index 81cbf5c60..bb754c853 100644
--- a/src/views/mes/md/client/ClientProductSalesTab.vue
+++ b/src/views/mes/md/client/ClientProductSalesTab.vue
@@ -1,4 +1,5 @@
 <template>
+  <div class="overflow-hidden">
   <!-- 客户详情-销售记录 tab（复用 getProductSalesPage 分页接口） -->
   <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
     <el-table-column label="出库单编号" align="center" prop="code" min-width="160">
@@ -31,6 +32,7 @@
 
   <!-- 销售出库单详情弹窗 -->
   <ProductSalesForm ref="formRef" />
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/mes/md/client/MdClientForm.vue b/src/views/mes/md/client/MdClientForm.vue
index a9a197807..9d6afdac1 100644
--- a/src/views/mes/md/client/MdClientForm.vue
+++ b/src/views/mes/md/client/MdClientForm.vue
@@ -153,10 +153,10 @@
     <!-- 编辑/详情时显示关联数据 tab -->
     <el-tabs v-if="formType !== 'create' && formData.id" v-model="activeTab" class="mt-10px">
       <el-tab-pane label="产品清单" name="productSalesLine" lazy>
-        <ClientProductSalesLineTab :clientId="formData.id" />
+        <ClientProductSalesLineList :clientId="formData.id" />
       </el-tab-pane>
       <el-tab-pane label="销售记录" name="productSales" lazy>
-        <ClientProductSalesTab :clientId="formData.id" />
+        <ClientProductSalesList :clientId="formData.id" />
       </el-tab-pane>
     </el-tabs>
     <template #footer>
@@ -173,8 +173,8 @@ import { MdClientApi, MdClientVO } from '@/api/mes/md/client'
 import { AutoCodeRecordApi } from '@/api/mes/md/autocode/record'
 import { CommonStatusEnum } from '@/utils/constants'
 import { MesAutoCodeRuleCode } from '@/views/mes/utils/constants'
-import ClientProductSalesLineTab from './ClientProductSalesLineTab.vue'
-import ClientProductSalesTab from './ClientProductSalesTab.vue'
+import ClientProductSalesLineList from './ClientProductSalesLineList.vue'
+import ClientProductSalesList from './ClientProductSalesList.vue'
 
 defineOptions({ name: 'MdClientForm' })
 
diff --git a/src/views/mes/md/vendor/MdVendorForm.vue b/src/views/mes/md/vendor/MdVendorForm.vue
index cf43f5cfa..9101195bc 100644
--- a/src/views/mes/md/vendor/MdVendorForm.vue
+++ b/src/views/mes/md/vendor/MdVendorForm.vue
@@ -162,10 +162,10 @@
     <!-- 编辑/详情时显示关联数据 tab -->
     <el-tabs v-if="formType !== 'create' && formData.id" v-model="activeTab" class="mt-10px">
       <el-tab-pane label="物料清单" name="itemReceiptLine" lazy>
-        <VendorItemReceiptLineTab :vendorId="formData.id" />
+        <VendorItemReceiptLineList :vendorId="formData.id" />
       </el-tab-pane>
       <el-tab-pane label="采购入库" name="itemReceipt" lazy>
-        <VendorItemReceiptTab :vendorId="formData.id" />
+        <VendorItemReceiptList :vendorId="formData.id" />
       </el-tab-pane>
     </el-tabs>
     <template #footer>
@@ -182,8 +182,8 @@ import { MdVendorApi, MdVendorVO } from '@/api/mes/md/vendor'
 import { AutoCodeRecordApi } from '@/api/mes/md/autocode/record'
 import { CommonStatusEnum } from '@/utils/constants'
 import { MesAutoCodeRuleCode } from '@/views/mes/utils/constants'
-import VendorItemReceiptLineTab from './VendorItemReceiptLineTab.vue'
-import VendorItemReceiptTab from './VendorItemReceiptTab.vue'
+import VendorItemReceiptLineList from './VendorItemReceiptLineList.vue'
+import VendorItemReceiptList from './VendorItemReceiptList.vue'
 
 defineOptions({ name: 'MdVendorForm' })
 
diff --git a/src/views/mes/md/vendor/VendorItemReceiptLineList.vue b/src/views/mes/md/vendor/VendorItemReceiptLineList.vue
new file mode 100644
index 000000000..7d4204b97
--- /dev/null
+++ b/src/views/mes/md/vendor/VendorItemReceiptLineList.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="overflow-hidden">
+  <!-- 供应商详情-物料清单 tab（复用 getItemReceiptLinePage 分页接口） -->
+  <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table-column label="物料编码" align="center" prop="itemCode" width="140">
+      <template #default="scope">
+        <el-button link type="primary" @click="handleViewItem(scope.row.itemId)">
+          {{ scope.row.itemCode }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column label="物料名称" align="center" prop="itemName" />
+    <el-table-column label="规格型号" align="center" prop="specification" />
+    <el-table-column label="单位" align="center" prop="unitMeasureName" />
+    <el-table-column label="入库数量" align="center" prop="receivedQuantity" />
+    <el-table-column label="批次号" align="center" prop="batchCode" />
+  </el-table>
+  <Pagination
+    :total="total"
+    v-model:page="queryParams.pageNo"
+    v-model:limit="queryParams.pageSize"
+    @pagination="getList"
+  />
+
+  <!-- 物料详情弹窗 -->
+  <MdItemForm ref="itemFormRef" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { WmItemReceiptLineApi } from '@/api/mes/wm/itemreceipt/line'
+import MdItemForm from '@/views/mes/md/item/MdItemForm.vue'
+
+defineOptions({ name: 'VendorItemReceiptLineList' })
+
+const props = defineProps<{
+  vendorId: number
+}>()
+
+const loading = ref(false)
+const list = ref<any[]>([])
+const total = ref(0)
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  vendorId: undefined as number | undefined
+})
+
+/** 查询列表 */
+const getList = async () => {
+  if (!queryParams.vendorId) return
+  loading.value = true
+  try {
+    const data = await WmItemReceiptLineApi.getItemReceiptLinePage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 查看物料详情 */
+const itemFormRef = ref()
+const handleViewItem = (itemId: number) => {
+  itemFormRef.value.open('detail', itemId)
+}
+
+/** 监听 vendorId 变化，自动加载 */
+watch(
+  () => props.vendorId,
+  (val) => {
+    queryParams.vendorId = val
+    queryParams.pageNo = 1
+    getList()
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/views/mes/md/vendor/VendorItemReceiptLineTab.vue b/src/views/mes/md/vendor/VendorItemReceiptLineTab.vue
index c3ea9a7d3..98d86d16b 100644
--- a/src/views/mes/md/vendor/VendorItemReceiptLineTab.vue
+++ b/src/views/mes/md/vendor/VendorItemReceiptLineTab.vue
@@ -1,4 +1,5 @@
 <template>
+  <div class="overflow-hidden">
   <!-- 供应商详情-物料清单 tab（复用 getItemReceiptLinePage 分页接口） -->
   <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
     <el-table-column label="物料编码" align="center" prop="itemCode" width="140">
@@ -23,6 +24,7 @@
 
   <!-- 物料详情弹窗 -->
   <MdItemForm ref="itemFormRef" />
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/mes/md/vendor/VendorItemReceiptList.vue b/src/views/mes/md/vendor/VendorItemReceiptList.vue
new file mode 100644
index 000000000..51014ac35
--- /dev/null
+++ b/src/views/mes/md/vendor/VendorItemReceiptList.vue
@@ -0,0 +1,88 @@
+<template>
+  <div class="overflow-hidden">
+  <!-- 供应商详情-采购记录 tab（复用 getItemReceiptPage 分页接口） -->
+  <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table-column label="入库单编号" align="center" prop="code" min-width="160">
+      <template #default="scope">
+        <el-button link type="primary" @click="handleDetail(scope.row.id)">
+          {{ scope.row.code }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column label="入库单名称" align="center" prop="name" min-width="150" />
+    <el-table-column
+      label="入库日期"
+      align="center"
+      prop="receiptDate"
+      :formatter="dateFormatter2"
+      width="180px"
+    />
+    <el-table-column label="单据状态" align="center" prop="status" min-width="100">
+      <template #default="scope">
+        <dict-tag :type="DICT_TYPE.MES_WM_ITEM_RECEIPT_STATUS" :value="scope.row.status" />
+      </template>
+    </el-table-column>
+  </el-table>
+  <Pagination
+    :total="total"
+    v-model:page="queryParams.pageNo"
+    v-model:limit="queryParams.pageSize"
+    @pagination="getList"
+  />
+
+  <!-- 采购入库单详情弹窗 -->
+  <ItemReceiptForm ref="formRef" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { dateFormatter2 } from '@/utils/formatTime'
+import { DICT_TYPE } from '@/utils/dict'
+import { WmItemReceiptApi } from '@/api/mes/wm/itemreceipt'
+import ItemReceiptForm from '@/views/mes/wm/itemreceipt/ItemReceiptForm.vue'
+
+defineOptions({ name: 'VendorItemReceiptList' })
+
+const props = defineProps<{
+  vendorId: number
+}>()
+
+const loading = ref(false)
+const list = ref<any[]>([])
+const total = ref(0)
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  vendorId: undefined as number | undefined
+})
+
+/** 查询列表 */
+const getList = async () => {
+  if (!queryParams.vendorId) return
+  loading.value = true
+  try {
+    const data = await WmItemReceiptApi.getItemReceiptPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 查看详情 */
+const formRef = ref()
+const handleDetail = (id: number) => {
+  formRef.value.open('detail', id)
+}
+
+/** 监听 vendorId 变化，自动加载 */
+watch(
+  () => props.vendorId,
+  (val) => {
+    queryParams.vendorId = val
+    queryParams.pageNo = 1
+    getList()
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/views/mes/md/vendor/VendorItemReceiptTab.vue b/src/views/mes/md/vendor/VendorItemReceiptTab.vue
index e0ddf671a..ef62dede1 100644
--- a/src/views/mes/md/vendor/VendorItemReceiptTab.vue
+++ b/src/views/mes/md/vendor/VendorItemReceiptTab.vue
@@ -1,4 +1,5 @@
 <template>
+  <div class="overflow-hidden">
   <!-- 供应商详情-采购记录 tab（复用 getItemReceiptPage 分页接口） -->
   <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
     <el-table-column label="入库单编号" align="center" prop="code" min-width="160">
@@ -31,6 +32,7 @@
 
   <!-- 采购入库单详情弹窗 -->
   <ItemReceiptForm ref="formRef" />
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/mes/pro/card/CardProcessList.vue b/src/views/mes/pro/card/CardProcessList.vue
index f9dedf920..ad35b5789 100644
--- a/src/views/mes/pro/card/CardProcessList.vue
+++ b/src/views/mes/pro/card/CardProcessList.vue
@@ -1,6 +1,6 @@
 <!-- MES 流转卡工序记录列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 操作按钮 -->
     <div class="mb-10px" v-if="!disabled">
       <el-button type="primary" plain @click="openProcessForm('create')">
diff --git a/src/views/mes/pro/feedback/ItemConsumeList.vue b/src/views/mes/pro/feedback/ItemConsumeList.vue
index e3fa795ba..7578ccbe7 100644
--- a/src/views/mes/pro/feedback/ItemConsumeList.vue
+++ b/src/views/mes/pro/feedback/ItemConsumeList.vue
@@ -1,7 +1,7 @@
 <!-- 物料消耗记录行列表（只读，带分页） -->
 <!-- DONE @AI：挪到 /Users/yunai/Java/yudao-all-in-one/yudao-ui-admin-vue3/src/views/mes/pro/feedback；不作为 components -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-table v-loading="loading" :data="list" stripe>
       <el-table-column label="物资编码" align="center" prop="itemCode" min-width="120" />
       <el-table-column label="物资名称" align="center" prop="itemName" min-width="140" />
diff --git a/src/views/mes/pro/feedback/ProductProduceList.vue b/src/views/mes/pro/feedback/ProductProduceList.vue
index 9db975237..4f1b4f141 100644
--- a/src/views/mes/pro/feedback/ProductProduceList.vue
+++ b/src/views/mes/pro/feedback/ProductProduceList.vue
@@ -1,6 +1,6 @@
 <!-- 产品产出记录行列表（只读，带分页） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-table v-loading="loading" :data="list" stripe>
       <el-table-column label="物资编码" align="center" prop="itemCode" min-width="120" />
       <el-table-column label="物资名称" align="center" prop="itemName" min-width="140" />
diff --git a/src/views/mes/pro/workorder/WorkOrderBomList.vue b/src/views/mes/pro/workorder/WorkOrderBomList.vue
index 32dbf859c..236061fa3 100644
--- a/src/views/mes/pro/workorder/WorkOrderBomList.vue
+++ b/src/views/mes/pro/workorder/WorkOrderBomList.vue
@@ -1,6 +1,6 @@
 <!-- MES 生产工单 BOM 列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- BOM 列表 -->
     <el-table v-loading="loading" :data="bomList" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="BOM 物料编码" align="center" prop="itemCode" width="120" />
diff --git a/src/views/mes/qc/batchtrace/BatchTraceDetail.vue b/src/views/mes/qc/batchtrace/BatchTraceDetail.vue
index 0fed19c27..d80169592 100644
--- a/src/views/mes/qc/batchtrace/BatchTraceDetail.vue
+++ b/src/views/mes/qc/batchtrace/BatchTraceDetail.vue
@@ -43,14 +43,14 @@
     </el-descriptions>
     <el-tabs type="border-card" class="mt-10px">
       <el-tab-pane label="向前追溯">
-        <BatchTraceDetailTab
+        <BatchTraceDetailList
           :batchId="detailData.id"
           :batchCode="detailData.code"
           direction="forward"
         />
       </el-tab-pane>
       <el-tab-pane label="向后追溯">
-        <BatchTraceDetailTab
+        <BatchTraceDetailList
           :batchId="detailData.id"
           :batchCode="detailData.code"
           direction="backward"
@@ -62,7 +62,7 @@
 
 <script lang="ts" setup>
 import { BatchVO } from '@/api/mes/wm/batch'
-import BatchTraceDetailTab from './BatchTraceDetailTab.vue'
+import BatchTraceDetailList from './BatchTraceDetailList.vue'
 
 defineOptions({ name: 'BatchTraceDetail' })
 
diff --git a/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue b/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue
new file mode 100644
index 000000000..ce68a7ecc
--- /dev/null
+++ b/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="app-container">
+    <el-table v-loading="loading" :data="batchList">
+      <el-table-column label="生产工单号" width="150px" align="center" prop="workOrderCode" />
+      <el-table-column label="批次编号" align="center" prop="code" />
+      <el-table-column label="产品物料编码" align="center" prop="itemCode" />
+      <el-table-column label="产品物料名称" align="center" prop="itemName" />
+      <el-table-column label="规格型号" align="center" prop="itemSpecification" />
+      <el-table-column label="单位" align="center" prop="unitName" />
+    </el-table>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { BatchApi, BatchVO } from '@/api/mes/wm/batch'
+
+defineOptions({ name: 'BatchTraceDetailList' })
+
+const props = defineProps<{
+  batchId?: number
+  batchCode?: string
+  direction: 'forward' | 'backward' // 追溯方向：forward=向前追溯，backward=向后追溯
+}>()
+
+const loading = ref(true) // 列表的加载中
+const batchList = ref<BatchVO[]>([]) // 列表的数据
+
+watch(
+  () => props.batchCode,
+  (val) => {
+    if (val) {
+      getList()
+    }
+  }
+)
+/** 查询列表 */
+const getList = async () => {
+  if (!props.batchCode) {
+    return
+  }
+  loading.value = true
+  try {
+    batchList.value =
+      props.direction === 'forward'
+        ? await BatchApi.getForwardList(props.batchCode)
+        : await BatchApi.getBackwardList(props.batchCode)
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 初始化 */
+onMounted(() => {
+  getList()
+})
+</script>
diff --git a/src/views/mes/qc/defectrecord/components/DefectRecordInlineList.vue b/src/views/mes/qc/defectrecord/components/DefectRecordInlineList.vue
index 23007210a..fbaf303a6 100644
--- a/src/views/mes/qc/defectrecord/components/DefectRecordInlineList.vue
+++ b/src/views/mes/qc/defectrecord/components/DefectRecordInlineList.vue
@@ -1,6 +1,7 @@
 <!-- 缺陷记录内联编辑列表（通用组件，供 IQC/IPQC/OQC/RQC 各模块复用） -->
 <template>
   <Dialog title="缺陷记录" v-model="dialogVisible" width="900px">
+    <div class="overflow-hidden">
     <!-- 新增按钮 -->
     <el-row class="mb-10px">
       <el-button type="primary" plain @click="handleAdd" v-hasPermi="['mes:qc-defect:create']">
@@ -87,6 +88,7 @@
       v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
+    </div>
   </Dialog>
 </template>
 
diff --git a/src/views/mes/qc/indicatorresult/components/QcIndicatorResultList.vue b/src/views/mes/qc/indicatorresult/components/QcIndicatorResultList.vue
index 23023efb0..a60c4eab1 100644
--- a/src/views/mes/qc/indicatorresult/components/QcIndicatorResultList.vue
+++ b/src/views/mes/qc/indicatorresult/components/QcIndicatorResultList.vue
@@ -1,6 +1,6 @@
 <!-- MES 检验结果列表子组件（嵌入 IQC 等质检单详情页） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 操作按钮 -->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
diff --git a/src/views/mes/qc/ipqc/IpqcLineList.vue b/src/views/mes/qc/ipqc/IpqcLineList.vue
index d746b120f..f910c7602 100644
--- a/src/views/mes/qc/ipqc/IpqcLineList.vue
+++ b/src/views/mes/qc/ipqc/IpqcLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 过程检验单行 子列表（只读） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="检测项名称" align="center" prop="indicatorName" min-width="150" />
diff --git a/src/views/mes/qc/iqc/IqcLineList.vue b/src/views/mes/qc/iqc/IqcLineList.vue
index afe09f135..57595aa80 100644
--- a/src/views/mes/qc/iqc/IqcLineList.vue
+++ b/src/views/mes/qc/iqc/IqcLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 来料检验单行 子列表（只读） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="检测项名称" align="center" prop="indicatorName" width="150" />
diff --git a/src/views/mes/qc/oqc/OqcLineList.vue b/src/views/mes/qc/oqc/OqcLineList.vue
index 05b2eb902..acbdc3de5 100644
--- a/src/views/mes/qc/oqc/OqcLineList.vue
+++ b/src/views/mes/qc/oqc/OqcLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 出货检验单行 子列表（只读） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="检测项名称" align="center" prop="indicatorName" min-width="150" />
diff --git a/src/views/mes/qc/rqc/RqcLineList.vue b/src/views/mes/qc/rqc/RqcLineList.vue
index ea515e454..08b4c9846 100644
--- a/src/views/mes/qc/rqc/RqcLineList.vue
+++ b/src/views/mes/qc/rqc/RqcLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 退货检验单行 子列表（只读） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="检测项名称" align="center" prop="indicatorName" min-width="150" />
diff --git a/src/views/mes/wm/arrivalnotice/ArrivalNoticeLineList.vue b/src/views/mes/wm/arrivalnotice/ArrivalNoticeLineList.vue
index 40d9a925c..74f6c730a 100644
--- a/src/views/mes/wm/arrivalnotice/ArrivalNoticeLineList.vue
+++ b/src/views/mes/wm/arrivalnotice/ArrivalNoticeLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 到货通知单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/itemreceipt/ItemReceiptLineList.vue b/src/views/mes/wm/itemreceipt/ItemReceiptLineList.vue
index 6c7a12937..fd3c625f9 100644
--- a/src/views/mes/wm/itemreceipt/ItemReceiptLineList.vue
+++ b/src/views/mes/wm/itemreceipt/ItemReceiptLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 采购入库单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/miscissue/MiscIssueLineList.vue b/src/views/mes/wm/miscissue/MiscIssueLineList.vue
index eed86c86c..8277b619b 100644
--- a/src/views/mes/wm/miscissue/MiscIssueLineList.vue
+++ b/src/views/mes/wm/miscissue/MiscIssueLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 杂项出库单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/outsourceissue/OutsourceIssueLineList.vue b/src/views/mes/wm/outsourceissue/OutsourceIssueLineList.vue
index 1bd7dd146..2eb5a4801 100644
--- a/src/views/mes/wm/outsourceissue/OutsourceIssueLineList.vue
+++ b/src/views/mes/wm/outsourceissue/OutsourceIssueLineList.vue
@@ -1,7 +1,7 @@
 <!-- MES 外协发料单行列表子组件 -->
 <!-- DONE @芋艿：未 review（AI 未修复原因：标注为后续人工 review，需人工介入） -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/outsourcereceipt/OutsourceReceiptLineList.vue b/src/views/mes/wm/outsourcereceipt/OutsourceReceiptLineList.vue
index 97e0c8c9d..0898172d1 100644
--- a/src/views/mes/wm/outsourcereceipt/OutsourceReceiptLineList.vue
+++ b/src/views/mes/wm/outsourcereceipt/OutsourceReceiptLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 外协入库单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/packages/PackageLineList.vue b/src/views/mes/wm/packages/PackageLineList.vue
index 422c9df78..35eebcc63 100644
--- a/src/views/mes/wm/packages/PackageLineList.vue
+++ b/src/views/mes/wm/packages/PackageLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 装箱明细列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isEditable" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加明细
     </el-button>
diff --git a/src/views/mes/wm/packages/SubPackageList.vue b/src/views/mes/wm/packages/SubPackageList.vue
index 886ad38ce..30be7d9cf 100644
--- a/src/views/mes/wm/packages/SubPackageList.vue
+++ b/src/views/mes/wm/packages/SubPackageList.vue
@@ -1,6 +1,6 @@
 <!-- MES 子箱列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isEditable" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加子箱
     </el-button>
diff --git a/src/views/mes/wm/productissue/ProductIssueLineList.vue b/src/views/mes/wm/productissue/ProductIssueLineList.vue
index e8870805d..cb7a6baba 100644
--- a/src/views/mes/wm/productissue/ProductIssueLineList.vue
+++ b/src/views/mes/wm/productissue/ProductIssueLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 领料出库单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/productreceipt/ProductReceiptLineList.vue b/src/views/mes/wm/productreceipt/ProductReceiptLineList.vue
index 42c640814..f86ecef4c 100644
--- a/src/views/mes/wm/productreceipt/ProductReceiptLineList.vue
+++ b/src/views/mes/wm/productreceipt/ProductReceiptLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 产品入库单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/productsales/ProductSalesLineList.vue b/src/views/mes/wm/productsales/ProductSalesLineList.vue
index e5220b997..96a55f334 100644
--- a/src/views/mes/wm/productsales/ProductSalesLineList.vue
+++ b/src/views/mes/wm/productsales/ProductSalesLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 销售出库单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/returnissue/ReturnIssueLineList.vue b/src/views/mes/wm/returnissue/ReturnIssueLineList.vue
index dc3676886..db19a4e4e 100644
--- a/src/views/mes/wm/returnissue/ReturnIssueLineList.vue
+++ b/src/views/mes/wm/returnissue/ReturnIssueLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 生产退料单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/returnsales/ReturnSalesLineList.vue b/src/views/mes/wm/returnsales/ReturnSalesLineList.vue
index 816d6967c..9c842d4c0 100644
--- a/src/views/mes/wm/returnsales/ReturnSalesLineList.vue
+++ b/src/views/mes/wm/returnsales/ReturnSalesLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 销售退货单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/returnvendor/ReturnVendorLineList.vue b/src/views/mes/wm/returnvendor/ReturnVendorLineList.vue
index db3b25b7e..3d4cdf171 100644
--- a/src/views/mes/wm/returnvendor/ReturnVendorLineList.vue
+++ b/src/views/mes/wm/returnvendor/ReturnVendorLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 供应商退货单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button v-if="isUpdate" type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/salesnotice/SalesNoticeLineList.vue b/src/views/mes/wm/salesnotice/SalesNoticeLineList.vue
index d73f36715..dd46ad5b5 100644
--- a/src/views/mes/wm/salesnotice/SalesNoticeLineList.vue
+++ b/src/views/mes/wm/salesnotice/SalesNoticeLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 发货通知单行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button type="primary" plain @click="openForm('create')" class="mb-10px">
       <Icon icon="ep:plus" class="mr-5px" /> 添加物料
     </el-button>
diff --git a/src/views/mes/wm/stocktaking/plan/StockTakingPlanParamList.vue b/src/views/mes/wm/stocktaking/plan/StockTakingPlanParamList.vue
index c9e5afae1..f4dbb2aea 100644
--- a/src/views/mes/wm/stocktaking/plan/StockTakingPlanParamList.vue
+++ b/src/views/mes/wm/stocktaking/plan/StockTakingPlanParamList.vue
@@ -1,6 +1,6 @@
 <!-- MES 盘点方案条件列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <el-button
       type="primary"
       plain
diff --git a/src/views/mes/wm/stocktaking/task/StockTakingTaskLineList.vue b/src/views/mes/wm/stocktaking/task/StockTakingTaskLineList.vue
index 557d0c055..51a102a91 100644
--- a/src/views/mes/wm/stocktaking/task/StockTakingTaskLineList.vue
+++ b/src/views/mes/wm/stocktaking/task/StockTakingTaskLineList.vue
@@ -1,6 +1,6 @@
 <!-- MES 盘点任务行列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 添加物料按钮 -->
     <el-button
       v-if="!isReadOnly"
diff --git a/src/views/mes/wm/stocktaking/task/StockTakingTaskResultList.vue b/src/views/mes/wm/stocktaking/task/StockTakingTaskResultList.vue
index e23cdcbf9..7d9ad69a1 100644
--- a/src/views/mes/wm/stocktaking/task/StockTakingTaskResultList.vue
+++ b/src/views/mes/wm/stocktaking/task/StockTakingTaskResultList.vue
@@ -1,6 +1,6 @@
 <!-- MES 盘点任务结果列表子组件 -->
 <template>
-  <div>
+  <div class="overflow-hidden">
     <!-- 新增按钮 -->
     <el-button
       v-if="!isReadOnly"