diff --git a/inventory-web/src/api/inbound/return.ts b/inventory-web/src/api/inbound/return.ts
new file mode 100644
index 0000000..9d7b6f5
--- /dev/null
+++ b/inventory-web/src/api/inbound/return.ts
@@ -0,0 +1,86 @@
+import request from '@/utils/request'
+
+// ============================================================================
+// 逆向物流（原单退回 + 不良品在管台账）
+//
+// 后端路由见 inventory-backend/app/api/v1/inbound/stock.py
+// 设计要点：
+//   · 良品退回 → 直接加回原库存行
+//   · 不良品退回 → 不进库存表，转入 trans_defective_goods 在管台账，
+//                  修好后回库 / 无法维修则报废销毁
+// ============================================================================
+
+/**
+ * 原单退回。
+ *
+ * @param data {
+ *   outbound_id:  number   必填，trans_outbound.id（出库**明细行**主键，非单号）
+ *   return_qty:   number   必填，本次退回数量（>0）
+ *   is_defective: boolean  必填，true=不良品转在管台账，false=良品加回库存
+ *   reason:       string   可选，退回原因
+ * }
+ */
+export function returnFromOutbound(data: {
+    outbound_id: number
+    return_qty: number
+    is_defective: boolean
+    reason?: string
+}) {
+    return request({
+        url: '/inbound/stock/return-from-outbound',
+        method: 'post',
+        data
+    })
+}
+
+/**
+ * 不良品在管台账分页查询。
+ *
+ * @param params { page, page_size, status?, keyword?, start_date?, end_date? }
+ *   status 传 '全部' 或留空表示不过滤
+ */
+export function getDefectiveList(params: {
+    page?: number
+    page_size?: number
+    status?: string
+    keyword?: string
+    start_date?: string
+    end_date?: string
+    company_name?: string
+}) {
+    return request({
+        url: '/inbound/stock/defective',
+        method: 'get',
+        params
+    })
+}
+
+/**
+ * 修复回库：把修好的数量加回原库存行。
+ *
+ * @param id   在管台账 id
+ * @param data { restock_qty?: number, remark?: string }
+ *             restock_qty 缺省 = 全部剩余在管量
+ */
+export function restockDefective(id: number, data: { restock_qty?: number; remark?: string }) {
+    return request({
+        url: `/inbound/stock/defective/${id}/restock`,
+        method: 'post',
+        data
+    })
+}
+
+/**
+ * 报废销毁：在管坏件确认无法维修时销毁。
+ *
+ * @param id   在管台账 id
+ * @param data { scrap_qty?: number, reason: string }
+ *             reason 必填；scrap_qty 缺省 = 全部剩余在管量
+ */
+export function scrapDefective(id: number, data: { scrap_qty?: number; reason: string }) {
+    return request({
+        url: `/inbound/stock/defective/${id}/scrap`,
+        method: 'post',
+        data
+    })
+}
diff --git a/inventory-web/src/router/index.ts b/inventory-web/src/router/index.ts
index 87de087..382d5a1 100644
--- a/inventory-web/src/router/index.ts
+++ b/inventory-web/src/router/index.ts
@@ -106,6 +106,14 @@ const routes: Array<RouteRecordRaw> = [
                 name: 'RepairManagement',
                 component: () => import('@/views/stock/inbound/repair.vue'),
                 meta: { title: '维修管理', permission: 'inbound_repair' }
+            },
+            // ★ 不良品在管台账（逆向物流）：退回的坏件不入库存表，
+            //   实物在仓但不在库存行中，故单独成页承载其去向与处置。
+            {
+                path: 'defective',
+                name: 'DefectiveGoods',
+                component: () => import('@/views/stock/defective/index.vue'),
+                meta: { title: '不良品在管台账', permission: 'inventory_stocktake' }
             }
         ]
     },
diff --git a/inventory-web/src/views/outbound/index.vue b/inventory-web/src/views/outbound/index.vue
index 9f09a7e..8c9c88e 100644
--- a/inventory-web/src/views/outbound/index.vue
+++ b/inventory-web/src/views/outbound/index.vue
@@ -120,6 +120,28 @@
                   <span style="color: #F56C6C; font-weight: bold;">¥{{ row.subtotal.toFixed(2) }}</span>
                 </template>
               </el-table-column>
