From d3ed238f86247f8a050b04cbf3eb948e7516256b Mon Sep 17 00:00:00 2001
From: shenzhouyu <zhouyu.shen@xujiesoft.com>
Date: Mon, 22 Sep 2025 09:20:23 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=B7=E5=8D=95=E9=80=80=E6=96=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/production/production-return.js       |    6 +-
 src/router/index.js                           |    2 +
 .../production-return/productionReturnPDA.vue | 1362 +++---------
 .../productionReturnPDAIssueList.vue          | 1908 +++++++++++++++++
 .../productionReturnPDAList.vue               |  156 ++
 .../productionReturnPicking.vue               |   40 +-
 6 files changed, 2429 insertions(+), 1045 deletions(-)
 create mode 100644 src/views/modules/production-return/productionReturnPDAIssueList.vue
 create mode 100644 src/views/modules/production-return/productionReturnPDAList.vue

diff --git a/src/api/production/production-return.js b/src/api/production/production-return.js
index 4110243..a1ea423 100644
--- a/src/api/production/production-return.js
+++ b/src/api/production/production-return.js
@@ -1,6 +1,6 @@
 
 import { createAPI } from "@/utils/httpRequest.js";
-
+//直接退料接口
 // 获取工单信息
 export const getReturnWorkOrderInfo = data => createAPI(`/pda/production/return/getReturnWorkOrderInfo`,'post',data)
 
