diff --git a/klp-ui/src/views/micro/pages/dr/components/Inventory.vue b/klp-ui/src/views/micro/pages/dr/components/Inventory.vue
new file mode 100644
index 000000000..6e32da421
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/dr/components/Inventory.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="inventory-container">
+    <BasePage
+      :qrcode="false"
+      :querys="querys"
+      :showControl="false"
+      :useWarehouseIds="true"
+      :warehouseOptions="warehouseOptions"
+      :showMaterialType="true"
+    />
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { DR_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'DrInventory',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      querys: {
+        dataType: 1,
+        status: 0,
+      },
+      warehouseOptions: DR_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/dr/components/Processing.vue b/klp-ui/src/views/micro/pages/dr/components/Processing.vue
new file mode 100644
index 000000000..4abd22679
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/dr/components/Processing.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="processing-container">
+    <el-tabs v-model="activeTab" type="border-card">
+      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
+        <DoPage
+          v-if="activeTab === tab.name"
+          :label="tab.label"
+          :tabs="tab.tabs"
+          :useSpecialSplit="tab.useSpecialSplit"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import DoPage from '@/views/wms/coil/panels/do.vue'
+import { DR_PROCESSING_TABS } from '../config'
+
+export default {
+  name: 'DrProcessing',
+  components: {
+    DoPage,
+  },
+  data() {
+    return {
+      activeTab: 'process',
+      tabs: DR_PROCESSING_TABS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.processing-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/dr/components/Quality.vue b/klp-ui/src/views/micro/pages/dr/components/Quality.vue
new file mode 100644
index 000000000..e9920e7e3
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/dr/components/Quality.vue
@@ -0,0 +1,92 @@
+<template>
+  <div class="quality-container">
+    <el-tabs v-model="activeTab" class="quality-tabs">
+      <el-tab-pane label="异常钢卷" name="abnormal">
+        <div v-if="activeTab === 'abnormal'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="abnormalQuerys"
+            :labelType="'2'"
+            :hideType="false"
+            :showAbnormal="true"
+            :showControl="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="次品钢卷" name="defect">
+        <div v-if="activeTab === 'defect'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="defectQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="O卷" name="oil">
+        <div v-if="activeTab === 'oil'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="oilQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { DR_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'DrQuality',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      activeTab: 'abnormal',
+      abnormalQuerys: {
+        dataType: 1,
+        orderByAbnormal: true,
+      },
+      defectQuerys: {
+        dataType: 1,
+        OnlyScrap: true,
+      },
+      oilQuerys: {
+        dataType: 1,
+        status: 0,
+        qualityStatus: 'O',
+      },
+      warehouseOptions: DR_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.quality-container {
+  width: 100%;
+  height: 100%;
+
+  .quality-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/dr/components/Report.vue b/klp-ui/src/views/micro/pages/dr/components/Report.vue
new file mode 100644
index 000000000..f9118a733
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/dr/components/Report.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="report-container">
+    <el-tabs v-model="activeTab" class="report-tabs">
+      <el-tab-pane label="综合报表" name="comprehensive">
+        <Comprehensive v-if="activeTab === 'comprehensive'" />
+      </el-tab-pane>
+      <el-tab-pane label="日报表" name="day">
+        <DayReport v-if="activeTab === 'day'" />
+      </el-tab-pane>
+      <el-tab-pane label="月报表" name="month">
+        <MonthReport v-if="activeTab === 'month'" />
+      </el-tab-pane>
+      <el-tab-pane label="年报表" name="year">
+        <YearReport v-if="activeTab === 'year'" />
+      </el-tab-pane>
+      <el-tab-pane label="损耗报表" name="loss">
+        <LossReport v-if="activeTab === 'loss'" />
+      </el-tab-pane>
+      <el-tab-pane label="产出报表" name="out">
+        <OutReport v-if="activeTab === 'out'" />
+      </el-tab-pane>
+      <el-tab-pane label="班报表" name="team">
+        <TeamReport v-if="activeTab === 'team'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import Comprehensive from '@/views/wms/report/shuang/comprehensive.vue'
+import DayReport from '@/views/wms/report/shuang/day.vue'
+import MonthReport from '@/views/wms/report/shuang/month.vue'
+import YearReport from '@/views/wms/report/shuang/year.vue'
+import LossReport from '@/views/wms/report/shuang/loss.vue'
+import OutReport from '@/views/wms/report/shuang/out.vue'
+import TeamReport from '@/views/wms/report/shuang/team.vue'
+
+export default {
+  name: 'DrReport',
+  components: {
+    Comprehensive,
+    DayReport,
+    MonthReport,
+    YearReport,
+    LossReport,
+    OutReport,
+    TeamReport,
+  },
+  data() {
+    return {
+      activeTab: 'comprehensive',
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.report-container {
+  width: 100%;
+  height: 100%;
+
+  .report-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/dr/components/Shipping.vue b/klp-ui/src/views/micro/pages/dr/components/Shipping.vue
new file mode 100644
index 000000000..a6541b15e
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/dr/components/Shipping.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="shipping-container">
+    <el-tabs v-model="activeTab" class="shipping-tabs">
+      <el-tab-pane label="配卷情况" name="waybill">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :showWaybill="true"
+            :showNewExport="true"
+            :querys="waybillQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="发货记录" name="ship">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="shipQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showExportTime="true"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { DR_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'DrShipping',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      activeTab: 'waybill',
+      waybillQuerys: {
+        dataType: 1,
+        includeBindInfo: true,
+      },
+      shipQuerys: {
+        dataType: 1,
+        status: 1,
+      },
+      warehouseOptions: DR_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.shipping-container {
+  width: 100%;
+  height: 100%;
+
+  .shipping-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/dr/config.js b/klp-ui/src/views/micro/pages/dr/config.js
new file mode 100644
index 000000000..3c12f0570
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/dr/config.js
@@ -0,0 +1,28 @@
+export const DR_WAREHOUSE_OPTIONS = [
+  { value: '1992873386047643650', label: '双机架原料库' },
+  { value: '1992873437713080322', label: '双机架成品库' },
+  { value: '1988151076996706306', label: '镀铬原料库' },
+]
+
+export const DR_PROCESSING_TABS = [
+  {
+    title: '双机架工序',
+    name: 'process',
+    label: '双机架工序',
+    tabs: DR_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+  {
+    title: '合卷',
+    name: 'merge',
+    label: '双机架合卷',
+    useSpecialSplit: false,
+  },
+  {
+    title: '双机架修复',
+    name: 'repair',
+    label: '双机架修复工序',
+    tabs: DR_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+]
diff --git a/klp-ui/src/views/micro/pages/dr/index.vue b/klp-ui/src/views/micro/pages/dr/index.vue
index acbf332f5..d2ec52f2a 100644
--- a/klp-ui/src/views/micro/pages/dr/index.vue
+++ b/klp-ui/src/views/micro/pages/dr/index.vue
@@ -2,6 +2,26 @@
   <div class="dr-container">
     <div class="dr-sidebar">
       <el-menu :default-active="activeMenu" class="sidebar-menu" @select="handleMenuSelect">
+        <el-menu-item index="inventory">
+          <i class="el-icon-box"></i>
+          <span slot="title">库存</span>
+        </el-menu-item>
+        <el-menu-item index="processing">
+          <i class="el-icon-s-operation"></i>
+          <span slot="title">WIP</span>
+        </el-menu-item>
+        <el-menu-item index="report">
+          <i class="el-icon-document"></i>
+          <span slot="title">报表</span>
+        </el-menu-item>
+        <el-menu-item index="shipping">
+          <i class="el-icon-truck"></i>
+          <span slot="title">发货</span>
+        </el-menu-item>
+        <el-menu-item index="quality">
+          <i class="el-icon-warning-outline"></i>
+          <span slot="title">品质</span>
+        </el-menu-item>
         <el-menu-item index="plan">
           <i class="el-icon-s-order"></i>
           <span slot="title">计划</span>
@@ -23,19 +43,42 @@
 </template>
 
 <script>
-import Plan        from './components/Plan.vue'
+import Plan from './components/Plan.vue'
 import ProcessSpec from './components/ProcessSpec.vue'
-import Actual      from './components/Actual.vue'
+import Actual from './components/Actual.vue'
+import Inventory from './components/Inventory.vue'
+import Processing from './components/Processing.vue'
+import Report from './components/Report.vue'
+import Shipping from './components/Shipping.vue'
+import Quality from './components/Quality.vue'
 
 export default {
   name: 'DrSystem',
-  components: { Plan, ProcessSpec, Actual },
+  components: {
+    Plan,
+    ProcessSpec,
+    Actual,
+    Inventory,
+    Processing,
+    Report,
+    Shipping,
+    Quality,
+  },
   data() {
-    return { activeMenu: 'plan' }
+    return { activeMenu: 'inventory' }
   },
   computed: {
     currentComponent() {
-      return { plan: 'Plan', processSpec: 'ProcessSpec', actual: 'Actual' }[this.activeMenu]
+      return {
+        plan: 'Plan',
+        processSpec: 'ProcessSpec',
+        actual: 'Actual',
+        inventory: 'Inventory',
+        processing: 'Processing',
+        report: 'Report',
+        shipping: 'Shipping',
+        quality: 'Quality',
+      }[this.activeMenu]
     }
   },
   methods: {
@@ -45,6 +88,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 0 !important;
+}
+
 .dr-container {
   display: flex;
   width: 100%;
diff --git a/klp-ui/src/views/micro/pages/duge/components/Inventory.vue b/klp-ui/src/views/micro/pages/duge/components/Inventory.vue
new file mode 100644
index 000000000..fe31f82a8
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/components/Inventory.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="inventory-container">
+    <BasePage
+      :qrcode="false"
+      :querys="querys"
+      :showControl="false"
+      :useWarehouseIds="true"
+      :warehouseOptions="warehouseOptions"
+      :showMaterialType="true"
+    />
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { DUGE_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'DugeInventory',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      querys: {
+        dataType: 1,
+        status: 0,
+      },
+      warehouseOptions: DUGE_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/duge/components/Processing.vue b/klp-ui/src/views/micro/pages/duge/components/Processing.vue
new file mode 100644
index 000000000..6c3777256
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/components/Processing.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="processing-container">
+    <el-tabs v-model="activeTab" type="border-card">
+      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
+        <DoPage
+          v-if="activeTab === tab.name"
+          :label="tab.label"
+          :tabs="tab.tabs"
+          :useSpecialSplit="tab.useSpecialSplit"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import DoPage from '@/views/wms/coil/panels/do.vue'
+import { DUGE_PROCESSING_TABS } from '../config'
+
+export default {
+  name: 'DugeProcessing',
+  components: {
+    DoPage,
+  },
+  data() {
+    return {
+      activeTab: 'process',
+      tabs: DUGE_PROCESSING_TABS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.processing-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/duge/components/Quality.vue b/klp-ui/src/views/micro/pages/duge/components/Quality.vue
new file mode 100644
index 000000000..2bf3abaea
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/components/Quality.vue
@@ -0,0 +1,92 @@
+<template>
+  <div class="quality-container">
+    <el-tabs v-model="activeTab" class="quality-tabs">
+      <el-tab-pane label="异常钢卷" name="abnormal">
+        <div v-if="activeTab === 'abnormal'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="abnormalQuerys"
+            :labelType="'2'"
+            :hideType="false"
+            :showAbnormal="true"
+            :showControl="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="次品钢卷" name="defect">
+        <div v-if="activeTab === 'defect'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="defectQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="O卷" name="oil">
+        <div v-if="activeTab === 'oil'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="oilQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { DUGE_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'DugeQuality',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      activeTab: 'abnormal',
+      abnormalQuerys: {
+        dataType: 1,
+        orderByAbnormal: true,
+      },
+      defectQuerys: {
+        dataType: 1,
+        OnlyScrap: true,
+      },
+      oilQuerys: {
+        dataType: 1,
+        status: 0,
+        qualityStatus: 'O',
+      },
+      warehouseOptions: DUGE_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.quality-container {
+  width: 100%;
+  height: 100%;
+
+  .quality-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/duge/components/Report.vue b/klp-ui/src/views/micro/pages/duge/components/Report.vue
new file mode 100644
index 000000000..6db1c81e3
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/components/Report.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="report-container">
+    <el-tabs v-model="activeTab" class="report-tabs">
+      <el-tab-pane label="综合报表" name="comprehensive">
+        <Comprehensive v-if="activeTab === 'comprehensive'" />
+      </el-tab-pane>
+      <el-tab-pane label="日报表" name="day">
+        <DayReport v-if="activeTab === 'day'" />
+      </el-tab-pane>
+      <el-tab-pane label="月报表" name="month">
+        <MonthReport v-if="activeTab === 'month'" />
+      </el-tab-pane>
+      <el-tab-pane label="年报表" name="year">
+        <YearReport v-if="activeTab === 'year'" />
+      </el-tab-pane>
+      <el-tab-pane label="损耗报表" name="loss">
+        <LossReport v-if="activeTab === 'loss'" />
+      </el-tab-pane>
+      <el-tab-pane label="产出报表" name="out">
+        <OutReport v-if="activeTab === 'out'" />
+      </el-tab-pane>
+      <el-tab-pane label="班报表" name="team">
+        <TeamReport v-if="activeTab === 'team'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import Comprehensive from '@/views/wms/report/duge/comprehensive.vue'
+import DayReport from '@/views/wms/report/duge/day.vue'
+import MonthReport from '@/views/wms/report/duge/month.vue'
+import YearReport from '@/views/wms/report/duge/year.vue'
+import LossReport from '@/views/wms/report/duge/loss.vue'
+import OutReport from '@/views/wms/report/duge/out.vue'
+import TeamReport from '@/views/wms/report/duge/team.vue'
+
+export default {
+  name: 'DugeReport',
+  components: {
+    Comprehensive,
+    DayReport,
+    MonthReport,
+    YearReport,
+    LossReport,
+    OutReport,
+    TeamReport,
+  },
+  data() {
+    return {
+      activeTab: 'comprehensive',
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.report-container {
+  width: 100%;
+  height: 100%;
+
+  .report-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/duge/components/Shipping.vue b/klp-ui/src/views/micro/pages/duge/components/Shipping.vue
new file mode 100644
index 000000000..aeea08ee2
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/components/Shipping.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="shipping-container">
+    <el-tabs v-model="activeTab" class="shipping-tabs">
+      <el-tab-pane label="配卷情况" name="waybill">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :showWaybill="true"
+            :showNewExport="true"
+            :querys="waybillQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="发货记录" name="ship">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="shipQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showExportTime="true"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { DUGE_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'DugeShipping',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      activeTab: 'waybill',
+      waybillQuerys: {
+        dataType: 1,
+        includeBindInfo: true,
+      },
+      shipQuerys: {
+        dataType: 1,
+        status: 1,
+      },
+      warehouseOptions: DUGE_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.shipping-container {
+  width: 100%;
+  height: 100%;
+
+  .shipping-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/duge/config.js b/klp-ui/src/views/micro/pages/duge/config.js
new file mode 100644
index 000000000..fd16f08c8
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/config.js
@@ -0,0 +1,27 @@
+export const DUGE_WAREHOUSE_OPTIONS = [
+  { value: '1988151076996706306', label: '镀铬原料库' },
+  { value: '1988151132361519105', label: '镀铬成品库' },
+]
+
+export const DUGE_PROCESSING_TABS = [
+  {
+    title: '镀铬工序',
+    name: 'process',
+    label: '镀铬工序',
+    tabs: DUGE_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+  {
+    title: '合卷',
+    name: 'merge',
+    label: '镀铬合卷',
+    useSpecialSplit: false,
+  },
+  {
+    title: '镀铬修复',
+    name: 'repair',
+    label: '镀铬修复工序',
+    tabs: DUGE_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+]
diff --git a/klp-ui/src/views/micro/pages/duge/index.vue b/klp-ui/src/views/micro/pages/duge/index.vue
new file mode 100644
index 000000000..7932b8276
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/duge/index.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="duge-container">
+    <div class="duge-sidebar">
+      <el-menu :default-active="activeMenu" class="sidebar-menu" @select="handleMenuSelect">
+        <el-menu-item index="inventory">
+          <i class="el-icon-box"></i>
+          <span slot="title">库存</span>
+        </el-menu-item>
+        <el-menu-item index="processing">
+          <i class="el-icon-s-operation"></i>
+          <span slot="title">WIP</span>
+        </el-menu-item>
+        <el-menu-item index="report">
+          <i class="el-icon-document"></i>
+          <span slot="title">报表</span>
+        </el-menu-item>
+        <el-menu-item index="shipping">
+          <i class="el-icon-truck"></i>
+          <span slot="title">发货</span>
+        </el-menu-item>
+        <el-menu-item index="quality">
+          <i class="el-icon-warning-outline"></i>
+          <span slot="title">品质</span>
+        </el-menu-item>
+      </el-menu>
+    </div>
+    <div class="duge-content">
+      <component :is="currentComponent" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Inventory from './components/Inventory.vue'
+import Processing from './components/Processing.vue'
+import Report from './components/Report.vue'
+import Shipping from './components/Shipping.vue'
+import Quality from './components/Quality.vue'
+
+export default {
+  name: 'DugeSystem',
+  components: {
+    Inventory,
+    Processing,
+    Report,
+    Shipping,
+    Quality,
+  },
+  data() {
+    return {
+      activeMenu: 'inventory',
+    }
+  },
+  computed: {
+    currentComponent() {
+      const componentMap = {
+        inventory: 'Inventory',
+        processing: 'Processing',
+        report: 'Report',
+        shipping: 'Shipping',
+        quality: 'Quality',
+      }
+      return componentMap[this.activeMenu]
+    },
+  },
+  methods: {
+    handleMenuSelect(index) {
+      this.activeMenu = index
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 !important;
+}
+
+.duge-container {
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 84px);
+  background-color: #f5f7fa;
+}
+
+.duge-sidebar {
+  width: 100px;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
+
+  .sidebar-menu {
+    border: none;
+    background-color: transparent;
+    flex: 1;
+    overflow-y: auto;
+    border-right: none;
+
+    ::v-deep .el-menu-item {
+      color: #606266;
+      padding: 0 20px;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #ecf5ff;
+        color: #409eff;
+      }
+
+      &.is-active {
+        background-color: #ecf5ff;
+        color: #409eff;
+        border-right: 3px solid #409eff;
+      }
+
+      i {
+        font-size: 18px;
+        margin-right: 8px;
+      }
+    }
+  }
+}
+
+.duge-content {
+  flex: 1;
+  overflow: hidden;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/lajiao/components/Inventory.vue b/klp-ui/src/views/micro/pages/lajiao/components/Inventory.vue
new file mode 100644
index 000000000..d531eb3f0
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/components/Inventory.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="inventory-container">
+    <BasePage
+      :qrcode="false"
+      :querys="querys"
+      :showControl="false"
+      :useWarehouseIds="true"
+      :warehouseOptions="warehouseOptions"
+      :showMaterialType="true"
+    />
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { LAJIAO_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'LajiaoInventory',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 拉矫平整集成库存直接复用钢卷基础查询面板，仅切换逻辑库区范围。
+      querys: {
+        dataType: 1,
+        status: 0,
+      },
+      // 这里使用拉矫平整主链路库区，避免把技术部/废品库等外围库区混入集成入口。
+      warehouseOptions: LAJIAO_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/lajiao/components/Processing.vue b/klp-ui/src/views/micro/pages/lajiao/components/Processing.vue
new file mode 100644
index 000000000..f095b6dc0
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/components/Processing.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="processing-container">
+    <el-tabs v-model="activeTab" type="border-card">
+      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
+        <DoPage
+          v-if="activeTab === tab.name"
+          :label="tab.label"
+          :tabs="tab.tabs"
+          :useSpecialSplit="tab.useSpecialSplit"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import DoPage from '@/views/wms/coil/panels/do.vue'
+import { LAJIAO_PROCESSING_TABS } from '../config'
+
+export default {
+  name: 'LajiaoProcessing',
+  components: {
+    DoPage,
+  },
+  data() {
+    return {
+      // 拉矫平整 WIP 复用现有工序待办组件，只切换为拉矫平整工序标签与对应逻辑库区。
+      activeTab: 'process',
+      // 配置集中定义在 config.js，便于后续同步调整工序名称与库区映射。
+      tabs: LAJIAO_PROCESSING_TABS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.processing-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/lajiao/components/Quality.vue b/klp-ui/src/views/micro/pages/lajiao/components/Quality.vue
new file mode 100644
index 000000000..c4749b06d
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/components/Quality.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="quality-container">
+    <el-tabs v-model="activeTab" class="quality-tabs">
+      <el-tab-pane label="异常钢卷" name="abnormal">
+        <div v-if="activeTab === 'abnormal'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="abnormalQuerys"
+            :labelType="'2'"
+            :hideType="false"
+            :showAbnormal="true"
+            :showControl="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="次品钢卷" name="defect">
+        <div v-if="activeTab === 'defect'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="defectQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="O卷" name="oil">
+        <div v-if="activeTab === 'oil'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="oilQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { LAJIAO_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'LajiaoQuality',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 品质页复用现有异常/次品/O 卷查询逻辑，只切换拉矫平整库区范围。
+      activeTab: 'abnormal',
+      abnormalQuerys: {
+        // 异常钢卷默认按异常信息排序，便于品质人员优先处理。
+        dataType: 1,
+        orderByAbnormal: true,
+      },
+      defectQuerys: {
+        // 次品钢卷使用现有 scrap 口径。
+        dataType: 1,
+        OnlyScrap: true,
+      },
+      oilQuerys: {
+        // O 卷通过质量状态过滤，不额外增加专用接口。
+        dataType: 1,
+        status: 0,
+        qualityStatus: 'O',
+      },
+      // 品质板块的库区范围与拉矫平整集成其余板块一致，保证筛选口径统一。
+      warehouseOptions: LAJIAO_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.quality-container {
+  width: 100%;
+  height: 100%;
+
+  .quality-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/lajiao/components/Report.vue b/klp-ui/src/views/micro/pages/lajiao/components/Report.vue
new file mode 100644
index 000000000..24972b87b
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/components/Report.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="report-container">
+    <el-tabs v-model="activeTab" class="report-tabs">
+      <el-tab-pane label="综合报表" name="comprehensive">
+        <Comprehensive v-if="activeTab === 'comprehensive'" />
+      </el-tab-pane>
+      <el-tab-pane label="日报表" name="day">
+        <DayReport v-if="activeTab === 'day'" />
+      </el-tab-pane>
+      <el-tab-pane label="月报表" name="month">
+        <MonthReport v-if="activeTab === 'month'" />
+      </el-tab-pane>
+      <el-tab-pane label="年报表" name="year">
+        <YearReport v-if="activeTab === 'year'" />
+      </el-tab-pane>
+      <el-tab-pane label="损耗报表" name="loss">
+        <LossReport v-if="activeTab === 'loss'" />
+      </el-tab-pane>
+      <el-tab-pane label="产出报表" name="out">
+        <OutReport v-if="activeTab === 'out'" />
+      </el-tab-pane>
+      <el-tab-pane label="班报表" name="team">
+        <TeamReport v-if="activeTab === 'team'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import Comprehensive from '@/views/wms/report/lajiao/comprehensive.vue'
+import DayReport from '@/views/wms/report/lajiao/day.vue'
+import MonthReport from '@/views/wms/report/lajiao/month.vue'
+import YearReport from '@/views/wms/report/lajiao/year.vue'
+import LossReport from '@/views/wms/report/lajiao/loss.vue'
+import OutReport from '@/views/wms/report/lajiao/out.vue'
+import TeamReport from '@/views/wms/report/lajiao/team.vue'
+
+export default {
+  name: 'LajiaoReport',
+  components: {
+    Comprehensive,
+    DayReport,
+    MonthReport,
+    YearReport,
+    LossReport,
+    OutReport,
+    TeamReport,
+  },
+  data() {
+    return {
+      // 报表页直接复用 wms/report/lajiao 下的既有报表资源，
+      // 集成页只负责聚合入口，不额外改写报表查询逻辑。
+      activeTab: 'comprehensive',
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.report-container {
+  width: 100%;
+  height: 100%;
+
+  .report-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/lajiao/components/Shipping.vue b/klp-ui/src/views/micro/pages/lajiao/components/Shipping.vue
new file mode 100644
index 000000000..52024600d
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/components/Shipping.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="shipping-container">
+    <el-tabs v-model="activeTab" class="shipping-tabs">
+      <el-tab-pane label="配卷情况" name="waybill">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :showWaybill="true"
+            :showNewExport="true"
+            :querys="waybillQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="发货记录" name="ship">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="shipQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showExportTime="true"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { LAJIAO_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'LajiaoShipping',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 发货板块沿用现有钢卷发运能力，仅将过滤库区限定为拉矫平整工序链路。
+      activeTab: 'waybill',
+      waybillQuerys: {
+        // 配卷情况需要带上发货绑定信息，便于直接查看配卷结果。
+        dataType: 1,
+        includeBindInfo: true,
+      },
+      shipQuerys: {
+        // 发货记录仅查看已发货数据。
+        dataType: 1,
+        status: 1,
+      },
+      // 发货板块与库存/WIP 保持相同库区口径，避免统计口径不一致。
+      warehouseOptions: LAJIAO_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.shipping-container {
+  width: 100%;
+  height: 100%;
+
+  .shipping-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/lajiao/config.js b/klp-ui/src/views/micro/pages/lajiao/config.js
new file mode 100644
index 000000000..d3f4599e3
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/config.js
@@ -0,0 +1,40 @@
+// 拉矫平整集成页公共配置。
+// 这里统一维护五个板块共用的逻辑库区，保持库存、WIP、发货、品质口径一致。
+
+// 拉矫平整主链路逻辑库区：
+// 1. 拉矫原料库：拉矫平整工序入口原料
+// 2. 拉矫成品库：拉矫平整工序产出成品
+// 3. 双机架原料库：拉矫下游衔接库区
+export const LAJIAO_WAREHOUSE_OPTIONS = [
+  { value: '1988150854442741762', label: '拉矫原料库' },
+  { value: '1988150915591499777', label: '拉矫成品库' },
+  { value: '1992873386047643650', label: '双机架原料库' },
+]
+
+// 拉矫平整 WIP 直接复用现有 WMS 工序组件：
+// - 拉矫平整工序、拉矫修复工序走 specialSplit 流程
+// - 拉矫平整合卷走普通待办流程
+export const LAJIAO_PROCESSING_TABS = [
+  {
+    title: '拉矫平整工序',
+    name: 'process',
+    label: '拉矫平整工序',
+    // 拉矫平整工序和修复工序都限定在主链路库区内操作。
+    tabs: LAJIAO_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+  {
+    title: '合卷',
+    name: 'merge',
+    label: '拉矫平整合卷',
+    // 合卷沿用待办单模式，不需要传入库区页签。
+    useSpecialSplit: false,
+  },
+  {
+    title: '拉矫修复',
+    name: 'repair',
+    label: '拉矫修复工序',
+    tabs: LAJIAO_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+]
diff --git a/klp-ui/src/views/micro/pages/lajiao/index.vue b/klp-ui/src/views/micro/pages/lajiao/index.vue
new file mode 100644
index 000000000..6be592e38
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/lajiao/index.vue
@@ -0,0 +1,133 @@
+<template>
+  <div class="lajiao-container">
+    <div class="lajiao-sidebar">
+      <el-menu :default-active="activeMenu" class="sidebar-menu" @select="handleMenuSelect">
+        <!-- 拉矫平整集成页按需求只保留五个核心业务板块 -->
+        <el-menu-item index="inventory">
+          <i class="el-icon-box"></i>
+          <span slot="title">库存</span>
+        </el-menu-item>
+        <el-menu-item index="processing">
+          <i class="el-icon-s-operation"></i>
+          <span slot="title">WIP</span>
+        </el-menu-item>
+        <el-menu-item index="report">
+          <i class="el-icon-document"></i>
+          <span slot="title">报表</span>
+        </el-menu-item>
+        <el-menu-item index="shipping">
+          <i class="el-icon-truck"></i>
+          <span slot="title">发货</span>
+        </el-menu-item>
+        <el-menu-item index="quality">
+          <i class="el-icon-warning-outline"></i>
+          <span slot="title">品质</span>
+        </el-menu-item>
+      </el-menu>
+    </div>
+    <div class="lajiao-content">
+      <component :is="currentComponent" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Inventory from './components/Inventory.vue'
+import Processing from './components/Processing.vue'
+import Report from './components/Report.vue'
+import Shipping from './components/Shipping.vue'
+import Quality from './components/Quality.vue'
+
+export default {
+  name: 'LajiaoSystem',
+  components: {
+    Inventory,
+    Processing,
+    Report,
+    Shipping,
+    Quality,
+  },
+  data() {
+    return {
+      // 默认先展示库存板块，与酸轧、镀锌、脱脂集成入口保持一致。
+      activeMenu: 'inventory',
+    }
+  },
+  computed: {
+    currentComponent() {
+      // 集成页只作为业务导航壳，具体业务能力由各子组件承载。
+      const componentMap = {
+        inventory: 'Inventory',
+        processing: 'Processing',
+        report: 'Report',
+        shipping: 'Shipping',
+        quality: 'Quality',
+      }
+      return componentMap[this.activeMenu]
+    },
+  },
+  methods: {
+    handleMenuSelect(index) {
+      // 左侧菜单切换时，仅替换右侧业务面板，不做额外路由跳转。
+      this.activeMenu = index
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 !important;
+}
+
+.lajiao-container {
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 84px);
+  background-color: #f5f7fa;
+}
+
+.lajiao-sidebar {
+  width: 100px;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
+
+  .sidebar-menu {
+    border: none;
+    background-color: transparent;
+    flex: 1;
+    overflow-y: auto;
+    border-right: none;
+
+    ::v-deep .el-menu-item {
+      color: #606266;
+      padding: 0 20px;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #ecf5ff;
+        color: #409eff;
+      }
+
+      &.is-active {
+        background-color: #ecf5ff;
+        color: #409eff;
+        border-right: 3px solid #409eff;
+      }
+
+      i {
+        font-size: 18px;
+        margin-right: 8px;
+      }
+    }
+  }
+}
+
+.lajiao-content {
+  flex: 1;
+  overflow: hidden;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/split/components/Inventory.vue b/klp-ui/src/views/micro/pages/split/components/Inventory.vue
new file mode 100644
index 000000000..185fdd301
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/components/Inventory.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="inventory-container">
+    <BasePage
+      :qrcode="false"
+      :querys="querys"
+      :showControl="false"
+      :useWarehouseIds="true"
+      :warehouseOptions="warehouseOptions"
+      :showMaterialType="true"
+    />
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { SPLIT_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'SplitInventory',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 分条集成库存直接复用钢卷基础查询面板，仅切换到分条成品链路库区。
+      querys: {
+        dataType: 1,
+        status: 0,
+      },
+      warehouseOptions: SPLIT_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/split/components/Processing.vue b/klp-ui/src/views/micro/pages/split/components/Processing.vue
new file mode 100644
index 000000000..10a0c4670
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/components/Processing.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="processing-container">
+    <el-tabs v-model="activeTab" type="border-card">
+      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
+        <DoPage
+          v-if="activeTab === tab.name"
+          :label="tab.label"
+          :tabs="tab.tabs"
+          :useSpecialSplit="tab.useSpecialSplit"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import DoPage from '@/views/wms/coil/panels/do.vue'
+import { SPLIT_PROCESSING_TABS } from '../config'
+
+export default {
+  name: 'SplitProcessing',
+  components: {
+    DoPage,
+  },
+  data() {
+    return {
+      // 纵剪分条 WIP 目前仅复用现有“纵剪分条工序”能力，不额外引入不存在的合卷/修复页签。
+      activeTab: 'process',
+      tabs: SPLIT_PROCESSING_TABS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.processing-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/split/components/Quality.vue b/klp-ui/src/views/micro/pages/split/components/Quality.vue
new file mode 100644
index 000000000..9fd2ba757
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/components/Quality.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="quality-container">
+    <el-tabs v-model="activeTab" class="quality-tabs">
+      <el-tab-pane label="异常钢卷" name="abnormal">
+        <div v-if="activeTab === 'abnormal'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="abnormalQuerys"
+            :labelType="'2'"
+            :hideType="false"
+            :showAbnormal="true"
+            :showControl="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="次品钢卷" name="defect">
+        <div v-if="activeTab === 'defect'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="defectQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="O卷" name="oil">
+        <div v-if="activeTab === 'oil'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="oilQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { SPLIT_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'SplitQuality',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 品质页复用现有异常/次品/O 卷查询逻辑，只切换分条成品链路库区范围。
+      activeTab: 'abnormal',
+      abnormalQuerys: {
+        dataType: 1,
+        orderByAbnormal: true,
+      },
+      defectQuerys: {
+        dataType: 1,
+        OnlyScrap: true,
+      },
+      oilQuerys: {
+        dataType: 1,
+        status: 0,
+        qualityStatus: 'O',
+      },
+      warehouseOptions: SPLIT_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.quality-container {
+  width: 100%;
+  height: 100%;
+
+  .quality-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/split/components/Report.vue b/klp-ui/src/views/micro/pages/split/components/Report.vue
new file mode 100644
index 000000000..b2c316162
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/components/Report.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="report-container">
+    <el-tabs v-model="activeTab" class="report-tabs">
+      <el-tab-pane label="综合报表" name="comprehensive">
+        <Comprehensive v-if="activeTab === 'comprehensive'" />
+      </el-tab-pane>
+      <el-tab-pane label="日报表" name="day">
+        <DayReport v-if="activeTab === 'day'" />
+      </el-tab-pane>
+      <el-tab-pane label="月报表" name="month">
+        <MonthReport v-if="activeTab === 'month'" />
+      </el-tab-pane>
+      <el-tab-pane label="年报表" name="year">
+        <YearReport v-if="activeTab === 'year'" />
+      </el-tab-pane>
+      <el-tab-pane label="损耗报表" name="loss">
+        <LossReport v-if="activeTab === 'loss'" />
+      </el-tab-pane>
+      <el-tab-pane label="产出报表" name="out">
+        <OutReport v-if="activeTab === 'out'" />
+      </el-tab-pane>
+      <el-tab-pane label="班报表" name="team">
+        <TeamReport v-if="activeTab === 'team'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import Comprehensive from '@/views/wms/report/split/comprehensive.vue'
+import DayReport from '@/views/wms/report/split/day.vue'
+import MonthReport from '@/views/wms/report/split/month.vue'
+import YearReport from '@/views/wms/report/split/year.vue'
+import LossReport from '@/views/wms/report/split/loss.vue'
+import OutReport from '@/views/wms/report/split/out.vue'
+import TeamReport from '@/views/wms/report/split/team.vue'
+
+export default {
+  name: 'SplitReport',
+  components: {
+    Comprehensive,
+    DayReport,
+    MonthReport,
+    YearReport,
+    LossReport,
+    OutReport,
+    TeamReport,
+  },
+  data() {
+    return {
+      // 报表页直接复用 wms/report/split 下的既有报表资源。
+      activeTab: 'comprehensive',
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.report-container {
+  width: 100%;
+  height: 100%;
+
+  .report-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/split/components/Shipping.vue b/klp-ui/src/views/micro/pages/split/components/Shipping.vue
new file mode 100644
index 000000000..23b35e653
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/components/Shipping.vue
@@ -0,0 +1,80 @@
+<template>
+  <div class="shipping-container">
+    <el-tabs v-model="activeTab" class="shipping-tabs">
+      <el-tab-pane label="配卷情况" name="waybill">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :showWaybill="true"
+            :showNewExport="true"
+            :querys="waybillQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="发货记录" name="ship">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="shipQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showExportTime="true"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { SPLIT_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'SplitShipping',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 发货板块沿用现有钢卷发运能力，仅将过滤库区限定为分条成品链路。
+      activeTab: 'waybill',
+      waybillQuerys: {
+        dataType: 1,
+        includeBindInfo: true,
+      },
+      shipQuerys: {
+        dataType: 1,
+        status: 1,
+      },
+      warehouseOptions: SPLIT_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.shipping-container {
+  width: 100%;
+  height: 100%;
+
+  .shipping-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/split/config.js b/klp-ui/src/views/micro/pages/split/config.js
new file mode 100644
index 000000000..893446ddd
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/config.js
@@ -0,0 +1,34 @@
+// 纵剪分条集成页公共配置。
+// 分条模块与镀锌/脱脂不同：WIP 关注待分条工序链路，库存/发货/品质更关注分条成品去向。
+
+// 纵剪分条成品链路逻辑库区：
+// 1. 酸连轧分条成品
+// 2. 退火分条成品
+// 3. 镀锌分条成品
+// 4. 拉矫分条成品
+// 5. 包装用内部仓
+export const SPLIT_WAREHOUSE_OPTIONS = [
+  { value: '1988150210872930306', label: '酸连轧分条成品' },
+  { value: '1988150800092950529', label: '退火分条成品' },
+  { value: '1988150380649967617', label: '镀锌分条成品' },
+  { value: '1988151027466170370', label: '拉矫分条成品' },
+  { value: '2027272581575487489', label: '包装用内部仓' },
+]
+
+// 纵剪分条 WIP 复用现有 WMS 工序组件。
+// 这里沿用现有工序页签定义：首项“原料库”由原模块保留空 value 作为前置入口占位。
+export const SPLIT_PROCESSING_TABS = [
+  {
+    title: '纵剪分条工序',
+    name: 'process',
+    label: '纵剪分条工序',
+    tabs: [
+      { value: '', label: '原料库' },
+      { value: '1988150210872930306', label: '酸连轧分条成品' },
+      { value: '1988150800092950529', label: '退火分条成品' },
+      { value: '1988150380649967617', label: '镀锌分条成品' },
+      { value: '1988151027466170370', label: '拉矫分条成品' },
+    ],
+    useSpecialSplit: true,
+  },
+]
diff --git a/klp-ui/src/views/micro/pages/split/index.vue b/klp-ui/src/views/micro/pages/split/index.vue
new file mode 100644
index 000000000..80d03d16f
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/split/index.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="split-container">
+    <div class="split-sidebar">
+      <el-menu :default-active="activeMenu" class="sidebar-menu" @select="handleMenuSelect">
+        <!-- 纵剪分条集成页按需求只保留五个核心业务板块 -->
+        <el-menu-item index="inventory">
+          <i class="el-icon-box"></i>
+          <span slot="title">库存</span>
+        </el-menu-item>
+        <el-menu-item index="processing">
+          <i class="el-icon-s-operation"></i>
+          <span slot="title">WIP</span>
+        </el-menu-item>
+        <el-menu-item index="report">
+          <i class="el-icon-document"></i>
+          <span slot="title">报表</span>
+        </el-menu-item>
+        <el-menu-item index="shipping">
+          <i class="el-icon-truck"></i>
+          <span slot="title">发货</span>
+        </el-menu-item>
+        <el-menu-item index="quality">
+          <i class="el-icon-warning-outline"></i>
+          <span slot="title">品质</span>
+        </el-menu-item>
+      </el-menu>
+    </div>
+    <div class="split-content">
+      <component :is="currentComponent" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Inventory from './components/Inventory.vue'
+import Processing from './components/Processing.vue'
+import Report from './components/Report.vue'
+import Shipping from './components/Shipping.vue'
+import Quality from './components/Quality.vue'
+
+export default {
+  name: 'SplitSystem',
+  components: {
+    Inventory,
+    Processing,
+    Report,
+    Shipping,
+    Quality,
+  },
+  data() {
+    return {
+      // 默认先展示库存板块，与其他集成入口保持一致。
+      activeMenu: 'inventory',
+    }
+  },
+  computed: {
+    currentComponent() {
+      const componentMap = {
+        inventory: 'Inventory',
+        processing: 'Processing',
+        report: 'Report',
+        shipping: 'Shipping',
+        quality: 'Quality',
+      }
+      return componentMap[this.activeMenu]
+    },
+  },
+  methods: {
+    handleMenuSelect(index) {
+      this.activeMenu = index
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 !important;
+}
+
+.split-container {
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 84px);
+  background-color: #f5f7fa;
+}
+
+.split-sidebar {
+  width: 100px;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
+
+  .sidebar-menu {
+    border: none;
+    background-color: transparent;
+    flex: 1;
+    overflow-y: auto;
+    border-right: none;
+
+    ::v-deep .el-menu-item {
+      color: #606266;
+      padding: 0 20px;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #ecf5ff;
+        color: #409eff;
+      }
+
+      &.is-active {
+        background-color: #ecf5ff;
+        color: #409eff;
+        border-right: 3px solid #409eff;
+      }
+
+      i {
+        font-size: 18px;
+        margin-right: 8px;
+      }
+    }
+  }
+}
+
+.split-content {
+  flex: 1;
+  overflow: hidden;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/tuozhi/components/Inventory.vue b/klp-ui/src/views/micro/pages/tuozhi/components/Inventory.vue
new file mode 100644
index 000000000..d6ec71ef7
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/components/Inventory.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="inventory-container">
+    <BasePage
+      :qrcode="false"
+      :querys="querys"
+      :showControl="false"
+      :useWarehouseIds="true"
+      :warehouseOptions="warehouseOptions"
+      :showMaterialType="true"
+    />
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { TUOZHI_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'TuozhiInventory',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 脱脂集成库存直接复用钢卷基础查询面板，仅切换逻辑库区范围。
+      querys: {
+        dataType: 1,
+        status: 0,
+      },
+      // 这里使用脱脂主链路库区，避免把技术部/废品库等外围库区混入集成入口。
+      warehouseOptions: TUOZHI_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/tuozhi/components/Processing.vue b/klp-ui/src/views/micro/pages/tuozhi/components/Processing.vue
new file mode 100644
index 000000000..c2b026bf1
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/components/Processing.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="processing-container">
+    <el-tabs v-model="activeTab" type="border-card">
+      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
+        <DoPage
+          v-if="activeTab === tab.name"
+          :label="tab.label"
+          :tabs="tab.tabs"
+          :useSpecialSplit="tab.useSpecialSplit"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import DoPage from '@/views/wms/coil/panels/do.vue'
+import { TUOZHI_PROCESSING_TABS } from '../config'
+
+export default {
+  name: 'TuozhiProcessing',
+  components: {
+    DoPage,
+  },
+  data() {
+    return {
+      // 脱脂 WIP 复用现有工序待办组件，只切换为脱脂工序标签与对应逻辑库区。
+      activeTab: 'process',
+      // 配置集中定义在 config.js，便于后续同步调整工序名称与库区映射。
+      tabs: TUOZHI_PROCESSING_TABS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.processing-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/tuozhi/components/Quality.vue b/klp-ui/src/views/micro/pages/tuozhi/components/Quality.vue
new file mode 100644
index 000000000..8e8f6ced4
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/components/Quality.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="quality-container">
+    <el-tabs v-model="activeTab" class="quality-tabs">
+      <el-tab-pane label="异常钢卷" name="abnormal">
+        <div v-if="activeTab === 'abnormal'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="abnormalQuerys"
+            :labelType="'2'"
+            :hideType="false"
+            :showAbnormal="true"
+            :showControl="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="次品钢卷" name="defect">
+        <div v-if="activeTab === 'defect'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="defectQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="O卷" name="oil">
+        <div v-if="activeTab === 'oil'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="oilQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { TUOZHI_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'TuozhiQuality',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 品质页复用现有异常/次品/O 卷查询逻辑，只切换脱脂库区范围。
+      activeTab: 'abnormal',
+      abnormalQuerys: {
+        // 异常钢卷默认按异常信息排序，便于品质人员优先处理。
+        dataType: 1,
+        orderByAbnormal: true,
+      },
+      defectQuerys: {
+        // 次品钢卷使用现有 scrap 口径。
+        dataType: 1,
+        OnlyScrap: true,
+      },
+      oilQuerys: {
+        // O 卷通过质量状态过滤，不额外增加专用接口。
+        dataType: 1,
+        status: 0,
+        qualityStatus: 'O',
+      },
+      // 品质板块的库区范围与脱脂集成其余板块一致，保证筛选口径统一。
+      warehouseOptions: TUOZHI_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.quality-container {
+  width: 100%;
+  height: 100%;
+
+  .quality-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/tuozhi/components/Report.vue b/klp-ui/src/views/micro/pages/tuozhi/components/Report.vue
new file mode 100644
index 000000000..2d87c9c04
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/components/Report.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="report-container">
+    <el-tabs v-model="activeTab" class="report-tabs">
+      <el-tab-pane label="综合报表" name="comprehensive">
+        <Comprehensive v-if="activeTab === 'comprehensive'" />
+      </el-tab-pane>
+      <el-tab-pane label="日报表" name="day">
+        <DayReport v-if="activeTab === 'day'" />
+      </el-tab-pane>
+      <el-tab-pane label="月报表" name="month">
+        <MonthReport v-if="activeTab === 'month'" />
+      </el-tab-pane>
+      <el-tab-pane label="年报表" name="year">
+        <YearReport v-if="activeTab === 'year'" />
+      </el-tab-pane>
+      <el-tab-pane label="损耗报表" name="loss">
+        <LossReport v-if="activeTab === 'loss'" />
+      </el-tab-pane>
+      <el-tab-pane label="产出报表" name="out">
+        <OutReport v-if="activeTab === 'out'" />
+      </el-tab-pane>
+      <el-tab-pane label="班报表" name="team">
+        <TeamReport v-if="activeTab === 'team'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import Comprehensive from '@/views/wms/report/tuozhi/comprehensive.vue'
+import DayReport from '@/views/wms/report/tuozhi/day.vue'
+import MonthReport from '@/views/wms/report/tuozhi/month.vue'
+import YearReport from '@/views/wms/report/tuozhi/year.vue'
+import LossReport from '@/views/wms/report/tuozhi/loss.vue'
+import OutReport from '@/views/wms/report/tuozhi/out.vue'
+import TeamReport from '@/views/wms/report/tuozhi/team.vue'
+
+export default {
+  name: 'TuozhiReport',
+  components: {
+    Comprehensive,
+    DayReport,
+    MonthReport,
+    YearReport,
+    LossReport,
+    OutReport,
+    TeamReport,
+  },
+  data() {
+    return {
+      // 报表页直接复用 wms/report/tuozhi 下的既有报表资源，
+      // 集成页只负责聚合入口，不额外改写报表查询逻辑。
+      activeTab: 'comprehensive',
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.report-container {
+  width: 100%;
+  height: 100%;
+
+  .report-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/tuozhi/components/Shipping.vue b/klp-ui/src/views/micro/pages/tuozhi/components/Shipping.vue
new file mode 100644
index 000000000..3ce3bba7f
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/components/Shipping.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="shipping-container">
+    <el-tabs v-model="activeTab" class="shipping-tabs">
+      <el-tab-pane label="配卷情况" name="waybill">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :showWaybill="true"
+            :showNewExport="true"
+            :querys="waybillQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="发货记录" name="ship">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="shipQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showExportTime="true"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { TUOZHI_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'TuozhiShipping',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 发货板块沿用现有钢卷发运能力，仅将过滤库区限定为脱脂工序链路。
+      activeTab: 'waybill',
+      waybillQuerys: {
+        // 配卷情况需要带上发货绑定信息，便于直接查看配卷结果。
+        dataType: 1,
+        includeBindInfo: true,
+      },
+      shipQuerys: {
+        // 发货记录仅查看已发货数据。
+        dataType: 1,
+        status: 1,
+      },
+      // 发货板块与库存/WIP 保持相同库区口径，避免统计口径不一致。
+      warehouseOptions: TUOZHI_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.shipping-container {
+  width: 100%;
+  height: 100%;
+
+  .shipping-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/tuozhi/config.js b/klp-ui/src/views/micro/pages/tuozhi/config.js
new file mode 100644
index 000000000..36d3ace05
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/config.js
@@ -0,0 +1,40 @@
+// 脱脂工序集成页公共配置。
+// 这里统一维护五个板块共用的逻辑库区，保持库存、WIP、发货、品质口径一致。
+
+// 脱脂工序主链路逻辑库区：
+// 1. 脱脂原料库：脱脂工序入口原料
+// 2. 脱脂成品库：脱脂工序产出成品
+// 3. 罩式退火原料库：脱脂下游衔接库区
+export const TUOZHI_WAREHOUSE_OPTIONS = [
+  { value: '1988150545175736322', label: '脱脂原料库' },
+  { value: '1988150586938421250', label: '脱脂成品库' },
+  { value: '1988150648993148929', label: '罩式退火原料库' },
+]
+
+// 脱脂工序 WIP 直接复用现有 WMS 工序组件：
+// - 脱脂工序、脱脂修复工序走 specialSplit 流程
+// - 脱脂合卷走普通待办流程
+export const TUOZHI_PROCESSING_TABS = [
+  {
+    title: '脱脂工序',
+    name: 'process',
+    label: '脱脂工序',
+    // 脱脂工序和修复工序都限定在脱脂主链路库区内操作。
+    tabs: TUOZHI_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+  {
+    title: '合卷',
+    name: 'merge',
+    label: '脱脂合卷',
+    // 合卷沿用待办单模式，不需要传入库区页签。
+    useSpecialSplit: false,
+  },
+  {
+    title: '脱脂修复',
+    name: 'repair',
+    label: '脱脂修复工序',
+    tabs: TUOZHI_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+]
diff --git a/klp-ui/src/views/micro/pages/tuozhi/index.vue b/klp-ui/src/views/micro/pages/tuozhi/index.vue
new file mode 100644
index 000000000..8bc40ecdb
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/tuozhi/index.vue
@@ -0,0 +1,133 @@
+<template>
+  <div class="tuozhi-container">
+    <div class="tuozhi-sidebar">
+      <el-menu :default-active="activeMenu" class="sidebar-menu" @select="handleMenuSelect">
+        <!-- 脱脂集成页按需求只保留五个核心业务板块 -->
+        <el-menu-item index="inventory">
+          <i class="el-icon-box"></i>
+          <span slot="title">库存</span>
+        </el-menu-item>
+        <el-menu-item index="processing">
+          <i class="el-icon-s-operation"></i>
+          <span slot="title">WIP</span>
+        </el-menu-item>
+        <el-menu-item index="report">
+          <i class="el-icon-document"></i>
+          <span slot="title">报表</span>
+        </el-menu-item>
+        <el-menu-item index="shipping">
+          <i class="el-icon-truck"></i>
+          <span slot="title">发货</span>
+        </el-menu-item>
+        <el-menu-item index="quality">
+          <i class="el-icon-warning-outline"></i>
+          <span slot="title">品质</span>
+        </el-menu-item>
+      </el-menu>
+    </div>
+    <div class="tuozhi-content">
+      <component :is="currentComponent" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Inventory from './components/Inventory.vue'
+import Processing from './components/Processing.vue'
+import Report from './components/Report.vue'
+import Shipping from './components/Shipping.vue'
+import Quality from './components/Quality.vue'
+
+export default {
+  name: 'TuozhiSystem',
+  components: {
+    Inventory,
+    Processing,
+    Report,
+    Shipping,
+    Quality,
+  },
+  data() {
+    return {
+      // 默认先展示库存板块，与酸轧、镀锌集成入口保持一致。
+      activeMenu: 'inventory',
+    }
+  },
+  computed: {
+    currentComponent() {
+      // 集成页只作为业务导航壳，具体业务能力由各子组件承载。
+      const componentMap = {
+        inventory: 'Inventory',
+        processing: 'Processing',
+        report: 'Report',
+        shipping: 'Shipping',
+        quality: 'Quality',
+      }
+      return componentMap[this.activeMenu]
+    },
+  },
+  methods: {
+    handleMenuSelect(index) {
+      // 左侧菜单切换时，仅替换右侧业务面板，不做额外路由跳转。
+      this.activeMenu = index
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 !important;
+}
+
+.tuozhi-container {
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 84px);
+  background-color: #f5f7fa;
+}
+
+.tuozhi-sidebar {
+  width: 100px;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
+
+  .sidebar-menu {
+    border: none;
+    background-color: transparent;
+    flex: 1;
+    overflow-y: auto;
+    border-right: none;
+
+    ::v-deep .el-menu-item {
+      color: #606266;
+      padding: 0 20px;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #ecf5ff;
+        color: #409eff;
+      }
+
+      &.is-active {
+        background-color: #ecf5ff;
+        color: #409eff;
+        border-right: 3px solid #409eff;
+      }
+
+      i {
+        font-size: 18px;
+        margin-right: 8px;
+      }
+    }
+  }
+}
+
+.tuozhi-content {
+  flex: 1;
+  overflow: hidden;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/zinc/components/Inventory.vue b/klp-ui/src/views/micro/pages/zinc/components/Inventory.vue
new file mode 100644
index 000000000..32de6a981
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/zinc/components/Inventory.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="inventory-container">
+    <BasePage
+      :qrcode="false"
+      :querys="querys"
+      :showControl="false"
+      :useWarehouseIds="true"
+      :warehouseOptions="warehouseOptions"
+      :showMaterialType="true"
+    />
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { ZINC_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'ZincInventory',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 镀锌集成库存直接复用钢卷基础查询面板，仅切换逻辑库区范围。
+      querys: {
+        dataType: 1,
+        status: 0,
+      },
+      // 这里使用镀锌主链路库区，避免把技术部/废品库等外围库区混入集成入口。
+      warehouseOptions: ZINC_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.inventory-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/zinc/components/Processing.vue b/klp-ui/src/views/micro/pages/zinc/components/Processing.vue
new file mode 100644
index 000000000..71e8df227
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/zinc/components/Processing.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="processing-container">
+    <el-tabs v-model="activeTab" type="border-card">
+      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
+        <DoPage
+          v-if="activeTab === tab.name"
+          :label="tab.label"
+          :tabs="tab.tabs"
+          :useSpecialSplit="tab.useSpecialSplit"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import DoPage from '@/views/wms/coil/panels/do.vue'
+import { ZINC_PROCESSING_TABS } from '../config'
+
+export default {
+  name: 'ZincProcessing',
+  components: {
+    DoPage,
+  },
+  data() {
+    return {
+      // 镀锌 WIP 复用现有工序待办组件，只切换为镀锌工序标签与对应逻辑库区。
+      activeTab: 'process',
+      // 配置集中定义在 config.js，便于后续同步调整工序名称与库区映射。
+      tabs: ZINC_PROCESSING_TABS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.processing-container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/zinc/components/Quality.vue b/klp-ui/src/views/micro/pages/zinc/components/Quality.vue
new file mode 100644
index 000000000..941bb0b4d
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/zinc/components/Quality.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="quality-container">
+    <el-tabs v-model="activeTab" class="quality-tabs">
+      <el-tab-pane label="异常钢卷" name="abnormal">
+        <div v-if="activeTab === 'abnormal'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="abnormalQuerys"
+            :labelType="'2'"
+            :hideType="false"
+            :showAbnormal="true"
+            :showControl="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="次品钢卷" name="defect">
+        <div v-if="activeTab === 'defect'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="defectQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="O卷" name="oil">
+        <div v-if="activeTab === 'oil'" class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="oilQuerys"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { ZINC_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'ZincQuality',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 品质页复用现有异常/次品/O 卷查询逻辑，只切换镀锌库区范围。
+      activeTab: 'abnormal',
+      abnormalQuerys: {
+        // 异常钢卷默认按异常信息排序，便于品质人员优先处理。
+        dataType: 1,
+        orderByAbnormal: true,
+      },
+      defectQuerys: {
+        // 次品钢卷使用现有 scrap 口径。
+        dataType: 1,
+        OnlyScrap: true,
+      },
+      oilQuerys: {
+        // O 卷通过质量状态过滤，不额外增加专用接口。
+        dataType: 1,
+        status: 0,
+        qualityStatus: 'O',
+      },
+      // 品质板块的库区范围与镀锌集成其余板块一致，保证筛选口径统一。
+      warehouseOptions: ZINC_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.quality-container {
+  width: 100%;
+  height: 100%;
+
+  .quality-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/zinc/components/Report.vue b/klp-ui/src/views/micro/pages/zinc/components/Report.vue
new file mode 100644
index 000000000..b67ead44e
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/zinc/components/Report.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="report-container">
+    <el-tabs v-model="activeTab" class="report-tabs">
+      <el-tab-pane label="综合报表" name="comprehensive">
+        <Comprehensive v-if="activeTab === 'comprehensive'" />
+      </el-tab-pane>
+      <el-tab-pane label="日报表" name="day">
+        <DayReport v-if="activeTab === 'day'" />
+      </el-tab-pane>
+      <el-tab-pane label="月报表" name="month">
+        <MonthReport v-if="activeTab === 'month'" />
+      </el-tab-pane>
+      <el-tab-pane label="年报表" name="year">
+        <YearReport v-if="activeTab === 'year'" />
+      </el-tab-pane>
+      <el-tab-pane label="损耗报表" name="loss">
+        <LossReport v-if="activeTab === 'loss'" />
+      </el-tab-pane>
+      <el-tab-pane label="产出报表" name="out">
+        <OutReport v-if="activeTab === 'out'" />
+      </el-tab-pane>
+      <el-tab-pane label="班报表" name="team">
+        <TeamReport v-if="activeTab === 'team'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import Comprehensive from '@/views/wms/report/zinc/comprehensive.vue'
+import DayReport from '@/views/wms/report/zinc/day.vue'
+import MonthReport from '@/views/wms/report/zinc/month.vue'
+import YearReport from '@/views/wms/report/zinc/year.vue'
+import LossReport from '@/views/wms/report/zinc/loss.vue'
+import OutReport from '@/views/wms/report/zinc/out.vue'
+import TeamReport from '@/views/wms/report/zinc/team.vue'
+
+export default {
+  name: 'ZincReport',
+  components: {
+    Comprehensive,
+    DayReport,
+    MonthReport,
+    YearReport,
+    LossReport,
+    OutReport,
+    TeamReport,
+  },
+  data() {
+    return {
+      // 报表页直接复用 wms/report/zinc 下的既有报表资源，
+      // 集成页只负责聚合入口，不额外改写报表查询逻辑。
+      activeTab: 'comprehensive',
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.report-container {
+  width: 100%;
+  height: 100%;
+
+  .report-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/zinc/components/Shipping.vue b/klp-ui/src/views/micro/pages/zinc/components/Shipping.vue
new file mode 100644
index 000000000..fb41d939d
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/zinc/components/Shipping.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="shipping-container">
+    <el-tabs v-model="activeTab" class="shipping-tabs">
+      <el-tab-pane label="配卷情况" name="waybill">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :showWaybill="true"
+            :showNewExport="true"
+            :querys="waybillQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="发货记录" name="ship">
+        <div class="tab-content">
+          <BasePage
+            :qrcode="false"
+            :querys="shipQuerys"
+            :showStatus="false"
+            :hideType="false"
+            :useWarehouseIds="true"
+            :warehouseOptions="warehouseOptions"
+            :showControl="false"
+            :showExportTime="true"
+            :showMaterialType="true"
+          />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import BasePage from '@/views/wms/coil/panels/base.vue'
+import { ZINC_WAREHOUSE_OPTIONS } from '../config'
+
+export default {
+  name: 'ZincShipping',
+  components: {
+    BasePage,
+  },
+  data() {
+    return {
+      // 发货板块沿用现有钢卷发运能力，仅将过滤库区限定为镀锌工序链路。
+      activeTab: 'waybill',
+      waybillQuerys: {
+        // 配卷情况需要带上发货绑定信息，便于直接查看配卷结果。
+        dataType: 1,
+        includeBindInfo: true,
+      },
+      shipQuerys: {
+        // 发货记录仅查看已发货数据。
+        dataType: 1,
+        status: 1,
+      },
+      // 发货板块与库存/WIP 保持相同库区口径，避免统计口径不一致。
+      warehouseOptions: ZINC_WAREHOUSE_OPTIONS,
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.shipping-container {
+  width: 100%;
+  height: 100%;
+
+  .shipping-tabs {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .tab-content {
+    height: 100%;
+  }
+}
+</style>
diff --git a/klp-ui/src/views/micro/pages/zinc/config.js b/klp-ui/src/views/micro/pages/zinc/config.js
new file mode 100644
index 000000000..74923856a
--- /dev/null
+++ b/klp-ui/src/views/micro/pages/zinc/config.js
@@ -0,0 +1,42 @@
+// 镀锌工序集成页公共配置。
+// 这里统一维护五个板块共用的逻辑库区，避免各子页面重复定义后产生偏差。
+
+// 镀锌工序相关逻辑库区：
+// 1. 镀锌原料库：镀锌工序入口原料
+// 2. 镀锌成品库：镀锌工序产出成品
+// 3. 镀锌纵剪分条原料库：后续分条前的原料库区
+// 4. 镀锌待打包：镀锌工序产出后待包装库区
+export const ZINC_WAREHOUSE_OPTIONS = [
+  { value: '1988150263284953089', label: '镀锌原料库' },
+  { value: '1988150323162836993', label: '镀锌成品库' },
+  { value: '1988150487185289217', label: '镀锌纵剪分条原料库' },
+  { value: '2056545127927787522', label: '镀锌待打包' },
+]
+
+// 镀锌工序 WIP 直接复用现有 WMS 工序组件：
+// - 镀锌工序、镀锌修复工序走 specialSplit 流程
+// - 镀锌合卷走普通待办流程
+export const ZINC_PROCESSING_TABS = [
+  {
+    title: '镀锌工序',
+    name: 'process',
+    label: '镀锌工序',
+    // 镀锌工序和修复工序都需要限制在镀锌主链路库区范围内操作。
+    tabs: ZINC_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+  {
+    title: '合卷',
+    name: 'merge',
+    label: '镀锌合卷',
+    // 合卷沿用待办单模式，不需要传入库区页签。
+    useSpecialSplit: false,
+  },
+  {
+    title: '镀锌修复',
+    name: 'repair',
+    label: '镀锌修复工序',
+    tabs: ZINC_WAREHOUSE_OPTIONS,
+    useSpecialSplit: true,
+  },
+]
diff --git a/klp-ui/src/views/micro/pages/zinc/index.vue b/klp-ui/src/views/micro/pages/zinc/index.vue
index 4d79ddc0b..d58685a2f 100644
--- a/klp-ui/src/views/micro/pages/zinc/index.vue
+++ b/klp-ui/src/views/micro/pages/zinc/index.vue
@@ -1,5 +1,133 @@
 <template>
-  <div>
-    镀锌子系统
+  <div class="zinc-container">
+    <div class="zinc-sidebar">
+      <el-menu :default-active="activeMenu" class="sidebar-menu" @select="handleMenuSelect">
+        <!-- 镀锌集成页按需求只保留五个核心业务板块 -->
+        <el-menu-item index="inventory">
+          <i class="el-icon-box"></i>
+          <span slot="title">库存</span>
+        </el-menu-item>
+        <el-menu-item index="processing">
+          <i class="el-icon-s-operation"></i>
+          <span slot="title">WIP</span>
+        </el-menu-item>
+        <el-menu-item index="report">
+          <i class="el-icon-document"></i>
+          <span slot="title">报表</span>
+        </el-menu-item>
+        <el-menu-item index="shipping">
+          <i class="el-icon-truck"></i>
+          <span slot="title">发货</span>
+        </el-menu-item>
+        <el-menu-item index="quality">
+          <i class="el-icon-warning-outline"></i>
+          <span slot="title">品质</span>
+        </el-menu-item>
+      </el-menu>
+    </div>
+    <div class="zinc-content">
+      <component :is="currentComponent" />
+    </div>
   </div>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+import Inventory from './components/Inventory.vue'
+import Processing from './components/Processing.vue'
+import Report from './components/Report.vue'
+import Shipping from './components/Shipping.vue'
+import Quality from './components/Quality.vue'
+
+export default {
+  name: 'ZincSystem',
+  components: {
+    Inventory,
+    Processing,
+    Report,
+    Shipping,
+    Quality,
+  },
+  data() {
+    return {
+      // 默认先展示库存板块，与酸轧集成入口保持一致。
+      activeMenu: 'inventory',
+    }
+  },
+  computed: {
+    currentComponent() {
+      // 集成页只作为业务导航壳，具体业务能力由各子组件承载。
+      const componentMap = {
+        inventory: 'Inventory',
+        processing: 'Processing',
+        report: 'Report',
+        shipping: 'Shipping',
+        quality: 'Quality',
+      }
+      return componentMap[this.activeMenu]
+    },
+  },
+  methods: {
+    handleMenuSelect(index) {
+      // 左侧菜单切换时，仅替换右侧业务面板，不做额外路由跳转。
+      this.activeMenu = index
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 !important;
+}
+
+.zinc-container {
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 84px);
+  background-color: #f5f7fa;
+}
+
+.zinc-sidebar {
+  width: 100px;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
+
+  .sidebar-menu {
+    border: none;
+    background-color: transparent;
+    flex: 1;
+    overflow-y: auto;
+    border-right: none;
+
+    ::v-deep .el-menu-item {
+      color: #606266;
+      padding: 0 20px;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #ecf5ff;
+        color: #409eff;
+      }
+
+      &.is-active {
+        background-color: #ecf5ff;
+        color: #409eff;
+        border-right: 3px solid #409eff;
+      }
+
+      i {
+        font-size: 18px;
+        margin-right: 8px;
+      }
+    }
+  }
+}
+
+.zinc-content {
+  flex: 1;
+  overflow: hidden;
+}
+</style>