From 93329264fbe23cbc17aa56b781795b9b777d5b05 Mon Sep 17 00:00:00 2001
From: zhongwenkai <3478244299@qq.com>
Date: Mon, 15 Jun 2026 15:40:04 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E4=BB=93=E5=82=A8=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86-=E5=A4=87=E4=BB=B6=E5=85=A5=E5=BA=93=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mes/moldget.js                        |    9 +
 src/api/mes/sparepart.js                      |   13 +
 src/api/mes/sparepartInbound.js               |   36 +
 src/locales/zh-CN.js                          |   45 +-
 src/pages.json                                |   24 +
 .../pages/sparepartInbound/create.vue         | 1002 +++++++++++++++++
 .../pages/sparepartInbound/index.vue          |  594 ++++++++++
 .../sparepartInbound/sparepartSelect.vue      |  295 +++++
 .../pages/sparepartInbound/userSelect.vue     |    0
 src/utils/permissionMenu.js                   |    4 +
 10 files changed, 2020 insertions(+), 2 deletions(-)
 create mode 100644 src/api/mes/sparepart.js
 create mode 100644 src/api/mes/sparepartInbound.js
 create mode 100644 src/pages_function/pages/sparepartInbound/create.vue
 create mode 100644 src/pages_function/pages/sparepartInbound/index.vue
 create mode 100644 src/pages_function/pages/sparepartInbound/sparepartSelect.vue
 create mode 100644 src/pages_function/pages/sparepartInbound/userSelect.vue

diff --git a/src/api/mes/moldget.js b/src/api/mes/moldget.js
index 44fdb21..c1d333a 100644
--- a/src/api/mes/moldget.js
+++ b/src/api/mes/moldget.js
@@ -61,3 +61,12 @@ export function getSimpleUserList() {
     method: 'get'
   })
 }
+
+// 仓库库区列表（根据仓库ID获取）
+export function getWarehouseAreaSimpleList(warehouseId) {
+  return request({
+    url: '/admin-api/erp/warehouse-area/simple-list',
+    method: 'get',
+    params: { warehouseId }
+  })
+}
diff --git a/src/api/mes/sparepart.js b/src/api/mes/sparepart.js
new file mode 100644
index 0000000..7b7ba32
--- /dev/null
+++ b/src/api/mes/sparepart.js
@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+
+// 备件列表（分页查询全部产品，前端按 categoryType=5 过滤备件）
+export function getSparepartSimpleList(pageNo = 1) {
+  return request({
+    url: '/admin-api/erp/product/page',
+    method: 'get',
+    params: {
+      pageNo,
+      pageSize: 100
+    }
+  })
+}
diff --git a/src/api/mes/sparepartInbound.js b/src/api/mes/sparepartInbound.js
new file mode 100644
index 0000000..c4ff7a8
--- /dev/null
+++ b/src/api/mes/sparepartInbound.js
@@ -0,0 +1,36 @@
+import request from '@/utils/request'
+
+// 备件入库单创建
+export function createSparepartInbound(data) {
+  return request({
+    url: '/admin-api/erp/stock-in/create',
+    method: 'post',
+    data: { ...data, inType: '备件入库' }
+  })
+}
+// 备件入库单分页查询（待入库/待审核）
+export function getSparepartInboundPage(params = {}) {
+  return request({
+    url: '/admin-api/erp/stock-in/page',
+    method: 'get',
+    params: { ...params, inType: '备件入库' }
+  })
+}
+
+// 备件入库单审核（status: 20=通过, 1=驳回）
+export function auditSparepartInbound(data) {
+  return request({
+    url: '/admin-api/erp/stock-in/audit',
+    method: 'put',
+    data
+  })
+}
+
+// 备件入库单删除
+export function deleteSparepartInbound(id) {
+  return request({
+    url: '/admin-api/erp/stock-in/delete',
+    method: 'delete',
+    params: { ids: String(id) }
+  })
+}
diff --git a/src/locales/zh-CN.js b/src/locales/zh-CN.js
index ea2ae7f..4529fc8 100644
--- a/src/locales/zh-CN.js
+++ b/src/locales/zh-CN.js
@@ -749,7 +749,7 @@ export default {
     barCode: '物料条码',
     name: '物料名称',
     category: '物料分类',
-    unit: '单位',
+    unit: '库存单位',
     standard: '规格',
     expiryDay: '保质期天数',
     status: '状态',
@@ -787,7 +787,7 @@ export default {
     code: 'BOM编码',
     version: '版本',
     product: '产品',
-    unit: '单位',
+    unit: '库存单位',
     yieldRate: '良品率',
     isEnable: '是否启用',
     enableYes: '是',
@@ -1364,5 +1364,46 @@ export default {
     validatorRepairStatusRequired: '请选择维修结果',
     validatorFinishDateRequired: '请选择完成日期',
     validatorConfirmDateRequired: '请选择验收日期'
+  },
+  sparepartInbound: {
+    moduleName: '备件入库',
+    tabPending: '待提交',
+    tabAuditing: '待审核',
+    searchPlaceholder: '搜索入库单号',
+    sparepartInfo: '备件信息',
+    inboundTime: '入库时间',
+    creator: '创建人',
+    quantity: '数量',
+    reviewer: '审核人',
+    approve: '已通过',
+    reject: '驳回',
+    confirmApprove: '确定审核通过该入库单吗？',
+    confirmReject: '确定驳回该入库单吗？',
+    approveSuccess: '审核通过',
+    rejectSuccess: '已驳回',
+    deleteSuccess: '删除成功',
+    empty: '暂无入库单据',
+    createTitle: '新增备件入库',
+    scanSparepart: '扫备件码',
+    selectSparepart: '选择备件',
+    searchSparepartPlaceholder: '搜索备件编码/名称',
+    sparepartCode: '备件编码',
+    category: '分类',
+    spec: '规格',
+    unit: '库存单位',
+    purchaseUnit: '采购单位',
+    convertRatio: '换算关系',
+    defaultWarehouse: '默认仓库/库区',
+    selectSparepart: '选择备件',
+    selectedSpareparts: '已选备件',
+    noSelectedSparepart: '请扫码或选择备件',
+    alreadySelected: '该备件已添加',
+    confirmRemove: '确定移除此备件吗？',
+    currentStock: '当前库存',
+    minStockUnit: '最小库存单位',
+    inboundQuantity: '入库数量',
+    qtyPlaceholder: '请输入',
+    noSparepartData: '暂无备件数据',
+    validatorSparepartRequired: '请选择备件'
   }
 }
diff --git a/src/pages.json b/src/pages.json
index 5ca6cd6..f4c1a77 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -365,6 +365,30 @@
             "navigationStyle": "custom"
           }
         },
