From 78b79c4b7f7e262d3d10346397627ba516f385c4 Mon Sep 17 00:00:00 2001
From: "han\\hanst" <songtao.han@xujiesoft.com>
Date: Thu, 10 Jul 2025 13:04:59 +0800
Subject: [PATCH] =?UTF-8?q?HU=E5=92=8C=E7=94=9F=E4=BA=A7=E5=8F=91=E6=96=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/handlingunit/handlingunit.js          |   31 +
 src/api/po/po.js                              |   10 +
 src/api/production/production-issue.js        |   28 +
 src/router/index.js                           |    4 +-
 .../handling-unit-management.vue              | 1196 +++++++++++++++++
 .../production-issue/production-issue-pda.vue | 1166 ++++++++++++++++
 6 files changed, 2433 insertions(+), 2 deletions(-)
 create mode 100644 src/api/handlingunit/handlingunit.js
 create mode 100644 src/api/production/production-issue.js
 create mode 100644 src/views/modules/handling-unit/handling-unit-management.vue
 create mode 100644 src/views/modules/production-issue/production-issue-pda.vue

diff --git a/src/api/handlingunit/handlingunit.js b/src/api/handlingunit/handlingunit.js
new file mode 100644
index 0000000..7da5cb1
--- /dev/null
+++ b/src/api/handlingunit/handlingunit.js
@@ -0,0 +1,31 @@
+import { createAPI } from "@/utils/httpRequest.js";
+
+// 查询处理单元列表
+export const getHandlingUnitList = data => createAPI(`handlingunit/getHandlingUnitList`,'post',data)
+
+// 查询处理单元详情
+export const getHandlingUnitDetail = data => createAPI(`handlingunit/getHandlingUnitDetail`,'post',data)
+
+// 装Handling Unit（托盘/箱）
+export const packHandlingUnit = data => createAPI(`handlingunit/packHandlingUnit`,'post',data)
+
+// 合并Handling Unit（托盘/箱）
+export const mergeHandlingUnit = data => createAPI(`handlingunit/mergeHandlingUnit`,'post',data)
+
+// 拆Handling Unit（托盘/箱）
+export const unpackHandlingUnit = data => createAPI(`handlingunit/unpackHandlingUnit`,'post',data)
+
+// 立库下的合托
+export const mergePallets = data => createAPI(`handlingunit/mergePallets`,'post',data)
+
+// 补打印Handling Unit（托盘/箱）标签
+export const reprintLabels = data => createAPI(`handlingunit/reprintLabels`,'post',data)
+
+// 查看Handling Unit（托盘/箱）货物
+export const viewHandlingUnitGoods = data => createAPI(`handlingunit/viewHandlingUnitGoods`,'post',data)
+
+// 查询可装箱的单元
+export const getAvailableUnitsForPacking = data => createAPI(`handlingunit/getAvailableUnitsForPacking`,'post',data)
+
+// 查询可合并的单元
+export const getAvailableUnitsForMerge = data => createAPI(`handlingunit/getAvailableUnitsForMerge`,'post',data)
diff --git a/src/api/po/po.js b/src/api/po/po.js
index 6fca71e..c38f09a 100644
--- a/src/api/po/po.js
+++ b/src/api/po/po.js
@@ -6,3 +6,13 @@ export const getPoList = data => createAPI(`po/getPoList`,'post',data)
 
 // 接收采购单信息
 export const receivePo = data => createAPI(`po/receivePo`,'post',data)
