From 40de24f3b00a28449b97c5ef2c4307d24423faae Mon Sep 17 00:00:00 2001
From: jhd <1684074631@qq.com>
Date: Wed, 1 Jul 2026 11:09:52 +0800
Subject: [PATCH] =?UTF-8?q?=20=20=20=E5=BA=93=E5=AD=98=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0=E5=AF=BC=E5=87=BAexcel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 klp-ui/src/views/wms/stock/detail.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/klp-ui/src/views/wms/stock/detail.vue b/klp-ui/src/views/wms/stock/detail.vue
index 29002f998..b8bcbd6ab 100644
--- a/klp-ui/src/views/wms/stock/detail.vue
+++ b/klp-ui/src/views/wms/stock/detail.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="app-container" v-loading="loading">
     <!-- 标题 -->
-    <h2 style="text-align: center; margin-bottom: 16px;">{{ title }}</h2>
+    <div style="text-align: center; margin-bottom: 16px; position: relative;">
+      <h2>{{ title }}</h2>
+      <el-button size="small" type="primary" style="position: absolute; right: 0; top: 0;" @click="exportExcel">导出</el-button>
+    </div>
 
     <!-- 空数据 -->
     <el-empty v-if="!loading && tableData.length === 0" description="暂无数据" />
@@ -37,6 +40,7 @@
 
 <script>
 import { listCoilWithIds } from "@/api/wms/coil";
+import * as XLSX from 'xlsx'
 
 const CATEGORIES = [
   { key: '冷硬钢卷', label: '冷硬钢卷', match: ['冷硬'] },
@@ -221,6 +225,16 @@ export default {
         else return [0, 0]                          // CDO 列 → 隐藏
       }
     },
+    exportExcel() {
+      const table = this.$el.querySelector('.el-table__header-wrapper table')
+      const sheet = XLSX.utils.table_to_sheet(table)
+      // 追加数据行
+      const dataRows = this.$el.querySelector('.el-table__body-wrapper table')
+      XLSX.utils.sheet_add_dom(sheet, dataRows, { origin: -1 /* 接在表头后面 */ })
+      const wb = XLSX.utils.book_new()
+      XLSX.utils.book_append_sheet(wb, sheet, '库存明细')
+      XLSX.writeFile(wb, `${this.title}.xlsx`)
+    },
     getList() {
       this.loading = true
       this.rawList = []