+        {
+          "path": "sparepartInbound/index",
+          "style": {
+            "navigationBarTitleText": "备件入库",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "sparepartInbound/create",
+          "style": {
+            "navigationBarTitleText": "新增备件入库",
+            "navigationStyle": "custom"
+          }
+        },
+
+
+        {
+          "path": "sparepartInbound/sparepartSelect",
+          "style": {
+            "navigationBarTitleText": "选择备件",
+            "navigationStyle": "custom"
+          }
+        },
+
         {
           "path": "keypart/index",
           "style": {
diff --git a/src/pages_function/pages/sparepartInbound/create.vue b/src/pages_function/pages/sparepartInbound/create.vue
new file mode 100644
index 0000000..9c9c8ad
--- /dev/null
+++ b/src/pages_function/pages/sparepartInbound/create.vue
@@ -0,0 +1,1002 @@
+<template>
+  <view class="page-container">
+    <NavBar :title="t('sparepartInbound.createTitle')" />
+
+    <!-- 操作按钮区 -->
+    <view class="action-row">
+      <view class="action-btn scan-btn" @click="handleScan">
+        <view class="btn-icon-wrap">
+          <text class="iconfont icon-scan btn-icon"></text>
+        </view>
+        <text class="btn-text">{{ t('sparepartInbound.scanSparepart') }}</text>
+      </view>
+      <view class="action-btn select-btn" @click="handleSelectSparepart">
+        <view class="btn-icon-wrap">
+          <text class="iconfont icon-device btn-icon"></text>
+        </view>
+        <text class="btn-text">{{ t('sparepartInbound.selectSparepart') }}</text>
+      </view>
+    </view>
+
+    <!-- 已选备件 -->
+    <view v-if="selectedSparepart.id" class="sparepart-section">
+      <view class="section-title-bar">
+        <view class="section-bar-line"></view>
+        <text class="section-title">{{ t('sparepartInbound.selectedSpareparts') }}</text>
+      </view>
+      <view class="sparepart-card">
+        <!-- 上半部分：左侧图片 + 右侧基本信息 -->
+        <view class="card-top">
+          <!-- 左侧图片区 -->
+          <view class="card-image-wrap">
+            <image
+              v-if="selectedSparepart.imageUrl"
+              :src="selectedSparepart.imageUrl"
+              class="card-image"
+              mode="aspectFill"
+            />
+            <view v-else class="card-image-empty">
+              <text class="empty-img-icon">📦</text>
+            </view>
+          </view>
+          <!-- 右侧基本信息 -->
+          <view class="card-info-right">
+            <view class="info-item">
+              <text class="info-label">备件名称：</text>
+              <text class="info-name">{{ textValue(selectedSparepart.name) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">规格：</text>
+              <text class="info-value">{{ textValue(selectedSparepart.standard || selectedSparepart.deviceSpec) }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">当前库存：</text>
+              <text class="info-value stock-highlight">{{ textValue(selectedSparepart.stock) }}{{ textUnit(selectedSparepart.minStockUnitName) }}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 下半部分：详细信息 -->
+        <view class="card-bottom">
+          <view class="detail-row two-col">
+            <view class="detail-col">
+              <text class="detail-label">采购单位：</text>
+              <text class="detail-value">{{ textValue(selectedSparepart.purchaseUnitName) }}</text>
+            </view>
+            <view class="detail-col">
+              <text class="detail-label">库存单位：</text>
+              <text class="detail-value">{{ textValue(selectedSparepart.unitName || selectedSparepart.minStockUnitName) }}</text>
+            </view>
+          </view>
+          <view class="detail-row">
+            <text class="detail-label">换算关系：</text>
+            <text class="detail-value">1{{ textValue(selectedSparepart.purchaseUnitName) }}={{ textValue(selectedSparepart.purchaseUnitConvertQuantity) }}{{ stockUnitLabel(selectedSparepart) }}</text>
+          </view>
+          <view class="detail-row">
+            <text class="detail-label">默认仓库</text>
+            <text class="detail-value" style="margin-left: 8rpx;">{{ selectedSparepart.warehouseName ? textValue(selectedSparepart.warehouseName) : '库区/备件仓' }}</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 入库数量 -->
+      <view class="inbound-qty-section">
+        <view class="section-title-bar">
+          <view class="section-bar-line"></view>
+          <text class="section-title">入库数量</text>
+        </view>
+        <view class="qty-input-card">
+          <view class="form-field">
+            <text class="form-label">入库数量</text>
+            <input
+              v-model="inboundQty"
+              class="form-input"
+              placeholder="请输入"
+              confirm-type="done"
+            />
+            <text class="form-suffix-text">单位：{{ textValue(selectedSparepart.purchaseUnitName) }}</text>
+          </view>
+          <!-- 折算后库存数量 -->
+          <view class="convert-row">
+            <text class="convert-label-inline">折算后库存数量：</text>
+            <text class="convert-value-inline">{{ calculatedStock }}</text>
+            <text class="convert-unit-inline">{{ stockUnitLabel(selectedSparepart) }}</text>
+          </view>
+          <view class="convert-formula-inline">
+            {{ inboundQty || 0 }}{{ textValue(selectedSparepart.purchaseUnitName) }} × {{ textValue(selectedSparepart.purchaseUnitConvertQuantity) }}{{ stockUnitLabel(selectedSparepart) }} = {{ calculatedStock }}{{ stockUnitLabel(selectedSparepart) }}
+          </view>
+        </view>
+
+        <!-- 供应商 -->
+        <view class="section-title-bar" style="padding-top: 24rpx;">
+          <view class="section-bar-line"></view>
+          <text class="section-title">供应商</text>
+        </view>
+        <view class="select-row-card" @click="handleSelectSupplier">
+          <view class="full-dropdown">
+            <text :class="{ placeholder: !supplierInfo.name }">
+              {{ supplierInfo.name || '请选择供应商' }}
+            </text>
+            <text class="dropdown-arrow">▼</text>
+          </view>
+        </view>
+
+        <!-- 经办人 -->
+        <view class="section-title-bar" style="padding-top: 24rpx;">
+          <view class="section-bar-line"></view>
+          <text class="section-title">经办人</text>
+        </view>
+        <view class="select-row-card" @click="toggleOperatorDropdown">
+          <view class="full-dropdown">
+            <text :class="{ placeholder: !selectedOperator }">
+              {{ selectedOperator ? selectedOperator.label : '请选择经办人' }}
+            </text>
+            <text class="dropdown-arrow">▼</text>
+          </view>
+          <view v-if="showOperatorDropdown" class="dropdown-panel">
+            <scroll-view scroll-y class="dropdown-scroll">
+              <view
+                v-for="item in operatorOptions"
+                :key="item.value"
+                class="dropdown-item"
+                :class="{ active: selectedOperator?.value === item.value }"
+                @click.stop="handleSelectOperator(item)"
+              >
+                <text class="dropdown-item-text">{{ item.label }}</text>
+                <text v-if="selectedOperator?.value === item.value" class="dropdown-check">✓</text>
+              </view>
+              <view v-if="!operatorOptions.length" class="dropdown-empty">暂无数据</view>
+            </scroll-view>
+          </view>
+        </view>
+
+        <!-- 仓库 / 库区 -->
+        <view class="section-title-bar" style="padding-top: 24rpx;">
+          <view class="section-bar-line"></view>
+          <text class="section-title">仓库/库区</text>
+        </view>
+        <view class="select-row-card warehouse-area-card">
+          <view class="warehouse-area-rows">
+            <!-- 仓库行 -->
+            <view class="warehouse-area-row">
+              <text class="warehouse-area-label">仓库</text>
+              <view class="warehouse-area-dropdown" @click="toggleWarehouseDropdown">
+                <view class="dropdown-input">
+                  <text :class="['dropdown-value', { placeholder: !selectedWarehouse }]">
+                    {{ selectedWarehouse ? selectedWarehouse.label : '请选择' }}
+                  </text>
+                  <text class="dropdown-arrow">▼</text>
+                </view>
+                <view v-if="showWarehouseDropdown" class="dropdown-panel">
+                  <scroll-view scroll-y class="dropdown-scroll">
+                    <view
+                      v-for="item in warehouseOptions"
+                      :key="item.value"
+                      class="dropdown-item"
+                      :class="{ active: selectedWarehouse?.value === item.value }"
+                      @click.stop="handleSelectWarehouse(item)"
+                    >
+                      <text class="dropdown-item-text">{{ item.label }}</text>
+                      <text v-if="selectedWarehouse?.value === item.value" class="dropdown-check">✓</text>
+                    </view>
+                    <view v-if="!warehouseOptions.length" class="dropdown-empty">暂无数据</view>
+                  </scroll-view>
+                </view>
+              </view>
+            </view>
+            <!-- 库区行 -->
+            <view class="warehouse-area-row">
+              <text class="warehouse-area-label">库区</text>
+              <view class="warehouse-area-dropdown" @click="toggleAreaDropdown">
+                <view class="dropdown-input">
+                  <text :class="['dropdown-value', { placeholder: !selectedArea }]">
+                    {{ selectedArea ? selectedArea.label : (loadingAreas ? '加载中...' : '请选择') }}
+                  </text>
+                  <text class="dropdown-arrow">▼</text>
+                </view>
+                <view v-if="showAreaDropdown" class="dropdown-panel">
+                  <scroll-view scroll-y class="dropdown-scroll">
+                    <view
+                      v-for="item in areaOptions"
+                      :key="item.value"
+                      class="dropdown-item"
+                      :class="{ active: selectedArea?.value === item.value }"
+                      @click.stop="handleSelectArea(item)"
+                    >
+                      <text class="dropdown-item-text">{{ item.label }}</text>
+                      <text v-if="selectedArea?.value === item.value" class="dropdown-check">✓</text>
+                    </view>
+                    <view v-if="!areaOptions.length" class="dropdown-empty">暂无数据</view>
+                  </scroll-view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view v-else class="empty-wrap">
+      <text class="empty-text">{{ t('sparepartInbound.noSelectedSparepart') }}</text>
+    </view>
+
+    <!-- 底部操作栏 -->
+    <view class="bottom-actions">
+      <view class="bottom-btn cancel-btn" @click="handleCancel">取消</view>
+      <view class="bottom-btn confirm-btn" @click="handleSubmit">确认入库</view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { onShow, onHide } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import NavBar from '@/components/common/NavBar.vue'
+import { getSimpleUserList, getWarehouseSimpleList, getWarehouseAreaSimpleList } from '@/api/mes/moldget'
+import { createSparepartInbound } from '@/api/mes/sparepartInbound'
+
+const { t } = useI18n()
+
+const selectedSparepart = ref({})
+const inboundQty = ref(null)
+const supplierInfo = ref({})
+
+// 经办人下拉
+const operatorOptions = ref([])
+const selectedOperator = ref(null)
+const showOperatorDropdown = ref(false)
+
+// 仓库下拉
+const warehouseOptions = ref([])
+const selectedWarehouse = ref(null)
+const showWarehouseDropdown = ref(false)
+
+// 库区下拉
+const areaOptions = ref([])
+const selectedArea = ref(null)
+const showAreaDropdown = ref(false)
+const loadingAreas = ref(false)
+
+// 折算后库存数量
+const calculatedStock = computed(() => {
+  const qty = Number(inboundQty.value) || 0
+  const ratio = Number(selectedSparepart.value.purchaseUnitConvertQuantity) || 0
+  return qty * ratio
+})
+
+function textValue(v) {
+  if (v === 0) return '0'
+  if (v == null) return '-'
+  const s = String(v).trim()
+  return s || '-'
+}
+
+function textUnit(v) {
+  if (v === 0) return '0'
+  if (v == null) return ''
+  return String(v).trim()
+}
+
+function stockUnitLabel(item) {
+  return item.unitName || item.minStockUnitName || '个'
+}
+
+function handleScan() {
+  uni.scanCode({
+    onlyFromCamera: true,
+    scanType: ['barCode', 'qrCode'],
+    success: (res) => {
+      console.log('扫码结果:', res.result)
+      // TODO: 根据扫码结果查询备件信息并添加到列表
+      uni.showToast({ title: '扫码成功: ' + res.result, icon: 'none' })
+    },
+    fail: () => {
+      uni.showToast({ title: t('functionCommon.scanFailed'), icon: 'none' })
+    }
+  })
+}
+
+function handleCancel() {
+  uni.navigateBack()
+}
+
+function handleSelectSparepart() {
+  uni.navigateTo({
+    url: '/pages_function/pages/sparepartInbound/sparepartSelect'
+  })
+}
+
+function handleSelectSupplier() {
+  uni.showToast({ title: '选择供应商功能开发中', icon: 'none' })
+}
+
+function toggleOperatorDropdown() {
+  showOperatorDropdown.value = !showOperatorDropdown.value
+}
+
+function handleSelectOperator(item) {
+  selectedOperator.value = item
+  showOperatorDropdown.value = false
+}
+
+async function loadOperators() {
+  try {
+    const res = await getSimpleUserList()
+    const data = Array.isArray(res) ? res : (Array.isArray(res?.data) ? res.data : [])
+    operatorOptions.value = data.map((u) => ({
+      value: u.id || u.userId,
+      label: u.nickname || u.userName || u.name || String(u.id || '')
+    }))
+  } catch (e) {
+    console.error('loadOperators error', e)
+  }
+}
+
+function toggleWarehouseDropdown() {
+  showWarehouseDropdown.value = !showWarehouseDropdown.value
+}
+
+function handleSelectWarehouse(item) {
+  selectedWarehouse.value = item
+  showWarehouseDropdown.value = false
+  // 清空之前选择的库区
+  selectedArea.value = null
+  areaOptions.value = []
+  // 自动加载该仓库的库区列表
+  loadAreas(item.value)
+}
+
+function toggleAreaDropdown() {
+  if (!selectedWarehouse.value) {
+    uni.showToast({ title: '请先选择仓库', icon: 'none' })
+    return
+  }
+  showAreaDropdown.value = !showAreaDropdown.value
+}
+
+function handleSelectArea(item) {
+  selectedArea.value = item
+  showAreaDropdown.value = false
+}
+
+async function loadAreas(warehouseId) {
+  if (!warehouseId) return
+  loadingAreas.value = true
+  areaOptions.value = []
+  try {
+    const res = await getWarehouseAreaSimpleList(warehouseId)
+    const data = Array.isArray(res) ? res : (Array.isArray(res?.data) ? res.data : [])
+    areaOptions.value = data.map((a) => ({
+      value: a.id,
+      label: a.name || a.areaName || String(a.id || '')
+    }))
+  } catch (e) {
+    console.error('loadAreas error', e)
+  } finally {
+    loadingAreas.value = false
+  }
+}
+
+async function loadWarehouses() {
+  try {
+    const res = await getWarehouseSimpleList()
+    const data = Array.isArray(res) ? res : (Array.isArray(res?.data) ? res.data : [])
+    warehouseOptions.value = data.map((w) => ({
+      value: w.id,
+      label: w.name || String(w.id || '')
+    }))
+  } catch (e) {
+    console.error('loadWarehouses error', e)
+  }
+}
+
+async function handleSubmit() {
+  if (!selectedSparepart.value.id) {
+    uni.showToast({ title: '请先选择备件', icon: 'none' })
+    return
+  }
+  if (!inboundQty.value || Number(inboundQty.value) <= 0) {
+    uni.showToast({ title: '请输入入库数量', icon: 'none' })
+    return
+  }
+  if (!selectedOperator.value) {
+    uni.showToast({ title: '请选择经办人', icon: 'none' })
+    return
+  }
+  if (!selectedWarehouse.value) {
+    uni.showToast({ title: '请选择仓库', icon: 'none' })
+    return
+  }
+  if (!selectedArea.value) {
+    uni.showToast({ title: '请选择库区', icon: 'none' })
+    return
+  }
+
+  const inputCount = Number(inboundQty.value)
+  const convertRatio = Number(selectedSparepart.value.purchaseUnitConvertQuantity) || 1
+  const count = inputCount * convertRatio
+
+  const submitData = {
+    isCode: true,
+    inTime: Date.now(),
+    stockUserId: String(selectedOperator.value.value),
+    supplierId: undefined,
+    status: 0,
+    totalCount: count,
+    totalPrice: 0,
+    items: [{
+      warehouseId: selectedWarehouse.value.value,
+      areaId: selectedArea.value.value,
+      productId: selectedSparepart.value.id,
+      productName: selectedSparepart.value.name || '',
+      productBarCode: selectedSparepart.value.barCode || '',
+      productUnitName: selectedSparepart.value.unitName || selectedSparepart.value.minStockUnitName || '',
+      purchaseUnitName: selectedSparepart.value.purchaseUnitName || '',
+      purchaseUnitConvertQuantity: convertRatio,
+      inputCount: inputCount,
+      count: count
+    }]
+  }
+  console.log('提交数据:', JSON.stringify(submitData))
+
+  uni.showLoading({ title: '提交中...', mask: true })
+  try {
+    await createSparepartInbound(submitData)
+    uni.hideLoading()
+    uni.showToast({ title: '入库成功', icon: 'success' })
+    setTimeout(() => {
+      uni.navigateBack()
+    }, 1500)
+  } catch (e) {
+    uni.hideLoading()
+    const msg = e?.message || e?.data?.msg || e?.response?.data?.msg || t('functionCommon.saveFailed')
+    console.error('入库提交失败:', e)
+    uni.showToast({ title: String(msg).substring(0, 50), icon: 'none' })
+  }
+}
+
+onShow(() => {
+  const selectResult = getApp().globalData?._sparepartSelectResult
+  if (selectResult) {
+    selectedSparepart.value = selectResult
+    inboundQty.value = null
+    getApp().globalData._sparepartSelectResult = null
+  }
+  loadOperators()
+  loadWarehouses()
+})
+
+onHide(() => {
+  showOperatorDropdown.value = false
+  showWarehouseDropdown.value = false
+  showAreaDropdown.value = false
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f6f8;
+  padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
+}
+
+/* ====== 操作按钮区 ====== */
+.action-row {
+  display: flex;
+  gap: 20rpx;
+  padding: 20rpx 24rpx;
+}
+
+.action-btn {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12rpx;
+  height: 96rpx;
+  border-radius: 12rpx;
+  background: #1f4b79;
+  color: #fff;
+  font-size: 28rpx;
+  font-weight: 600;
+
+  .btn-icon-wrap {
+    width: 44rpx;
+    height: 44rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .btn-icon {
+    font-size: 36rpx;
+    color: #fff;
+  }
+
+  .btn-text {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #fff;
+  }
+}
+
+/* ====== 已选备件区域 ====== */
+.sparepart-section {
+  padding: 0;
+}
+
+.section-title-bar {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+  padding: 24rpx 24rpx 18rpx;
+}
+
+.section-bar-line {
+  width: 6rpx;
+  height: 32rpx;
+  border-radius: 3rpx;
+  background: #2563eb;
+  flex-shrink: 0;
+}
+
+.section-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #1a1a1a;
+}
+
+.sparepart-card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin: 0 24rpx 20rpx;
+  box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04);
+}
+
+/* ====== 卡片上半部分：图片 + 信息 + 删除 ====== */
+.card-top {
+  display: flex;
+  position: relative;
+}
+
+.card-image-wrap {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+  overflow: hidden;
+  background: #f8fafc;
+  border: 1rpx solid #f0f0f0;
+  flex-shrink: 0;
+  margin-right: 20rpx;
+}
+
+.card-image {
+  width: 100%;
+  height: 100%;
+}
+
+.card-image-empty {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f8fafc;
+}
+
+.empty-img-icon {
+  font-size: 56rpx;
+  opacity: 0.3;
+}
+
+/* 右侧信息区 */
+.card-info-right {
+  flex: 1;
+  min-width: 0;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+
+.info-label {
+  font-size: 26rpx;
+  color: #6b7280;
+  flex-shrink: 0;
+}
+
+.info-name {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.info-value {
+  font-size: 26rpx;
+  color: #374151;
+
+  &.stock-highlight {
+    color: #2563eb;
+    font-weight: 500;
+  }
+}
+
+/* 删除按钮 */
+.card-delete {
+  position: absolute;
+  top: -8rpx;
+  right: -8rpx;
+  width: 48rpx;
+  height: 48rpx;
+  border-radius: 24rpx;
+  background: #fee2e2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.delete-icon {
+  font-size: 22rpx;
+  color: #dc2626;
+}
+
+/* ====== 卡片下半部分：详细信息 ====== */
+.card-bottom {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.detail-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 14rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.two-col {
+    justify-content: space-between;
+  }
+}
+
+.detail-col {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+
+.detail-label {
+  font-size: 24rpx;
+  color: #9ca3af;
+  flex-shrink: 0;
+}
+
+.detail-value {
+  font-size: 24rpx;
+  color: #4b5563;
+}
+
+/* ====== 入库数量 ====== */
+.inbound-qty-section {
+  margin-top: 4rpx;
+}
+
+.qty-input-card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin: 0 24rpx;
+  box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04);
+}
+
+.form-field {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+
+.form-label {
+  font-size: 26rpx;
+  color: #4b5563;
+  font-weight: 500;
+}
+
+.form-input {
+  width: 100%;
+  height: 88rpx;
+  padding: 0 24rpx;
+  font-size: 28rpx;
+  color: #374151;
+  background: #f8fafc;
+  border-radius: 14rpx;
+  box-sizing: border-box;
+}
+
+.form-suffix-text {
+  display: block;
+  margin-top: 10rpx;
+  font-size: 24rpx;
+  color: #9ca3af;
+}
+
+/* ====== 折算后库存数量（内嵌在入库数量卡片） ====== */
+.convert-row {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #f0f0f0;
+  display: flex;
+  align-items: center;
+}
+
+.convert-label-inline {
+  font-size: 26rpx;
+  color: #6b7280;
+}
+
+.convert-value-inline {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #1f2937;
+  margin-left: auto;
+}
+
+.convert-unit-inline {
+  font-size: 24rpx;
+  color: #64748b;
+  margin-left: 8rpx;
+}
+
+.convert-formula-inline {
+  margin-top: 10rpx;
+  font-size: 22rpx;
+  color: #9ca3af;
+}
+
+/* ====== 供应商/经办人 选择行 ====== */
+.select-row-card {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin: 0 24rpx 20rpx;
+  box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04);
+
+  .dropdown-panel {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    margin-top: 4rpx;
+    background: #fff;
+    border: 1rpx solid #e0e0e0;
+    border-radius: 12rpx;
+    box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+  }
+}
+
+.select-row-left {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.select-row-icon {
+  font-size: 36rpx;
+  color: #3b82f6;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+}
+
+.select-row-label {
+  font-size: 28rpx;
+  color: #374151;
+}
+
+.full-dropdown {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  font-size: 28rpx;
+  color: #374151;
+
+  .placeholder {
+    color: #9ca3af;
+  }
+}
+
+.select-row-dropdown {
+  flex: 1;
+  min-width: 0;
+  margin-left: 24rpx;
+}
+
+/* ====== 仓库/库区 两行布局 ====== */
+.warehouse-area-rows {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.warehouse-area-row {
+  display: flex;
+  align-items: center;
+}
+
+.warehouse-area-label {
+  width: 80rpx;
+  font-size: 26rpx;
+  color: #6b7280;
+  flex-shrink: 0;
+}
+
+.warehouse-area-dropdown {
+  flex: 1;
+  min-width: 0;
+  position: relative;
+
+  .dropdown-panel {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    margin-top: 4rpx;
+    background: #fff;
+    border: 1rpx solid #e0e0e0;
+    border-radius: 12rpx;
+    box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+  }
+}
+
+.warehouse-area-card {
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+
+/* ====== 下拉选择器 ====== */
+.select-dropdown {
+  position: relative;
+  width: 100%;
+}
+
+.dropdown-input {
+  display: flex;
+  align-items: center;
+  height: 64rpx;
+  padding: 0 20rpx;
+  border: 1rpx solid #e0e0e0;
+  border-radius: 10rpx;
+  background: #f9fafb;
+}
+
+.dropdown-value {
+  flex: 1;
+  font-size: 27rpx;
+  color: #333;
+
+  &.placeholder {
+    color: #bbb;
+  }
+}
+
+.dropdown-arrow {
+  font-size: 20rpx;
+  color: #999;
+  flex-shrink: 0;
+}
+
+.dropdown-panel {
+  position: absolute;
+  top: 68rpx;
+  left: 0;
+  right: 0;
+  z-index: 99;
+  background: #fff;
+  border: 1rpx solid #e0e0e0;
+  border-radius: 12rpx;
+  box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+}
+
+.dropdown-scroll {
+  max-height: 360rpx;
+}
+
+.dropdown-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx 24rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+
+  &:last-child {
+    border-bottom: 0;
+  }
+
+  &.active {
+    background: #f0f5ff;
+  }
+}
+
+.dropdown-item-text {
+  font-size: 27rpx;
+  color: #333;
+}
+
+.dropdown-check {
+  font-size: 28rpx;
+  color: #2563eb;
+  font-weight: 700;
+}
+
+.dropdown-empty {
+  padding: 32rpx;
+  text-align: center;
+  color: #999;
+  font-size: 26rpx;
+}
+
+/* ====== 空状态 ====== */
+.empty-wrap {
+  padding: 160rpx 24rpx;
+  text-align: center;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #94a3b8;
+}
+
+/* ====== 底部操作栏 ====== */
+.bottom-actions {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  gap: 18rpx;
+  padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));
+  background: #ffffff;
+  box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06);
+  z-index: 99;
+}
+
+.bottom-btn {
+  flex: 1;
+  height: 84rpx;
+  line-height: 84rpx;
+  text-align: center;
+  border-radius: 16rpx;
+  font-size: 30rpx;
+  font-weight: 600;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.cancel-btn {
+  background: #eef2f7;
+  color: #475569;
+}
+
+.confirm-btn {
+  background: #1f4b79;
+  color: #ffffff;
+}
+</style>
diff --git a/src/pages_function/pages/sparepartInbound/index.vue b/src/pages_function/pages/sparepartInbound/index.vue
new file mode 100644
index 0000000..bdc7497
--- /dev/null
+++ b/src/pages_function/pages/sparepartInbound/index.vue
@@ -0,0 +1,594 @@
+<template>
+  <view class="page-container">
+    <NavBar :title="t('sparepartInbound.moduleName')" />
+
+    <!-- 搜索栏 -->
+    <view class="filter-bar">
+      <view class="keyword-box">
+        <input
+          v-model="searchKeyword"
+          class="keyword-input"
+          :placeholder="t('sparepartInbound.searchPlaceholder')"
+          confirm-type="search"
+          @input="handleKeywordInput"
+          @confirm="handleSearch"
+        />
+      </view>
+      <picker mode="selector" :range="statusLabels" :value="statusIndex" @change="onStatusChange">
+        <view class="status-box">
+          <text class="status-box-text">{{ currentStatusLabel }}</text>
+          <uni-icons type="bottom" size="14" color="#9ca3af"></uni-icons>
+        </view>
+      </picker>
+      <view class="reset-filter-btn" @click="resetFilters">{{ t('functionCommon.reset') }}</view>
+    </view>
+
+    <!-- 列表 -->
+    <scroll-view
+      scroll-y
+      class="list-scroll"
+      :scroll-top="scrollTop"
+      @scroll="onScroll"
+      @scrolltolower="loadMore"
+      :lower-threshold="80"
+    >
+      <view class="list-wrap">
+        <view
+          v-for="item in list"
+          :key="item.id"
+          class="task-card"
+          @click="openDetail(item)"
+        >
+          <view class="card-header">
+            <view class="header-main">
+              <view class="header-left">
+                <text class="task-no">{{ textValue(item.no) }}</text>
+              </view>
+              <view class="header-tags">
+                <text :class="['record-tag', statusClass(item.status)]">{{ statusText(item.status) }}</text>
+              </view>
+            </view>
+          </view>
+          <view class="card-body">
+            <view class="row">
+              <text class="label">{{ t('sparepartInbound.sparepartInfo') }}</text>
+              <text class="value">{{ textValue(item.productNames) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartInbound.inboundTime') }}</text>
+              <text class="value">{{ formatDateTime(item.inTime || item.createTime) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartInbound.creator') }}</text>
+              <text class="value">{{ textValue(item.creatorName || item.creator) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartInbound.quantity') }}</text>
+              <text class="value highlight">{{ textValue(item.totalCount) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartInbound.reviewer') }}</text>
+              <text class="value">{{ textValue(item.auditUserName) }}</text>
+            </view>
+          </view>
+          <!-- 操作按钮（待审核状态显示） -->
+          <view v-if="Number(item.status) === 10" class="card-actions">
+            <view class="action-btn approve-btn" @click.stop="handleApprove(item)">{{ t('sparepartInbound.approve') }}</view>
+            <view class="action-btn reject-btn" @click.stop="handleReject(item)">{{ t('sparepartInbound.reject') }}</view>
+          </view>
+        </view>
+
+        <view v-if="loading && pageNo === 1" class="hint">{{ t('functionCommon.loading') }}</view>
+        <view v-else-if="!list.length" class="hint">{{ t('sparepartInbound.empty') }}</view>
+        <view v-else-if="loadingMore" class="hint">{{ t('functionCommon.loadingMore') }}</view>
+        <view v-else-if="finished" class="hint">{{ t('functionCommon.noMoreData') }}</view>
+      </view>
+    </scroll-view>
+
+    <!-- 回顶部 -->
+    <view v-if="showGoTop" class="go-top-btn" @click="goTop">
+      <uni-icons type="arrow-up" size="20" color="#1f4b79"></uni-icons>
+    </view>
+
+    <!-- 新增按钮 -->
+    <view class="add-btn" @click="goAdd">
+      <text class="add-icon">+</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed, nextTick, ref } from 'vue'
+import { onShow, onUnload } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import NavBar from '@/components/common/NavBar.vue'
+import { getSparepartInboundPage, auditSparepartInbound } from '@/api/mes/sparepartInbound'
+
+const { t } = useI18n()
+
+const selectedStatus = ref('')
+const searchKeyword = ref('')
+
+const statusOptions = computed(() => [
+  { label: t('functionCommon.all'), value: '' },
+  { label: t('sparepartInbound.tabPending'), value: '0' },
+  { label: t('sparepartInbound.tabAuditing'), value: '10' },
+  { label: t('sparepartInbound.approve'), value: '20' }
+])
+
+const statusLabels = computed(() => statusOptions.value.map((item) => item.label))
+const statusIndex = computed(() => {
+  const index = statusOptions.value.findIndex((item) => item.value === selectedStatus.value)
+  return index >= 0 ? index : 0
+})
+const currentStatusLabel = computed(() => {
+  const current = statusOptions.value.find((item) => item.value === selectedStatus.value)
+  return current ? current.label : t('functionCommon.all')
+})
+const list = ref([])
+const loading = ref(false)
+const loadingMore = ref(false)
+const finished = ref(false)
+const pageNo = ref(1)
+const pageSize = ref(10)
+const scrollTop = ref(0)
+const showGoTop = ref(false)
+
+let searchTimer = null
+
+function textValue(v) {
+  if (v === 0) return '0'
+  if (v == null) return '-'
+  const s = String(v).trim()
+  return s || '-'
+}
+
+function formatDateTime(value) {
+  if (!value) return '-'
+  if (Array.isArray(value) && value.length >= 3) {
+    const [year, month, day, hour = 0, minute = 0, second = 0] = value
+    const pad = (n) => String(n).padStart(2, '0')
+    return `${year}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`
+  }
+  const date = new Date(Number(value))
+  if (Number.isNaN(date.getTime())) return String(value)
+  const pad = (n) => String(n).padStart(2, '0')
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
+}
+
+const STATUS_MAP = { 0: '待入库', 10: '待审核', 20: '已通过', 1: '已驳回' }
+function statusText(s) {
+  const num = Number(s)
+  return STATUS_MAP[num] || textValue(num)
+}
+function statusClass(s) {
+  const num = Number(s)
+  if (num === 0) return 'text-warning'
+  if (num === 10) return 'text-primary'
+  if (num === 20) return 'text-success'
+  if (num === 1) return 'text-danger'
+  return ''
+}
+
+function normalizePageData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const candidateList = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || []
+  const candidateTotal = root?.total ?? root?.data?.total ?? (Array.isArray(candidateList) ? candidateList.length : 0)
+  return {
+    list: Array.isArray(candidateList) ? candidateList : [],
+    total: Number(candidateTotal || 0)
+  }
+}
+
+async function fetchList(reset) {
+  if (reset) {
+    pageNo.value = 1
+    finished.value = false
+  }
+  if (pageNo.value === 1) {
+    loading.value = true
+  } else {
+    loadingMore.value = true
+  }
+  try {
+    const params = {
+      pageNo: pageNo.value,
+      pageSize: pageSize.value,
+      no: searchKeyword.value.trim() || undefined,
+      status: selectedStatus.value || undefined
+    }
+    const res = await getSparepartInboundPage(params)
+    const page = normalizePageData(res)
+    list.value = reset ? page.list : [...list.value, ...page.list]
+    finished.value = list.value.length >= page.total || page.list.length < pageSize.value
+  } catch (e) {
+    if (!reset) pageNo.value = Math.max(1, pageNo.value - 1)
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  } finally {
+    loading.value = false
+    loadingMore.value = false
+  }
+}
+
+function onStatusChange(event) {
+  const index = Number(event?.detail?.value || 0)
+  selectedStatus.value = statusOptions.value[index]?.value ?? ''
+  fetchList(true)
+}
+
+function handleSearch() {
+  clearSearchTimer()
+  uni.hideKeyboard()
+  fetchList(true)
+}
+
+function handleKeywordInput() {
+  clearSearchTimer()
+  searchTimer = setTimeout(() => {
+    fetchList(true)
+  }, 300)
+}
+
+function resetFilters() {
+  clearSearchTimer()
+  searchKeyword.value = ''
+  selectedStatus.value = ''
+  fetchList(true)
+}
+
+async function loadMore() {
+  if (loading.value || loadingMore.value || finished.value) return
+  pageNo.value += 1
+  await fetchList(false)
+}
+
+function openDetail(item) {
+  if (!item?.id) {
+    uni.showToast({ title: t('functionCommon.noIdView'), icon: 'none' })
+    return
+  }
+  uni.navigateTo({
+    url: `/pages_function/pages/sparepartInbound/detail?id=${encodeURIComponent(String(item.id))}`
+  })
+}
+
+async function handleApprove(item) {
+  if (!item?.id) return
+  uni.showModal({
+    title: t('functionCommon.confirmTitle'),
+    content: t('sparepartInbound.confirmApprove'),
+    confirmColor: '#16a34a',
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await auditSparepartInbound({ id: item.id, status: 20 })
+          uni.showToast({ title: t('sparepartInbound.approveSuccess'), icon: 'success' })
+          fetchList(true)
+        } catch (e) {
+          uni.showToast({ title: t('functionCommon.saveFailed'), icon: 'none' })
+        }
+      }
+    }
+  })
+}
+
+async function handleReject(item) {
+  if (!item?.id) return
+  uni.showModal({
+    title: t('functionCommon.confirmTitle'),
+    content: t('sparepartInbound.confirmReject'),
+    confirmColor: '#dc2626',
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await auditSparepartInbound({ id: item.id, status: 1 })
+          uni.showToast({ title: t('sparepartInbound.rejectSuccess'), icon: 'success' })
+          fetchList(true)
+        } catch (e) {
+          uni.showToast({ title: t('functionCommon.saveFailed'), icon: 'none' })
+        }
+      }
+    }
+  })
+}
+
+function onScroll(event) {
+  showGoTop.value = (event?.detail?.scrollTop || 0) > 600
+}
+
+function goTop() {
+  scrollTop.value = 0
+}
+
+function goAdd() {
+  uni.navigateTo({
+    url: '/pages_function/pages/sparepartInbound/create'
+  })
+}
+
+function clearSearchTimer() {
+  if (searchTimer) {
+    clearTimeout(searchTimer)
+    searchTimer = null
+  }
+}
+
+onShow(() => {
+  fetchList(true)
+})
+
+onUnload(() => {
+  clearSearchTimer()
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f4f5f7;
+}
+
+/* ====== 搜索栏 ====== */
+.filter-bar {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  padding: 18rpx 24rpx;
+  background: #fff;
+}
+
+.keyword-box {
+  flex: 1;
+  min-width: 0;
+  height: 66rpx;
+  padding: 0 28rpx;
+  background: #f4f5f7;
+  border: 1rpx solid #e5e7eb;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+}
+
+.keyword-input {
+  width: 100%;
+  font-size: 24rpx;
+  color: #374151;
+}
+
+.status-box {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 66rpx;
+  padding: 0 28rpx;
+  min-width: 160rpx;
+  background: #fff;
+  border: 1rpx solid #e5e7eb;
+  border-radius: 12rpx;
+}
+
+.status-box-text {
+  font-size: 24rpx;
+  color: #374151;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.reset-filter-btn {
+  height: 66rpx;
+  line-height: 66rpx;
+  padding: 0 28rpx;
+  font-size: 24rpx;
+  color: #4b5563;
+  background: #fff;
+  border: 1rpx solid #e5e7eb;
+  border-radius: 12rpx;
+  flex-shrink: 0;
+}
+
+/* ====== 列表 ====== */
+.list-scroll {
+  height: calc(100vh - 194rpx);
+}
+
+.list-wrap {
+  padding: 0 24rpx 60rpx;
+}
+
+.task-card {
+  position: relative;
+  margin-top: 20rpx;
+  padding: 28rpx;
+  background: #fff;
+  border-radius: 22rpx;
+  box-shadow: 0 8rpx 28rpx rgba(15, 23, 42, 0.06);
+}
+
+.card-header {
+  margin-bottom: 18rpx;
+}
+
+.header-main {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16rpx;
+}
+
+.header-left {
+  min-width: 0;
+  flex: 1;
+}
+
+.task-no {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.header-tags {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  flex-shrink: 0;
+}
+
+.record-tag {
+  padding: 8rpx 18rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  line-height: 1;
+  background: #e2e8f0;
+  color: #64748b;
+}
+
+.card-body .row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 20rpx;
+  margin-top: 12rpx;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.label {
+  width: 140rpx;
+  font-size: 25rpx;
+  color: #94a3b8;
+  flex-shrink: 0;
+}
+
+.value {
+  flex: 1;
+  text-align: right;
+  font-size: 27rpx;
+  color: #334155;
+  line-height: 1.5;
+
+  &.highlight {
+    color: #1f4b79;
+    font-weight: 600;
+  }
+}
+
+/* ====== 操作按钮 ====== */
+.card-actions {
+  display: flex;
+  gap: 16rpx;
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.action-btn {
+  flex: 1;
+  height: 64rpx;
+  line-height: 64rpx;
+  text-align: center;
+  border-radius: 10rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+
+  &.approve-btn {
+    background: #dcfce7;
+    color: #16a34a;
+  }
+
+  &.reject-btn {
+    background: #fee2e2;
+    color: #dc2626;
+  }
+
+  &:active {
+    opacity: 0.8;
+  }
+}
+
+/* ====== 状态标签颜色 ====== */
+.text-success {
+  color: #16a34a;
+}
+
+.text-danger {
+  color: #dc2626;
+}
+
+.text-warning {
+  color: #d97706;
+}
+
+.text-primary {
+  color: #2563eb;
+}
+
+.record-tag.text-success {
+  color: #15803d;
+  background: #dcfce7;
+}
+
+.record-tag.text-danger {
+  color: #dc2626;
+  background: #fee2e2;
+}
+
+.record-tag.text-warning {
+  color: #d97706;
+  background: #fef3c7;
+}
+
+.record-tag.text-primary {
+  color: #1d4ed8;
+  background: #dbeafe;
+}
+
+/* ====== 提示 ====== */
+.hint {
+  padding: 36rpx 0;
+  text-align: center;
+  color: #94a3b8;
+  font-size: 26rpx;
+}
+
+/* ====== 回顶部 ====== */
+.go-top-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: calc(140rpx + env(safe-area-inset-bottom));
+  width: 92rpx;
+  height: 92rpx;
+  border-radius: 46rpx;
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: 0 8rpx 24rpx rgba(15, 23, 42, 0.12);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* ====== 新增按钮 ====== */
+.add-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: calc(56rpx + env(safe-area-inset-bottom));
+  width: 92rpx;
+  height: 92rpx;
+  border-radius: 46rpx;
+  background: #1f4b79;
+  box-shadow: 0 14rpx 30rpx rgba(24, 63, 108, 0.24);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.add-icon {
+  color: #ffffff;
+  font-size: 64rpx;
+  line-height: 1;
+  margin-top: -4rpx;
+}
+</style>
diff --git a/src/pages_function/pages/sparepartInbound/sparepartSelect.vue b/src/pages_function/pages/sparepartInbound/sparepartSelect.vue
new file mode 100644
index 0000000..7730636
--- /dev/null
+++ b/src/pages_function/pages/sparepartInbound/sparepartSelect.vue
@@ -0,0 +1,295 @@
+<template>
+  <view class="page-container">
+    <NavBar :title="t('sparepartInbound.selectSparepart')" />
+
+    <!-- 搜索区 -->
+    <view class="search-bar">
+      <view class="search-input-wrap">
+        <text class="search-icon iconfont icon-search"></text>
+        <input class="search-input" v-model="searchText" :placeholder="t('sparepartInbound.searchSparepartPlaceholder')" @input="onSearch" placeholder-class="search-placeholder" />
+        <text v-if="searchText" class="search-clear" @click="clearSearch">✕</text>
+      </view>
+    </view>
+
+    <!-- 备件列表 -->
+    <scroll-view scroll-y class="sparepart-list" v-if="filteredList.length > 0">
+      <view
+        v-for="item in filteredList"
+        :key="item.id"
+        class="sparepart-card"
+        :class="{ active: selectedId === item.id }"
+        @click="selectedId = item.id"
+      >
+        <view class="sparepart-card-header">
+          <text class="sparepart-name">{{ textValue(item.name) }}</text>
+        </view>
+        <view class="sparepart-card-body">
+          <view class="sparepart-info-row">
+            <text class="info-label">{{ t('sparepartInbound.sparepartCode') }}</text>
+            <text class="info-value">{{ textValue(item.barCode) }}</text>
+          </view>
+          <view class="sparepart-info-row">
+            <text class="info-label">{{ t('sparepartInbound.spec') }}</text>
+            <text class="info-value">{{ textValue(item.standard || item.deviceSpec) }}</text>
+          </view>
+          <view class="sparepart-info-row">
+            <text class="info-label">{{ t('sparepartInbound.category') }}</text>
+            <text class="info-value">{{ textValue(item.categoryName) }}</text>
+          </view>
+          <view class="sparepart-info-row">
+            <text class="info-label">{{ t('sparepartInbound.unit') }}</text>
+            <text class="info-value">{{ textValue(item.unitName) }}</text>
+          </view>
+          <view class="sparepart-info-row">
+            <text class="info-label">{{ t('sparepartInbound.purchaseUnit') }}</text>
+            <text class="info-value">{{ textValue(item.purchaseUnitName) }}</text>
+          </view>
+          <view class="sparepart-info-row">
+            <text class="info-label">{{ t('sparepartInbound.convertRatio') }}</text>
+            <text class="info-value">1{{ textValue(item.purchaseUnitName) }}={{ textValue(item.purchaseUnitConvertQuantity) }}{{ textValue(item.unitName) }}</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <!-- 空状态 -->
+    <view v-else class="empty-wrap">
+      <text v-if="loading" class="empty-text">{{ t('functionCommon.loading') }}</text>
+      <text v-else class="empty-text">{{ t('sparepartInbound.noSparepartData') }}</text>
+    </view>
+
+    <!-- 底部确认按钮 -->
+    <view class="bottom-actions">
+      <view class="bottom-btn confirm-btn" @click="handleConfirm">
+        {{ t('functionCommon.confirm') }}
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import NavBar from '@/components/common/NavBar.vue'
+import { getSparepartSimpleList } from '@/api/mes/sparepart'
+
+const { t } = useI18n()
+
+const sparepartList = ref([])
+const selectedId = ref(null)
+const searchText = ref('')
+const loading = ref(false)
+
+function textValue(v) {
+  if (v === 0) return '0'
+  if (v == null) return '-'
+  const s = String(v).trim()
+  return s || '-'
+}
+
+const filteredList = computed(() => {
+  let list = sparepartList.value
+  const keyword = searchText.value.trim().toLowerCase()
+  if (keyword) {
+    list = list.filter(item => {
+      return (item.name || '').toLowerCase().includes(keyword) ||
+             (item.barCode || '').toLowerCase().includes(keyword) ||
+             (item.standard || '').toLowerCase().includes(keyword)
+    })
+  }
+  return list
+})
+
+function onSearch() {}
+
+function clearSearch() {
+  searchText.value = ''
+}
+
+async function loadSpareparts() {
+  loading.value = true
+  try {
+    const raw = []
+    let page = 1
+    const maxPages = 5
+    while (page <= maxPages) {
+      const res = await getSparepartSimpleList(page)
+      let root = res && res.data !== undefined ? res.data : res
+      let pageList = Array.isArray(root)
+        ? root
+        : Array.isArray(root?.list) ? root.list
+        : Array.isArray(root?.rows) ? root.rows
+        : []
+      if (!pageList.length) break
+      raw.push(...pageList)
+      if (pageList.length < 100) break
+      page++
+    }
+    // 只显示分类为 "33" 的备件
+    sparepartList.value = raw.filter(item => item.categoryName === '33')
+    console.log('[sparepartSelect] 加载全部物料:', raw.length)
+  } catch (e) {
+    console.error('loadSpareparts error', e)
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  } finally {
+    loading.value = false
+  }
+}
+
+function handleConfirm() {
+  if (!selectedId.value) {
+    uni.showToast({ title: t('sparepartInbound.validatorSparepartRequired'), icon: 'none' })
+    return
+  }
+  const item = sparepartList.value.find((d) => d.id === selectedId.value)
+  // 存入 globalData 后再返回，目标页 onShow 中读取
+  getApp().globalData._sparepartSelectResult = item || null
+  uni.navigateBack()
+}
+
+onShow(async () => {
+  await loadSpareparts()
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f6f8;
+  padding-bottom: 140rpx;
+}
+
+/* 搜索栏 */
+.search-bar {
+  padding: 16rpx 24rpx;
+  background: #fff;
+}
+
+.search-input-wrap {
+  display: flex;
+  align-items: center;
+  height: 72rpx;
+  padding: 0 16rpx;
+  background: #f5f6f8;
+  border-radius: 36rpx;
+}
+
+.search-icon {
+  font-size: 32rpx;
+  color: #999;
+  margin-right: 12rpx;
+}
+
+.search-input {
+  flex: 1;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.search-placeholder {
+  color: #bbb;
+}
+
+.search-clear {
+  font-size: 28rpx;
+  color: #999;
+  padding: 8rpx;
+}
+
+/* 备件列表 */
+.sparepart-list {
+  padding: 16rpx 24rpx;
+}
+
+.sparepart-card {
+  background: #fff;
+  border-radius: 14rpx;
+  padding: 24rpx;
+  margin-bottom: 16rpx;
+  border: 2rpx solid transparent;
+
+  &.active {
+    border-color: #2563eb;
+    background: #f0f5ff;
+  }
+}
+
+.sparepart-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.sparepart-name {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #1a1a1a;
+}
+
+.sparepart-card-body {
+  border-top: 1rpx solid #f0f0f0;
+  padding-top: 16rpx;
+}
+
+.sparepart-info-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.info-label {
+  width: 140rpx;
+  font-size: 24rpx;
+  color: #999;
+  flex-shrink: 0;
+}
+
+.info-value {
+  font-size: 26rpx;
+  color: #333;
+}
+
+/* 空状态 */
+.empty-wrap {
+  padding: 120rpx 0;
+  text-align: center;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+}
+
+/* 底部确认按钮 */
+.bottom-actions {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));
+  background: #fff;
+  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.06);
+  z-index: 99;
+}
+
+.bottom-btn {
+  width: 100%;
+  height: 84rpx;
+  line-height: 84rpx;
+  text-align: center;
+  border-radius: 16rpx;
+  font-size: 30rpx;
+  font-weight: 600;
+}
+
+.confirm-btn {
+  background: #1f4b79;
+  color: #fff;
+}
+</style>
diff --git a/src/pages_function/pages/sparepartInbound/userSelect.vue b/src/pages_function/pages/sparepartInbound/userSelect.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/utils/permissionMenu.js b/src/utils/permissionMenu.js
index f61f7e5..ef56ef7 100644
--- a/src/utils/permissionMenu.js
+++ b/src/utils/permissionMenu.js
@@ -87,6 +87,10 @@ const MENU_ROUTE_MAP = {
   mold: '/pages_function/pages/mold/index',
   equipment: '/pages_function/pages/equipment/index',
   spare: '/pages_function/pages/spare/index',
+  sparepartInbound: '/pages_function/pages/sparepartInbound/index',
+  sparepartinbound: '/pages_function/pages/sparepartInbound/index',
+  sparepartIn: '/pages_function/pages/sparepartInbound/index',
+  '备件入库': '/pages_function/pages/sparepartInbound/index',
   keypart: '/pages_function/pages/keypart/index',
   product: '/pages_function/pages/product/index'
 }