+
+              <!-- ★ 原单退回：良品加回库存 / 不良品转入异常待处理台账。
+                   已退满的行（returnable_quantity <= 0）按钮置灰不可点。 -->
+              <el-table-column label="退回" width="150" align="center" fixed="right">
+                <template #default="{ row }">
+                  <template v-if="canReturn">
+                    <el-button
+                        type="warning"
+                        link
+                        size="small"
+                        :disabled="!row.returnable_quantity || row.returnable_quantity <= 0"
+                        @click="openReturnDialog(row)"
+                    >
+                      退回
+                    </el-button>
+                    <span v-if="row.returned_quantity > 0" class="returned-hint">
+                      已退 {{ row.returned_quantity }}
+                    </span>
+                  </template>
+                  <span v-else class="returned-hint">-</span>
+                </template>
+              </el-table-column>
             </el-table>
           </div>
         </template>
@@ -183,18 +205,94 @@
           @current-change="handlePageChange"
       />
     </div>
+
+    <!-- ★ 原单退回对话框 -->
+    <el-dialog
+        v-model="returnDialog.visible"
+        title="原单退回"
+        width="540px"
+        :close-on-click-modal="false"
+        @closed="resetReturnDialog"
+    >
+      <el-form :model="returnDialog.form" label-width="120px">
+        <el-form-item label="物料">
+          <span class="dialog-text">
+            {{ returnDialog.row?.name || '-' }}
+            <span class="dialog-sub">/ {{ returnDialog.row?.sku || '-' }}</span>
+          </span>
+        </el-form-item>
+        <el-form-item label="原出库数量">
+          <span class="dialog-text">{{ returnDialog.row?.quantity ?? 0 }}</span>
+        </el-form-item>
+        <el-form-item label="已退回数量">
+          <span class="dialog-text">{{ returnDialog.row?.returned_quantity ?? 0 }}</span>
+        </el-form-item>
+        <el-form-item label="本次可退最大">
+          <span class="dialog-text dialog-strong">
+            {{ returnDialog.row?.returnable_quantity ?? 0 }}
+          </span>
+        </el-form-item>
+
+        <el-form-item label="本次退回数量" required>
+          <el-input-number
+              v-model="returnDialog.form.return_qty"
+              :min="0"
+              :max="returnDialog.row?.returnable_quantity || 0"
+              :precision="4"
+              :step="1"
+              style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="退回类型" required>
+          <el-select v-model="returnDialog.form.is_defective" style="width: 260px">
+            <el-option :value="false" label="良品（加回库存）" />
+            <el-option :value="true" label="不良品（转入异常待处理）" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="退回原因" required>
+          <el-input
+              v-model="returnDialog.form.reason"
+              type="textarea"
+              :rows="3"
+              maxlength="200"
+              show-word-limit
+              placeholder="请填写退回原因（必填）"
+          />
+        </el-form-item>
+      </el-form>
+
+      <template #footer>
+        <el-button @click="returnDialog.visible = false">取消</el-button>
+        <!-- loading 兼作前端防抖：提交期间按钮不可再点 -->
+        <el-button type="primary" :loading="returnDialog.submitting" @click="submitReturn">
+          确定提交
+        </el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, reactive, onBeforeUnmount } from 'vue'
+import { ref, computed, onMounted, reactive, onBeforeUnmount } from 'vue'
+import { ElMessage } from 'element-plus'
 import { getOutboundList } from '@/api/outbound'
+import { returnFromOutbound } from '@/api/inbound/return'
 import { Picture } from '@element-plus/icons-vue'
 import { useUserStore } from '@/stores/user'
 import CompanySelector from '@/components/CompanySelector.vue'
 
 const userStore = useUserStore()
 
+// 退回按钮的可见性。后端同样会校验权限（inventory_stocktake:operation），
+// 前端只是不给无权限用户显示一个必然失败的按钮。
+const canReturn = computed(() =>
+  userStore.role === 'SUPER_ADMIN'
+  || userStore.username === 'IRIS'
+  || userStore.hasPermission('inventory_stocktake:operation')
+)
+
 // 防抖定时器
 let debounceTimer: ReturnType<typeof setTimeout> | null = null
 