+
+
+// 获取待检验入库单列表
+export const getQualifiedInspectionList = data => createAPI(`inspection/getQualifiedInspectionList`,'post',data)
+
+// 检验合格入库
+export const confirmQualifiedInbound = data => createAPI(`inspection/confirmQualifiedInbound`,'post',data)
+
+// 获取检验历史记录
+export const getInboundHistory = data => createAPI(`inspection/getInboundHistory`,'post',data)
diff --git a/src/api/production/production-issue.js b/src/api/production/production-issue.js
new file mode 100644
index 0000000..3082b6a
--- /dev/null
+++ b/src/api/production/production-issue.js
@@ -0,0 +1,28 @@
+
+import { createAPI } from "@/utils/httpRequest.js";
+
+// 查询处理单元列表
+export const getWorkOrderMaterials = data => createAPI(`/pda/production/issue/getWorkOrderMaterials`,'post',data)
+// 解析物料标签
+export const parseMaterialLabel = data => createAPI(`/pda/production/issue/parseMaterialLabel`,'post',data)
+// 直接发料
+export const directIssue = data => createAPI(`/pda/production/issue/directIssue`,'post',data)
+// 获取申请单物料列表
+export const getRequestMaterials = data => createAPI(`/pda/production/issue/getRequestMaterials`,'post',data)
+// 基于申请单发料
+export const requestIssue = data => createAPI(`/pda/production/issue/requestIssue`,'post',data)
+// 创建拣选托盘
+export const createPickingPallet = data => createAPI(`/pda/production/issue/createPickingPallet`,'post',data)
+// 绑定处理单元到托盘
+export const bindUnitsToPallet = data => createAPI(`/pda/production/issue/bindUnitsToPallet`,'post',data)
+// 打印托盘标签
+export const printPalletLabel = data => createAPI(`/pda/production/issue/printPalletLabel`,'post',data)
+// 获取托盘信息
+export const getPalletInfo = data => createAPI(`/pda/production/issue/getPalletInfo`,'post',data)
+// 获取发料历史记录
+export const getIssueHistory = data => createAPI(`/pda/production/issue/getIssueHistory`,'post',data)
+// 验证工单状态
+export const validateWorkOrder = data => createAPI(`/pda/production/issue/validateWorkOrder`,'post',data)
+// 验证申请单状态
+export const validateNotify = data => createAPI(`/pda/production/issue/validateNotify`,'post',data)
+
diff --git a/src/router/index.js b/src/router/index.js
index 4120e7e..4f313a3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -32,9 +32,9 @@ const globalRoutes = [
 
 // V1
   // handlingunit
-  {path: "/handlingunit",name: "handlingunit", component: resolve => require(["@/views/modules/handling-unit/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
+  {path: "/handlingunit",name: "handlingunit", component: resolve => require(["@/views/modules/handling-unit/handling-unit-management.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  // 生产发料
-  {path: "/productionissue",name: "productionissue", component: resolve => require(["@/views/modules/production-issue/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
+  {path: "/productionissue",name: "productionissue", component: resolve => require(["@/views/modules/production-issue/production-issue-pda.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
   {path: '/production-issue/pick/:orderNo',
     name: 'ProductionIssuePick',component: resolve => require(["@/views/modules/production-issue/pick.vue"], resolve),
     meta: { transition: 'instant' ,preload: true,keepAlive: true}},
diff --git a/src/views/modules/handling-unit/handling-unit-management.vue b/src/views/modules/handling-unit/handling-unit-management.vue
new file mode 100644
index 0000000..af2bcf2
--- /dev/null
+++ b/src/views/modules/handling-unit/handling-unit-management.vue
@@ -0,0 +1,1196 @@
+<template>
+  <div>
+    <div class="pda-container">
+      <div class="status-bar">
+        <div class="goBack" @click="handleBack"><i class="el-icon-arrow-left"></i>上一页</div>
+        <div class="goBack">处理单元管理</div>
+        <div class="network" style="color: #fff" @click="$router.push({ path: '/' })">🏠首页</div>
+      </div>
+      <div style="overflow-y: auto">
+
+        <!-- Step 1: 主菜单 -->
+        <div v-if="processFlag === 1">
+          <div class="menu-grid">
+            <div class="menu-item" @click="processFlag = 2">
+              <i class="el-icon-box"></i>
+              <span>装Handling Unit</span>
+            </div>
+            <div class="menu-item" @click="processFlag = 3">
+              <i class="el-icon-connection"></i>
+              <span>合并Handling Unit</span>
+            </div>
+            <div class="menu-item" @click="processFlag = 4">
+              <i class="el-icon-unlock"></i>
+              <span>拆Handling Unit</span>
+            </div>
+            <div class="menu-item" @click="processFlag = 5">
+              <i class="el-icon-s-grid"></i>
+              <span>立库合托</span>
+            </div>
+            <div class="menu-item" @click="processFlag = 6">
+              <i class="el-icon-printer"></i>
+              <span>补打印标签</span>
+            </div>
+            <div class="menu-item" @click="processFlag = 7">
+              <i class="el-icon-view"></i>
+              <span>查看货物</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- Step 2: 装Handling Unit -->
+        <div v-if="processFlag === 2">
+          <div class="scan-box" style="margin: 2px;">
+            <el-input clearable v-model="packForm.childUnitId" placeholder="扫描要装箱的处理单元ID"
+                      @keyup.enter.native="addChildUnitToPackList" ref="scanCodeRef" />
+          </div>
+
+          <div class="selected-units" v-if="packForm.childUnitIds.length > 0" style="margin: 2px;">
+            <h4>待装箱单元列表 ({{ packForm.childUnitIds.length }}个)</h4>
+            <div v-for="(unitId, index) in packForm.childUnitIds" :key="index" class="unit-item">
+              <span>{{ unitId }}</span>
+              <el-button type="text" @click="removeChildUnitFromPackList(index)" style="color: #F56C6C;">移除</el-button>
+            </div>
+          </div>
+
+          <el-form label-position="top" class="form-section" style="margin: 5px;">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="容器类型">
+                  <el-select v-model="packForm.containerUnitType" placeholder="选择容器类型" style="width: 100%">
+                    <el-option label="箱" value="BOX"></el-option>
+                    <el-option label="托盘" value="PALLET"></el-option>
+                    <el-option label="容器" value="CONTAINER"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="容器物料编码">
+                  <el-input v-model="packForm.containerPartNo" placeholder="请输入容器物料编码" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="容器批次号">
+                  <el-input v-model="packForm.containerBatchNo" placeholder="请输入容器批次号" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="容器库位">
+                  <el-input v-model="packForm.containerLocationId" placeholder="请输入容器库位" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="容器仓库">
+                  <el-input v-model="packForm.containerWarehouseId" placeholder="请输入容器仓库" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="容器WDR">
+                  <el-input v-model="packForm.containerWdr" placeholder="请输入容器WDR" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="打印机">
+                  <el-input v-model="packForm.printerName" placeholder="请输入打印机名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="自动打印">
+                  <el-switch v-model="packForm.autoPrint" active-text="是" inactive-text="否"></el-switch>
+                </el-form-item>
+              </el-col>
+
+              <!-- 操作按钮 -->
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="processFlag = 1">返回</el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px; color: #67C23A;" @click="packHandlingUnits">
+                    确认装箱
+                  </el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="resetPackForm">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+
+        <!-- Step 3: 合并Handling Unit -->
+        <div v-if="processFlag === 3">
+          <div class="scan-box" style="margin: 2px;">
+            <el-input clearable v-model="mergeForm.sourceUnitId" placeholder="扫描要合并的处理单元ID"
+                      @keyup.enter.native="addSourceUnitToMergeList" />
+          </div>
+
+          <div class="selected-units" v-if="mergeForm.sourceUnitIds.length > 0" style="margin: 2px;">
+            <h4>待合并单元列表 ({{ mergeForm.sourceUnitIds.length }}个)</h4>
+            <div v-for="(unitId, index) in mergeForm.sourceUnitIds" :key="index" class="unit-item">
+              <span>{{ unitId }}</span>
+              <el-button type="text" @click="removeSourceUnitFromMergeList(index)" style="color: #F56C6C;">移除</el-button>
+            </div>
+          </div>
+
+          <el-form label-position="top" class="form-section" style="margin: 5px;">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="目标单元类型">
+                  <el-select v-model="mergeForm.targetUnitType" placeholder="选择目标单元类型" style="width: 100%">
+                    <el-option label="箱" value="BOX"></el-option>
+                    <el-option label="托盘" value="PALLET"></el-option>
+                    <el-option label="批次" value="BATCH"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="目标物料编码">
+                  <el-input v-model="mergeForm.targetPartNo" placeholder="请输入目标物料编码" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="目标批次号">
+                  <el-input v-model="mergeForm.targetBatchNo" placeholder="请输入目标批次号" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="目标库位">
+                  <el-input v-model="mergeForm.targetLocationId" placeholder="请输入目标库位" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="目标仓库">
+                  <el-input v-model="mergeForm.targetWarehouseId" placeholder="请输入目标仓库" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="目标WDR">
+                  <el-input v-model="mergeForm.targetWdr" placeholder="请输入目标WDR" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="打印机">
+                  <el-input v-model="mergeForm.printerName" placeholder="请输入打印机名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="自动打印">
+                  <el-switch v-model="mergeForm.autoPrint" active-text="是" inactive-text="否"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="备注">
+                  <el-input v-model="mergeForm.remark" type="textarea" rows="3"
+                            placeholder="请输入备注信息" />
+                </el-form-item>
+              </el-col>
+
+              <!-- 操作按钮 -->
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="processFlag = 1">返回</el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px; color: #67C23A;" @click="mergeHandlingUnits">
+                    确认合并
+                  </el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="resetMergeForm">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+
+        <!-- Step 4: 拆Handling Unit -->
+        <div v-if="processFlag === 4">
+          <div class="scan-box" style="margin: 2px;">
+            <el-input clearable v-model="unpackForm.unitId" placeholder="扫描要拆包的处理单元ID"
+                      @keyup.enter.native="loadUnpackUnit" />
+          </div>
+
+          <div v-if="unpackUnit" class="unit-detail" style="margin: 2px;">
+            <h4>拆包单元信息</h4>
+            <el-form label-position="top">
+              <el-row :gutter="10">
+                <el-col :span="12">
+                  <el-form-item label="处理单元ID"><span>{{ unpackUnit.unitId }}</span></el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="单元类型"><span>{{ unpackUnit.unitType }}</span></el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="物料编码"><span>{{ unpackUnit.partNo }}</span></el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="数量"><span>{{ unpackUnit.qty }}</span></el-form-item>
+                </el-col>
+                <el-col :span="24">
+                  <el-form-item label="子单元数量">
+                    <span style="color: #E6A23C; font-weight: bold;">{{ unpackUnit.childrenCount || 0 }}</span>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+
+          <el-form label-position="top" class="form-section" style="margin: 5px;">
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item label="保留容器">
+                  <el-switch v-model="unpackForm.keepContainer" active-text="是" inactive-text="否"></el-switch>
+                  <div style="font-size: 12px; color: #909399; margin-top: 5px;">
+                    选择"是"将保留容器单元，选择"否"将删除容器单元
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="拆包备注">
+                  <el-input v-model="unpackForm.remark" type="textarea" rows="3"
+                            placeholder="请输入拆包备注信息" />
+                </el-form-item>
+              </el-col>
+
+              <!-- 操作按钮 -->
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="processFlag = 1">返回</el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px; color: #E6A23C;" @click="unpackHandlingUnit"
+                             :disabled="!unpackUnit">
+                    确认拆包
+                  </el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="resetUnpackForm">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+
+        <!-- Step 5: 立库合托 -->
+        <div v-if="processFlag === 5">
+          <div class="scan-box" style="margin: 2px;">
+            <el-input clearable v-model="palletMergeForm.sourceUnitId" placeholder="扫描要合托的处理单元ID"
+                      @keyup.enter.native="addSourceUnitToPalletList" />
+          </div>
+
+          <div class="selected-units" v-if="palletMergeForm.sourceUnitIds.length > 0" style="margin: 2px;">
+            <h4>待合托单元列表 ({{ palletMergeForm.sourceUnitIds.length }}个)</h4>
+            <div v-for="(unitId, index) in palletMergeForm.sourceUnitIds" :key="index" class="unit-item">
+              <span>{{ unitId }}</span>
+              <el-button type="text" @click="removeSourceUnitFromPalletList(index)" style="color: #F56C6C;">移除</el-button>
+            </div>
+          </div>
+
+          <el-form label-position="top" class="form-section" style="margin: 5px;">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="仓库类型">
+                  <el-select v-model="palletMergeForm.warehouseType" placeholder="选择仓库类型" style="width: 100%">
+                    <el-option label="立体仓库" value="STEREO"></el-option>
+                    <el-option label="普通仓库" value="NORMAL"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="托盘类型">
+                  <el-select v-model="palletMergeForm.targetPalletType" placeholder="选择托盘类型" style="width: 100%">
+                    <el-option label="标准托盘" value="STANDARD_PALLET"></el-option>
+                    <el-option label="欧式托盘" value="EURO_PALLET"></el-option>
+                    <el-option label="美式托盘" value="US_PALLET"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="目标库位">
+                  <el-input v-model="palletMergeForm.targetLocationId" placeholder="请输入目标库位" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="每托盘最大单元数">
+                  <el-input v-model="palletMergeForm.maxUnitsPerPallet" type="number" placeholder="默认10个" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="打印机">
+                  <el-input v-model="palletMergeForm.printerName" placeholder="请输入打印机名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="自动打印">
+                  <el-switch v-model="palletMergeForm.autoPrint" active-text="是" inactive-text="否"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="备注">
+                  <el-input v-model="palletMergeForm.remark" type="textarea" rows="3"
+                            placeholder="请输入备注信息" />
+                </el-form-item>
+              </el-col>
+
+              <!-- 操作按钮 -->
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="processFlag = 1">返回</el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px; color: #67C23A;" @click="mergePallets">
+                    确认合托
+                  </el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="resetPalletMergeForm">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+
+        <!-- Step 6: 补打印标签 -->
+        <div v-if="processFlag === 6">
+          <div class="scan-box" style="margin: 2px;">
+            <el-input clearable v-model="printForm.unitId" placeholder="扫描要打印标签的处理单元ID"
+                      @keyup.enter.native="addUnitToPrintList" />
+          </div>
+
+          <div class="selected-units" v-if="printForm.unitIds.length > 0" style="margin: 2px;">
+            <h4>待打印单元列表 ({{ printForm.unitIds.length }}个)</h4>
+            <div v-for="(unitId, index) in printForm.unitIds" :key="index" class="unit-item">
+              <span>{{ unitId }}</span>
+              <el-button type="text" @click="removeUnitFromPrintList(index)" style="color: #F56C6C;">移除</el-button>
+            </div>
+          </div>
+
+          <el-form label-position="top" class="form-section" style="margin: 5px;">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="打印机名称">
+                  <el-input v-model="printForm.printerName" placeholder="请输入打印机名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="打印份数">
+                  <el-input v-model="printForm.copies" type="number" placeholder="默认1份" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="标签模板">
+                  <el-select v-model="printForm.labelTemplate" placeholder="选择标签模板" style="width: 100%">
+                    <el-option label="标准模板" value="STANDARD"></el-option>
+                    <el-option label="托盘模板" value="PALLET"></el-option>
+                    <el-option label="箱子模板" value="BOX"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+              <!-- 操作按钮 -->
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="processFlag = 1">返回</el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px; color: #409EFF;" @click="reprintLabels">
+                    开始打印
+                  </el-button>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="text" style="font-size: 16px;" @click="resetPrintForm">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+
+        <!-- Step 7: 查看货物 -->
+        <div v-if="processFlag === 7">
+          <div class="scan-box" style="margin: 2px;">
+            <el-input clearable v-model="viewForm.unitId" placeholder="扫描要查看的处理单元ID"
+                      @keyup.enter.native="viewHandlingUnitGoods" />
+          </div>
+
+          <div v-if="currentViewUnit" class="unit-goods-view">
+            <el-form label-position="top" class="form-section" style="margin: 5px;">
+              <el-row :gutter="20">
+                <el-col :span="24" style="text-align: center; margin-bottom: 15px;">
+                  <h3 style="color: #409EFF;">处理单元货物详情</h3>
+                </el-col>
+
+                <!-- 基本信息 -->
+                <el-col :span="12">
+                  <el-form-item label="处理单元ID">
+                    <span>{{ currentViewUnit.unitId }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="单元类型">
+                    <span>{{ currentViewUnit.unitType }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="物料编码">
+                    <span>{{ currentViewUnit.partNo }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="总数量">
+                    <span style="color: #67C23A; font-weight: bold;">{{ currentViewUnit.qty }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="批次号">
+                    <span>{{ currentViewUnit.batchNo }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="库位">
+                    <span>{{ currentViewUnit.locationId }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="状态">
+                    <span :style="getStatusStyle(currentViewUnit.statusDb)">{{ getStatusText(currentViewUnit.statusDb) }}</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="打印次数">
+                    <span>{{ currentViewUnit.printCount || 0 }}</span>
+                  </el-form-item>
+                </el-col>
+
+                <!-- 子单元信息 -->
+                <el-col :span="24" v-if="currentViewUnit.children && currentViewUnit.children.length > 0">
+                  <el-form-item label="子处理单元">
+                    <div class="child-units-container">
+                      <div class="child-units-header">
+                        <span>共 {{ currentViewUnit.children.length }} 个子单元</span>
+                      </div>
+                      <div class="child-units-list">
+                        <div v-for="child in currentViewUnit.children" :key="child.unitId" class="child-unit-card">
+                          <div class="child-unit-info">
+                            <div class="child-unit-id">{{ child.unitId }}</div>
+                            <div class="child-unit-details">
+                              <span>{{ child.partNo }}</span>
+                              <span class="child-unit-qty">数量: {{ child.qty }}</span>
+                            </div>
+                            <div class="child-unit-batch">批次: {{ child.batchNo }}</div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-form-item>
+                </el-col>
+
+                <!-- 明细信息 -->
+                <el-col :span="24" v-if="currentViewUnit.details && currentViewUnit.details.length > 0">
+                  <el-form-item label="单元明细">
+                    <div class="unit-details-container">
+                      <div class="unit-details-header">
+                        <span>共 {{ currentViewUnit.details.length }} 条明细</span>
+                      </div>
+                      <div class="unit-details-list">
+                        <div v-for="detail in currentViewUnit.details" :key="detail.detailId" class="detail-card">
+                          <div class="detail-info">
+                            <div class="detail-part">{{ detail.partNo }}</div>
+                            <div class="detail-batch">批次: {{ detail.batchNo }}</div>
+                            <div class="detail-qty">数量: {{ detail.qty }}</div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-form-item>
+                </el-col>
+
+                <!-- 操作按钮 -->
+                <el-col :span="24" style="text-align: center; margin-top: 20px;">
+                  <el-button type="text" style="font-size: 16px;" @click="processFlag = 1">返回主菜单</el-button>
+                  <el-button type="text" style="font-size: 16px; color: #409EFF;" @click="printCurrentUnitLabel">打印标签</el-button>
+                  <el-button type="text" style="font-size: 16px; color: #67C23A;" @click="refreshCurrentUnit">刷新</el-button>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+
+          <div v-if="!currentViewUnit" class="empty-view" style="text-align: center; padding: 50px; color: #909399;">
+            <i class="el-icon-box" style="font-size: 48px; margin-bottom: 20px;"></i>
+            <div>请扫描处理单元ID查看货物详情</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  getHandlingUnitList,
+  getHandlingUnitDetail,
+  packHandlingUnit,
+  mergeHandlingUnit,
+  unpackHandlingUnit,
+  mergePallets,
+  reprintLabels,
+  viewHandlingUnitGoods
+} from "@/api/handlingunit/handlingunit.js";
+
+export default {
+  data() {
+    return {
+      processFlag: 1, // 1-主菜单, 2-装箱, 3-合并, 4-拆包, 5-合托, 6-打印, 7-查看
+
+      // 装箱相关
+      packForm: {
+        site: '1',
+        childUnitId: '',
+        childUnitIds: [],
+        containerUnitType: '',
+        containerPartNo: '',
+        containerBatchNo: '',
+        containerLocationId: '',
+        containerWarehouseId: '',
+        containerWdr: '',
+        containerAvailabilityControlId: '',
+        operatorName: 'current_user',
+        remark: '',
+        printerName: '',
+        autoPrint: false
+      },
+
+      // 合并相关
+      mergeForm: {
+        site: '1',
+        sourceUnitId: '',
+        sourceUnitIds: [],
+        targetUnitType: '',
+        targetPartNo: '',
+        targetBatchNo: '',
+        targetLocationId: '',
+        targetWarehouseId: '',
+        targetWdr: '',
+        targetAvailabilityControlId: '',
+        operatorName: 'current_user',
+        remark: '',
+        printerName: '',
+        autoPrint: false
+      },
+
+      // 拆包相关
+      unpackForm: {
+        site: '1',
+        unitId: '',
+        operatorName: 'current_user',
+        remark: '',
+        keepContainer: false
+      },
+      unpackUnit: null,
+
+      // 合托相关
+      palletMergeForm: {
+        site: '1',
+        sourceUnitId: '',
+        sourceUnitIds: [],
+        warehouseType: 'STEREO',
+        targetPalletType: 'STANDARD_PALLET',
+        targetLocationId: '',
+        operatorName: 'current_user',
+        remark: '',
+        printerName: '',
+        autoPrint: false,
+        maxUnitsPerPallet: 10
+      },
+
+      // 打印相关
+      printForm: {
+        site: '1',
+        unitId: '',
+        unitIds: [],
+        printerName: '',
+        copies: 1,
+        operatorName: 'current_user',
+        labelTemplate: 'STANDARD'
+      },
+
+      // 查看相关
+      viewForm: {
+        site: '1',
+        unitId: ''
+      },
+      currentViewUnit: null
+    };
+  },
+
+  methods: {
+    handleBack() {
+      if (this.processFlag === 1) {
+        this.$router.back();
+      } else {
+        this.processFlag = 1;
+      }
+    },
+
+    // 装箱操作
+    addChildUnitToPackList() {
+      if (!this.packForm.childUnitId) return;
+      if (!this.packForm.childUnitIds.includes(this.packForm.childUnitId)) {
+        this.packForm.childUnitIds.push(this.packForm.childUnitId);
+      }
+      this.packForm.childUnitId = '';
+    },
+
+    removeChildUnitFromPackList(index) {
+      this.packForm.childUnitIds.splice(index, 1);
+    },
+
+    packHandlingUnits() {
+      if (this.packForm.childUnitIds.length === 0) {
+        return this.$message.error("请添加要装箱的处理单元");
+      }
+      if (!this.packForm.containerUnitType) {
+        return this.$message.error("请选择容器类型");
+      }
+
+      packHandlingUnit(this.packForm).then(({ data }) => {
+        if (data.code === 0) {
+          this.$message.success("装箱操作成功，容器ID: " + data.containerUnitId);
+          this.resetPackForm();
+          this.processFlag = 1;
+        } else {
+          this.$message.error(data.msg || "装箱失败");
+        }
+      }).catch(error => {
+        this.$message.error("装箱失败");
+        console.error(error);
+      });
+    },
+
+    // 合并操作
+    addSourceUnitToMergeList() {
+      if (!this.mergeForm.sourceUnitId) return;
+      if (!this.mergeForm.sourceUnitIds.includes(this.mergeForm.sourceUnitId)) {
+        this.mergeForm.sourceUnitIds.push(this.mergeForm.sourceUnitId);
+      }
+      this.mergeForm.sourceUnitId = '';
+    },
+
+    removeSourceUnitFromMergeList(index) {
+      this.mergeForm.sourceUnitIds.splice(index, 1);
+    },
+
+    mergeHandlingUnits() {
+      if (this.mergeForm.sourceUnitIds.length === 0) {
+        return this.$message.error("请添加要合并的处理单元");
+      }
+      if (!this.mergeForm.targetUnitType) {
+        return this.$message.error("请选择目标单元类型");
+      }
+
+      mergeHandlingUnit(this.mergeForm).then(({ data }) => {
+        if (data.code === 0) {
+          this.$message.success("合并操作成功，目标单元ID: " + data.targetUnitId);
+          this.resetMergeForm();
+          this.processFlag = 1;
+        } else {
+          this.$message.error(data.msg || "合并失败");
+        }
+      }).catch(error => {
+        this.$message.error("合并失败");
+        console.error(error);
+      });
+    },
+
+    // 拆包操作
+    loadUnpackUnit() {
+      if (!this.unpackForm.unitId) return;
+
+      getHandlingUnitDetail({ site: this.unpackForm.site, unitId: this.unpackForm.unitId }).then(({ data }) => {
+        if (data.code === 0) {
+          this.unpackUnit = data.data;
+        } else {
+          this.$message.error(data.msg || "获取单元信息失败");
+        }
+      }).catch(error => {
+        this.$message.error("获取单元信息失败");
+        console.error(error);
+      });
+    },
+
+    unpackHandlingUnit() {
+      if (!this.unpackUnit) {
+        return this.$message.error("请先加载要拆包的处理单元");
+      }
+
+      unpackHandlingUnit(this.unpackForm).then(({ data }) => {
+        if (data.code === 0) {
+          this.$message.success("拆包操作成功");
+          this.resetUnpackForm();
+          this.processFlag = 1;
+        } else {
+          this.$message.error(data.msg || "拆包失败");
+        }
+      }).catch(error => {
+        this.$message.error("拆包失败");
+        console.error(error);
+      });
+    },
+
+    // 合托操作
+    addSourceUnitToPalletList() {
+      if (!this.palletMergeForm.sourceUnitId) return;
+      if (!this.palletMergeForm.sourceUnitIds.includes(this.palletMergeForm.sourceUnitId)) {
+        this.palletMergeForm.sourceUnitIds.push(this.palletMergeForm.sourceUnitId);
+      }
+      this.palletMergeForm.sourceUnitId = '';
+    },
+
+    removeSourceUnitFromPalletList(index) {
+      this.palletMergeForm.sourceUnitIds.splice(index, 1);
+    },
+
+    mergePallets() {
+      if (this.palletMergeForm.sourceUnitIds.length === 0) {
+        return this.$message.error("请添加要合托的处理单元");
+      }
+      if (!this.palletMergeForm.targetPalletType || !this.palletMergeForm.targetLocationId) {
+        return this.$message.error("请填写托盘类型和目标库位");
+      }
+
+      mergePallets(this.palletMergeForm).then(({ data }) => {
+        if (data.code === 0) {
+          const palletCount = data.palletIds ? data.palletIds.length : 0;
+          this.$message.success(`合托操作成功，生成 ${palletCount} 个托盘`);
+          this.resetPalletMergeForm();
+          this.processFlag = 1;
+        } else {
+          this.$message.error(data.msg || "合托失败");
+        }
+      }).catch(error => {
+        this.$message.error("合托失败");
+        console.error(error);
+      });
+    },
+
+    // 打印操作
+    addUnitToPrintList() {
+      if (!this.printForm.unitId) return;
+      if (!this.printForm.unitIds.includes(this.printForm.unitId)) {
+        this.printForm.unitIds.push(this.printForm.unitId);
+      }
+      this.printForm.unitId = '';
+    },
+
+    removeUnitFromPrintList(index) {
+      this.printForm.unitIds.splice(index, 1);
+    },
+
+    reprintLabels() {
+      if (this.printForm.unitIds.length === 0) {
+        return this.$message.error("请添加要打印的处理单元");
+      }
+      if (!this.printForm.printerName) {
+        return this.$message.error("请输入打印机名称");
+      }
+
+      reprintLabels(this.printForm).then(({ data }) => {
+        if (data.code === 0) {
+          this.$message.success("标签打印成功");
+          this.resetPrintForm();
+          this.processFlag = 1;
+        } else {
+          this.$message.error(data.msg || "打印失败");
+        }
+      }).catch(error => {
+        this.$message.error("打印失败");
+        console.error(error);
+      });
+    },
+
+    // 查看货物
+    viewHandlingUnitGoods() {
+      if (!this.viewForm.unitId) return;
+
+      viewHandlingUnitGoods({ site: this.viewForm.site, unitId: this.viewForm.unitId }).then(({ data }) => {
+        if (data.code === 0) {
+          this.currentViewUnit = data.data;
+        } else {
+          this.$message.error(data.msg || "获取货物信息失败");
+        }
+      }).catch(error => {
+        this.$message.error("获取货物信息失败");
+        console.error(error);
+      });
+    },
+
+    printCurrentUnitLabel() {
+      if (!this.currentViewUnit) return;
+
+      const printDto = {
+        site: this.viewForm.site,
+        unitIds: [this.currentViewUnit.unitId],
+        printerName: 'DEFAULT_PRINTER',
+        copies: 1,
+        operatorName: 'current_user',
+        labelTemplate: 'STANDARD'
+      };
+
+      reprintLabels(printDto).then(({ data }) => {
+        if (data.code === 0) {
+          this.$message.success("标签打印成功");
+        } else {
+          this.$message.error(data.msg || "打印失败");
+        }
+      }).catch(error => {
+        this.$message.error("打印失败");
+        console.error(error);
+      });
+    },
+
+    refreshCurrentUnit() {
+      if (this.currentViewUnit) {
+        this.viewForm.unitId = this.currentViewUnit.unitId;
+        this.viewHandlingUnitGoods();
+      }
+    },
+
+    // 重置表单
+    resetPackForm() {
+      this.packForm = {
+        site: '1',
+        childUnitId: '',
+        childUnitIds: [],
+        containerUnitType: '',
+        containerPartNo: '',
+        containerBatchNo: '',
+        containerLocationId: '',
+        containerWarehouseId: '',
+        containerWdr: '',
+        containerAvailabilityControlId: '',
+        operatorName: 'current_user',
+        remark: '',
+        printerName: '',
+        autoPrint: false
+      };
+    },
+
+    resetMergeForm() {
+      this.mergeForm = {
+        site: '1',
+        sourceUnitId: '',
+        sourceUnitIds: [],
+        targetUnitType: '',
+        targetPartNo: '',
+        targetBatchNo: '',
+        targetLocationId: '',
+        targetWarehouseId: '',
+        targetWdr: '',
+        targetAvailabilityControlId: '',
+        operatorName: 'current_user',
+        remark: '',
+        printerName: '',
+        autoPrint: false
+      };
+    },
+
+    resetUnpackForm() {
+      this.unpackForm = {
+        site: '1',
+        unitId: '',
+        operatorName: 'current_user',
+        remark: '',
+        keepContainer: false
+      };
+      this.unpackUnit = null;
+    },
+
+    resetPalletMergeForm() {
+      this.palletMergeForm = {
+        site: '1',
+        sourceUnitId: '',
+        sourceUnitIds: [],
+        warehouseType: 'STEREO',
+        targetPalletType: 'STANDARD_PALLET',
+        targetLocationId: '',
+        operatorName: 'current_user',
+        remark: '',
+        printerName: '',
+        autoPrint: false,
+        maxUnitsPerPallet: 10
+      };
+    },
+
+    resetPrintForm() {
+      this.printForm = {
+        site: '1',
+        unitId: '',
+        unitIds: [],
+        printerName: '',
+        copies: 1,
+        operatorName: 'current_user',
+        labelTemplate: 'STANDARD'
+      };
+    },
+
+    // 工具方法
+    getStatusStyle(status) {
+      switch (status) {
+        case 'A': return { color: '#67C23A' };
+        case 'F': return { color: '#E6A23C' };
+        case 'D': return { color: '#F56C6C' };
+        default: return { color: '#909399' };
+      }
+    },
+
+    getStatusText(status) {
+      switch (status) {
+        case 'A': return '活动';
+        case 'F': return '冻结';
+        case 'D': return '已删除';
+        default: return '未知';
+      }
+    }
+  },
+
+  mounted() {
+    this.$nextTick(() => {
+      if (this.$refs.scanCodeRef) {
+        this.$refs.scanCodeRef.focus();
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+.pda-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: #f5f5f5;
+}
+
+.status-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #409EFF;
+  color: white;
+  padding: 10px 15px;
+  font-size: 16px;
+}
+
+.goBack {
+  cursor: pointer;
+}
+
+.menu-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15px;
+  padding: 20px;
+}
+
+.menu-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.menu-item:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+}
+
+.menu-item i {
+  font-size: 24px;
+  color: #409EFF;
+  margin-bottom: 8px;
+}
+
+.menu-item span {
+  font-size: 14px;
+  color: #333;
+}
+
+.scan-box input {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+}
+
+.form-section {
+  background: white;
+  border-radius: 5px;
+}
+
+.form-section >>> .el-col {
+  margin-bottom: 12px;
+}
+
+.selected-units {
+  background: white;
+  border-radius: 5px;
+  padding: 15px;
+  margin: 5px 0;
+}
+
+.selected-units h4 {
+  margin: 0 0 10px 0;
+  color: #409EFF;
+}
+
+.unit-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 0;
+  border-bottom: 1px solid #eee;
+}
+
+.unit-item:last-child {
+  border-bottom: none;
+}
+
+.unit-detail {
+  background: white;
+  border-radius: 5px;
+  padding: 15px;
+  margin: 5px 0;
+}
+
+.unit-detail h4 {
+  margin: 0 0 15px 0;
+  color: #409EFF;
+}
+
+.unit-goods-view {
+  margin: 5px;
+}
+
+.child-units-container, .unit-details-container {
+  border: 1px solid #eee;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.child-units-header, .unit-details-header {
+  background: #f5f7fa;
+  padding: 10px 15px;
+  border-bottom: 1px solid #eee;
+  font-weight: bold;
+  color: #409EFF;
+}
+
+.child-units-list, .unit-details-list {
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 10px;
+}
+
+.child-unit-card, .detail-card {
+  background: #fafafa;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 10px;
+  margin-bottom: 8px;
+}
+
+.child-unit-card:last-child, .detail-card:last-child {
+  margin-bottom: 0;
+}
+
+.child-unit-info, .detail-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.child-unit-id, .detail-part {
+  font-weight: bold;
+  color: #303133;
+}
+
+.child-unit-details {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: #606266;
+  font-size: 14px;
+}
+
+.child-unit-qty {
+  color: #67C23A;
+  font-weight: bold;
+}
+
+.child-unit-batch, .detail-batch, .detail-qty {
+  color: #909399;
+  font-size: 12px;
+}
+
+.empty-view {
+  background: white;
+  border-radius: 5px;
+  margin: 5px;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+  .status-bar {
+    font-size: 14px;
+    padding: 8px 10px;
+  }
+
+  .menu-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+    padding: 15px;
+  }
+
+  .menu-item {
+    padding: 15px;
+  }
+
+  .menu-item i {
+    font-size: 20px;
+  }
+
+  .menu-item span {
+    font-size: 12px;
+  }
+
+  .scan-box input {
+    padding: 10px;
+    font-size: 14px;
+  }
+}
+</style>
diff --git a/src/views/modules/production-issue/production-issue-pda.vue b/src/views/modules/production-issue/production-issue-pda.vue
new file mode 100644
index 0000000..b07cf8b
--- /dev/null
+++ b/src/views/modules/production-issue/production-issue-pda.vue
@@ -0,0 +1,1166 @@
+<template>
+  <div class="production-issue-pda">
+    <van-nav-bar title="生产发料" left-arrow @click-left="$router.back()" />
+    <!-- 功能选择 -->
+    <div class="function-selector" v-if="!selectedFunction">
+      <div class="function-card" @click="selectFunction('direct')">
+        <div class="function-icon">📦</div>
+        <div class="function-title">直接发料</div>
+        <div class="function-desc">输入工单号，扫描物料标签直接发料</div>
+      </div>
+
+      <div class="function-card" @click="selectFunction('picking')">
+        <div class="function-icon">🏗️</div>
+        <div class="function-title">拣选装托盘</div>
+        <div class="function-desc">基于申请单创建托盘，扫描箱卷绑定</div>
+      </div>
+
+      <div class="function-card" @click="selectFunction('request')">
+        <div class="function-icon">📋</div>
+        <div class="function-title">申请单发料</div>
+        <div class="function-desc">基于申请单扫描物料标签发料</div>
+      </div>
+    </div>
+
+    <!-- 直接发料 -->
+    <div class="direct-issue" v-if="selectedFunction === 'direct'">
+      <div class="pda-header">
+        <button class="back-btn" @click="goBack">← 返回</button>
+        <h2>直接发料</h2>
+      </div>
+
+      <!-- 工单输入 -->
+      <div class="input-section" v-if="!workOrderMaterials.length">
+        <div class="input-group">
+          <label>工单号</label>
+          <div class="input-with-scan">
+            <input
+              v-model="directIssueForm.workOrderNo"
+              placeholder="请输入或扫描工单号"
+              @keyup.enter="loadWorkOrderMaterials"
+            />
+            <button @click="loadWorkOrderMaterials" class="scan-btn">确认</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 物料列表 -->
+      <div class="materials-section" v-if="workOrderMaterials.length">
+        <div class="section-header">
+          <h3>工单物料 ({{ directIssueForm.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&&material.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.requiredQty }} |
+                已发: {{ material.issuedQty }} |
+                剩余: {{ 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>
+
+      <!-- 扫描标签 -->
+      <div class="scan-section" v-if="selectedMaterial">
+        <div class="section-header">
+          <h3>扫描物料标签</h3>
+        </div>
+
+        <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.locationId }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">可用数量:</span>
+            <span class="value">{{ labelInfo.availableQty }}</span>
+          </div>
+        </div>
+
+        <!-- 发料数量 -->
+        <div class="qty-input" v-if="labelInfo">
+          <div class="input-group">
+            <label>发料数量</label>
+            <input
+              v-model="issueQty"
+              type="number"
+              :max="Math.min(selectedMaterial.remainQty, labelInfo.availableQty)"
+              placeholder="请输入发料数量"
+            />
+          </div>
+
+          <div class="input-group">
+            <label>备注</label>
+            <input v-model="directIssueForm.remark" placeholder="可选" />
+          </div>
+
+          <button @click="confirmDirectIssue" class="confirm-btn" :disabled="!issueQty">
+            确认发料
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 拣选装托盘 -->
+    <div class="picking-pallet" v-if="selectedFunction === 'picking'">
+      <div class="pda-header">
+        <button class="back-btn" @click="goBack">← 返回</button>
+        <h2>拣选装托盘</h2>
+      </div>
+
+      <!-- 申请单输入 -->
+      <div class="input-section" v-if="!currentPallet.palletId">
+        <div class="input-group">
+          <label>申请单号</label>
+          <div class="input-with-scan">
+            <input
+              v-model="palletForm.notifyNo"
+              placeholder="请输入申请单号"
+              @keyup.enter="createPallet"
+            />
+            <button @click="createPallet" class="scan-btn">创建托盘</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 托盘信息 -->
+      <div class="pallet-info" v-if="currentPallet.palletId">
+        <div class="section-header">
+          <h3>托盘信息</h3>
+        </div>
+
+        <div class="info-card">
+          <div class="info-row">
+            <span class="label">托盘ID:</span>
+            <span class="value">{{ currentPallet.palletId }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">申请单号:</span>
+            <span class="value">{{ currentPallet.notifyNo }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">已绑定单元:</span>
+            <span class="value">{{ currentPallet.unitCount || 0 }}</span>
+          </div>
+        </div>
+
+        <!-- 扫描绑定 -->
+        <div class="scan-bind-section">
+          <div class="input-group">
+            <label>扫描箱/卷</label>
+            <div class="input-with-scan">
+              <input
+                v-model="scannedUnit"
+                placeholder="请扫描处理单元条码"
+                @keyup.enter="bindUnit"
+              />
+              <button @click="bindUnit" class="scan-btn">绑定</button>
+            </div>
+          </div>
+        </div>
+
+        <!-- 已绑定单元列表 -->
+        <div class="bound-units" v-if="currentPallet.scannedUnits.length">
+          <div class="section-header">
+            <h4>已绑定单元 ({{ currentPallet.scannedUnits.length }})</h4>
+          </div>
+          <div class="unit-list">
+            <div v-for="unit in currentPallet.scannedUnits" :key="unit" class="unit-item">
+              {{ unit }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 打印标签 -->
+        <div class="print-section">
+          <div class="input-group">
+            <label>打印机</label>
+            <select v-model="palletForm.printerName">
+              <option value="">请选择打印机</option>
+              <option value="PRINTER_01">打印机01</option>
+              <option value="PRINTER_02">打印机02</option>
+            </select>
+          </div>
+
+          <button @click="printPalletLabel" class="print-btn" :disabled="!palletForm.printerName">
+            打印托盘标签
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 申请单发料 -->
+    <div class="request-issue" v-if="selectedFunction === 'request'">
+      <div class="pda-header">
+        <button class="back-btn" @click="goBack">← 返回</button>
+        <h2>申请单发料</h2>
+      </div>
+
+      <!-- 申请单输入 -->
+      <div class="input-section" v-if="!requestMaterials.length">
+        <div class="input-group">
+          <label>申请单号</label>
+          <div class="input-with-scan">
+            <input
+              v-model="requestIssueForm.notifyNo"
+              placeholder="请输入申请单号"
+              @keyup.enter="loadRequestMaterials"
+            />
+            <button @click="loadRequestMaterials" class="scan-btn">确认</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 申请单物料列表 -->
+      <div class="materials-section" v-if="requestMaterials.length">
+        <div class="section-header">
+          <h3>申请单物料 ({{ requestIssueForm.notifyNo }})</h3>
+          <button @click="resetRequest" class="reset-btn">重新选择</button>
+        </div>
+
+        <div class="material-list">
+          <div
+            v-for="material in requestMaterials"
+            :key="`${material.partNo}-${material.itemNo}`"
+            class="material-item"
+            :class="{ selected: 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.issuedQty }} |
+                剩余: {{ 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>
+
+      <!-- 扫描标签和发料 -->
+      <div class="scan-section" v-if="selectedRequestMaterial">
+        <div class="section-header">
+          <h3>扫描物料标签</h3>
+        </div>
+
+        <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.batchNo }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">可用数量:</span>
+            <span class="value">{{ labelInfo.availableQty }}</span>
+          </div>
+
+          <div class="qty-input">
+            <div class="input-group">
+              <label>发料数量</label>
+              <input
+                v-model="issueQty"
+                type="number"
+                :max="Math.min(selectedRequestMaterial.remainQty, labelInfo.availableQty)"
+                placeholder="请输入发料数量"
+              />
+            </div>
+
+            <div class="input-group">
+              <label>备注</label>
+              <input v-model="requestIssueForm.remark" placeholder="可选" />
+            </div>
+
+            <button @click="confirmRequestIssue" class="confirm-btn" :disabled="!issueQty">
+              确认发料 (同步IFS)
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 加载提示 -->
+    <div class="loading" v-if="loading">
+      <div class="loading-spinner"></div>
+      <div class="loading-text">{{ loadingText }}</div>
+    </div>
+
+    <!-- 消息提示 -->
+    <div class="message" v-if="message" :class="messageType">
+      {{ message }}
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  getWorkOrderMaterials,
+  parseMaterialLabel,
+  directIssue,
+  getRequestMaterials,
+  requestIssue,
+  createPickingPallet,
+  bindUnitsToPallet,
+  printPalletLabel,
+  getPalletInfo
+} from '@/api/production/production-issue'
+
+export default {
+  name: 'ProductionIssuePDA',
+  data() {
+    return {
+      selectedFunction: null,
+      loading: false,
+      loadingText: '',
+      message: '',
+      messageType: 'info',
+
+      // 直接发料
+      directIssueForm: {
+        site: 'MAIN',
+        workOrderNo: '',
+        operatorName: 'PDA_USER',
+        remark: '',
+        selectedMaterials: []
+      },
+      workOrderMaterials: [],
+      selectedMaterial: {
+        partNo: '',
+        partDesc: '',
+        requiredQty: 0,
+        issuedQty: 0,
+        remainQty: 0
+      },
+
+      // 申请单发料
+      requestIssueForm: {
+        site: 'MAIN',
+        notifyNo: '',
+        workOrderNo: '',
+        operatorName: 'PDA_USER',
+        remark: '',
+        selectedMaterials: []
+      },
+      requestMaterials: [],
+      selectedRequestMaterial: null,
+
+      // 托盘拣选
+      palletForm: {
+        site: 'MAIN',
+        notifyNo: '',
+        operatorName: 'PDA_USER',
+        printerName: '',
+        remark: ''
+      },
+      currentPallet: {},
+      scannedUnit: '',
+
+      // 通用
+      scannedLabel: '',
+      labelInfo: null,
+      issueQty: null
+    }
+  },
+  methods: {
+    selectFunction(func) {
+      this.selectedFunction = func
+      this.resetAll()
+    },
+
+    goBack() {
+      this.selectedFunction = null
+      this.resetAll()
+    },
+
+    resetAll() {
+      this.workOrderMaterials = []
+      this.requestMaterials = []
+      this.selectedMaterial = null
+      this.selectedRequestMaterial = null
+      this.currentPallet = {}
+      this.scannedLabel = ''
+      this.labelInfo = null
+      this.issueQty = null
+      this.message = ''
+    },
+
+    // 直接发料相关方法
+    async loadWorkOrderMaterials() {
+      if (!this.directIssueForm.workOrderNo) {
+        this.showMessage('请输入工单号', 'error')
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '加载工单物料...'
+
+      try {
+        const response = await getWorkOrderMaterials({
+          site: this.directIssueForm.site,
+          workOrderNo: this.directIssueForm.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.remainQty <= 0) {
+        this.showMessage('该物料已发料完成', 'warning')
+        return
+      }
+      this.selectedMaterial = material
+      this.scannedLabel = ''
+      this.labelInfo = null
+      this.issueQty = null
+    },
+
+    resetWorkOrder() {
+      this.directIssueForm.workOrderNo = ''
+      this.workOrderMaterials = []
+      this.selectedMaterial = null
+      this.scannedLabel = ''
+      this.labelInfo = null
+      this.issueQty = null
+    },
+
+    async confirmDirectIssue() {
+      if (!this.issueQty || this.issueQty <= 0) {
+        this.showMessage('请输入有效的发料数量', 'error')
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '发料中...'
+
+      try {
+        const issueData = {
+          ...this.directIssueForm,
+          selectedMaterials: [{
+            ...this.selectedMaterial,
+            issueQty: this.issueQty
+          }],
+          scannedLabel: this.scannedLabel
+        }
+
+        const response = await directIssue(issueData)
+
+        if (response.code === 0) {
+          this.showMessage('发料成功', 'success')
+          // 刷新物料列表
+          await this.loadWorkOrderMaterials()
+          // 重置选择
+          this.selectedMaterial = null
+          this.scannedLabel = ''
+          this.labelInfo = null
+          this.issueQty = null
+        } else {
+          this.showMessage(response.msg, 'error')
+        }
+      } catch (error) {
+        this.showMessage('发料失败', 'error')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 申请单发料相关方法
+    async loadRequestMaterials() {
+      if (!this.requestIssueForm.notifyNo) {
+        this.showMessage('请输入申请单号', 'error')
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '加载申请单物料...'
+
+      try {
+        const response = await getRequestMaterials({
+          site: this.requestIssueForm.site,
+          notifyNo: this.requestIssueForm.notifyNo
+        })
+
+        if (response.code === 0) {
+          this.requestMaterials = response.materials || []
+          if (this.requestMaterials.length === 0) {
+            this.showMessage('该申请单没有物料需求', 'warning')
+          }
+        } else {
+          this.showMessage(response.msg, 'error')
+        }
+      } catch (error) {
+        this.showMessage('加载申请单物料失败', 'error')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    selectRequestMaterial(material) {
+      if (material.remainQty <= 0) {
+        this.showMessage('该物料已发料完成', 'warning')
+        return
+      }
+      this.selectedRequestMaterial = material
+      this.requestIssueForm.workOrderNo = material.workOrderNo
+      this.scannedLabel = ''
+      this.labelInfo = null
+      this.issueQty = null
+    },
+
+    resetRequest() {
+      this.requestIssueForm.notifyNo = ''
+      this.requestIssueForm.workOrderNo = ''
+      this.requestMaterials = []
+      this.selectedRequestMaterial = null
+      this.scannedLabel = ''
+      this.labelInfo = null
+      this.issueQty = null
+    },
+
+    async confirmRequestIssue() {
+      if (!this.issueQty || this.issueQty <= 0) {
+        this.showMessage('请输入有效的发料数量', 'error')
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '发料中，同步IFS...'
+
+      try {
+        const issueData = {
+          ...this.requestIssueForm,
+          selectedMaterials: [{
+            ...this.selectedRequestMaterial,
+            issueQty: this.issueQty
+          }],
+          scannedLabel: this.scannedLabel
+        }
+
+        const response = await requestIssue(issueData)
+
+        if (response.code === 0) {
+          this.showMessage('发料成功，已同步到IFS', 'success')
+          // 刷新物料列表
+          await this.loadRequestMaterials()
+          // 重置选择
+          this.selectedRequestMaterial = null
+          this.scannedLabel = ''
+          this.labelInfo = null
+          this.issueQty = null
+        } else {
+          this.showMessage(response.msg, 'error')
+        }
+      } catch (error) {
+        this.showMessage('发料失败', 'error')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 托盘拣选相关方法
+    async createPallet() {
+      if (!this.palletForm.notifyNo) {
+        this.showMessage('请输入申请单号', 'error')
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '创建托盘...'
+
+      try {
+        const response = await createPickingPallet({
+          ...this.palletForm,
+          palletType: 'PALLET'
+        })
+
+        if (response.code === 0) {
+          this.currentPallet = {
+            palletId: response.palletId,
+            notifyNo: this.palletForm.notifyNo,
+            scannedUnits: [],
+            unitCount: 0
+          }
+          this.showMessage('托盘创建成功: ' + response.palletId, 'success')
+        } else {
+          this.showMessage(response.msg, 'error')
+        }
+      } catch (error) {
+        this.showMessage('创建托盘失败', 'error')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async bindUnit() {
+      if (!this.scannedUnit) {
+        this.showMessage('请扫描处理单元条码', 'error')
+        return
+      }
+
+      if (this.currentPallet.scannedUnits.includes(this.scannedUnit)) {
+        this.showMessage('该处理单元已绑定', 'warning')
+        this.scannedUnit = ''
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '绑定处理单元...'
+
+      try {
+        const response = await bindUnitsToPallet({
+          site: this.palletForm.site,
+          palletId: this.currentPallet.palletId,
+          scannedUnits: [this.scannedUnit]
+        })
+
+        if (response.code === 0) {
+          this.currentPallet.scannedUnits.push(this.scannedUnit)
+          this.currentPallet.unitCount = this.currentPallet.scannedUnits.length
+          this.showMessage('绑定成功', 'success')
+          this.scannedUnit = ''
+        } else {
+          this.showMessage(response.msg, 'error')
+        }
+      } catch (error) {
+        this.showMessage('绑定失败', 'error')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async printPalletLabel() {
+      if (!this.palletForm.printerName) {
+        this.showMessage('请选择打印机', 'error')
+        return
+      }
+
+      this.loading = true
+      this.loadingText = '打印标签...'
+
+      try {
+        const response = await printPalletLabel({
+          site: this.palletForm.site,
+          palletId: this.currentPallet.palletId,
+          printerName: this.palletForm.printerName
+        })
+
+        if (response.code === 0) {
+          this.showMessage('标签打印成功', 'success')
+        } 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.directIssueForm.site || this.requestIssueForm.site,
+          scannedLabel: this.scannedLabel
+        })
+
+        if (response.code === 0 && response.labelInfo) {
+          this.labelInfo = response.labelInfo
+          this.issueQty = null // 重置发料数量
+          this.showMessage('标签解析成功', 'success')
+        } else {
+          this.showMessage('无法解析标签或标签无效', 'error')
+          this.labelInfo = null
+        }
+      } catch (error) {
+        this.showMessage('标签解析失败', 'error')
+        this.labelInfo = null
+      } finally {
+        this.loading = false
+      }
+    },
+
+    showMessage(text, type = 'info') {
+      this.message = text
+      this.messageType = type
+      setTimeout(() => {
+        this.message = ''
+      }, 3000)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.production-issue-pda {
+  padding: 10px;
+  font-family: Arial, sans-serif;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+/* 功能选择 */
+.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;
+}
+
+.function-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 8px;
+  color: #333;
+}
+
+.function-desc {
+  font-size: 14px;
+  color: #666;
+}
+
+/* PDA头部 */
+.pda-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  padding: 10px 0;
+  border-bottom: 2px solid #007bff;
+}
+
+.back-btn {
+  background: #6c757d;
+  color: white;
+  border: none;
+  padding: 8px 12px;
+  border-radius: 4px;
+  margin-right: 15px;
+  cursor: pointer;
+}
+
+.pda-header h2 {
+  margin: 0;
+  color: #007bff;
+  font-size: 20px;
+}
+
+/* 输入区域 */
+.input-section, .materials-section, .scan-section, .pallet-info, .print-section {
+  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: #ffc107;
+  color: #212529;
+  border: none;
+  padding: 6px 12px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+.input-group {
+  margin-bottom: 15px;
+}
+
+.input-group label {
+  display: block;
+  margin-bottom: 5px;
+  font-weight: bold;
+  color: #333;
+}
+
+.input-with-scan {
+  display: flex;
+  gap: 10px;
+}
+
+.input-with-scan input {
+  flex: 1;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 16px;
+}
+
+.scan-btn, .confirm-btn, .print-btn {
+  background: #007bff;
+  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: #0056b3;
+}
+
+.confirm-btn:disabled, .print-btn:disabled {
+  background: #6c757d;
+  cursor: not-allowed;
+}
+
+/* 物料列表 */
+.material-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.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: #007bff;
+  background-color: #f8f9fa;
+}
+
+.material-item.selected {
+  border-color: #007bff;
+  background-color: #e3f2fd;
+}
+
+.material-info {
+  flex: 1;
+}
+
+.part-no {
+  font-weight: bold;
+  font-size: 16px;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.part-desc {
+  color: #666;
+  font-size: 14px;
+  margin-bottom: 4px;
+}
+
+.work-order {
+  color: #007bff;
+  font-size: 12px;
+  margin-bottom: 4px;
+}
+
+.qty-info {
+  font-size: 12px;
+  color: #666;
+}
+
+.material-status {
+  text-align: right;
+}
+
+.status-pending {
+  background: #ffc107;
+  color: #212529;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+}
+
+.status-complete {
+  background: #28a745;
+  color: white;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+}
+
+/* 标签信息 */
+.label-info, .info-card {
+  background: #f8f9fa;
+  border-radius: 6px;
+  padding: 15px;
+  margin-bottom: 15px;
+}
+
+.info-row {
+  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;
+}
+
+.info-row .value {
+  color: #333;
+}
+
+/* 数量输入 */
+.qty-input {
+  margin-top: 15px;
+}
+
+.qty-input input[type="number"] {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 16px;
+}
+
+/* 托盘相关 */
+.scan-bind-section {
+  margin: 20px 0;
+}
+
+.bound-units {
+  margin-top: 20px;
+}
+
+.unit-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.unit-item {
+  background: #e9ecef;
+  padding: 10px;
+  border-radius: 4px;
+  font-family: monospace;
+  font-size: 14px;
+}
+
+/* 加载和消息 */
+.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 #007bff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin: 0 auto 10px;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+  font-size: 14px;
+}
+
+.message {
+  position: fixed;
+  top: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 12px 20px;
+  border-radius: 6px;
+  font-weight: bold;
+  z-index: 1001;
+  max-width: 90%;
+  text-align: center;
+}
+
+.message.success {
+  background: #d4edda;
+  color: #155724;
+  border: 1px solid #c3e6cb;
+}
+
+.message.error {
+  background: #f8d7da;
+  color: #721c24;
+  border: 1px solid #f5c6cb;
+}
+
+.message.warning {
+  background: #fff3cd;
+  color: #856404;
+  border: 1px solid #ffeaa7;
+}
+
+.message.info {
+  background: #d1ecf1;
+  color: #0c5460;
+  border: 1px solid #bee5eb;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .production-issue-pda {
+    padding: 5px;
+  }
+
+  .function-card {
+    padding: 15px;
+  }
+
+  .function-icon {
+    font-size: 36px;
+  }
+
+  .input-with-scan {
+    flex-direction: column;
+  }
+
+  .material-item {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .material-status {
+    align-self: flex-end;
+  }
+}
+</style>