@@ -17,3 +17,7 @@ export const  createReturnLabel = data => createAPI(`/pda/production/issue/creat
 export const  printReturnLabel  = data => createAPI(`/pda/production/issue/printReturnLabel`,'post',data)
 
 
+//申请单退料接口
+export const  getUnissueNotifyHeaderInfo = data => createAPI(`/pda/production/return/getUnissueNotifyHeaderInfo`,'post',data)
+export const  getUnissueNotifyHeaderOrderMaterialList = data => createAPI(`/pda/production/return/getUnissueNotifyHeaderOrderMaterialList`,'post',data)
+export const getUnissueMatericalForShopOrder = data => createAPI(`/pda/production/return/getUnissueMatericalForShopOrder`,'post',data)
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 0a8ae1c..74fad2f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -54,6 +54,8 @@ const globalRoutes = [
   {path: "/productionReturnIssueList", name: "productionReturnIssueList", component: resolve => require(["@/views/modules/production-return/productionReturnIssueList.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
   {path: "/productionReturnPickingDetail/:orderNo/:orderType/:partNo/:transactionId/:quantity/:batchNo", name: "productionReturnPickingDetail", component: resolve => require(["@/views/modules/production-return/productionReturnPickingDetail.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
   {path: "/productionReturnPDA", name: "productionReturnPDA", component: resolve => require(["@/views/modules/production-return/productionReturnPDA.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
+  {path: "/productionReturnPDAList/:workOrderNo/:partNo/:unissureQty", name: "productionReturnPDAList", component: resolve => require(["@/views/modules/production-return/productionReturnPDAList.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
+  {path: "/productionReturnPDAIssueList/:notifyNo/:itemNo/:workOrderNo", name: "productionReturnPDAIssueList", component: resolve => require(["@/views/modules/production-return/productionReturnPDAIssueList.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
   {path: '/production-return/pick/:orderNo',
     name: 'ProductionIssuePick',component: resolve => require(["@/views/modules/production-return/pick.vue"], resolve),
     meta: { transition: 'instant' ,preload: true,keepAlive: true}},
diff --git a/src/views/modules/production-return/productionReturnPDA.vue b/src/views/modules/production-return/productionReturnPDA.vue
index ef18c1c..c762cbb 100644
--- a/src/views/modules/production-return/productionReturnPDA.vue
+++ b/src/views/modules/production-return/productionReturnPDA.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pda-container">
-    <!-- 头部栏（对齐 productionReturnPicking.vue） -->
+    <!-- 头部栏 -->
     <div class="header-bar">
       <div class="header-left" @click="goBack">
         <i class="el-icon-arrow-left"></i>
@@ -9,367 +9,107 @@
       <div class="header-right" @click="$router.push({ path: '/' })">首页</div>
     </div>
 
-    <div class="content-area">
-        <!-- 删除：功能选择、直接退料模块 -->
-        <div class="direct-return" v-if="false">
-          <!-- 工单输入 -->
-          <div class="input-section" v-if="!workOrderMaterials.length">
-            <div class="input-group">
-              <label>工单号</label>
-              <div class="input-with-scan">
-                <input
-                  v-model="directReturnForm.workOrderNo"
-                  placeholder="请输入或扫描工单号"
-                  @keyup.enter="loadWorkOrderMaterials"
-                />
-                <button @click="loadWorkOrderMaterials" class="scan-btn">确认</button>
-              </div>
-            </div>
-          </div>
+    <!-- 申请单输入 -->
+    <div class="search-container">
+      <el-input clearable v-model="requestReturnForm.requestNo" placeholder="请输入退料申请单号" prefix-icon="el-icon-search"
+        @keyup.enter.native="loadReturnRequestMaterials" ref="requestNoInput" />
+    </div>
 
-          <!-- 物料列表 -->
-          <div class="materials-section" v-if="workOrderMaterials.length">
-            <div class="section-header">
-              <h3>工单物料 ({{ directReturnForm.workOrderNo }})</h3>
-              <button @click="resetWorkOrder" class="reset-btn">重新选择</button>
-            </div>
-
-            <div class="material-list">
-              <div v-for="(material, index) in workOrderMaterials" :key="index"
-                class="material-item"
-                :class="{ selected: selectedMaterial && selectedMaterial.partNo === material.partNo }"
-                @click="selectMaterial(material)"
-              >
-                <div class="material-info">
-                  <div class="part-no">{{ material.partNo }}</div>
-                  <div class="part-desc">{{ material.partDesc }}</div>
-                  <div class="qty-info">
-                    已发: {{ material.issuedQty }} |
-                    可退: {{ material.returnableQty }} |
-                    已退: {{ material.returnedQty }}
-                  </div>
-                </div>
-                <div class="material-status">
-                  <span v-if="material.returnableQty > 0" class="status-returnable">可退料</span>
-                  <span v-else class="status-complete">无可退</span>
-                </div>
-              </div>
-            </div>
-          </div>
+    <!-- 申请单物料列表 -->
+    <div class="work-order-list" v-if="returnRequestMaterials.length > 0 ">
+      <div v-for="material in returnRequestMaterials" :key="`${material.partNo}-${material.itemNo}`"
+        class="work-order-card" @click="selectRequestMaterial(material)">
+        <div class="card-title">
+          <span class="title-label">申请单号：{{ material.notifyNo }} &nbsp;&nbsp; 行号：{{
+              material.itemNo
+            }}</span>
+        </div>
 
-          <!-- 扫描标签或输入数量 -->
-          <div class="scan-section" v-if="selectedMaterial">
-            <div class="section-header">
-              <h3>退料方式</h3>
-            </div>
-
-            <div class="return-method">
-              <div class="method-tabs">
-                <button
-                  :class="['tab-btn', { active: returnMethod === 'scan' }]"
-                  @click="returnMethod = 'scan'"
-                >
-                  扫描标签
-                </button>
-                <button
-                  :class="['tab-btn', { active: returnMethod === 'manual' }]"
-                  @click="returnMethod = 'manual'"
-                >
-                  手工输入
-                </button>
-              </div>
-
-              <!-- 扫描标签方式 -->
-              <div v-if="returnMethod === 'scan'">
-                <div class="input-group">
-                  <label>物料标签</label>
-                  <div class="input-with-scan">
-                    <input
-                      v-model="scannedLabel"
-                      placeholder="请扫描物料标签"
-                      @keyup.enter="parseMaterialLabel"
-                    />
-                    <button @click="parseMaterialLabel" class="scan-btn">解析</button>
-                  </div>
-                </div>
-
-                <!-- 标签信息 -->
-                <div class="label-info" v-if="labelInfo">
-                  <div class="info-row">
-                    <span class="label">物料编码:</span>
-                    <span class="value">{{ labelInfo.partNo }}</span>
-                  </div>
-                  <div class="info-row">
-                    <span class="label">物料描述:</span>
-                    <span class="value">{{ labelInfo.partDesc }}</span>
-                  </div>
-                  <div class="info-row">
-                    <span class="label">批次号:</span>
-                    <span class="value">{{ labelInfo.batchNo }}</span>
-                  </div>
-                  <div class="info-row">
-                    <span class="label">当前数量:</span>
-                    <span class="value">{{ labelInfo.currentQty }}</span>
-                  </div>
-                </div>
-              </div>
-
-              <!-- 手工输入方式 -->
-              <div v-if="returnMethod === 'manual'">
-                <div class="input-group">
-                  <label>批次号</label>
-                  <input v-model="manualInput.batchNo" placeholder="请输入批次号" />
-                </div>
-              </div>
-            </div>
-
-            <!-- 退料数量和信息 -->
-            <div class="return-info" v-if="(returnMethod === 'scan' && labelInfo) || returnMethod === 'manual'">
-              <div class="input-group">
-                <label>退料数量</label>
-                <input
-                  v-model="returnQty"
-                  type="number"
-                  :max="selectedMaterial.returnableQty"
-                  placeholder="请输入退料数量"
-                />
-              </div>
-
-              <div class="input-group">
-                <label>退料原因</label>
-                <select v-model="directReturnForm.returnReason">
-                  <option value="">请选择退料原因</option>
-                  <option value="QUALITY_ISSUE">质量问题</option>
-                  <option value="OVER_ISSUE">超发</option>
-                  <option value="WRONG_MATERIAL">错误物料</option>
-                  <option value="PRODUCTION_CHANGE">生产变更</option>
-                  <option value="OTHER">其他</option>
-                </select>
-              </div>
-
-              <div class="input-group">
-                <label>备注</label>
-                <input v-model="directReturnForm.remark" placeholder="可选" />
-              </div>
-
-              <!-- 打印标签选项 -->
-              <div class="print-options">
-                <div class="checkbox-group">
-                  <label class="checkbox-label">
-                    <input type="checkbox" v-model="directReturnForm.createLabel" />
-                    创建卷/箱记录并打印标签
-                  </label>
-                </div>
-
-                <div class="input-group" v-if="directReturnForm.createLabel">
-                  <label>打印机</label>
-                  <select v-model="directReturnForm.printerName">
-                    <option value="">请选择打印机</option>
-                    <option value="PRINTER_01">打印机01</option>
-                    <option value="PRINTER_02">打印机02</option>
-                  </select>
-                </div>
-              </div>
-
-              <button @click="confirmDirectReturn" class="confirm-btn" :disabled="!returnQty || !directReturnForm.returnReason">
-                确认退料 (同步IFS)
-              </button>
-            </div>
-          </div>
+        <!-- 工单号单独一行 -->
+        <div class="part-desc-row">
+          <span class="desc-text">工单号：{{ material.soorderNo }}</span>
         </div>
 
-        <!-- 基于申请单退料 -->
-        <div class="request-return">
-          <!-- 申请单输入 -->
-          <div class="input-section" v-if="!returnRequestMaterials.length">
-            <div class="input-group">
-              <label>退料申请单号</label>
-              <div class="input-with-scan">
-                <input
-                  v-model="requestReturnForm.requestNo"
-                  placeholder="请输入退料申请单号"
-                  @keyup.enter="loadReturnRequestMaterials"
-                />
-                <button @click="loadReturnRequestMaterials" class="scan-btn">确认</button>
-              </div>
-            </div>
+        <div class="card-details">
+          <div class="detail-item">
+            <div class="detail-label">申请数量</div>
+            <div class="detail-value">{{ material.unissureQty }}</div>
           </div>
-
-          <!-- 申请单物料列表 -->
-          <div class="materials-section" v-if="returnRequestMaterials.length">
-            <div class="section-header">
-              <h3>申请单物料 ({{ requestReturnForm.requestNo }})</h3>
-              <button @click="resetRequest" class="reset-btn">重新选择</button>
-            </div>
-
-            <div class="material-list">
-              <div
-                v-for="material in returnRequestMaterials"
-                :key="`${material.partNo}-${material.itemNo}`"
-                class="material-item"
-                :class="{ selected: selectedRequestMaterial && selectedRequestMaterial.itemNo === material.itemNo }"
-                @click="selectRequestMaterial(material)"
-              >
-                <div class="material-info">
-                  <div class="part-no">{{ material.partNo }}</div>
-                  <div class="part-desc">{{ material.partDesc }}</div>
-                  <div class="work-order">工单: {{ material.workOrderNo }}</div>
-                  <div class="qty-info">
-                    申请: {{ material.requestQty }} |
-                    已退: {{ material.returnedQty }} |
-                    剩余: {{ material.remainQty }}
-                  </div>
-                </div>
-                <div class="material-status">
-                  <span v-if="material.remainQty > 0" class="status-pending">待退料</span>
-                  <span v-else class="status-complete">已完成</span>
-                </div>
-              </div>
-            </div>
+          <div class="detail-item">
+            <div class="detail-label">状态</div>
+            <div class="detail-value">待退料</div>
           </div>
-
-          <!-- 选择发料记录 -->
-          <div class="issue-records-section" v-if="selectedRequestMaterial">
-            <div class="section-header">
-              <h3>发料记录</h3>
-            </div>
-
-            <div class="issue-records">
-              <div
-                v-for="record in issueRecords"
-                :key="record.issueId"
-                class="issue-record-item"
-                :class="{ selected: selectedIssueRecord && selectedIssueRecord.issueId === record.issueId }"
-                @click="selectIssueRecord(record)"
-              >
-                <div class="record-info">
-                  <div class="issue-id">发料ID: {{ record.issueId }}</div>
-                  <div class="issue-date">发料日期: {{ record.issueDate }}</div>
-                  <div class="batch-info">批次: {{ record.batchNo }} | 数量: {{ record.issueQty }}</div>
-                  <div class="return-info">可退: {{ record.returnableQty }}</div>
-                </div>
-                <div class="record-status">
-                  <span v-if="record.returnableQty > 0" class="status-returnable">可退料</span>
-                  <span v-else class="status-complete">已退完</span>
-                </div>
-              </div>
-            </div>
+          <div class="detail-item">
+            <div class="detail-label">单位</div>
+            <div class="detail-value">{{ material.uom || "个" }}</div>
           </div>
+        </div>
+      </div>
+    </div>
+<!-- 材料列表（新增，仿 directIssue.vue） -->
+    <div
+      class="content-area"
+      v-if="selectedWorkOrder && materialList.length > 0"
+    >
+      <div
+        v-for="(material, index) in materialList"
+        :key="index"
+        class="material-card"
+        @click="openReturnDetail(material)"
+      >
+        <div class="card-title">
+          <span class="title-label"
+            >物料编码：{{ material.componentPartNo }} &nbsp;&nbsp; 行号：{{
+              material.bomItemNo
+            }}</span
+          >
+        </div>
 
-          <!-- 退料信息录入 -->
-          <div class="return-input-section" v-if="selectedIssueRecord">
-            <div class="section-header">
-              <h3>退料信息</h3>
-            </div>
-
-            <div class="return-details">
-              <div class="input-group">
-                <label>退料数量</label>
-                <input
-                  v-model="returnQty"
-                  type="number"
-                  :max="selectedIssueRecord.returnableQty"
-                  placeholder="请输入退料数量"
-                />
-              </div>
-
-              <div class="input-group">
-                <label>退料原因</label>
-                <select v-model="requestReturnForm.returnReason">
-                  <option value="">请选择退料原因</option>
-                  <option value="QUALITY_ISSUE">质量问题</option>
-                  <option value="OVER_ISSUE">超发</option>
-                  <option value="WRONG_MATERIAL">错误物料</option>
-                  <option value="PRODUCTION_CHANGE">生产变更</option>
-                  <option value="OTHER">其他</option>
-                </select>
-              </div>
-
-              <div class="input-group">
-                <label>目标库位</label>
-                <div class="input-with-scan">
-                  <input
-                    v-model="requestReturnForm.targetLocation"
-                    placeholder="请输入或扫描目标库位"
-                  />
-                  <button @click="validateLocation" class="scan-btn">验证</button>
-                </div>
-              </div>
-
-              <div class="input-group">
-                <label>备注</label>
-                <input v-model="requestReturnForm.remark" placeholder="可选" />
-              </div>
-
-              <!-- 打印标签选项 -->
-              <div class="print-options">
-                <div class="checkbox-group">
-                  <label class="checkbox-label">
-                    <input type="checkbox" v-model="requestReturnForm.createLabel" />
-                    创建箱/卷并打印RFID标签
-                  </label>
-                </div>
-
-                <div class="input-group" v-if="requestReturnForm.createLabel">
-                  <label>打印机</label>
-                  <select v-model="requestReturnForm.printerName">
-                    <option value="">请选择打印机</option>
-                    <option value="PRINTER_01">打印机01</option>
-                    <option value="PRINTER_02">打印机02</option>
-                  </select>
-                </div>
-              </div>
-
-              <button @click="confirmRequestReturn" class="confirm-btn"
-                :disabled="!returnQty || !requestReturnForm.returnReason || !requestReturnForm.targetLocation">
-                确认退料并入库 (同步IFS)
-              </button>
-            </div>
-          </div>
+        <!-- 物料描述单独一行 -->
+        <div class="part-desc-row">
+          <span class="desc-text">{{ material.componentPartDesc }}</span>
+        </div>
 
-          <!-- 装托盘（占位，参考装托盘功能接入真实流程） -->
-          <div class="return-input-section" v-if="selectedIssueRecord">
-            <div class="section-header">
-              <h3>装托盘</h3>
-            </div>
-            <div class="return-details">
-              <div class="input-group">
-                <label>托盘号</label>
-                <div class="input-with-scan">
-                  <input v-model="palletForm.palletId" placeholder="请输入或扫描托盘号" />
-                  <button @click="handlePalletize" class="scan-btn">装托盘</button>
-                </div>
-              </div>
-            </div>
+        <div class="card-details">
+          <div class="detail-item">
+            <div class="detail-label">需求数量</div>
+            <div class="detail-value">{{ material.qtyToUnissue }}</div>
+          </div>
+          <div class="detail-item">
+            <div class="detail-label">已发数量</div>
+            <div class="detail-value">{{ material.qtyIssued || 0 }}</div>
+          </div>
+          <div class="detail-item">
+            <div class="detail-label">单位</div>
+            <div class="detail-value">{{ material.uom || "个" }}</div>
           </div>
         </div>
+      </div>
+    </div>
 
-        <!-- 加载提示 -->
-        <div class="loading" v-if="loading">
-          <div class="loading-spinner"></div>
-          <div class="loading-text">{{ loadingText }}</div>
-        </div>
+    <!-- 空状态 -->
+    <div
+      v-if="selectedWorkOrder && materialList.length === 0"
+      class="empty-state"
+    >
+      <i class="el-icon-box"></i>
+      <p>该工单暂无材料清单</p>
+    </div>
 
-        <!-- 消息提示 -->
-        <div class="message" v-if="message" :class="messageType">
-          {{ message }}
-        </div>
+    <!-- 加载状态 -->
+    <div v-if="loading" class="loading-state">
+      <i class="el-icon-loading"></i>
+      <p>加载中...</p>
     </div>
   </div>
 </template>
 
 <script>
 import {
-  // getWorkOrderMaterials,
-  parseMaterialLabel,
-  directReturn,
-  getReturnRequestMaterials,
-  getIssueRecords,
-  requestReturn,
-  validateLocation,
-  createReturnLabel,
-  printReturnLabel
+  getUnissueNotifyHeaderInfo,
+  getUnissueNotifyHeaderOrderMaterialList,
 } from '@/api/production/production-return'
+import { getWorkOrderMaterials } from '@/api/production/production-issue'
 
 export default {
   name: 'productionReturnPDA',
@@ -380,23 +120,6 @@ export default {
       message: '',
       messageType: 'info',
 
-      // 直接退料
-      directReturnForm: {
-        site: this.$store.state.user.site,
-        workOrderNo: '',
-        operatorName: 'PDA_USER',
-        returnReason: '',
-        remark: '',
-        createLabel: false,
-        printerName: ''
-      },
-      workOrderMaterials: [],
-      selectedMaterial: null,
-      returnMethod: 'scan', // 'scan' 或 'manual'
-      manualInput: {
-        batchNo: ''
-      },
-
       // 基于申请单退料
       requestReturnForm: {
         site: this.$store.state.user.site,
@@ -406,156 +129,32 @@ export default {
         targetLocation: '',
         remark: '',
         createLabel: false,
-        printerName: ''
+        printerName: '',
       },
       returnRequestMaterials: [],
       selectedRequestMaterial: null,
-      issueRecords: [],
-      selectedIssueRecord: null,
-
-      // 通用
-      scannedLabel: '',
-      labelInfo: null,
-      returnQty: null
-      ,
-      // 装托盘
-      palletForm: {
-        palletId: ''
-      }
+      selectedWorkOrder:'',
+      materialList: [], // 新增：材料清单
     }
   },
   computed: {
     functionTitle() {
-      return '申请单退料';
-    }
+      return '申请单退料'
+    },
   },
   methods: {
     goBack() {
       this.$router.back()
     },
 
+    goBackToMaterials() {
+      this.selectedRequestMaterial = null
+    },
+
     resetAll() {
-      this.workOrderMaterials = []
       this.returnRequestMaterials = []
-      this.issueRecords = []
-      this.selectedMaterial = null
       this.selectedRequestMaterial = null
-      this.selectedIssueRecord = null
-      this.scannedLabel = ''
-      this.labelInfo = null
-      this.returnQty = null
       this.message = ''
-      this.returnMethod = 'scan'
-      this.manualInput = { batchNo: '' }
-    },
-
-    // 直接退料相关方法
-    async loadWorkOrderMaterials() {
-      if (!this.directReturnForm.workOrderNo) {
-        this.showMessage('请输入工单号', 'error')
-        return
-      }
-
-      this.loading = true
-      this.loadingText = '加载工单物料...'
-
-      try {
-        const response = await getWorkOrderMaterials({
-          site: this.directReturnForm.site,
-          workOrderNo: this.directReturnForm.workOrderNo
-        })
-
-        if (response.data.code === 0) {
-          this.workOrderMaterials = response.data.materials || []
-          if (this.workOrderMaterials.length === 0) {
-            this.showMessage('该工单没有可退料物料', 'warning')
-          }
-        } else {
-          this.showMessage(response.data.msg, 'error')
-        }
-      } catch (error) {
-        this.showMessage('加载工单物料失败', 'error')
-      } finally {
-        this.loading = false
-      }
-    },
-
-    selectMaterial(material) {
-      if (material.returnableQty <= 0) {
-        this.showMessage('该物料无可退数量', 'warning')
-        return
-      }
-      this.selectedMaterial = material
-      this.scannedLabel = ''
-      this.labelInfo = null
-      this.returnQty = null
-      this.returnMethod = 'scan'
-      this.manualInput = { batchNo: '' }
-    },
-
-    resetWorkOrder() {
-      this.directReturnForm.workOrderNo = ''
-      this.workOrderMaterials = []
-      this.selectedMaterial = null
-      this.scannedLabel = ''
-      this.labelInfo = null
-      this.returnQty = null
-    },
-
-    async confirmDirectReturn() {
-      if (!this.returnQty || this.returnQty <= 0) {
-        this.showMessage('请输入有效的退料数量', 'error')
-        return
-      }
-
-      if (!this.directReturnForm.returnReason) {
-        this.showMessage('请选择退料原因', 'error')
-        return
-      }
-
-      if (this.directReturnForm.createLabel && !this.directReturnForm.printerName) {
-        this.showMessage('请选择打印机', 'error')
-        return
-      }
-
-      this.loading = true
-      this.loadingText = '退料中，同步IFS...'
-
-      try {
-        const returnData = {
-          ...this.directReturnForm,
-          selectedMaterial: this.selectedMaterial,
-          returnQty: this.returnQty,
-          returnMethod: this.returnMethod,
-          scannedLabel: this.returnMethod === 'scan' ? this.scannedLabel : null,
-          batchNo: this.returnMethod === 'manual' ? this.manualInput.batchNo : this.labelInfo.batchNo
-        }
-
-        const response = await directReturn(returnData)
-
-        if (response.code === 0) {
-          this.showMessage('退料成功，已同步到IFS', 'success')
-
-          // 如果需要打印标签
-          if (this.directReturnForm.createLabel) {
-            await this.printLabel(response.returnId)
-          }
-
-          // 刷新物料列表
-          await this.loadWorkOrderMaterials()
-          // 重置选择
-          this.selectedMaterial = null
-          this.scannedLabel = ''
-          this.labelInfo = null
-          this.returnQty = null
-        } else {
-          this.showMessage(response.msg, 'error')
-        }
-      } catch (error) {
-        this.showMessage('退料失败', 'error')
-      } finally {
-        this.loading = false
-      }
     },
 
     // 基于申请单退料相关方法
@@ -567,223 +166,77 @@ export default {
 
       this.loading = true
       this.loadingText = '加载申请单物料...'
+      this.returnRequestMaterials = []
+      this.materialList = []
 
-      try {
-        const response = await getReturnRequestMaterials({
-          site: this.requestReturnForm.site,
-          requestNo: this.requestReturnForm.requestNo
+      getUnissueNotifyHeaderInfo({
+        site: this.$store.state.user.site,
+        notifyNo: this.requestReturnForm.requestNo,
+      }).then(({ data }) => {
+          if (data.code === 0) {
+            console.log(data)
+
+            this.returnRequestMaterials = data.notify || []
+            if (this.returnRequestMaterials.length === 0) {
+              this.$message.warning('查询申请单不存在')
+            }
+          } else {
+            this.$message.error(data.msg, 'error')
+          }
+        })
+        .finally(() => {
+          this.loading = false
         })
+    },
 
-        if (response.code === 0) {
-          this.returnRequestMaterials = response.materials || []
-          if (this.returnRequestMaterials.length === 0) {
-            this.showMessage('该申请单没有物料需求', 'warning')
+    selectRequestMaterial(material) {
+      this.selectedRequestMaterial = material
+      this.selectedWorkOrder = material.notifyNo
+      // 直接跳转到材料列表页面
+      this.getUnissueNotifyHeaderOrderMaterialList(material)
+    },
+    getUnissueNotifyHeaderOrderMaterialList(material){
+      let params = {
+        site: this.$store.state.user.site,
+        notifyNo: material.notifyNo,
+        itemNo: material.itemNo,
+        soorderNo: material.soorderNo,
+      };
+      getUnissueNotifyHeaderOrderMaterialList(params).then(({ data }) => {
+        if (data.code === 0) {
+          console.log(data)
+          this.materialList = data.notifyMaterial || []
+          if (this.materialList.length === 0) {
+            this.$message.warning('该申请单行号暂无材料清单')
           }
         } else {
-          this.showMessage(response.msg, 'error')
+          this.$message.error(data.msg, 'error')
         }
-      } catch (error) {
-        this.showMessage('加载申请单物料失败', 'error')
-      } finally {
-        this.loading = false
-      }
-    },
-
-    async selectRequestMaterial(material) {
-      if (material.remainQty <= 0) {
-        this.showMessage('该物料已退料完成', 'warning')
-        return
-      }
+      }).catch((error) => {
+        this.$message.error('获取材料清单失败: ' + error.message, 'error')
+      });
 
-      this.selectedRequestMaterial = material
-      this.selectedIssueRecord = null
-      this.returnQty = null
-
-      // 加载发料记录
-      await this.loadIssueRecords(material)
     },
 
-    async loadIssueRecords(material) {
-      this.loading = true
-      this.loadingText = '加载发料记录...'
-
-      try {
-        const response = await getIssueRecords({
-          site: this.requestReturnForm.site,
-          requestNo: this.requestReturnForm.requestNo,
-          partNo: material.partNo,
-          workOrderNo: material.workOrderNo
-        })
 
-        if (response.code === 0) {
-          this.issueRecords = response.records || []
-        } else {
-          this.showMessage(response.msg, 'error')
+    // 打开材料列表页面（仿照 productionReturnPicking.vue 的 openIssueList）
+    openReturnDetail(material) {
+      this.$router.push({
+        name: 'productionReturnPDAList',
+        params: {
+          notifyNo: this.selectedRequestMaterial.notifyNo, // 申请单号
+          itemNo: this.selectedRequestMaterial.itemNo, // 申请单行号
+          workOrderNo: this.selectedRequestMaterial.soorderNo, // 工单号
+          partNo: material.componentPartNo, // 物料编码
+          unissureQty: material.qtyToUnissue, // 需求数量
         }
-      } catch (error) {
-        this.showMessage('加载发料记录失败', 'error')
-      } finally {
-        this.loading = false
-      }
-    },
-
-    selectIssueRecord(record) {
-      if (record.returnableQty <= 0) {
-        this.showMessage('该记录无可退数量', 'warning')
-        return
-      }
-      this.selectedIssueRecord = record
-      this.returnQty = null
+      })
     },
 
     resetRequest() {
       this.requestReturnForm.requestNo = ''
       this.returnRequestMaterials = []
       this.selectedRequestMaterial = null
-      this.issueRecords = []
-      this.selectedIssueRecord = null
-      this.returnQty = null
-    },
-
-    async validateLocation() {
-      if (!this.requestReturnForm.targetLocation) {
-        this.showMessage('请输入目标库位', 'error')
-        return
-      }
-
-      try {
-        const response = await validateLocation({
-          site: this.requestReturnForm.site,
-          locationId: this.requestReturnForm.targetLocation
-        })
-
-        if (response.code === 0) {
-          this.showMessage('库位验证成功', 'success')
-        } else {
-          this.showMessage(response.msg, 'error')
-        }
-      } catch (error) {
-        this.showMessage('库位验证失败', 'error')
-      }
-    },
-
-    async confirmRequestReturn() {
-      if (!this.returnQty || this.returnQty <= 0) {
-        this.showMessage('请输入有效的退料数量', 'error')
-        return
-      }
-
-      if (!this.requestReturnForm.returnReason) {
-        this.showMessage('请选择退料原因', 'error')
-        return
-      }
-
-      if (!this.requestReturnForm.targetLocation) {
-        this.showMessage('请输入目标库位', 'error')
-        return
-      }
-
-      if (this.requestReturnForm.createLabel && !this.requestReturnForm.printerName) {
-        this.showMessage('请选择打印机', 'error')
-        return
-      }
-
-      this.loading = true
-      this.loadingText = '退料中，同步IFS...'
-
-      try {
-        const returnData = {
-          ...this.requestReturnForm,
-          selectedMaterial: this.selectedRequestMaterial,
-          selectedIssueRecord: this.selectedIssueRecord,
-          returnQty: this.returnQty
-        }
-
-        const response = await requestReturn(returnData)
-
-        if (response.code === 0) {
-          this.showMessage('退料成功，已入库并同步到IFS', 'success')
-
-          // 如果需要打印标签
-          if (this.requestReturnForm.createLabel) {
-            await this.printLabel(response.returnId)
-          }
-
-          // 刷新数据
-          await this.loadReturnRequestMaterials()
-          // 重置选择
-          this.selectedRequestMaterial = null
-          this.selectedIssueRecord = null
-          this.returnQty = null
-        } else {
-          this.showMessage(response.msg, 'error')
-        }
-      } catch (error) {
-        this.showMessage('退料失败', 'error')
-      } finally {
-        this.loading = false
-      }
-    },
-
-    // 通用方法
-    async parseMaterialLabel() {
-      if (!this.scannedLabel) {
-        this.showMessage('请扫描物料标签', 'error')
-        return
-      }
-
-      this.loading = true
-      this.loadingText = '解析标签...'
-
-      try {
-        const response = await parseMaterialLabel({
-          site: this.directReturnForm.site,
-          scannedLabel: this.scannedLabel
-        })
-
-        if (response.code === 0 && response.labelInfo) {
-          this.labelInfo = response.labelInfo
-          this.returnQty = null
-          this.showMessage('标签解析成功', 'success')
-        } else {
-          this.showMessage('无法解析标签或标签无效', 'error')
-          this.labelInfo = null
-        }
-      } catch (error) {
-        this.showMessage('标签解析失败', 'error')
-        this.labelInfo = null
-      } finally {
-        this.loading = false
-      }
-    },
-
-    async printLabel(returnId) {
-      try {
-        const printerName = this.directReturnForm.printerName || this.requestReturnForm.printerName
-        const response = await printReturnLabel({
-          site: this.directReturnForm.site || this.requestReturnForm.site,
-          returnId: returnId,
-          printerName: printerName
-        })
-
-        if (response.code === 0) {
-          this.showMessage('标签打印成功', 'success')
-        } else {
-          this.showMessage('标签打印失败: ' + response.msg, 'warning')
-        }
-      } catch (error) {
-        this.showMessage('标签打印失败', 'warning')
-      }
-    },
-
-    // 装托盘占位，后续接入装托盘功能
-    handlePalletize() {
-      if (!this.palletForm.palletId) {
-        this.showMessage('请输入托盘号', 'error')
-        return
-      }
-      this.showMessage('装托盘成功（示例）', 'success')
-      this.palletForm.palletId = ''
     },
 
     showMessage(text, type = 'info') {
@@ -792,13 +245,21 @@ export default {
       setTimeout(() => {
         this.message = ''
       }, 3000)
-    }
-  }
+    },
+  },
+
+  mounted() {
+    // 聚焦申请单号输入框
+    this.$nextTick(() => {
+      if (this.$refs.requestNoInput) {
+        this.$refs.requestNoInput.focus()
+      }
+    })
+  },
 }
 </script>
 
 <style scoped>
-/* 对齐 productionReturnPicking.vue 的容器与头部样式 */
 .pda-container {
   width: 100vw;
   height: 100vh;
@@ -807,12 +268,13 @@ export default {
   background: #f5f5f5;
 }
 
+/* 头部栏 */
 .header-bar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 16px;
-  background: #17B3A3;
+  background: #17b3a3;
   color: white;
   height: 40px;
   min-height: 40px;
@@ -837,418 +299,258 @@ export default {
   font-weight: 500;
 }
 
-.content-area {
-  flex: 1;
-  overflow-y: auto;
+/* 搜索容器 */
+.search-container {
   padding: 12px 16px;
-}
-
-/* 功能选择 */
-.function-selector {
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-  padding: 20px 0;
-}
-
-.function-card {
   background: white;
-  border-radius: 8px;
-  padding: 20px;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-  cursor: pointer;
-  transition: all 0.3s;
-  text-align: center;
-}
-
-.function-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
-}
-
-.function-icon {
-  font-size: 48px;
-  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
 }
 
-.function-title {
-  font-size: 18px;
-  font-weight: bold;
-  margin-bottom: 8px;
-  color: #333;
+.search-container .el-input {
+  flex: 1;
 }
 
-.function-desc {
-  font-size: 14px;
-  color: #666;
+/* 工单列表 */
+.work-order-list {
+  overflow-y: auto;
+  padding: 12px 16px;
 }
 
-/* 输入区域 */
-.input-section, .materials-section, .scan-section, .issue-records-section, .return-input-section {
+/* 工单卡片 */
+.work-order-card {
   background: white;
   border-radius: 8px;
-  padding: 15px;
-  margin-bottom: 15px;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 15px;
-  padding-bottom: 10px;
-  border-bottom: 1px solid #eee;
-}
-
-.section-header h3, .section-header h4 {
-  margin: 0;
-  color: #333;
-}
-
-.reset-btn {
-  background: #17b3a3;
-  color: white;
-  border: none;
-  padding: 6px 12px;
-  border-radius: 4px;
+  margin-bottom: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   cursor: pointer;
-  font-size: 12px;
+  transition: all 0.2s ease;
+  border: 2px solid transparent;
 }
 
-.input-group {
-  margin-bottom: 15px;
+.work-order-card:hover {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  transform: translateY(-1px);
 }
 
-.input-group label {
-  display: block;
-  margin-bottom: 5px;
-  font-weight: bold;
-  color: #333;
+.work-order-card.selected {
+  border-color: #17b3a3;
+  background: #f0fffe;
 }
 
-.input-with-scan {
-  display: flex;
-  gap: 10px;
+.work-order-card:active {
+  transform: translateY(0);
 }
 
-.input-with-scan input {
+/* 内容区域 */
+.content-area {
   flex: 1;
-  padding: 10px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 16px;
-}
-
-.scan-btn, .confirm-btn, .print-btn {
-  background: #17b3a3;
-  color: white;
-  border: none;
-  padding: 10px 15px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  white-space: nowrap;
-}
-
-.scan-btn:hover, .confirm-btn:hover, .print-btn:hover {
-  background: #13998c;
-}
-
-.confirm-btn:disabled, .print-btn:disabled {
-  background: #6c757d;
-  cursor: not-allowed;
-}
-
-/* 退料方式选择 */
-.return-method {
-  margin-bottom: 20px;
-}
-
-.method-tabs {
-  display: flex;
-  gap: 10px;
-  margin-bottom: 15px;
+  overflow-y: auto;
+  padding: 12px 16px;
 }
 
-.tab-btn {
-  flex: 1;
-  padding: 10px;
-  border: 1px solid #ddd;
+/* 材料卡片 */
+.material-card {
   background: white;
+  border-radius: 8px;
+  margin-bottom: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.3s;
+  transition: all 0.2s ease;
+  border: 2px solid transparent;
 }
 
-.tab-btn.active {
-  background: #dc3545;
-  color: white;
-  border-color: #dc3545;
+.material-card:hover {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  transform: translateY(-1px);
 }
 
-.tab-btn:hover {
-  background: #f8f9fa;
+.material-card.selected {
+  border-color: #17b3a3;
+  background: #f0fffe;
 }
 
-.tab-btn.active:hover {
-  background: #c82333;
+.material-card:active {
+  transform: translateY(0);
 }
 
-/* 物料列表 */
-.material-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
+/* 卡片标题 */
+.card-title {
+  margin-bottom: 12px;
 }
 
-.material-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 15px;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-
-.material-item:hover {
-  border-color: #dc3545;
-  background-color: #f8f9fa;
-}
-
-.material-item.selected {
-  border-color: #dc3545;
-  background-color: #fff5f5;
-}
-
-.material-info {
-  flex: 1;
+.title-label {
+  font-size: 12px;
+  color: #666;
+  display: block;
+  margin-bottom: 4px;
 }
 
-.part-no {
-  font-weight: bold;
+.title-value {
   font-size: 16px;
+  font-weight: bold;
   color: #333;
-  margin-bottom: 4px;
+  margin-left: 16px;
 }
 
-.part-desc {
-  color: #666;
-  font-size: 14px;
-  margin-bottom: 4px;
+/* 物料描述行 */
+.part-desc-row {
+  margin-bottom: 12px;
+  padding: 0 4px;
 }
 
-.work-order {
-  color: #dc3545;
-  font-size: 12px;
-  margin-bottom: 4px;
-}
-
-.qty-info {
+.desc-text {
   font-size: 12px;
   color: #666;
+  line-height: 1.3;
+  word-break: break-all;
 }
 
-.material-status {
-  text-align: right;
-}
-
-.status-returnable {
-  background: #ffc107;
-  color: #212529;
-  padding: 4px 8px;
-  border-radius: 12px;
-  font-size: 12px;
+/* 卡片详情 */
+.card-details {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 4px;
 }
 
-.status-pending {
-  background: #17a2b8;
-  color: white;
-  padding: 4px 8px;
-  border-radius: 12px;
-  font-size: 12px;
+.detail-item {
+  flex: 1;
+  text-align: center;
+  min-width: 50px;
+  max-width: 70px;
 }
 
-.status-complete {
-  background: #28a745;
-  color: white;
-  padding: 4px 8px;
-  border-radius: 12px;
-  font-size: 12px;
+.detail-label {
+  font-size: 11px;
+  color: #666;
+  margin-bottom: 4px;
+  line-height: 1.2;
+  margin-left: -12px;
 }
 
-/* 发料记录 */
-.issue-records {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  max-height: 300px;
-  overflow-y: auto;
+.detail-value {
+  font-size: 13px;
+  color: #333;
+  line-height: 1.2;
+  margin-left: -12px;
 }
 
-.issue-record-item {
+/* 区域头部 */
+.section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 12px;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-
-.issue-record-item:hover {
-  border-color: #dc3545;
-  background-color: #f8f9fa;
-}
-
-.issue-record-item.selected {
-  border-color: #dc3545;
-  background-color: #fff5f5;
-}
-
-.record-info {
-  flex: 1;
+  margin-bottom: 12px;
+  padding: 12px 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-.issue-id {
-  font-weight: bold;
+.section-header span {
+  font-size: 14px;
+  font-weight: 500;
   color: #333;
-  margin-bottom: 4px;
-}
-
-.issue-date {
-  color: #666;
-  font-size: 12px;
-  margin-bottom: 4px;
-}
-
-.batch-info {
-  color: #666;
-  font-size: 12px;
-  margin-bottom: 4px;
 }
 
-.return-info {
-  color: #dc3545;
+.reset-btn {
+  background: #17b3a3;
+  color: white;
+  border: none;
+  padding: 6px 12px;
+  border-radius: 4px;
+  cursor: pointer;
   font-size: 12px;
-  font-weight: bold;
 }
 
-.record-status {
-  text-align: right;
+.reset-btn:hover {
+  background: #13998c;
 }
 
-/* 标签信息 */
-.label-info {
-  background: #f8f9fa;
-  border-radius: 6px;
-  padding: 15px;
-  margin-bottom: 15px;
+/* 输入组 */
+.input-group {
+  margin-bottom: 12px;
 }
 
-.info-row {
+.input-with-scan {
   display: flex;
-  justify-content: space-between;
-  margin-bottom: 8px;
-  padding: 5px 0;
-  border-bottom: 1px solid #eee;
-}
-
-.info-row:last-child {
-  border-bottom: none;
-  margin-bottom: 0;
-}
-
-.info-row .label {
-  font-weight: bold;
-  color: #666;
+  gap: 8px;
+  align-items: center;
 }
 
-.info-row .value {
-  color: #333;
+.input-with-scan .el-input {
+  flex: 1;
 }
 
-/* 退料信息 */
-.return-info, .return-details {
-  margin-top: 15px;
+/* 复选框组 */
+.checkbox-group {
+  margin-bottom: 12px;
 }
 
-.return-info input[type="number"], .return-details input[type="number"] {
-  width: 100%;
-  padding: 10px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 16px;
+/* 确认区域 */
+.confirm-section {
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-.return-info select, .return-details select {
-  width: 100%;
-  padding: 10px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 16px;
+/* 空状态 */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #999;
 }
 
-/* 打印选项 */
-.print-options {
-  margin: 20px 0;
-  padding: 15px;
-  background: #f8f9fa;
-  border-radius: 6px;
+.empty-state i {
+  font-size: 48px;
+  margin-bottom: 16px;
 }
 
-.checkbox-group {
-  margin-bottom: 15px;
+.empty-state p {
+  font-size: 14px;
+  margin: 0;
 }
 
-.checkbox-label {
+/* 加载状态 */
+.loading-state {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 8px;
-  cursor: pointer;
-}
-
-.checkbox-label input[type="checkbox"] {
-  width: 16px;
-  height: 16px;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #17b3a3;
 }
 
-/* 加载和消息 */
-.loading {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: rgba(0,0,0,0.8);
-  color: white;
-  padding: 20px;
-  border-radius: 8px;
-  text-align: center;
-  z-index: 1000;
-}
-
-.loading-spinner {
-  width: 40px;
-  height: 40px;
-  border: 4px solid #f3f3f3;
-  border-top: 4px solid #dc3545;
-  border-radius: 50%;
+.loading-state i {
+  font-size: 24px;
+  margin-bottom: 12px;
   animation: spin 1s linear infinite;
-  margin: 0 auto 10px;
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
-.loading-text {
+.loading-state p {
   font-size: 14px;
+  margin: 0;
 }
 
+/* 消息提示 */
 .message {
   position: fixed;
   top: 20px;
@@ -1287,32 +589,40 @@ export default {
 }
 
 /* 响应式设计 */
-@media (max-width: 768px) {
+@media (max-width: 360px) {
+  .header-bar {
+    padding: 8px 12px;
+  }
+
+  .search-container {
+    padding: 8px 12px;
+  }
 
-  .function-card {
-    padding: 15px;
+  .work-order-list {
+    padding: 8px 12px;
   }
 
-  .function-icon {
-    font-size: 36px;
+  .work-order-card {
+    padding: 12px;
   }
 
-  .input-with-scan {
-    flex-direction: column;
+  .content-area {
+    padding: 8px 12px;
   }
 
-  .material-item, .issue-record-item {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 10px;
+  .material-card {
+    padding: 12px;
   }
 
-  .material-status, .record-status {
-    align-self: flex-end;
+  .card-details {
+    flex-wrap: wrap;
+    gap: 6px;
   }
 
-  .method-tabs {
-    flex-direction: column;
+  .detail-item {
+    flex: 0 0 48%;
+    margin-bottom: 6px;
+    min-width: 50px;
   }
 }
 </style>
diff --git a/src/views/modules/production-return/productionReturnPDAIssueList.vue b/src/views/modules/production-return/productionReturnPDAIssueList.vue
new file mode 100644
index 0000000..4ffe24f
--- /dev/null
+++ b/src/views/modules/production-return/productionReturnPDAIssueList.vue
@@ -0,0 +1,1908 @@
+<template>
+  <div class="pda-container">
+    <!-- 头部栏 -->
+    <div class="header-bar">
+      <div class="header-left" @click="$router.back()">
+        <i class="el-icon-arrow-left"></i>
+        <span>生产退料成功</span>
+      </div>
+      <div class="header-right" @click="$router.push({ path: '/' })">首页</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container">
+      <el-input
+        clearable
+        class="compact-input"
+        v-model="scanCode"
+        placeholder="请扫描物料标签或批次号"
+        prefix-icon="el-icon-search"
+        @keyup.enter.native="handleScan"
+        ref="scanInput"
+      />
+      <div class="mode-switch">
+        <el-switch
+          class="custom-switch"
+          v-model="isRemoveMode"
+          active-color="#ff4949"
+          inactive-color="#13ce66"
+        >
+        </el-switch>
+        <span v-if="isRemoveMode" class="switch-text">{{ "移除" }}</span>
+        <span v-else class="switch-text2">{{ "添加" }}</span>
+      </div>
+    </div>
+
+    <!-- 订单信息卡片（对齐直接领料明细样式） -->
+    <div class="work-order-list" v-if="orderInfo.orderNo">
+      <div class="work-order-card">
+        <div class="card-title">
+          <span class="title-label"
+            >{{
+              orderInfo.type === "workOrder" ? "工单号" : "退料申请单号"
+            }}：{{ orderInfo.orderNo }}</span
+          >
+        </div>
+
+        <!-- 关联信息单独一行 -->
+        <div class="part-desc-row">
+          <span class="desc-text"
+            >{{ orderInfo.type === "workOrder" ? "关联单号" : "关联工单" }}：{{
+              orderInfo.transactionId
+            }}</span
+          >
+        </div>
+        <div class="part-desc-row">
+          <span class="desc-text">{{ orderInfo.partNo }}</span>
+        </div>
+        <div class="part-desc-row">
+          <span class="desc-text">{{ orderInfo.description }}</span>
+        </div>
+
+        <div class="card-details">
+          <div class="detail-item">
+            <div class="detail-label">退料物料</div>
+            <div class="detail-value">{{ orderInfo.qtyToUnissue }}</div>
+          </div>
+          <div class="detail-item">
+            <div class="detail-label">领料数量</div>
+            <div class="detail-value">{{ orderInfo.quantity }}</div>
+          </div>
+          <div class="detail-item">
+            <div class="detail-label">本次</div>
+            <div class="detail-value">{{ totalScannedQty }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 退料信息确认标题 -->
+    <div class="section-title">
+      <div class="title-left">
+        <i class="el-icon-circle-check"></i>
+        <span>退料信息确认</span>
+      </div>
+      <div class="title-right">
+        <span class="material-list-link" @click="showMaterialListDialog"
+          >物料清单</span
+        >
+      </div>
+    </div>
+
+    <!-- 退料标签列表 -->
+    <div class="label-list">
+      <div class="list-header">
+        <div class="col-no">NO.</div>
+        <div class="col-label">物料标签</div> 
+        <div class="col-batch">批次号</div>
+        <div class="col-part">库位</div>
+        <div class="col-qty">退料数量</div>
+      </div>
+
+      <div
+        v-for="(label, index) in labelList"
+        :key="label.id"
+        class="list-item"
+      >
+        <div class="col-no">{{ labelList.length - index }}</div>
+        <div class="col-label">{{ label.labelCode }}</div>  
+        <div class="col-batch">{{ label.batchNo }}</div>
+        <div class="col-part">{{ label.locationId }}</div>
+         <div class="col-qty" @click="openEditDialog(label, index)">
+           <span class="quantity-display">{{ label.quantity }}</span>
+           <i class="el-icon-edit edit-icon"></i>
+         </div>
+      </div>
+
+      <!-- 空状态 -->
+      <div v-if="labelList.length === 0" class="empty-labels">
+        <p>暂无扫描标签</p>
+      </div>
+    </div>
+
+    <!-- 退料原因选择 -->
+    <div class="return-reason-section">
+      <div class="reason-title">退料原因</div>
+      <el-select
+        v-model="returnReason"
+        placeholder="请选择退料原因"
+        style="width: 100%"
+      >
+        <el-option label="质量问题" value="QUALITY_ISSUE"></el-option>
+        <el-option label="超发退料" value="OVER_ISSUE"></el-option>
+        <el-option label="错误物料" value="WRONG_MATERIAL"></el-option>
+        <el-option label="生产变更" value="PRODUCTION_CHANGE"></el-option>
+        <el-option label="其他原因" value="OTHER"></el-option>
+      </el-select>
+    </div>
+
+    <!-- 底部操作按钮 -->
+    <div class="bottom-actions">
+      <!-- <button class="action-btn primary" @click="printLabels">打印</button> -->
+      <button
+        class="action-btn primary"
+        style="margin-left: 10px"
+        @click="confirmReturn"
+      >
+        确定退料
+      </button>
+
+      <button
+        class="action-btn secondary"
+        style="margin-left: 10px"
+        @click="cancelReturn"
+      >
+        取消
+      </button>
+    </div>
+
+    <!-- 物料清单弹窗 -->
+    <div v-if="showMaterialDialog" class="material-overlay">
+      <div class="material-modal">
+        <div class="modal-header">
+          <span class="modal-title">物料清单</span>
+          <i class="el-icon-close close-btn" @click="closeMaterialDialog"></i>
+        </div>
+
+        <div class="modal-body">
+          <!-- 加载状态 -->
+          <div v-if="materialListLoading" class="loading-container">
+            <i class="el-icon-loading"></i>
+            <span>加载中...</span>
+          </div>
+
+          <!-- 物料表格 -->
+          <div v-else-if="materialList.length > 0" class="material-table">
+            <div class="table-header">
+              <div class="col-no">NO.</div>
+              <div class="col-material-code">物料编码</div>
+              <div class="col-returnable-qty">可退数量</div>
+              <div class="col-returned-qty">已退数量</div>
+            </div>
+
+            <div class="table-body">
+              <div
+                v-for="(item, index) in materialList"
+                :key="index"
+                class="table-row"
+              >
+                <div class="col-no">{{ index + 1 }}</div>
+                <div class="col-material-code">
+                  {{ item.materialCode || item.partNo }}
+                </div>
+                <div class="col-returnable-qty">
+                  {{ item.returnableQty || 0 }}
+                </div>
+                <div class="col-returned-qty">{{ item.returnedQty || 0 }}</div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 空数据状态 -->
+          <div v-else class="empty-material">
+            <i class="el-icon-document"></i>
+            <p>暂无物料数据</p>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button class="btn-close" @click="closeMaterialDialog">关闭</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 打印弹框 -->
+    <div v-if="showPrintDialog" class="print-overlay">
+      <div class="print-modal">
+        <div class="print-form">
+          <!-- 物料编码输入行 -->
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label">物料编码</label>
+              <el-input
+                v-model="printData.materialCode1"
+                placeholder="请输入物料编码"
+                @input="handleMaterialCodeInput"
+                disabled
+                class="form-input"
+              />
+            </div>
+            <div class="form-group">
+              <label class="form-label">物料数量</label>
+              <el-input
+                v-model="printData.materialCode2"
+                placeholder="物料数量"
+                class="form-input"
+              />
+            </div>
+            <div class="add-btn">
+              <i class="el-icon-plus" @click="addWmsLabel"></i>
+            </div>
+          </div>
+
+          <!-- 物料名称和单位行 -->
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label">物料名称</label>
+              <el-input
+                v-model="printData.materialName"
+                placeholder="物料名称自动带出"
+                disabled
+                class="form-input disabled-input"
+              />
+            </div>
+            <!-- <div class="form-group">
+              <label class="form-label">单位</label>
+              <el-input
+                v-model="printData.unit"
+                disabled
+                class="form-input disabled-input"
+              />
+            </div> -->
+          </div>
+
+          <!-- 入库信息确认标题 -->
+          <div class="section-divider">
+            <div class="divider-dot"></div>
+            <span class="divider-text">标签信息确认</span>
+          </div>
+
+          <!-- 标签列表 -->
+          <div class="print-label-list">
+            <div class="print-list-header">
+              <div class="print-col-no">NO.</div>
+              <div class="print-col-label">标签条码</div>
+              <div class="print-col-material">物料编码</div>
+              <div class="print-col-qty">标签数量</div>
+            </div>
+
+            <div class="print-list-body">
+              <div
+                v-for="(item, index) in printLabelList"
+                :key="index"
+                class="print-list-item"
+              >
+                <div class="print-col-no">{{ index+1 }}</div>
+                <div class="print-col-label">{{ item.labelCode }}</div>
+                <div class="print-col-material">{{ item.partNo }}</div>
+                <div class="print-col-qty">{{ item.quantity }}</div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 底部按钮 -->
+          <div class="print-actions">
+            <button class="print-btn confirm-btn" @click="confirmPrint">
+              确定
+            </button>
+            <button class="print-btn cancel-btn" @click="closePrintDialog">
+              取消
+            </button>
+          </div>
+        </div>
+      </div>
+     </div>
+
+     <!-- 编辑标签弹框 -->
+     <div v-if="showEditDialog" class="edit-overlay">
+       <div class="edit-modal">
+         <div class="modal-header">
+           <span class="modal-title">编辑标签信息</span>
+           <i class="el-icon-close close-btn" @click="closeEditDialog"></i>
+         </div>
+
+         <div class="modal-body">
+           <div class="form-group">
+             <label class="form-label">物料标签</label>
+             <el-input
+               v-model="editForm.labelCode"
+               disabled
+               class="form-input"
+             />
+           </div>
+
+           <div class="form-group">
+             <label class="form-label">批次号</label>
+             <el-input
+               v-model="editForm.batchNo"
+               disabled
+               class="form-input"
+             />
+           </div>
+
+           <div class="form-group">
+             <label class="form-label">库位 <span class="required">*</span></label>
+             <el-input
+               v-model="editForm.locationId"
+               placeholder="请输入库位"
+               class="form-input"
+             />
+           </div>
+
+           <div class="form-group">
+             <label class="form-label">退料数量 <span class="required">*</span></label>
+             <el-input
+               v-model="editForm.quantity"
+               type="number"
+               :min="0"
+               placeholder="请输入退料数量"
+               class="form-input"
+             />
+           </div>
+         </div>
+
+         <div class="modal-footer">
+           <button class="btn-cancel" @click="closeEditDialog">取消</button>
+           <button class="btn-confirm" @click="confirmEdit">确定</button>
+         </div>
+       </div>
+     </div>
+   </div>
+ </template>
+
+<script>
+import {
+  // getWorkOrderMaterials,
+  // parseMaterialLabel,
+  // directReturn,
+  getInventoryPart
+} from "@/api/production/production-return";
+import moment from "moment";
+
+export default {
+  data() {
+    return {
+      scanCode: "",
+      orderInfo: {},
+      labelList: [],
+      orderNo: "",
+      orderType: "",
+      showMaterialDialog: false,
+      materialList: [],
+      materialListLoading: false,
+      isRemoveMode: false, // 默认为添加模式
+      returnReason: "",
+      showPrintDialog: false,
+      printData: {},
+      partNo:"", // 物料编码
+      transactionId:"", // 关联单号
+       quantity:"", // 本次退料数量
+       batchNo:"", // 批次号
+       printLabelList: [],
+       // 编辑弹框相关
+       showEditDialog: false,
+       editForm: {
+         labelCode: '',
+         batchNo: '',
+         locationId: '',
+         quantity: 0
+       },
+       editIndex: -1, // 当前编辑的标签索引
+    };
+  },
+  computed: {
+    totalScannedQty() {
+      return this.labelList.reduce(
+        (sum, l) => sum + (Number(l.quantity) || 0),
+        0
+      );
+    },
+  },
+  methods: {
+    formatDate(date) {
+      return date ? moment(date).format("YYYY-MM-DD") : "";
+    },
+    // 处理扫描
+    handleScan() {
+      if (!this.scanCode.trim()) {
+        return;
+      }
+
+      if (this.isRemoveMode) {
+        this.removeLabelByCode(this.scanCode.trim());
+      } else {
+        this.validateAndAddLabel(this.scanCode.trim());
+      }
+      this.scanCode = "";
+    },
+
+    // 验证标签并添加到列表（保留生产退仓功能）
+    validateAndAddLabel(labelCode) {
+      const params = {
+        labelCode: labelCode,
+        orderNo: this.orderNo,
+        orderType: this.orderType,
+        site: this.$store.state.user.site,
+      };
+
+      // 模拟生产退料标签验证
+      this.simulateReturnLabelScan(params)
+        .then((result) => {
+          if (result.success) {
+            // 检查是否已经扫描过
+            const exists = this.labelList.find(
+              (item) => item.labelCode === labelCode
+            );
+            if (exists) {
+              this.$message.warning("该标签已扫描，请勿重复扫描");
+              return;
+            }
+
+            // 添加到列表
+            this.labelList.push({
+              id: Date.now(),
+              labelCode: labelCode,
+              partNo: result.data.partNo,
+              quantity: result.data.quantity,
+              batchNo: result.data.batchNo,
+              returnReason: result.data.returnReason,
+            });
+
+            this.$message.success("操作成功");
+          } else {
+            this.$message.error(
+              result.message || "该标签不符合退料要求，请检查"
+            );
+          }
+        })
+        .catch(() => {
+          this.$message.error("操作失败");
+        });
+    },
+
+    // 模拟生产退料标签扫描API
+    simulateReturnLabelScan() {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          // 模拟成功响应
+          resolve({
+            success: true,
+            data: {
+              partNo: "MAT" + Math.floor(Math.random() * 1000),
+              quantity: Math.floor(Math.random() * 50) + 1,
+              batchNo: "BATCH" + Math.floor(Math.random() * 100),
+              returnReason: "QUALITY_ISSUE",
+            },
+          });
+        }, 500);
+      });
+    },
+
+    // 通过条码移除标签
+    removeLabelByCode(labelCode) {
+      const index = this.labelList.findIndex(
+        (item) => item.labelCode === labelCode
+      );
+      if (index !== -1) {
+        this.labelList.splice(index, 1);
+        this.$message.success("操作成功");
+      } else {
+        this.$message.warning("未找到该标签");
+      }
+     },
+
+     // 打开编辑弹框
+     openEditDialog(label, index) {
+       this.editForm = {
+         labelCode: label.labelCode,
+         batchNo: label.batchNo,
+         locationId: label.locationId || '',
+         quantity: label.quantity
+       };
+       this.editIndex = index;
+       this.showEditDialog = true;
+     },
+
+     // 关闭编辑弹框
+     closeEditDialog() {
+       this.showEditDialog = false;
+       this.editForm = {
+         labelCode: '',
+         batchNo: '',
+         locationId: '',
+         quantity: 0
+       };
+       this.editIndex = -1;
+     },
+
+     // 确认编辑
+     confirmEdit() {
+       // 验证必填字段
+       if (!this.editForm.locationId.trim()) {
+         this.$message.warning('请输入库位');
+         return;
+       }
+
+       if (!this.editForm.quantity || this.editForm.quantity <= 0) {
+         this.$message.warning('请输入有效的退料数量');
+         return;
+       }
+
+       // 更新标签信息
+       if (this.editIndex >= 0 && this.editIndex < this.labelList.length) {
+         this.labelList[this.editIndex].locationId = this.editForm.locationId;
+         this.labelList[this.editIndex].quantity = Number(this.editForm.quantity);
+         this.$message.success('修改成功');
+       }
+
+       this.closeEditDialog();
+     },
+
+     // 确认生产退料
+    confirmReturn() {
+      if (this.labelList.length === 0) {
+        this.$message.warning("请先扫描退料标签");
+        return;
+      }
+
+      if (!this.returnReason) {
+        this.$message.warning("请选择退料原因");
+        return;
+      }
+
+      const returnParams = {
+        site: this.orderInfo.site,
+        orderNo: this.orderNo,
+        orderType: this.orderType,
+        returnReason: this.returnReason,
+        labels: this.labelList.map((label) => ({
+          labelCode: label.labelCode,
+          quantity: label.quantity,
+          batchNo: label.batchNo,
+          partNo: label.partNo,
+        })),
+      };
+
+      // 模拟生产退料确认API
+      this.simulateReturnConfirm(returnParams)
+        .then((result) => {
+          if (result.success) {
+            this.$message.success("生产退料成功");
+            this.$router.back();
+          } else {
+            this.$message.error(result.message || "操作失败");
+          }
+        })
+        .catch(() => {
+          this.$message.error("操作失败");
+        });
+    },
+
+    // 模拟生产退料确认API
+    simulateReturnConfirm() {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve({
+            success: true,
+            message: "生产退料成功",
+          });
+        }, 1000);
+      });
+    },
+
+    // 打印标签
+    printLabels() {
+
+      this.showPrintDialog = true;
+      this.initPrintData();
+    },
+
+    // 初始化打印数据
+    initPrintData() {
+      this.printData = {
+        materialCode1: this.partNo,
+        materialCode2: 0,
+        materialName: this.orderInfo.description,
+        unit: "",
+        inboundQty: "",
+      };
+      this.printLabelList = [];
+    },
+
+    // 关闭打印弹框
+    closePrintDialog() {
+      this.showPrintDialog = false;
+      this.printData = {};
+    },
+
+    // 确认打印
+    confirmPrint() {
+      if (!this.printData.materialCode1.trim()) {
+        this.$message.warning("请输入物料编码");
+        return;
+      }
+
+      if (!this.printData.inboundQty || this.printData.inboundQty <= 0) {
+        this.$message.warning("请输入有效的入库数量");
+        return;
+      }
+
+      // 模拟打印操作
+      this.$message.success("打印成功");
+      this.closePrintDialog();
+    },
+
+    // 物料编码输入处理
+    handleMaterialCodeInput() {
+      if (this.printData.materialCode1.trim()) {
+        // 模拟根据物料编码获取物料名称和单位
+        this.printData.materialName = "物料名称自动带出";
+        this.printData.unit = "PCS";
+      } else {
+        this.printData.materialName = "";
+        this.printData.unit = "";
+      }
+    },
+
+    // 取消退料
+    cancelReturn() {
+      if (this.labelList.length > 0) {
+        this.$confirm("取消后将清空已扫描的标签，确定取消吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "继续操作",
+          type: "warning",
+        })
+          .then(() => {
+            this.$router.back();
+          })
+          .catch(() => {
+            // 用户选择继续操作
+          });
+      } else {
+        this.$router.back();
+      }
+    },
+
+    // 显示物料清单弹窗
+    showMaterialListDialog() {
+      this.showMaterialDialog = true;
+      this.loadMaterialList();
+    },
+
+    // 加载物料清单
+    loadMaterialList() {
+      console.log("加载退料物料清单", this.orderInfo, this.orderNo);
+
+      if (!this.$store.state.user.site || !this.orderNo) {
+        this.$message.error("缺少必要参数，无法获取物料清单");
+        return;
+      }
+
+      this.materialListLoading = true;
+      const params = {
+        site: this.$store.state.user.site,
+        orderNo: this.orderNo,
+        orderType: this.orderType,
+      };
+
+      // 模拟获取物料清单
+      this.simulateMaterialList(params)
+        .then((data) => {
+          this.materialListLoading = false;
+          if (data && data.code === 0) {
+            this.materialList = data.materials || [];
+          } else {
+            this.$message.error(data.msg || "获取物料清单失败");
+            this.materialList = [];
+          }
+        })
+        .catch(() => {
+          this.materialListLoading = false;
+          this.$message.error("获取物料清单失败");
+          this.materialList = [];
+        });
+    },
+
+    // 模拟物料清单API
+    simulateMaterialList() {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          const mockMaterials = [
+            {
+              materialCode: "MAT001",
+              partNo: "MAT001",
+              returnableQty: 100,
+              returnedQty: 20,
+            },
+            {
+              materialCode: "MAT002",
+              partNo: "MAT002",
+              returnableQty: 200,
+              returnedQty: 50,
+            },
+            {
+              materialCode: "MAT003",
+              partNo: "MAT003",
+              returnableQty: 150,
+              returnedQty: 0,
+            },
+          ];
+
+          resolve({
+            code: 0,
+            materials: mockMaterials,
+          });
+        }, 500);
+      });
+    },
+
+    // 关闭物料清单弹窗
+    closeMaterialDialog() {
+      this.showMaterialDialog = false;
+    },
+
+    // 加载订单详情
+    loadOrderDetails() {
+      const params = {
+        orderNo: this.orderNo,
+        orderType: this.orderType,
+        site: this.$store.state.user.site,
+        partNo:this.partNo
+      };
+      console.log("加载订单详情参数:", params);
+
+      // 物料详情接口
+      getInventoryPart(params).then(({data}) => {
+          if (data && data.code === 0) {
+            this.orderInfo = data.inventoryPart[0]
+            this.orderInfo.type = this.orderType
+            this.orderInfo.orderNo = this.orderNo
+            this.orderInfo.transactionId = this.transactionId
+            this.orderInfo.quantity = this.quantity
+          } else {
+            this.$message.error(data.msg || "获取订单详情失败");
+          }
+        }).catch(() => {
+          this.$message.error("获取订单详情失败");
+        });
+    },
+    addWmsLabel(){
+      if(!this.printData.materialCode1.trim()){
+        this.$message.warning("请输入物料编码");
+        return;
+      }
+      if(!this.printData.materialCode2 || this.printData.materialCode2<=0){
+        this.$message.warning("请输入有效的物料数量");
+        return;
+      }
+      let newLabel = {
+        site: this.$store.state.user.site,
+        partNo: this.printData.materialCode1,
+        quantity: this.printData.materialCode2,
+        batchNo: this.batchNo,
+        warehouseId:"",
+        locationId:"",
+      }
+      console.log("添加标签:",newLabel);
+
+      // 添加到列表
+      this.printLabelList.push(newLabel);
+      this.$message.success("操作成功");
+      // 清空输入
+      this.printData.materialCode2 = 0;
+      this.printData.unit = "";
+    }
+  },
+
+  mounted() {
+    // 获取路由参数
+    this.orderNo = this.$route.params.orderNo;
+    this.orderType = this.$route.params.orderType || "workOrder";
+    this.partNo = this.$route.params.partNo
+    this.transactionId = this.$route.params.transactionId
+    this.quantity = this.$route.params.quantity
+    this.batchNo = this.$route.params.batchNo
+    console.log("订单号:", this.orderNo, "订单类型:", this.orderType,"物料编码:",this.partNo);
+
+    if (!this.orderNo) {
+      this.$message.error("参数错误");
+      this.$router.back();
+      return;
+    }
+
+    // 聚焦扫描框
+    this.$nextTick(() => {
+      if (this.$refs.scanInput) {
+        this.$refs.scanInput.focus();
+      }
+    });
+
+    // 加载订单详情
+    this.loadOrderDetails();
+  },
+};
+</script>
+
+<style scoped>
+/* 复用生产领料页面的样式，只修改必要的部分 */
+.pda-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: #f5f5f5;
+}
+
+/* 头部栏 */
+.header-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  background: #17b3a3;
+  color: white;
+  height: 40px;
+  min-height: 40px;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.header-left i {
+  margin-right: 8px;
+  font-size: 18px;
+}
+
+.header-right {
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+/* 搜索容器 */
+.search-container {
+  padding: 12px 16px;
+  background: white;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.search-container .el-input {
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
+}
+
+/* 模式切换开关 */
+.mode-switch {
+  position: relative;
+  display: inline-block;
+}
+
+.custom-switch {
+  transform: scale(1.3);
+}
+
+/* 中间文字 */
+.switch-text {
+  position: absolute;
+  left: 25%;
+  transform: translateX(-50%);
+  top: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  font-size: 12px;
+  font-weight: 500;
+  color: #606266;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 1;
+  top: 53%;
+  transform: translate(-50%, -50%);
+  font-size: 12px;
+  font-weight: bold;
+  color: white;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.switch-text2 {
+  position: absolute;
+  left: 75%;
+  transform: translateX(-50%);
+  top: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  font-size: 12px;
+  font-weight: 500;
+  color: #606266;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 1;
+  top: 53%;
+  transform: translate(-50%, -50%);
+  font-size: 12px;
+  font-weight: bold;
+  color: white;
+  pointer-events: none;
+  z-index: 2;
+}
+
+/* 调整 switch 尺寸以便容纳文字 */
+.custom-switch ::v-deep .el-switch__core {
+  width: 60px;
+  height: 28px;
+}
+
+/* 物料信息卡片 */
+.material-info-card {
+  background: white;
+  margin: 4px 16px;
+  padding: 6px 20px;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid #f0f0f0;
+  border-left: 4px solid #17b3a3;
+}
+
+.card-title {
+  margin-bottom: 16px;
+}
+
+.title-label {
+  font-size: 11px;
+  color: #999;
+  display: block;
+  margin-bottom: 6px;
+  font-weight: normal;
+}
+
+.title-value {
+  font-size: 18px;
+  font-weight: bold;
+  color: #333;
+  line-height: 1.2;
+  margin-left: 20px;
+}
+
+.card-details {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.detail-item {
+  flex: 1;
+  text-align: center;
+  min-width: 60px;
+  max-width: 60px;
+}
+
+.detail-label {
+  font-size: 11px;
+  color: #999;
+  margin-bottom: 6px;
+  font-weight: normal;
+  line-height: 1.2;
+  margin-left: -12px;
+}
+
+.detail-value {
+  font-size: 13px;
+  color: #333;
+  font-weight: 500;
+  line-height: 1.2;
+  margin-left: -12px;
+}
+
+.detail-value .qualified {
+  color: #17b3a3;
+  font-weight: 500;
+}
+
+.detail-value .total {
+  color: #333;
+  font-weight: 500;
+}
+
+.detail-value .total::before {
+  content: "/";
+  color: #333;
+}
+
+/* 区域标题 */
+.section-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 8px;
+  background: white;
+  margin: 0 16px;
+  margin-top: 4px;
+  border-radius: 8px 8px 0 0;
+  border-bottom: 2px solid #17b3a3;
+}
+
+/* 对齐直接领料明细的工单卡片样式 */
+/* 工单列表容器背景与间距 */
+.work-order-list {
+  overflow-y: auto;
+  padding: 12px 16px;
+}
+
+/* 工单卡片具有白色背景、圆角、阴影与边框一致性 */
+.work-order-card {
+  background: white;
+  border-radius: 8px;
+  margin-bottom: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+  border: 2px solid transparent;
+}
+
+.work-order-card:hover {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  transform: translateY(-1px);
+}
+
+.work-order-card:active {
+  transform: translateY(0);
+}
+
+/* 物料描述行（单独一行的小字说明） */
+.part-desc-row {
+  margin-bottom: 12px;
+  padding: 0 4px;
+}
+
+.desc-text {
+  font-size: 12px;
+  color: #666;
+  line-height: 1.3;
+  word-break: break-all;
+}
+
+.title-left {
+  display: flex;
+  align-items: center;
+}
+
+.title-left i {
+  color: #17b3a3;
+  font-size: 16px;
+  margin-right: 8px;
+}
+
+.title-left span {
+  color: #17b3a3;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.title-right {
+  display: flex;
+  align-items: center;
+}
+
+.material-list-link {
+  color: #17b3a3;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  text-decoration: underline;
+  transition: color 0.2s ease;
+}
+
+.material-list-link:hover {
+  color: #0d8f7f;
+}
+
+/* 标签列表 */
+.label-list {
+  background: white;
+  margin: 0 16px 12px;
+  border-radius: 0 0 8px 8px;
+  overflow: hidden;
+}
+
+.list-header {
+  display: flex;
+  background: #f8f9fa;
+  padding: 12px 8px;
+  border-bottom: 1px solid #e0e0e0;
+  font-size: 12px;
+  color: #666;
+  font-weight: 500;
+}
+
+.list-item {
+  display: flex;
+  padding: 12px 8px;
+  border-bottom: 1px solid #f0f0f0;
+  font-size: 12px;
+  color: #333;
+}
+
+.list-item:last-child {
+  border-bottom: none;
+}
+
+.col-no {
+  width: 20px;
+  text-align: center;
+}
+
+.col-label {
+  flex: 2;
+  text-align: center;
+}
+
+.col-part {
+  flex: 1.5;
+  text-align: center;
+}
+
+.col-batch {
+  flex: 1.5;
+  text-align: center;
+}
+
+ .col-qty {
+   width: 80px;
+   text-align: center;
+   cursor: pointer;
+   position: relative;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   gap: 4px;
+ }
+
+ .quantity-display {
+   font-size: 12px;
+   color: #333;
+ }
+
+ .edit-icon {
+   font-size: 12px;
+   color: #17b3a3;
+   opacity: 0.7;
+   transition: opacity 0.2s ease;
+ }
+
+ .col-qty:hover .edit-icon {
+   opacity: 1;
+ }
+
+ .col-qty:hover {
+   background-color: #f0fffe;
+   border-radius: 4px;
+ }
+
+.empty-labels {
+  padding: 40px 20px;
+  text-align: center;
+  color: #999;
+}
+
+.empty-labels p {
+  margin: 0;
+  font-size: 14px;
+}
+
+/* 退料原因选择 */
+.return-reason-section {
+  background: white;
+  margin: 0 16px 12px;
+  padding: 16px;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.reason-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 8px;
+}
+
+/* 底部操作按钮 */
+.bottom-actions {
+  display: flex;
+  padding: 16px;
+  gap: 20px;
+  background: white;
+  margin-top: auto;
+}
+
+.action-btn {
+  flex: 1;
+  padding: 12px;
+  border-radius: 20px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.action-btn.primary {
+  border: 1px solid #17b3a3;
+  background: #17b3a3;
+  color: white;
+}
+
+.action-btn.primary:hover {
+  background: #13998c;
+  border-color: #13998c;
+}
+
+.action-btn.secondary {
+  border: 1px solid #17b3a3;
+  background: white;
+  color: #17b3a3;
+}
+
+.action-btn.secondary:hover {
+  background: #17b3a3;
+  color: white;
+}
+
+.action-btn:active {
+  transform: scale(0.98);
+}
+
+/* 物料清单弹窗样式 */
+.material-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+.material-modal {
+  background: white;
+  border-radius: 12px;
+  width: 100%;
+  max-width: 800px;
+  max-height: 80vh;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.material-modal .modal-header {
+  background: #17b3a3;
+  color: white;
+  padding: 5px 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  min-height: 28px;
+}
+
+.close-btn {
+  font-size: 16px;
+  cursor: pointer;
+  color: white;
+  transition: color 0.2s ease;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.close-btn:hover {
+  color: #e0e0e0;
+}
+
+.material-modal .modal-title {
+  font-size: 16px;
+  font-weight: 500;
+  margin: 0;
+  line-height: 1.2;
+}
+
+.material-modal .modal-body {
+  flex: 1;
+  overflow: auto;
+  padding: 0;
+}
+
+.material-table {
+  width: 100%;
+}
+
+.table-header {
+  display: flex;
+  background: #f8f9fa;
+  padding: 10px 6px;
+  border-bottom: 2px solid #17b3a3;
+  font-size: 12px;
+  color: #333;
+  font-weight: 600;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+.table-body {
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.table-row {
+  display: flex;
+  padding: 10px 6px;
+  border-bottom: 1px solid #f0f0f0;
+  font-size: 12px;
+  color: #333;
+  transition: background-color 0.2s ease;
+}
+
+.table-row:hover {
+  background-color: #f8f9fa;
+}
+
+.table-row:last-child {
+  border-bottom: none;
+}
+
+.material-table .col-no {
+  width: 25px;
+  text-align: center;
+  flex-shrink: 0;
+  font-size: 12px;
+}
+
+.material-table .col-material-code {
+  flex: 1.8;
+  text-align: center;
+  min-width: 100px;
+  font-size: 12px;
+  word-break: break-all;
+}
+
+.material-table .col-returnable-qty {
+  flex: 0.8;
+  text-align: center;
+  min-width: 65px;
+  font-size: 12px;
+}
+
+.material-table .col-returned-qty {
+  flex: 0.8;
+  text-align: center;
+  min-width: 65px;
+  font-size: 12px;
+}
+
+.material-modal .modal-footer {
+  padding: 15px 20px;
+  display: flex;
+  justify-content: center;
+  border-top: 1px solid #f0f0f0;
+}
+
+.btn-close {
+  padding: 10px 20px;
+  border-radius: 6px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s;
+  border: 1px solid #17b3a3;
+  background: white;
+  color: #17b3a3;
+}
+
+.btn-close:hover {
+  background: #17b3a3;
+  color: white;
+}
+
+/* 加载状态样式 */
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #666;
+}
+
+.loading-container i {
+  font-size: 24px;
+  margin-bottom: 12px;
+  color: #17b3a3;
+}
+
+.loading-container span {
+  font-size: 14px;
+}
+
+/* 空数据状态样式 */
+.empty-material {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #999;
+}
+
+.empty-material i {
+  font-size: 48px;
+  margin-bottom: 16px;
+  color: #ddd;
+}
+
+.empty-material p {
+  margin: 0;
+  font-size: 14px;
+}
+
+/* 打印弹框样式 */
+.print-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+.print-modal {
+  background: #f5f5f5;
+  border-radius: 12px;
+  width: 100%;
+  max-width: 600px;
+  max-height: 90vh;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+}
+
+.print-form {
+  padding: 10px;
+  overflow-y: auto;
+  max-height: 90vh;
+}
+
+.form-row {
+  display: flex;
+  align-items: flex-end;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.form-group {
+  flex: 1;
+}
+
+.form-label {
+  display: block;
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 6px;
+  font-weight: 500;
+}
+
+.form-input {
+  width: 100%;
+}
+
+.form-input ::v-deep .el-input__inner {
+  height: 40px;
+  border: 2px solid #17b3a3;
+  border-radius: 6px;
+  font-size: 14px;
+}
+
+.disabled-input ::v-deep .el-input__inner {
+  background: #e8e8e8;
+  color: #666;
+  border-color: #ddd;
+}
+
+.add-btn {
+  width: 40px;
+  height: 40px;
+  background: #17b3a3;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  flex-shrink: 0;
+}
+
+.add-btn:hover {
+  background: #13998c;
+}
+
+.add-btn i {
+  color: white;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.section-divider {
+  display: flex;
+  align-items: center;
+  margin: 24px 0 16px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #17b3a3;
+}
+
+.divider-dot {
+  width: 8px;
+  height: 8px;
+  background: #17b3a3;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+
+.divider-text {
+  font-size: 14px;
+  color: #17b3a3;
+  font-weight: 500;
+}
+
+.print-label-list {
+  background: white;
+  border-radius: 8px;
+  overflow: hidden;
+  margin-bottom: 20px;
+}
+
+.print-list-header {
+  display: flex;
+  background: #f8f9fa;
+  padding: 12px 8px;
+  border-bottom: 1px solid #e0e0e0;
+  font-size: 12px;
+  color: #666;
+  font-weight: 500;
+}
+
+.print-list-body {
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.print-list-item {
+  display: flex;
+  padding: 12px 8px;
+  border-bottom: 1px solid #f0f0f0;
+  font-size: 12px;
+  color: #333;
+}
+
+.print-list-item:last-child {
+  border-bottom: none;
+}
+
+.print-col-no {
+  width: 40px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+.print-col-label {
+  flex: 2;
+  text-align: center;
+  min-width: 100px;
+}
+
+.print-col-material {
+  flex: 2;
+  text-align: center;
+  min-width: 100px;
+}
+
+.print-col-qty {
+  width: 60px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+.print-actions {
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+.print-btn {
+  padding: 12px 30px;
+  border-radius: 25px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  border: 2px solid #17b3a3;
+  min-width: 100px;
+}
+
+.confirm-btn {
+  background: #17b3a3;
+  color: white;
+}
+
+.confirm-btn:hover {
+  background: #13998c;
+  border-color: #13998c;
+}
+
+.cancel-btn {
+  background: white;
+  color: #17b3a3;
+}
+
+.cancel-btn:hover {
+  background: #17b3a3;
+  color: white;
+}
+
+ .print-btn:active {
+   transform: scale(0.98);
+ }
+
+ /* 编辑弹框样式 */
+ .edit-overlay {
+   position: fixed;
+   top: 0;
+   left: 0;
+   right: 0;
+   bottom: 0;
+   background: rgba(0, 0, 0, 0.5);
+   z-index: 9999;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   padding: 20px;
+ }
+
+ .edit-modal {
+   background: white;
+   border-radius: 12px;
+   width: 100%;
+   max-width: 400px;
+   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+   overflow: hidden;
+   display: flex;
+   flex-direction: column;
+ }
+
+ .edit-modal .modal-header {
+   background: #17b3a3;
+   color: white;
+   padding: 12px 16px;
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+ }
+
+ .edit-modal .modal-title {
+   font-size: 16px;
+   font-weight: 500;
+   margin: 0;
+ }
+
+ .edit-modal .close-btn {
+   font-size: 16px;
+   cursor: pointer;
+   color: white;
+   transition: color 0.2s ease;
+   padding: 4px;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+ }
+
+ .edit-modal .close-btn:hover {
+   color: #e0e0e0;
+ }
+
+ .edit-modal .modal-body {
+   padding: 20px;
+ }
+
+ .edit-modal .form-group {
+   margin-bottom: 16px;
+ }
+
+ .edit-modal .form-label {
+   display: block;
+   font-size: 14px;
+   color: #333;
+   margin-bottom: 6px;
+   font-weight: 500;
+ }
+
+ .edit-modal .required {
+   color: #ff4949;
+ }
+
+ .edit-modal .form-input {
+   width: 100%;
+ }
+
+ .edit-modal .form-input ::v-deep .el-input__inner {
+   height: 40px;
+   border: 2px solid #dcdfe6;
+   border-radius: 6px;
+   font-size: 14px;
+   padding: 0 12px;
+ }
+
+ .edit-modal .form-input ::v-deep .el-input__inner:focus {
+   border-color: #17b3a3;
+   outline: none;
+ }
+
+ .edit-modal .form-input ::v-deep .el-input__inner:disabled {
+   background: #f5f7fa;
+   color: #c0c4cc;
+   border-color: #e4e7ed;
+ }
+
+ .edit-modal .modal-footer {
+   padding: 16px 20px;
+   display: flex;
+   gap: 12px;
+   justify-content: flex-end;
+   border-top: 1px solid #f0f0f0;
+ }
+
+ .edit-modal .btn-cancel {
+   padding: 10px 20px;
+   border-radius: 6px;
+   font-size: 14px;
+   cursor: pointer;
+   transition: all 0.2s;
+   border: 1px solid #dcdfe6;
+   background: white;
+   color: #606266;
+ }
+
+ .edit-modal .btn-cancel:hover {
+   background: #f5f7fa;
+   border-color: #c0c4cc;
+ }
+
+ .edit-modal .btn-confirm {
+   padding: 10px 20px;
+   border-radius: 6px;
+   font-size: 14px;
+   cursor: pointer;
+   transition: all 0.2s;
+   border: 1px solid #17b3a3;
+   background: #17b3a3;
+   color: white;
+ }
+
+ .edit-modal .btn-confirm:hover {
+   background: #13998c;
+   border-color: #13998c;
+ }
+
+/* 响应式设计 */
+@media (max-width: 360px) {
+  .header-bar {
+    padding: 8px 12px;
+  }
+
+  .search-container {
+    padding: 8px 12px;
+  }
+
+  .material-info-card {
+    margin: 4px 12px;
+    padding: 6px 16px;
+  }
+
+  .section-title {
+    margin: 0 12px;
+    margin-top: 4px;
+  }
+
+  .label-list {
+    margin: 0 12px 8px;
+  }
+
+  .return-reason-section {
+    margin: 0 12px 8px;
+  }
+
+  .card-details {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .detail-item {
+    flex: 0 0 48%;
+    margin-bottom: 6px;
+    min-width: 50px;
+  }
+
+  .list-header,
+  .list-item {
+    font-size: 11px;
+  }
+
+  .col-label,
+  .col-part,
+  .col-batch {
+    flex: 1.2;
+  }
+
+  .print-modal {
+    max-width: 95%;
+    margin: 10px;
+  }
+
+  .print-form {
+    padding: 15px;
+  }
+
+  .form-row {
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .add-btn {
+    align-self: center;
+    margin-top: 10px;
+  }
+
+  .print-actions {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .print-btn {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/modules/production-return/productionReturnPDAList.vue b/src/views/modules/production-return/productionReturnPDAList.vue
new file mode 100644
index 0000000..c13135e
--- /dev/null
+++ b/src/views/modules/production-return/productionReturnPDAList.vue
@@ -0,0 +1,156 @@
+<template>
+  <div class="pda-container">
+    <!-- 头部栏 -->
+    <div class="header-bar">
+      <div class="header-left" @click="$router.back()">
+        <i class="el-icon-arrow-left"></i>
+        <span>退仓 - 领料记录</span>
+      </div>
+      <div class="header-right" @click="$router.push({ path: '/' })">首页</div>
+    </div>
+    <div class="search-container">
+      <div class="card-title">
+        <label class="title-label">工单号:{{ workOrderNo }}</label>
+      </div>
+      <div class="card-title">
+        <label class="title-label">物料编码:{{ partNo }}</label>
+      </div>
+      <div class="card-title">
+        <label class="title-label">退料数量:{{ unissureQty }}</label>
+      </div>
+    </div>
+    <div class="content-area">
+      <div class="work-order-list" v-if="issueList.length > 0">
+        <div
+          v-for="(item, index) in issueList"
+          :key="index"
+          class="material-card"
+          @click="goDetail(item)"
+        >
+          <div class="card-title">
+            <span class="title-label">
+              物料编码：{{ partNo }} &nbsp;&nbsp; 领料号：{{ item.TRANSACTION_ID }}
+            </span>
+          </div>
+          <div class="part-desc-row">
+            <span class="desc-text">批次号：{{ item.LOT_BATCH_NO || '-' }}</span>
+          </div>
+          <div class="card-details">
+            <div class="detail-item">
+              <div class="detail-label">领料数量</div>
+              <div class="detail-value">{{ item.QUANTITY }}</div>
+            </div>
+            <div class="detail-item">
+              <div class="detail-label">撤销数量</div>
+              <div class="detail-value">{{ item.QTY_REVERSED || 0 }}</div>
+            </div>
+            <div class="detail-item">
+              <div class="detail-label">单位</div>
+              <div class="detail-value">{{ item.uom || '个' }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div v-if="!loading && issueList.length === 0" class="empty-state">
+        <i class="el-icon-box"></i>
+        <p>暂无领料记录</p>
+      </div>
+
+      <div v-if="loading" class="loading-state">
+        <i class="el-icon-loading"></i>
+        <p>加载中...</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUnissueMatericalForShopOrder } from '@/api/production/production-return';
+
+export default {
+  data() {
+    return {
+      workOrderNo: '',
+      partNo: '',
+      loading: false,
+      issueList: [],
+      unissureQty: 0,
+    };
+  },
+  methods: {
+    loadIssueList() {
+      if (!this.workOrderNo || !this.partNo) {
+        return;
+      }
+      this.loading = true;
+      const params = {
+        workOrderNo: this.workOrderNo,
+        site: this.$store.state.user.site,
+        partNo: this.partNo,
+      };
+      getUnissueMatericalForShopOrder(params)
+        .then(({ data }) => {
+          this.loading = false;
+          if (data && data.code === 0) {
+            this.issueList = data.issueForShopOrder || [];
+          } else {
+            this.$message.error(data.msg || '获取领料记录失败');
+            this.issueList = [];
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+          this.$message.error('获取领料记录失败');
+        });
+    },
+    goDetail(item) {
+      this.$router.push({
+        name: 'productionReturnPDAIssueList',
+        params: {
+          orderNo: this.workOrderNo,
+          orderType: 'workOrder',
+          partNo: this.partNo,
+          transactionId: item.TRANSACTION_ID,
+          quantity: item.QUANTITY,
+          batchNo: item.LOT_BATCH_NO,
+        },
+      });
+    },
+  },
+  mounted() {
+    this.workOrderNo = this.$route.params.workOrderNo;
+    this.partNo = this.$route.params.partNo;
+    this.unissureQty = this.$route.params.unissureQty;
+    this.loadIssueList();
+  },
+};
+</script>
+
+<style scoped>
+.pda-container { width: 100vw; height: 100vh; display: flex; flex-direction: column; background: #f5f5f5; }
+.header-bar { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; background: #17B3A3; color: white; height: 40px; min-height: 40px; }
+.header-left { display: flex; align-items: center; cursor: pointer; font-size: 16px; font-weight: 500; }
+.header-left i { margin-right: 8px; font-size: 18px; }
+.header-right { cursor: pointer; font-size: 16px; font-weight: 500; }
+.content-area { flex: 1; overflow-y: auto; padding: 12px 16px; }
+.work-order-list { overflow-y: auto; padding: 12px 16px; }
+.material-card { background: white; border-radius: 8px; margin-bottom: 12px; padding: 16px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.2s ease; border: 2px solid transparent; }
+.material-card:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); transform: translateY(-1px); }
+.material-card:active { transform: translateY(0); }
+.card-title { margin-bottom: 12px; }
+.title-label { font-size: 12px; color: #666; display: block; margin-bottom: 4px; }
+.part-desc-row { margin-bottom: 12px; padding: 0 4px; }
+.desc-text { font-size: 12px; color: #666; line-height: 1.3; word-break: break-all; }
+.card-details { display: flex; justify-content: space-between; align-items: flex-start; gap: 4px; }
+.detail-item { flex: 1; text-align: center; min-width: 50px; max-width: 70px; }
+.detail-label { font-size: 11px; color: #666; margin-bottom: 4px; line-height: 1.2; margin-left: -12px; }
+.detail-value { font-size: 13px; color: #333; line-height: 1.2; margin-left: -12px; }
+.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; color: #999; }
+.empty-state i { font-size: 48px; margin-bottom: 16px; }
+.loading-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; color: #17B3A3; }
+.loading-state i { font-size: 24px; margin-bottom: 12px; animation: spin 1s linear infinite; }
+@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+</style>
+
+
diff --git a/src/views/modules/production-return/productionReturnPicking.vue b/src/views/modules/production-return/productionReturnPicking.vue
index dd30e9c..c3f1a8e 100644
--- a/src/views/modules/production-return/productionReturnPicking.vue
+++ b/src/views/modules/production-return/productionReturnPicking.vue
@@ -6,9 +6,7 @@
         <i class="el-icon-arrow-left"></i>
         <span>生产退仓</span>
       </div>
-      <div class="header-right" @click="$router.push({ path: '/' })">
-        首页
-      </div>
+      <div class="header-right" @click="$router.push({ path: '/' })">首页</div>
     </div>
 
     <!-- 工单号输入 -->
@@ -33,7 +31,6 @@
       >
         <div class="card-title">
           <span class="title-label">工单号：{{ workOrder.orderNo }}</span>
-          
         </div>
         <div class="part-desc-row">
           <span class="title-value">{{ workOrder.partNo }}</span>
@@ -120,9 +117,12 @@
 </template>
 
 <script>
-import { getWorkOrderMaterials } from '@/api/production/production-issue';
-import { getReturnWorkOrderInfo,getIssueForShopOrder } from '@/api/production/production-return';
-import moment from 'moment';
+import { getWorkOrderMaterials } from "@/api/production/production-issue";
+import {
+  getReturnWorkOrderInfo,
+  getIssueForShopOrder,
+} from "@/api/production/production-return";
+import moment from "moment";
 
 export default {
   data() {
@@ -137,7 +137,7 @@ export default {
   },
   methods: {
     formatDate(date) {
-      return date ? moment(date).format('YYYY-MM-DD') : '';
+      return date ? moment(date).format("YYYY-MM-DD") : "";
     },
     // 查询工单信息
     handleSearchWorkOrder() {
@@ -152,7 +152,8 @@ export default {
         site: this.$store.state.user.site,
       };
 
-      getReturnWorkOrderInfo(params).then(({ data }) => {
+      getReturnWorkOrderInfo(params)
+        .then(({ data }) => {
           this.loading = false;
           console.log("工单信息", data);
 
@@ -204,27 +205,26 @@ export default {
               id: index + 1,
             }));
           } else {
-            this.$message.error(data.msg || '获取材料清单失败');
+            this.$message.error(data.msg || "获取材料清单失败");
             this.materialList = [];
           }
         })
         .catch((error) => {
-          console.error('获取材料清单失败:', error);
-          this.$message.error('获取材料清单失败');
+          console.error("获取材料清单失败:", error);
+          this.$message.error("获取材料清单失败");
         });
     },
 
     // 打开领料记录列表（新页面）
     openIssueList(material) {
       this.$router.push({
-        name: 'productionReturnIssueList',
+        name: "productionReturnIssueList",
         params: {
           workOrderNo: this.selectedWorkOrder.orderNo,
           partNo: material.componentPartNo,
         },
       });
     },
-
   },
 
   mounted() {
@@ -253,7 +253,7 @@ export default {
   justify-content: space-between;
   align-items: center;
   padding: 8px 16px;
-  background: #17B3A3;
+  background: #17b3a3;
   color: white;
   height: 40px;
   min-height: 40px;
@@ -445,7 +445,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 60px 20px;
-  color: #17B3A3;
+  color: #17b3a3;
 }
 
 .loading-state i {
@@ -455,8 +455,12 @@ export default {
 }
 
 @keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .loading-state p {