@@ -381,6 +479,77 @@ const getTagType = (type: string) => {
   return map[type] || ''
 }
 
+// ============================================================
+// ★ 原单退回
+// ============================================================
+const returnDialog = reactive({
+  visible: false,
+  submitting: false,
+  row: null as any,
+  form: {
+    return_qty: 1,
+    is_defective: false,
+    reason: '',
+  },
+})
+
+const openReturnDialog = (row: any) => {
+  returnDialog.row = row
+  // 默认带入「本次可退最大」，业务上整行退回最常见；用户可再调小做部分退回
+  returnDialog.form.return_qty = Number(row?.returnable_quantity || 0)
+  returnDialog.form.is_defective = false
+  returnDialog.form.reason = ''
+  returnDialog.visible = true
+}
+
+const resetReturnDialog = () => {
+  returnDialog.row = null
+  returnDialog.submitting = false
+  returnDialog.form.return_qty = 1
+  returnDialog.form.is_defective = false
+  returnDialog.form.reason = ''
+}
+
+const submitReturn = async () => {
+  if (returnDialog.submitting) return   // 双保险：即便按钮 loading 被绕过也不重复提交
+
+  const maxQty = Number(returnDialog.row?.returnable_quantity || 0)
+  const qty = Number(returnDialog.form.return_qty || 0)
+  const reason = (returnDialog.form.reason || '').trim()
+
+  if (!qty || qty <= 0) {
+    ElMessage.warning('请填写本次退回数量')
+    return
+  }
+  if (qty > maxQty) {
+    ElMessage.warning(`本次退回数量不能超过可退最大数量 ${maxQty}`)
+    return
+  }
+  if (!reason) {
+    ElMessage.warning('请填写退回原因')
+    return
+  }
+
+  returnDialog.submitting = true
+  try {
+    const res = await returnFromOutbound({
+      outbound_id: returnDialog.row.id,
+      return_qty: qty,
+      is_defective: returnDialog.form.is_defective,
+      reason,
+    })
+    ElMessage.success(res?.msg || '退回成功')
+    returnDialog.visible = false
+    // 刷新列表：退回额度与库存状态都已变化
+    await fetchData()
+  } catch (e) {
+    // 错误提示由 request 拦截器统一弹出（400 会展示后端业务文案），此处只收尾
+    console.error('[退回] 失败', e)
+  } finally {
+    returnDialog.submitting = false
+  }
+}
+
 onMounted(() => {
   fetchData()
 })
