From ddcdcaa43e58d053b47a2c8c968d70751ed76451 Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Wed, 7 Jan 2026 17:21:47 +0800
Subject: [PATCH] =?UTF-8?q?2026-01-07=20=E5=B7=A5=E5=8D=95=E6=9D=90?=
 =?UTF-8?q?=E6=96=99=E4=B8=8A=E6=9C=BA=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/schedule/materialOnMachineRecord.js   |   12 +
 src/views/modules/qc/sopListComponent.vue     |   24 +-
 .../searchMaterialOnMachineRecord.vue         | 1056 +++++++++++++++++
 3 files changed, 1080 insertions(+), 12 deletions(-)
 create mode 100644 src/api/schedule/materialOnMachineRecord.js
 create mode 100644 src/views/modules/schedule/searchMaterialOnMachineRecord.vue

diff --git a/src/api/schedule/materialOnMachineRecord.js b/src/api/schedule/materialOnMachineRecord.js
new file mode 100644
index 0000000..985c5f4
--- /dev/null
+++ b/src/api/schedule/materialOnMachineRecord.js
@@ -0,0 +1,12 @@
+import { createAPI } from "@/utils/httpRequest.js";
+
+/**
+ * 分页查询工单材料上机记录
+ */
+export const listMaterialOnMachineRecord = data => createAPI('/materialOnMachineRecord/list', 'POST', data);
+
+/**
+ * 材料异常退料（复用现有的异常下机接口）
+ */
+export const materialReturnDuringProduction = data => createAPI('/schedule/materialReturnDuringProduction', 'POST', data);
+
diff --git a/src/views/modules/qc/sopListComponent.vue b/src/views/modules/qc/sopListComponent.vue
index 91ebade..f6c63c3 100644
--- a/src/views/modules/qc/sopListComponent.vue
+++ b/src/views/modules/qc/sopListComponent.vue
@@ -83,13 +83,13 @@
         label="来源系统"
         min-width="100">
       </el-table-column>
-      <el-table-column
-        prop="standardFields"
-        header-align="center"
-        align="center"
-        label="4个标准字段"
-        min-width="120">
-      </el-table-column>
+<!--      <el-table-column-->
+<!--        prop="standardFields"-->
+<!--        header-align="center"-->
+<!--        align="center"-->
+<!--        label="4个标准字段"-->
+<!--        min-width="120">-->
+<!--      </el-table-column>-->
       <el-table-column
         fixed="right"
         header-align="center"
@@ -230,26 +230,26 @@ export default {
         this.$message.warning('该文件暂无预览路径')
         return
       }
-      
+
       // 获取文件后缀
       const fileName = row.sopName || row.sopUrl
       let fileSuffix = ''
       if (fileName.includes('.')) {
         fileSuffix = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase()
       }
-      
+
       // 判断文件类型
       const imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp']
       const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv']
       const pdfTypes = ['pdf']
       const txtTypes = ['txt']
       const officeTypes = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx']
-      
+
       if (officeTypes.includes(fileSuffix)) {
         this.$message.warning(`暂不支持在线预览${fileSuffix.toUpperCase()}文件，请使用下载功能`)
         return
       }