@@ -419,6 +588,24 @@ onBeforeUnmount(() => {
   align-items: center;
   padding: 2px 0;
 }
+
+/* ★ 原单退回：明细行的「已退 N」提示与对话框文案样式 */
+.returned-hint {
+  color: #E6A23C;
+  font-size: 12px;
+  margin-left: 6px;
+}
+.dialog-text {
+  color: #303133;
+}
+.dialog-sub {
+  color: #909399;
+  font-size: 12px;
+}
+.dialog-strong {
+  color: #409EFF;
+  font-weight: bold;
+}
 .image-slot {
   display: flex;
   justify-content: center;
diff --git a/inventory-web/src/views/stock/defective/index.vue b/inventory-web/src/views/stock/defective/index.vue
new file mode 100644
index 0000000..d04ba13
--- /dev/null
+++ b/inventory-web/src/views/stock/defective/index.vue
@@ -0,0 +1,448 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部汇总：在管坏件是「不在库存表里」的实物，用这个数字提醒别漏盘 -->
+    <el-alert
+        v-if="pendingTotal > 0"
+        type="warning"
+        :closable="false"
+        show-icon
+        style="margin-bottom: 12px;"
+    >
+      当前在管不良品剩余待处理：<b>{{ pendingTotal }}</b>
+      件。这批实物不在库存表中，盘点时请以本台账为准。
+    </el-alert>
+
+    <!-- 筛选区 -->
+    <el-form :inline="true" class="filter-form" @submit.prevent>
+      <el-form-item>
+        <CompanySelector v-model="query.company_name" @change="handleSearch" />
+      </el-form-item>
+
+      <el-form-item label="状态">
+        <el-select v-model="query.status" placeholder="全部" style="width: 150px" clearable>
+          <el-option label="全部" value="全部" />
+          <el-option v-for="s in statusOptions" :key="s" :label="s" :value="s" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="搜索">
+        <el-input
+            v-model="query.keyword"
+            placeholder="物料名称 / SKU / 规格"
+            style="width: 240px;"
+            clearable
+            @keyup.enter="handleSearch"
+            @clear="handleSearch"
+        />
+      </el-form-item>
+
+      <el-form-item label="退回时间">
+        <el-date-picker
+            v-model="dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="YYYY-MM-DD"
+            style="width: 260px"
+        />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" @click="handleSearch">查询</el-button>
+        <el-button @click="resetFilter">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+        :data="list"
+        v-loading="loading"
+        border
+        style="width: 100%; margin-top: 16px;"
+        :header-cell-style="{ background: '#f5f7fa', color: '#606266' }"
+    >
+      <el-table-column prop="material_name" label="物料名称" min-width="160" show-overflow-tooltip>
+        <template #default="{ row }">
+          <span v-if="row.material_name">{{ row.material_name }}</span>
+          <span v-else style="color:#c0c4cc">（原库存行已删除）</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="spec_model" label="规格型号" min-width="150" show-overflow-tooltip>
+        <template #default="{ row }">
+          <span v-if="row.spec_model">{{ row.spec_model }}</span>
+          <span v-else style="color:#c0c4cc">-</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="sku" label="SKU" width="150" show-overflow-tooltip />
+
+      <el-table-column label="退回时间" width="170" align="center">
+        <template #default="{ row }">{{ row.created_at || '-' }}</template>
+      </el-table-column>
+
+      <el-table-column prop="operator" label="操作人" width="110" show-overflow-tooltip>
+        <template #default="{ row }">
+          <span v-if="row.operator">{{ row.operator }}</span>
+          <span v-else style="color:#c0c4cc">-</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="quantity" label="退回总数" width="100" align="right" />
+
+      <el-table-column label="剩余待处理" width="110" align="right">
+        <template #default="{ row }">
+          <span :style="{ color: row.remaining_qty > 0 ? '#E6A23C' : '#909399', fontWeight: 'bold' }">
+            {{ row.remaining_qty }}
+          </span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="状态" width="100" align="center">
+        <template #default="{ row }">
+          <el-tag :type="statusTagType(row.status)">{{ row.status }}</el-tag>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" width="180" align="center" fixed="right">
+        <template #default="{ row }">
+          <!-- ★ 仅在还有在管量时提供处置入口：终态（已回库/已报废/已闭环）
+               的 remaining_qty 已归零，再操作只会拿到后端 400 -->
+          <template v-if="row.remaining_qty > 0">
+            <el-button type="success" link size="small" @click="openRestockDialog(row)">
+              修复回库
+            </el-button>
+            <el-button type="danger" link size="small" @click="openScrapDialog(row)">
+              报废销毁
+            </el-button>
+          </template>
+          <span v-else style="color: #c0c4cc; font-size: 12px;">已结案</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div style="margin-top: 20px; text-align: right;">
+      <el-pagination
+          background
+          layout="total, prev, pager, next"
+          :total="total"
+          :page-size="query.page_size"
+          :current-page="query.page"
+          @current-change="handlePageChange"
+      />
+    </div>
+
+    <!-- ============ 修复回库 ============ -->
+    <el-dialog
+        v-model="restockDialog.visible"
+        title="修复回库"
+        width="460px"
+        :close-on-click-modal="false"
+        @closed="resetRestockDialog"
+    >
+      <el-form label-width="110px">
+        <el-form-item label="物料">
+          <span class="dlg-text">{{ restockDialog.row?.material_name || '-' }}</span>
+        </el-form-item>
+        <el-form-item label="在管数量">
+          <span class="dlg-text dlg-strong">{{ restockDialog.row?.remaining_qty ?? 0 }}</span>
+        </el-form-item>
+        <el-form-item label="本次回库数量" required>
+          <el-input-number
+              v-model="restockDialog.form.restock_qty"
+              :min="0"
+              :max="restockDialog.row?.remaining_qty || 0"
+              :precision="4"
+              :step="1"
+              style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input
+              v-model="restockDialog.form.remark"
+              type="textarea"
+              :rows="2"
+              maxlength="200"
+              show-word-limit
+              placeholder="如：已更换主板（可选）"
+          />
+        </el-form-item>
+      </el-form>
+      <div class="dlg-tip">回库后数量将加回原库存行的实物数与可用数，状态变为「在库」。</div>
+      <template #footer>
+        <el-button @click="restockDialog.visible = false">取消</el-button>
+        <el-button type="primary" :loading="restockDialog.submitting" @click="submitRestock">
+          确定回库
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <!-- ============ 报废销毁 ============ -->
+    <el-dialog
+        v-model="scrapDialog.visible"
+        title="报废销毁"
+        width="460px"
+        :close-on-click-modal="false"
+        @closed="resetScrapDialog"
+    >
+      <el-form label-width="110px">
+        <el-form-item label="物料">
+          <span class="dlg-text">{{ scrapDialog.row?.material_name || '-' }}</span>
+        </el-form-item>
+        <el-form-item label="在管数量">
+          <span class="dlg-text dlg-strong">{{ scrapDialog.row?.remaining_qty ?? 0 }}</span>
+        </el-form-item>
+        <el-form-item label="本次报废数量" required>
+          <el-input-number
+              v-model="scrapDialog.form.scrap_qty"
+              :min="0"
+              :max="scrapDialog.row?.remaining_qty || 0"
+              :precision="4"
+              :step="1"
+              style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item label="报废原因" required>
+          <el-input
+              v-model="scrapDialog.form.reason"
+              type="textarea"
+              :rows="3"
+              maxlength="200"
+              show-word-limit
+              placeholder="请填写报废原因（必填）"
+          />
+        </el-form-item>
+      </el-form>
+      <div class="dlg-tip dlg-danger">
+        报废后实物视为已销毁，不可撤销；同时会写入报废台账。
+      </div>
+      <template #footer>
+        <el-button @click="scrapDialog.visible = false">取消</el-button>
+        <el-button type="danger" :loading="scrapDialog.submitting" @click="submitScrap">
+          确定报废
+        </el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import { getDefectiveList, restockDefective, scrapDefective } from '@/api/inbound/return'
+import CompanySelector from '@/components/CompanySelector.vue'
+
+// 与后端 app/models/transaction.py 的 VALID_DEFECTIVE_STATUSES 保持一致
+const statusOptions = ['待处理', '处理中', '已回库', '已报废', '已闭环']
+
+const statusTagType = (status: string) => {
+  const map: Record<string, string> = {
+    '待处理': 'warning',
+    '处理中': 'primary',
+    '已回库': 'success',
+    '已报废': 'danger',
+    '已闭环': 'info',
+  }
+  return map[status] || 'info'
+}
+
+const list = ref<any[]>([])
+const total = ref(0)
+const pendingTotal = ref(0)
+const loading = ref(false)
+const dateRange = ref<string[]>([])
+
+const query = reactive({
+  page: 1,
+  page_size: 20,
+  status: '全部',
+  keyword: '',
+  company_name: '' as string,
+})
+
+const fetchData = async () => {
+  loading.value = true
+  try {
+    const res = await getDefectiveList({
+      page: query.page,
+      page_size: query.page_size,
+      status: query.status,
+      keyword: query.keyword,
+      start_date: dateRange.value?.[0] || undefined,
+      end_date: dateRange.value?.[1] || undefined,
+      company_name: query.company_name || undefined,
+    })
+    list.value = res.data.list || []
+    total.value = res.data.total || 0
+    pendingTotal.value = res.data.pending_total || 0
+  } catch (e) {
+    console.error('[不良品台账] 查询失败', e)
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleSearch = () => {
+  query.page = 1
+  fetchData()
+}
+
+const handlePageChange = (val: number) => {
+  query.page = val
+  fetchData()
+}
+
+const resetFilter = () => {
+  query.page = 1
+  query.status = '全部'
+  query.keyword = ''
+  query.company_name = ''
+  dateRange.value = []
+  fetchData()
+}
+
+// ============================================================
+// ★ 修复回库
+// ============================================================
+const restockDialog = reactive({
+  visible: false,
+  submitting: false,
+  row: null as any,
+  form: { restock_qty: 0, remark: '' },
+})
+
+const openRestockDialog = (row: any) => {
+  restockDialog.row = row
+  restockDialog.form.restock_qty = Number(row?.remaining_qty || 0)
+  restockDialog.form.remark = ''
+  restockDialog.visible = true
+}
+
+const resetRestockDialog = () => {
+  restockDialog.row = null
+  restockDialog.submitting = false
+  restockDialog.form.restock_qty = 0
+  restockDialog.form.remark = ''
+}
+
+const submitRestock = async () => {
+  if (restockDialog.submitting) return   // 双保险，防手抖连击
+
+  const max = Number(restockDialog.row?.remaining_qty || 0)
+  const qty = Number(restockDialog.form.restock_qty || 0)
+  if (!qty || qty <= 0) {
+    ElMessage.warning('请填写本次回库数量')
+    return
+  }
+  if (qty > max) {
+    ElMessage.warning(`回库数量不能超过在管数量 ${max}`)
+    return
+  }
+
+  restockDialog.submitting = true
+  try {
+    const res = await restockDefective(restockDialog.row.id, {
+      restock_qty: qty,
+      remark: restockDialog.form.remark || undefined,
+    })
+    ElMessage.success(res?.msg || '回库成功')
+    restockDialog.visible = false
+    await fetchData()
+  } catch (e) {
+    console.error('[修复回库] 失败', e)
+  } finally {
+    restockDialog.submitting = false
+  }
+}
+
+// ============================================================
+// ★ 报废销毁
+// ============================================================
+const scrapDialog = reactive({
+  visible: false,
+  submitting: false,
+  row: null as any,
+  form: { scrap_qty: 0, reason: '' },
+})
+
+const openScrapDialog = (row: any) => {
+  scrapDialog.row = row
+  scrapDialog.form.scrap_qty = Number(row?.remaining_qty || 0)
+  scrapDialog.form.reason = ''
+  scrapDialog.visible = true
+}
+
+const resetScrapDialog = () => {
+  scrapDialog.row = null
+  scrapDialog.submitting = false
+  scrapDialog.form.scrap_qty = 0
+  scrapDialog.form.reason = ''
+}
+
+const submitScrap = async () => {
+  if (scrapDialog.submitting) return
+
+  const max = Number(scrapDialog.row?.remaining_qty || 0)
+  const qty = Number(scrapDialog.form.scrap_qty || 0)
+  const reason = (scrapDialog.form.reason || '').trim()
+
+  if (!qty || qty <= 0) {
+    ElMessage.warning('请填写本次报废数量')
+    return
+  }
+  if (qty > max) {
+    ElMessage.warning(`报废数量不能超过在管数量 ${max}`)
+    return
+  }
+  if (!reason) {
+    ElMessage.warning('请填写报废原因')
+    return
+  }
+
+  scrapDialog.submitting = true
+  try {
+    const res = await scrapDefective(scrapDialog.row.id, {
+      scrap_qty: qty,
+      reason,
+    })
+    ElMessage.success(res?.msg || '报废成功')
+    scrapDialog.visible = false
+    await fetchData()
+  } catch (e) {
+    console.error('[报废销毁] 失败', e)
+  } finally {
+    scrapDialog.submitting = false
+  }
+}
+
+onMounted(() => {
+  fetchData()
+})
+</script>
+
+<style scoped>
+.filter-form {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.filter-form :deep(.el-form-item) {
+  margin-bottom: 0;
+  margin-right: 12px;
+}
+.dlg-text {
+  color: #303133;
+}
+.dlg-strong {
+  color: #E6A23C;
+  font-weight: bold;
+}
+.dlg-tip {
+  font-size: 12px;
+  color: #909399;
+  padding-left: 10px;
+}
+.dlg-danger {
+  color: #F56C6C;
+}
+</style>