-      
+
       let mimeType = 'application/octet-stream'
       if (imageTypes.includes(fileSuffix)) {
         mimeType = 'image/' + fileSuffix
@@ -260,7 +260,7 @@ export default {
       } else if (txtTypes.includes(fileSuffix)) {
         mimeType = 'text/plain'
       }
-      
+
       downloadSopFile(row.sopUrl).then(({ data }) => {
         const blob = new Blob([data], { type: mimeType })
         const fileURL = URL.createObjectURL(blob)
diff --git a/src/views/modules/schedule/searchMaterialOnMachineRecord.vue b/src/views/modules/schedule/searchMaterialOnMachineRecord.vue
new file mode 100644
index 0000000..6294035
--- /dev/null
+++ b/src/views/modules/schedule/searchMaterialOnMachineRecord.vue
@@ -0,0 +1,1056 @@
+<template>
+  <div class="mod-config">
+    <!-- 条件查询 -->
+    <el-card :class="['search-card', { 'collapsed': !searchExpanded }]" shadow="hover">
+      <div slot="header" class="search-header">
+        <div class="header-left">
+          <i class="el-icon-search"></i>
+          <span class="header-title">工单材料上机记录</span>
+        </div>
+        <div class="header-right">
+          <el-button
+            type="text"
+            size="small"
+            @click="toggleSearchExpand"
+            class="collapse-btn">
+            <i :class="searchExpanded ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+            {{ searchExpanded ? '收起' : '展开' }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-form
+        :inline="true"
+        label-position="top"
+        :model="searchData"
+        class="search-form"
+        @keyup.enter.native="getData">
+
+        <!-- 所有查询条件 -->
+        <template v-if="searchExpanded">
+          <!-- 第一行 -->
+          <el-row :gutter="16">
+            <el-col :span="4">
+              <el-form-item label="工厂编码">
+                <el-select v-model="searchData.site" placeholder="请选择工厂" clearable filterable style="width: 100%">
+                  <el-option v-for="item in siteList" :key="item" :label="item" :value="item"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="工单号">
+                <el-input v-model="searchData.orderNo" placeholder="请输入工单号" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="派工单号">
+                <el-input v-model="searchData.seqNo" placeholder="请输入派工单号" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="材料卷号">
+                <el-input v-model="searchData.rmRollNo" placeholder="请输入材料卷号" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="材料编码">
+                <el-input v-model="searchData.partNo" placeholder="请输入材料编码" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="材料名称">
+                <el-input v-model="searchData.partDesc" placeholder="请输入材料名称" clearable></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <!-- 第二行 -->
+          <el-row :gutter="16">
+            <el-col :span="4">
+              <el-form-item label="产品编码">
+                <el-input v-model="searchData.productPartNo" placeholder="请输入产品编码" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="加工中心">
+                <el-input v-model="searchData.workCenterNo" placeholder="请输入加工中心" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="机台">
+                <el-input v-model="searchData.resourceId" placeholder="请输入机台" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="操作类型">
+                <el-select v-model="searchData.histType" placeholder="请选择" clearable style="width: 100%">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="发料" value="发料"></el-option>
+                  <el-option label="换料" value="换料"></el-option>
+                  <el-option label="退料" value="退料"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="是否结束">
+                <el-select v-model="searchData.finishedFlag" placeholder="请选择" clearable style="width: 100%">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="是" value="Y"></el-option>
+                  <el-option label="否" value="N"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="是否退料">
+                <el-select v-model="searchData.unissueFlag" placeholder="请选择" clearable style="width: 100%">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="是" value="Y"></el-option>
+                  <el-option label="否" value="N"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <!-- 第三行 -->
+          <el-row :gutter="16">
+            <el-col :span="4">
+              <el-form-item label="是否关键料">
+                <el-select v-model="searchData.keyRMFlag" placeholder="请选择" clearable style="width: 100%">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="是" value="Y"></el-option>
+                  <el-option label="否" value="N"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="上机时间">
+                <el-date-picker
+                  v-model="searchData.startDate1"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="开始日期"
+                  style="width: 45%">
+                </el-date-picker>
+                <span style="margin: 0 6px; color: #DCDFE6;">~</span>
+                <el-date-picker
+                  v-model="searchData.startDate2"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="结束日期"
+                  style="width: 45%">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+        <!-- 操作按钮区域 -->
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <div class="search-actions">
+              <div class="action-left">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  :loading="searchLoading"
+                  @click="getData">
+                  查询
+                </el-button>
+                <el-button
+                  icon="el-icon-refresh-left"
+                  @click="resetSearch">
+                  重置
+                </el-button>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <!-- 主信息列表 -->
+    <div class="section-title-bar">
+      <i class="el-icon-document"></i>
+      <span>材料上机记录</span>
+      <span class="total-count">（共 {{ totalCount }} 条）</span>
+    </div>
+    <el-table
+      ref="mainTable"
+      :height="tableHeight"
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        type="index"
+        header-align="center"
+        align="center"
+        width="60"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="100"
+        fixed="left"
+        label="操作">
+        <template slot-scope="scope">
+          <el-link style="cursor: pointer" v-if="scope.row.finishedFlag == 'N' && scope.row.histType == '发料'" @click="showReturnMaterialDialog(scope.row)">异常退料</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item, index) in columnList"
+        :key="index"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="true"
+        :align="item.align"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span
+            :class="{
+              'status-yes': (item.columnProp === 'finishedFlagDesc' || item.columnProp === 'unissueFlagDesc' || item.columnProp === 'keyRMFlagDesc') && scope.row[item.columnProp] === '是',
+              'status-no': (item.columnProp === 'finishedFlagDesc' || item.columnProp === 'unissueFlagDesc' || item.columnProp === 'keyRMFlagDesc') && scope.row[item.columnProp] === '否'
+            }">
+            {{ scope.row[item.columnProp] }}
+          </span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      style="margin-top: 0px"
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalCount"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
+    <!-- 异常退料对话框 -->
+    <el-dialog
+      title="异常退料"
+      :visible.sync="returnMaterialVisible"
+      width="600px"
+      class="material-dialog"
+      v-drag>
+      <div class="material-content">
+        <el-form :model="returnData" label-position="top" label-width="100px">
+          <!-- 材料信息卡片 -->
+          <div class="material-info-card">
+            <div class="info-header">
+              <i class="el-icon-document"></i>
+              <span>材料信息</span>
+            </div>
+            <div class="info-content">
+              <el-row :gutter="15">
+                <el-col :span="12">
+                  <div class="info-row">
+                    <label class="info-label">工单号：</label>
+                    <span class="info-value">{{ returnData.orderNo || '-' }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="info-row">
+                    <label class="info-label">派工单号：</label>
+                    <span class="info-value">{{ returnData.seqNo || '-' }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="12">
+                  <div class="info-row">
+                    <label class="info-label">材料卷号：</label>
+                    <span class="info-value">{{ returnData.rmRollNo || '-' }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="info-row">
+                    <label class="info-label">材料编码：</label>
+                    <span class="info-value">{{ returnData.partNo || '-' }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="24">
+                  <div class="info-row">
+                    <label class="info-label">材料名称：</label>
+                    <span class="info-value">{{ returnData.partDesc || '-' }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="12">
+                  <div class="info-row">
+                    <label class="info-label">规格型号：</label>
+                    <span class="info-value">{{ returnData.spec || '-' }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </div>
+
+          <!-- 退料设置区域 -->
+          <div class="return-settings">
+            <el-row :gutter="15">
+              <el-col :span="8">
+                <el-form-item label="上机数量" class="form-item-enhanced">
+                  <el-input
+                    v-model="displayOnMachineQty"
+                    disabled
+                    size="large"
+                    style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="退料数量" class="form-item-enhanced">
+                  <el-input class="inlineNumber numInput"
+                            v-model="returnData.returnQty"
+                            type="number"
+                            placeholder="请输入退料数量"
+                            size="large"
+                            @input="calculateRemainQty"
+                            style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="剩余数量" class="form-item-enhanced">
+                  <el-input
+                    v-model="displayRemainQty"
+                    disabled
+                    size="large"
+                    :class="{'remain-negative': returnData.remainQty < 0}"
+                    style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <!-- 备注 -->
+            <el-row style="margin-bottom: 30px">
+              <el-col :span="24">
+                <el-form-item label="备注">
+                  <el-input
+                    v-model="returnData.remark"
+                    type="textarea"
+                    :rows="3"
+                    placeholder="请输入备注"
+                    show-word-limit>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="returnLoading" @click="submitReturnMaterial">确定</el-button>
+        <el-button @click="returnMaterialVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listMaterialOnMachineRecord,
+  materialReturnDuringProduction
+} from '@/api/schedule/materialOnMachineRecord.js';
+import {getSiteList } from "@/api/report/partTemplateStatus.js";
+import getLodop from '@/utils/LodopFuncs.js';
+import labelPrintTemplates from '@/mixins/labelPrintTemplates.js';
+
+export default {
+  mixins: [labelPrintTemplates],
+  data() {
+    return {
+      searchExpanded: true,
+      searchLoading: false,
+      dataListLoading: false,
+      searchData: {
+        site: '',
+        orderNo: '',
+        seqNo: '',
+        partNo: '',
+        partDesc: '',
+        rmRollNo: '',
+        histType: '',
+        finishedFlag: '',
+        unissueFlag: '',
+        keyRMFlag: '',
+        productPartNo: '',
+        workCenterNo: '',
+        resourceId: '',
+        startDate1: '',
+        startDate2: ''
+      },
+      siteList: [],
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 50,
+      totalCount: 0,
+      tableHeight: 400,
+      columnList: [
+        { columnProp: 'orderNo', columnLabel: '工单号', columnWidth: '120', headerAlign: 'center', align: 'left' },
+        { columnProp: 'seqNo', columnLabel: '派工单号', columnWidth: '150', headerAlign: 'center', align: 'left' },
+        { columnProp: 'itemNo', columnLabel: '工序号', columnWidth: '70', headerAlign: 'center', align: 'center' },
+        { columnProp: 'operationDesc', columnLabel: '工序描述', columnWidth: '100', headerAlign: 'center', align: 'left' },
+        { columnProp: 'workCenterNo', columnLabel: '加工中心', columnWidth: '100', headerAlign: 'center', align: 'left' },
+        { columnProp: 'resourceId', columnLabel: '机台', columnWidth: '100', headerAlign: 'center', align: 'left' },
+        { columnProp: 'rmRollNo', columnLabel: '材料卷号', columnWidth: '150', headerAlign: 'center', align: 'left' },
+        { columnProp: 'partNo', columnLabel: '材料编码', columnWidth: '120', headerAlign: 'center', align: 'left' },
+        { columnProp: 'partDesc', columnLabel: '材料名称', columnWidth: '150', headerAlign: 'center', align: 'left' },
+        { columnProp: 'spec', columnLabel: '规格型号', columnWidth: '120', headerAlign: 'center', align: 'left' },
+        { columnProp: 'transQty', columnLabel: '上机数量', columnWidth: '100', headerAlign: 'center', align: 'right' },
+        { columnProp: 'netIssueQty', columnLabel: '净发料数量', columnWidth: '100', headerAlign: 'center', align: 'right' },
+        { columnProp: 'histType', columnLabel: '操作类型', columnWidth: '80', headerAlign: 'center', align: 'center' },
+        { columnProp: 'startDate', columnLabel: '上机时间', columnWidth: '150', headerAlign: 'center', align: 'center' },
+        { columnProp: 'finishedFlagDesc', columnLabel: '是否结束', columnWidth: '80', headerAlign: 'center', align: 'center' },
+        { columnProp: 'finishedDate', columnLabel: '结束时间', columnWidth: '150', headerAlign: 'center', align: 'center' },
+        { columnProp: 'unissueFlagDesc', columnLabel: '是否退料', columnWidth: '80', headerAlign: 'center', align: 'center' },
+        { columnProp: 'keyRMFlagDesc', columnLabel: '是否关键料', columnWidth: '90', headerAlign: 'center', align: 'center' },
+        { columnProp: 'reportedBy', columnLabel: '操作人', columnWidth: '100', headerAlign: 'center', align: 'left' },
+        { columnProp: 'productPartNo', columnLabel: '产品编码', columnWidth: '120', headerAlign: 'center', align: 'left' },
+        { columnProp: 'productPartDesc', columnLabel: '产品名称', columnWidth: '150', headerAlign: 'center', align: 'left' },
+        { columnProp: 'orderStatus', columnLabel: '工单状态', columnWidth: '80', headerAlign: 'center', align: 'center' },
+        { columnProp: 'customerId', columnLabel: '客户编码', columnWidth: '100', headerAlign: 'center', align: 'left' },
+        { columnProp: 'customerName', columnLabel: '客户名称', columnWidth: '120', headerAlign: 'center', align: 'left' },
+        { columnProp: 'remark', columnLabel: '备注', columnWidth: '150', headerAlign: 'center', align: 'left' }
+      ],
+      // 异常退料对话框
+      returnMaterialVisible: false,
+      returnLoading: false,
+      returnData: {
+        site: '',
+        orderNo: '',
+        itemNo: '',
+        seqNo: '',
+        rollNo: '',
+        rmRollNo: '',
+        partNo: '',
+        partDesc: '',
+        spec: '',
+        histSeqNo: '',
+        operatorId: '',
+        onMachineQty: 0,
+        returnQty: 0,
+        remainQty: 0,
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    displayOnMachineQty() {
+      return this.returnData.onMachineQty || this.returnData.onMachineQty === 0 ? String(this.returnData.onMachineQty) : '';
+    },
+    displayRemainQty() {
+      return this.returnData.remainQty || this.returnData.remainQty === 0 ? String(this.returnData.remainQty) : '';
+    }
+  },
+  created() {
+    this.setDefaultDates();
+    this.getSiteList();
+    this.calculateTableHeight();
+    window.addEventListener('resize', this.calculateTableHeight);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.calculateTableHeight);
+  },
+  methods: {
+    // 设置默认日期（本月）
+    setDefaultDates() {
+      const now = new Date();
+      const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
+      const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+      this.searchData.startDate1 = this.formatDate(firstDay);
+      this.searchData.startDate2 = this.formatDate(lastDay);
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const day = String(date.getDate()).padStart(2, '0');
+      return `${year}-${month}-${day}`;
+    },
+    // 获取Site列表
+    getSiteList() {
+      getSiteList().then(({ data }) => {
+        if (data && data.code === 0) {
+          this.siteList = data.siteList || [];
+          // 如果有权限的site，默认选择第一个
+          if (this.siteList.length > 0) {
+            this.searchData.site = this.siteList[0];
+          }
+        }
+      }).catch(err => {
+        console.error('获取Site列表失败:', err);
+      });
+    },
+    // 计算表格高度
+    calculateTableHeight() {
+      this.$nextTick(() => {
+        const windowHeight = window.innerHeight;
+        const headerHeight = this.searchExpanded ? 360 : 186;
+        this.tableHeight = windowHeight - headerHeight - 105;
+      });
+    },
+    // 切换查询条件展开/收起
+    toggleSearchExpand() {
+      this.searchExpanded = !this.searchExpanded;
+      this.calculateTableHeight();
+    },
+    // 查询数据
+    getData() {
+      this.searchLoading = true;
+      this.dataListLoading = true;
+
+      const params = {
+        ...this.searchData,
+        username: this.$store.state.user.name,
+        page: this.pageIndex,
+        limit: this.pageSize
+      };
+
+      listMaterialOnMachineRecord(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.dataList = data.page.list || [];
+          this.totalCount = data.page.totalCount || 0;
+        } else {
+          this.dataList = [];
+          this.totalCount = 0;
+          this.$message.error(data.msg || '查询失败');
+        }
+      }).catch(error => {
+        this.dataList = [];
+        this.totalCount = 0;
+        this.$message.error('查询失败: ' + (error.message || '未知错误'));
+      }).finally(() => {
+        this.searchLoading = false;
+        this.dataListLoading = false;
+      });
+    },
+    // 重置查询条件
+    resetSearch() {
+      this.searchData = {
+        site: this.siteList.length > 0 ? (this.$store.state.user.site || this.siteList[0]) : '',
+        orderNo: '',
+        seqNo: '',
+        partNo: '',
+        partDesc: '',
+        rmRollNo: '',
+        histType: '',
+        finishedFlag: '',
+        unissueFlag: '',
+        keyRMFlag: '',
+        productPartNo: '',
+        workCenterNo: '',
+        resourceId: '',
+        startDate1: '',
+        startDate2: ''
+      };
+      this.setDefaultDates();
+      this.pageIndex = 1;
+    },
+    // 每页数变化
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getData();
+    },
+    // 当前页变化
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getData();
+    },
+    // 显示异常退料对话框
+    showReturnMaterialDialog(row) {
+      this.returnData = {
+        site: row.site,
+        orderNo: row.orderNo,
+        itemNo: row.itemNo,
+        seqNo: row.seqNo,
+        rollNo: row.rmRollNo,
+        rmRollNo: row.rmRollNo,
+        partNo: row.partNo,
+        partDesc: row.partDesc,
+        spec: row.spec,
+        histSeqNo: row.histSeqNo,
+        operatorId: this.$store.state.user.name,
+        onMachineQty: parseFloat(row.transQty) || 0,
+        returnQty: 0,
+        remainQty: parseFloat(row.transQty) || 0,
+        remark: ''
+      };
+      this.returnMaterialVisible = true;
+    },
+    // 计算剩余数量
+    calculateRemainQty() {
+      const onMachineQty = parseFloat(this.returnData.onMachineQty) || 0;
+      const returnQty = parseFloat(this.returnData.returnQty) || 0;
+      this.returnData.remainQty = onMachineQty - returnQty;
+    },
+    // 提交异常退料
+    submitReturnMaterial() {
+      if (!this.returnData.returnQty || this.returnData.returnQty === '' || this.returnData.returnQty < 0) {
+        this.returnData.returnQty = 0;
+      }
+
+      this.calculateRemainQty();
+
+      if (this.returnData.remainQty < 0) {
+        this.$message.warning('退料数量不能大于上机数量！');
+        return;
+      }
+
+      this.returnLoading = true;
+
+      const submitData = {
+        site: this.returnData.site,
+        orderNo: this.returnData.orderNo,
+        itemNo: this.returnData.itemNo,
+        seqNo: this.returnData.seqNo,
+        rollNo: this.returnData.rmRollNo,
+        returnQty: this.returnData.returnQty,
+        histSeqNo: this.returnData.histSeqNo,
+        operatorId: this.returnData.operatorId,
+        remark: this.returnData.remark || ''
+      };
+
+      materialReturnDuringProduction(submitData).then(({ data }) => {
+        if (data.code == 500 || data.code == 400) {
+          this.$message.error(data.msg || data.message);
+        } else if (data.code == 201) {
+          this.$message.success(data.msg || '操作成功');
+          // 处理打印
+          if (data.printData) {
+            this.executePrint([data.printData]);
+          }
+          this.returnMaterialVisible = false;
+          this.getData();
+        } else {
+          this.$message.success(data.msg || data.message || '操作成功');
+          this.returnMaterialVisible = false;
+          this.getData();
+        }
+      }).catch(error => {
+        this.$message.error('操作失败：' + (error.message || '未知错误'));
+      }).finally(() => {
+        this.returnLoading = false;
+      });
+    },
+    // 执行打印
+    executePrint(printDataList) {
+      try {
+        const LODOP = getLodop();
+        if (!LODOP) {
+          this.$message.warning('无法连接到打印控件，跳过打印');
+          return;
+        }
+
+        const printerCount = LODOP.GET_PRINTER_COUNT();
+        if (printerCount === 0) {
+          this.$message.warning('未检测到打印机，跳过打印');
+          return;
+        }
+
+        if (!printDataList || printDataList.length === 0) {
+          return;
+        }
+
+        const labelNo = printDataList[0].labelNo;
+        if (!labelNo) {
+          return;
+        }
+
+        for (let i = 0; i < printDataList.length; i++) {
+          const printData = printDataList[i];
+          LODOP.PRINT_INIT('异常退料标签打印_' + (i + 1));
+          LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE", true);
+
+          if (labelNo === 'A001') {
+            this.printLabelA001(LODOP, printData, false);
+          } else if (labelNo === 'A002') {
+            this.printLabelA002(LODOP, printData, false);
+          } else if (labelNo === 'A003') {
+            this.printLabelA003(LODOP, printData, false);
+          } else if (labelNo === 'A004') {
+            this.printLabelA004(LODOP, printData, false);
+          }
+
+          LODOP.PRINT();
+        }
+
+        this.$message.success('标签打印任务已发送！');
+      } catch (error) {
+        console.error('打印失败:', error);
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 搜索卡片样式 */
+.search-card {
+  margin-bottom: 16px;
+  border-radius: 8px;
+  overflow: hidden;
+  transition: all 0.3s ease;
+}
+
+.search-card:hover {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+}
+
+.search-card /deep/ .el-card__header {
+  padding: 5px 20px;
+  background: linear-gradient(135deg, #9ac3d0 20%, #b6c7dd 80%);
+  border-bottom: none;
+}
+
+.search-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  color: #fff;
+}
+
+.header-left i {
+  font-size: 16px;
+  margin-right: 8px;
+}
+
+.header-title {
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+}
+
+.header-right {
+  color: #fff;
+}
+
+.collapse-btn {
+  color: #fff;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.collapse-btn:hover {
+  color: #f0f0f0;
+  transform: translateY(-1px);
+}
+
+.collapse-btn i {
+  transition: transform 0.3s ease;
+}
+
+/* 搜索表单样式 */
+.search-form {
+  padding: 6px 0;
+  min-height: 0;
+}
+
+/* 卡片主体样式 */
+.search-card /deep/ .el-card__body {
+  padding: 10px;
+  transition: all 0.3s ease;
+}
+
+/* 收起时的样式 */
+.search-card.collapsed /deep/ .el-card__body {
+  padding: 10px 20px;
+}
+
+.search-form /deep/ .el-form-item {
+  margin-bottom: 12px;
+}
+
+.search-form /deep/ .el-form-item__label {
+  font-weight: 500;
+  color: #606266;
+  padding-bottom: 4px;
+}
+
+.search-form /deep/ .el-input__inner,
+.search-form /deep/ .el-textarea__inner {
+  border-radius: 6px;
+  border: 1px solid #DCDFE6;
+  transition: all 0.3s ease;
+}
+
+.search-form /deep/ .el-input__inner:focus,
+.search-form /deep/ .el-textarea__inner:focus {
+  border-color: #9ac3d0;
+  box-shadow: 0 0 0 2px rgba(154, 195, 208, 0.1);
+}
+
+.search-form /deep/ .el-select {
+  width: 100%;
+}
+
+/* 操作按钮区域 */
+.search-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 0 2px 0;
+}
+
+/* 展开时显示上边框 */
+.search-card:not(.collapsed) .search-actions {
+  border-top: 1px solid #f0f0f0;
+  margin-top: 6px;
+}
+
+/* 收起时不显示上边框和上边距 */
+.search-card.collapsed .search-actions {
+  border-top: none;
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.action-left {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.search-actions .el-button {
+  border-radius: 4px;
+  padding: 5px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.search-actions .el-button:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.search-actions .el-button--primary {
+  background: #60aeff;
+  border-color: #60aeff;
+}
+
+.search-actions .el-button--primary:hover {
+  background: #7dbdff;
+  border-color: #7dbdff;
+}
+
+/* 区域标题栏样式 */
+.section-title-bar {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7eb 100%);
+  border-radius: 4px;
+  margin-bottom: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.section-title-bar i {
+  font-size: 16px;
+  margin-right: 8px;
+  color: #409eff;
+}
+
+.section-title-bar .total-count {
+  margin-left: 10px;
+  font-size: 12px;
+  font-weight: normal;
+  color: #909399;
+}
+
+/* 状态样式 */
+.status-yes {
+  color: #67C23A;
+  font-weight: 600;
+}
+
+.status-no {
+  color: #F56C6C;
+  font-weight: 600;
+}
+
+/* 表格样式 */
+/deep/ .el-table th {
+  background-color: #f5f7fa;
+  color: #303133;
+  font-weight: 600;
+}
+
+/deep/ .el-table tr:hover > td {
+  background-color: #f5f7fa !important;
+}
+
+/* 异常退料对话框样式 */
+.material-dialog /deep/ .el-dialog {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.material-dialog /deep/ .el-dialog__header {
+  background: linear-gradient(135deg, #9ac3d0 20%, #b6c7dd 80%);
+  padding: 15px 20px;
+}
+
+.material-dialog /deep/ .el-dialog__title {
+  color: #fff;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.material-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+  font-size: 18px;
+}
+
+.material-dialog /deep/ .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #f0f0f0;
+}
+
+.material-dialog /deep/ .el-dialog__body {
+  padding: 20px;
+  background-color: #f8f9fa;
+}
+
+.material-dialog /deep/ .el-dialog__footer {
+  padding: 12px 20px;
+  background-color: #fff;
+  border-top: 1px solid #e9ecef;
+}
+
+.material-info-card {
+  background: linear-gradient(135deg, rgba(154, 195, 208, 0.15) 0%, rgba(182, 199, 221, 0.15) 100%);
+  border-radius: 8px;
+  padding: 16px;
+  margin-bottom: 20px;
+  border: 1px solid #e3e8f0;
+  box-shadow: 0 2px 8px rgba(154, 195, 208, 0.08);
+}
+
+.material-info-card .info-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.material-info-card .info-header i {
+  font-size: 18px;
+  color: #9ac3d0;
+  margin-right: 8px;
+}
+
+.material-info-card .info-header span {
+  font-size: 14px;
+  font-weight: 600;
+  color: #495057;
+}
+
+.material-info-card .info-content {
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 4px;
+  padding: 12px;
+}
+
+.material-info-card .info-row {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+}
+
+.material-info-card .info-label {
+  font-size: 13px;
+  color: #6c757d;
+  min-width: 90px;
+  font-weight: 500;
+}
+
+.material-info-card .info-value {
+  font-size: 13px;
+  color: #212529;
+  font-weight: 600;
+  flex: 1;
+}
+
+.return-settings {
+  background: #fff;
+  border-radius: 8px;
+  padding: 16px;
+  border: 1px solid #e3e8f0;
+  box-shadow: 0 2px 8px rgba(154, 195, 208, 0.05);
+}
+
+.form-item-enhanced {
+  margin-bottom: 10px;
+}
+
+.form-item-enhanced /deep/ .el-form-item__label {
+  color: #495057;
+  font-weight: 500;
+  font-size: 14px;
+  margin-bottom: 8px;
+}
+
+.form-item-enhanced /deep/ .el-input .el-input__inner {
+  border-radius: 6px;
+  border: 1px solid #dee2e6;
+  height: 42px;
+  line-height: 42px;
+  font-size: 15px;
+}
+
+.form-item-enhanced /deep/ .el-input .el-input__inner:focus {
+  border-color: #9ac3d0;
+  box-shadow: 0 0 0 3px rgba(154, 195, 208, 0.1);
+}
+
+.form-item-enhanced /deep/ .remain-negative .el-input__inner {
+  color: #f56c6c;
+  font-weight: 600;
+  border-color: #f56c6c;
+  background-color: #fef0f0;
+}
+
+.numInput /deep/ .el-input__inner {
+  text-align: right;
+}
+
+/deep/ .inlineNumber input::-webkit-outer-spin-button,
+/deep/ .inlineNumber input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+/deep/ .inlineNumber input[type="number"] {
+  -moz-appearance: textfield;
+  padding-right: 5px !important;
+}
+
+/* 响应式设计 */
+@media (max-width: 1200px) {
+  .search-actions {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .action-left {
+    width: 100%;
+    justify-content: center;
+  }
+}
+</style>