diff --git a/src/api/mes/sparepart.js b/src/api/mes/sparepart.js
index 7b7ba32..1afc49a 100644
--- a/src/api/mes/sparepart.js
+++ b/src/api/mes/sparepart.js
@@ -11,3 +11,12 @@ export function getSparepartSimpleList(pageNo = 1) {
     }
   })
 }
+
+// 备件详情（含供应商、图片等完整信息）
+export function getSparepartDetail(id) {
+  return request({
+    url: '/admin-api/erp/product/get',
+    method: 'get',
+    params: { id }
+  })
+}
diff --git a/src/api/mes/sparepartOutbound.js b/src/api/mes/sparepartOutbound.js
new file mode 100644
index 0000000..5325f84
--- /dev/null
+++ b/src/api/mes/sparepartOutbound.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+// 备件出库单分页查询
+export function getSparepartOutboundPage(params = {}) {
+  return request({
+    url: '/admin-api/erp/stock-out/page',
+    method: 'get',
+    params: { ...params, outType: '备件出库' }
+  })
+}
+
+// 备件出库单审核（status: 20=通过, 1=驳回）
+export function auditSparepartOutbound(data) {
+  return request({
+    url: '/admin-api/erp/stock-out/audit',
+    method: 'put',
+    data
+  })
+}
+
+// 备件出库单删除
+export function deleteSparepartOutbound(id) {
+  return request({
+    url: '/admin-api/erp/stock-out/delete',
+    method: 'delete',
+    params: { ids: String(id) }
+  })
+}
diff --git a/src/components/common/PermissionMenuPage.vue b/src/components/common/PermissionMenuPage.vue
index 8e1b115..314a4e5 100644
--- a/src/components/common/PermissionMenuPage.vue
+++ b/src/components/common/PermissionMenuPage.vue
@@ -37,7 +37,7 @@
             <!-- <view class="module-icon" :style="{ background: getModuleColor(moduleIndex) }">
               <text class="icon-text">{{ getMenuSymbol(module.name, moduleIndex) }}</text>
             </view> -->
-            <text class="module-title">{{ translateLiteral(module.name) }}</text>
+            <text class="module-title">{{ getDisplayName(module) }}</text>
           </view>
 
           <view class="function-grid">
@@ -60,9 +60,9 @@
                   size="24"
                   :color="getModuleColor(moduleIndex)"
                 ></u-icon>
-                <text v-else class="icon-inner">{{ getMenuSymbol(entry.name, entryIndex) }}</text>
+                <text v-else class="icon-inner">{{ getMenuSymbol(getDisplayName(entry), entryIndex) }}</text>
               </view>
-              <text class="function-name">{{ translateLiteral(entry.name) }}</text>
+              <text class="function-name">{{ getDisplayName(entry) }}</text>
             </view>
           </view>
         </view>
@@ -77,10 +77,10 @@
 
 <script setup>
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 import AppEmptyState from '@/components/common/AppEmptyState.vue'
-import { translateLiteral } from '@/locales'
 import useUserStore from '@/store/modules/user'
-import { buildPageModules, findTabMenuByPage, getMenuSymbol, getModuleColor, resolveMenuUrl } from '@/utils/permissionMenu'
+import { buildPageModules, findTabMenuByPage, getLocalizedMenuName, getMenuSymbol, getModuleColor, resolveMenuUrl } from '@/utils/permissionMenu'
 
 const props = defineProps({
   pagePath: {
@@ -118,6 +118,7 @@ const props = defineProps({
 })
 
 const userStore = useUserStore()
+const { locale } = useI18n()
 const menuSearchKeyword = ref('')
 const scrollTop = ref(0)
 const currentScrollTop = ref(0)
@@ -138,11 +139,11 @@ const filteredModules = computed(() => {
     .map((module) => ({
       ...module,
       children: (module.children || []).filter((entry) => {
-        const target = `${module.name}|${entry.name}`.toLowerCase()
+        const target = `${getDisplayName(module)}|${getDisplayName(entry)}`.toLowerCase()
         return target.includes(keyword)
       })
     }))
-    .filter((module) => (module.children || []).length > 0 || String(module.name || '').toLowerCase().includes(keyword))
+    .filter((module) => (module.children || []).length > 0 || getDisplayName(module).toLowerCase().includes(keyword))
 })
 
 const hasMenuPermission = computed(() => modules.value.length > 0)
@@ -209,16 +210,22 @@ function getUviewIconName(icon) {
   return String(icon || '').replace(/^uview-plus:/, '').trim()
 }
 
+function getDisplayName(menu) {
+  locale.value
+  return getLocalizedMenuName(menu)
+}
+
 function handleClick(menu) {
   const url = resolveMenuUrl(menu)
-  console.log('[PermissionMenu] 点击菜单:', menu?.name, '| _splitKey:', menu?._splitKey, '| 路由:', url)
+  const displayName = getDisplayName(menu)
+  console.log('[PermissionMenu] 点击菜单:', displayName, '| _splitKey:', menu?._splitKey, '| 路由:', url)
   if (url) {
     uni.navigateTo({ url })
     return
   }
 
   uni.showToast({
-    title: `暂未配置${menu?.name || '该菜单'}页面`,
+    title: `暂未配置${displayName || '该菜单'}页面`,
     icon: 'none'
   })
 }
diff --git a/src/components/common/TabBar.vue b/src/components/common/TabBar.vue
index b64fd24..82852a2 100644
--- a/src/components/common/TabBar.vue
+++ b/src/components/common/TabBar.vue
@@ -25,9 +25,8 @@
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import useUserStore from '@/store/modules/user'
 import { storeToRefs } from 'pinia'
-import { getTabBarMenus } from '@/utils/permissionMenu'
+import { getLocalizedMenuName, getTabBarMenus } from '@/utils/permissionMenu'
 import { useI18n } from 'vue-i18n'
-import { translateLiteral } from '@/locales'
 
 const TABBAR_VISIBILITY_EVENT = 'tabbar-visibility-change'
 
@@ -87,7 +86,7 @@ function resolveTabIconMeta(menu) {
 function createTabItem(menu) {
   const iconMeta = resolveTabIconMeta(menu)
   return {
-    text: translateLiteral(String(menu.name || menu.enName || '').trim()),
+    text: getLocalizedMenuName(menu),
     icon: iconMeta.icon,
     selectedIcon: iconMeta.selectedIcon,
     iconType: iconMeta.iconType,
diff --git a/src/locales/zh-CN.js b/src/locales/zh-CN.js
index 41327b8..ef11324 100644
--- a/src/locales/zh-CN.js
+++ b/src/locales/zh-CN.js
@@ -1411,5 +1411,25 @@ export default {
     qtyPlaceholder: '请输入',
     noSparepartData: '暂无备件数据',
     validatorSparepartRequired: '请选择备件'
+  },
+  sparepartOutbound: {
+    moduleName: '备件出库',
+    tabPending: '待提交',
+    tabAuditing: '待审核',
+    searchPlaceholder: '搜索出库单号',
+    sparepartInfo: '备件信息',
+    outboundTime: '出库时间',
+    creator: '创建人',
+    quantity: '数量',
+    reviewer: '审核人',
+    approve: '已通过',
+    reject: '驳回',
+    confirmApprove: '确定审核通过该出库单吗？',
+    confirmReject: '确定驳回该出库单吗？',
+    approveSuccess: '审核通过',
+    rejectSuccess: '已驳回',
+    deleteSuccess: '删除成功',
+    empty: '暂无出库单据',
+    createTitle: '新增备件出库'
   }
 }
diff --git a/src/pages.json b/src/pages.json
index f4c1a77..169b348 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -388,6 +388,20 @@
             "navigationStyle": "custom"
           }
         },
+        {
+          "path": "sparepartOutbound/index",
+          "style": {
+            "navigationBarTitleText": "备件出库",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "sparepartOutbound/create",
+          "style": {
+            "navigationBarTitleText": "新增备件出库",
+            "navigationStyle": "custom"
+          }
+        },
 
         {
           "path": "keypart/index",
diff --git a/src/pages_function/pages/sparepartInbound/create.vue b/src/pages_function/pages/sparepartInbound/create.vue
index 9c9c8ad..6bafaee 100644
--- a/src/pages_function/pages/sparepartInbound/create.vue
+++ b/src/pages_function/pages/sparepartInbound/create.vue
@@ -30,8 +30,8 @@
           <!-- 左侧图片区 -->
           <view class="card-image-wrap">
             <image
-              v-if="selectedSparepart.imageUrl"
-              :src="selectedSparepart.imageUrl"
+              v-if="sparepartImage"
+              :src="sparepartImage"
               class="card-image"
               mode="aspectFill"
             />
@@ -107,17 +107,16 @@
           </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="select-row-card">
           <view class="full-dropdown">
-            <text :class="{ placeholder: !supplierInfo.name }">
-              {{ supplierInfo.name || '请选择供应商' }}
+            <text :class="{ placeholder: !defaultSupplierName }">
+              {{ defaultSupplierName || '未配置默认供应商' }}
             </text>
-            <text class="dropdown-arrow">▼</text>
           </view>
         </view>
 
@@ -236,12 +235,37 @@ 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'
+import { getSparepartDetail } from '@/api/mes/sparepart'
 
 const { t } = useI18n()
 
 const selectedSparepart = ref({})
 const inboundQty = ref(null)
-const supplierInfo = ref({})
+
+// 备件默认供应商（从备件数据中取）
+const defaultSupplierName = computed(() => {
+  const suppliers = selectedSparepart.value.suppliers
+  const defaultId = selectedSparepart.value.defaultSupplierId
+  if (!suppliers || !suppliers.length) return ''
+  if (defaultId) {
+    const found = suppliers.find(s => s.supplierId === defaultId || s.id === defaultId)
+    if (found) return found.supplierName || ''
+  }
+  // 没配默认供应商，取第一个标记为默认的
+  const firstDefault = suppliers.find(s => s.defaultStatus === 1)
+  return firstDefault?.supplierName || ''
+})
+const defaultSupplierId = computed(() => {
+  const suppliers = selectedSparepart.value.suppliers
+  const defaultId = selectedSparepart.value.defaultSupplierId
+  if (!suppliers || !suppliers.length) return undefined
+  if (defaultId) {
+    const found = suppliers.find(s => s.supplierId === defaultId || s.id === defaultId)
+    if (found) return found.supplierId || found.id
+  }
+  const firstDefault = suppliers.find(s => s.defaultStatus === 1)
+  return firstDefault?.supplierId || firstDefault?.id
+})
 
 // 经办人下拉
 const operatorOptions = ref([])
@@ -259,6 +283,14 @@ const selectedArea = ref(null)
 const showAreaDropdown = ref(false)
 const loadingAreas = ref(false)
 
+// 备件图片（后端返回 images 字段，逗号分隔多图 URL，取第一张）
+const sparepartImage = computed(() => {
+  const images = selectedSparepart.value.images
+  if (!images) return ''
+  if (Array.isArray(images)) return String(images[0] || '')
+  return String(images).split(',')[0]?.trim() || ''
+})
+
 // 折算后库存数量
 const calculatedStock = computed(() => {
   const qty = Number(inboundQty.value) || 0
@@ -308,10 +340,6 @@ function handleSelectSparepart() {
   })
 }
 
-function handleSelectSupplier() {
-  uni.showToast({ title: '选择供应商功能开发中', icon: 'none' })
-}
-
 function toggleOperatorDropdown() {
   showOperatorDropdown.value = !showOperatorDropdown.value
 }
@@ -422,7 +450,7 @@ async function handleSubmit() {
     isCode: true,
     inTime: Date.now(),
     stockUserId: String(selectedOperator.value.value),
-    supplierId: undefined,
+    supplierId: defaultSupplierId.value,
     status: 0,
     totalCount: count,
     totalPrice: 0,
@@ -457,10 +485,25 @@ async function handleSubmit() {
   }
 }
 
-onShow(() => {
+onShow(async () => {
   const selectResult = getApp().globalData?._sparepartSelectResult
   if (selectResult) {
     selectedSparepart.value = selectResult
+    console.log('[sparepartInbound] 已选备件 suppliers:', JSON.stringify(selectResult.suppliers))
+    console.log('[sparepartInbound] 已选备件 defaultSupplierId:', selectResult.defaultSupplierId)
+    // 补充获取备件详情（含供应商、图片等）
+    if (selectResult.id) {
+      try {
+        const res = await getSparepartDetail(selectResult.id)
+        const detail = res?.data || res
+        if (detail && detail.suppliers) {
+          console.log('[sparepartInbound] 详情接口 suppliers:', JSON.stringify(detail.suppliers))
+          selectedSparepart.value = { ...selectedSparepart.value, ...detail }
+        }
+      } catch (e) {
+        console.error('获取备件详情失败:', e)
+      }
+    }
     inboundQty.value = null
     getApp().globalData._sparepartSelectResult = null
   }
diff --git a/src/pages_function/pages/sparepartOutbound/create.vue b/src/pages_function/pages/sparepartOutbound/create.vue
new file mode 100644
index 0000000..005d667
--- /dev/null
+++ b/src/pages_function/pages/sparepartOutbound/create.vue
@@ -0,0 +1,711 @@
+<template>
+  <view class="page-container">
+    <NavBar :title="t('sparepartOutbound.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">扫备件码</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">选择备件</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">已选备件</text>
+      </view>
+      <view class="sparepart-card">
+        <view class="card-top">
+          <view class="card-image-wrap">
+            <image
+              v-if="sparepartImage"
+              :src="sparepartImage"
+              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>
+      </view>
+
+      <!-- 出库用途 -->
+      <view class="section-title-bar" style="padding-top: 24rpx;">
+        <view class="section-bar-line"></view>
+        <text class="section-title">出库用途</text>
+      </view>
+      <view class="purpose-card">
+        <view 
+          class="purpose-item" 
+          :class="{ active: selectedPurpose === 'repair' }"
+          @click="setPurpose('repair')"
+        >
+          <text class="iconfont icon-repair purpose-icon"></text>
+          <text class="purpose-text">维修领用</text>
+        </view>
+        <view 
+          class="purpose-item" 
+          :class="{ active: selectedPurpose === 'maintain' }"
+          @click="setPurpose('maintain')"
+        >
+          <text class="iconfont icon-shield purpose-icon"></text>
+          <text class="purpose-text">保养领用</text>
+        </view>
+      </view>
+
+      <!-- 关联信息（维修领用/保养领用） -->
+      <view v-if="selectedPurpose === 'repair' || selectedPurpose === 'maintain'" class="section-title-bar" style="padding-top: 24rpx;">
+        <view class="section-bar-line"></view>
+        <text class="section-title">关联信息</text>
+      </view>
+      <view v-if="selectedPurpose === 'repair' || selectedPurpose === 'maintain'" 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="toggleDeviceDropdown">
+              <view class="dropdown-input">
+                <text :class="['dropdown-value', { placeholder: !selectedDevice }]">{{ selectedDevice ? selectedDevice.label : '请选择' }}</text>
+                <text class="dropdown-arrow">▼</text>
+              </view>
+              <view v-if="showDeviceDropdown" class="dropdown-panel">
+                <scroll-view scroll-y class="dropdown-scroll">
+                  <view v-for="item in deviceOptions" :key="item.value" class="dropdown-item" :class="{ active: selectedDevice?.value === item.value }" @click.stop="handleSelectDevice(item)">
+                    <text class="dropdown-item-text">{{ item.label }}</text>
+                    <text v-if="selectedDevice?.value === item.value" class="dropdown-check">✓</text>
+                  </view>
+                  <view v-if="!deviceOptions.length" class="dropdown-empty">暂无设备数据</view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+          <view class="warehouse-area-row">
+            <text class="warehouse-area-label">{{ selectedPurpose === 'repair' ? '维修单号' : '保养单号' }}</text>
+            <view class="warehouse-area-dropdown" @click="toggleOrderDropdown">
+              <view class="dropdown-input">
+                <text :class="['dropdown-value', { placeholder: !currentOrder }]">{{ currentOrder ? currentOrder.label : '请选择' }}</text>
+                <text class="dropdown-arrow">▼</text>
+              </view>
+              <view v-if="showOrderDropdown" class="dropdown-panel">
+                <scroll-view scroll-y class="dropdown-scroll">
+                  <view v-for="item in currentOrderOptions" :key="item.value" class="dropdown-item" :class="{ active: currentOrder?.value === item.value }" @click.stop="handleSelectOrder(item)">
+                    <text class="dropdown-item-text">{{ item.label }}</text>
+                    <text v-if="currentOrder?.value === item.value" class="dropdown-check">✓</text>
+                  </view>
+                  <view v-if="!currentOrderOptions.length" class="dropdown-empty">{{ selectedPurpose === 'repair' ? '暂无维修单' : '暂无保养单' }}</view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 出库数量 -->
+      <view class="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="outboundQty"
+              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">
+            {{ outboundQty || 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="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>
+    </view>
+
+    <!-- 空状态 -->
+    <view v-else class="empty-wrap">
+      <text class="empty-text">请扫码或选择备件</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 } from '@/api/mes/moldget'
+import { getDeviceLedgerList } from '@/api/mes/moldoperate'
+import { getEquipmentRepairListByDeviceId, getEquipmentMaintenanceByDeviceId } from '@/api/mes/equipment'
+import { getDvRepairPage } from '@/api/mes/dvrepair'
+import { getSparepartDetail } from '@/api/mes/sparepart'
+
+const { t } = useI18n()
+
+const selectedSparepart = ref({})
+const outboundQty = ref(null)
+const selectedPurpose = ref('repair')
+
+function setPurpose(value) {
+  selectedPurpose.value = value
+  // 切换用途时清空关联信息
+  selectedDevice.value = null
+  selectedRepairOrder.value = null
+  selectedMaintainOrder.value = null
+  repairOrderOptions.value = []
+  maintainOrderOptions.value = []
+}
+
+// 关联信息 - 设备下拉
+const deviceOptions = ref([])
+const selectedDevice = ref(null)
+const showDeviceDropdown = ref(false)
+
+// 维修单下拉
+const repairOrderOptions = ref([])
+const selectedRepairOrder = ref(null)
+
+// 保养单下拉
+const maintainOrderOptions = ref([])
+const selectedMaintainOrder = ref(null)
+
+// 通用的订单下拉显示状态（根据当前用途自动切换）
+const showOrderDropdown = ref(false)
+const currentOrder = computed(() =>
+  selectedPurpose.value === 'repair' ? selectedRepairOrder.value : selectedMaintainOrder.value
+)
+const currentOrderOptions = computed(() =>
+  selectedPurpose.value === 'repair' ? repairOrderOptions.value : maintainOrderOptions.value
+)
+
+// 经办人下拉
+const operatorOptions = ref([])
+const selectedOperator = ref(null)
+const showOperatorDropdown = ref(false)
+
+// 备件图片（后端返回 images 字段，逗号分隔多图 URL，取第一张）
+const sparepartImage = computed(() => {
+  const images = selectedSparepart.value.images
+  if (!images) return ''
+  if (Array.isArray(images)) return String(images[0] || '')
+  return String(images).split(',')[0]?.trim() || ''
+})
+
+// 折算后库存数量
+const calculatedStock = computed(() => {
+  const qty = Number(outboundQty.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)
+      uni.showToast({ title: '扫码成功: ' + res.result, icon: 'none' })
+    },
+    fail: () => {
+      uni.showToast({ title: '扫码失败', icon: 'none' })
+    }
+  })
+}
+
+function handleCancel() {
+  uni.navigateBack()
+}
+
+function handleSelectSparepart() {
+  uni.navigateTo({
+    url: '/pages_function/pages/sparepartInbound/sparepartSelect'
+  })
+}
+
+// 设备下拉
+function toggleDeviceDropdown() {
+  showDeviceDropdown.value = !showDeviceDropdown.value
+}
+
+async function handleSelectDevice(item) {
+  selectedDevice.value = item
+  showDeviceDropdown.value = false
+  // 切换设备时清空之前的订单选择
+  selectedRepairOrder.value = null
+  selectedMaintainOrder.value = null
+  repairOrderOptions.value = []
+  maintainOrderOptions.value = []
+  // 根据当前用途加载对应订单
+  if (selectedPurpose.value === 'repair') {
+    loadRepairOrders(item.deviceCode)
+  } else {
+    loadMaintainOrders(item.deviceCode)
+  }
+}
+
+async function loadDevices() {
+  try {
+    const res = await getDeviceLedgerList({ pageNo: 1, pageSize: 100 })
+    const data = res && res.data !== undefined ? res.data : res
+    let list = []
+    if (Array.isArray(data)) { list = data }
+    else if (data && Array.isArray(data.data)) { list = data.data }
+    else if (data && data.data && Array.isArray(data.data.list)) { list = data.data.list }
+    else if (data && data.data && Array.isArray(data.data.rows)) { list = data.data.rows }
+    else if (data && data.data && Array.isArray(data.data.records)) { list = data.data.records }
+    else if (data && Array.isArray(data.list)) { list = data.list }
+    else if (data && Array.isArray(data.rows)) { list = data.rows }
+    else if (data && Array.isArray(data.records)) { list = data.records }
+    deviceOptions.value = list.map((d) => ({
+      value: d.id,
+      label: d.name || d.deviceName || d.deviceCode || String(d.id || ''),
+      deviceCode: d.deviceCode || d.code || '',   // 用于查询维修单
+      deviceName: d.name || d.deviceName || ''
+    }))
+  } catch (e) {
+    console.error('loadDevices error', e)
+  }
+}
+
+// 订单下拉（维修单/保养单）——根据当前用途自动切换
+function toggleOrderDropdown() {
+  if (!selectedDevice.value) return
+  showOrderDropdown.value = !showOrderDropdown.value
+}
+
+function handleSelectOrder(item) {
+  if (selectedPurpose.value === 'repair') {
+    selectedRepairOrder.value = item
+  } else {
+    selectedMaintainOrder.value = item
+  }
+  showOrderDropdown.value = false
+}
+
+// 保养单列表（根据设备编码加载）
+async function loadMaintainOrders(deviceCode) {
+  if (!deviceCode) {
+    const deviceId = selectedDevice.value?.value
+    if (deviceId) await loadMaintainOrdersById(deviceId)
+    return
+  }
+  try {
+    // 保养单用设备ID接口，暂不支持设备编码
+    const deviceId = selectedDevice.value?.value
+    if (deviceId) await loadMaintainOrdersById(deviceId)
+  } catch (e) {
+    console.error('loadMaintainOrders error', e)
+  }
+}
+
+async function loadMaintainOrdersById(deviceId) {
+  if (!deviceId) return
+  try {
+    const res = await getEquipmentMaintenanceByDeviceId(deviceId)
+    const data = res && res.data !== undefined ? res.data : res
+    let list = []
+    if (Array.isArray(data)) { list = data }
+    else if (data && Array.isArray(data.data)) { list = data.data }
+    else if (data && data.data && Array.isArray(data.data.list)) { list = data.data.list }
+    else if (data && data.data && Array.isArray(data.data.rows)) { list = data.data.rows }
+    else if (data && data.data && Array.isArray(data.data.records)) { list = data.data.records }
+    else if (data && Array.isArray(data.list)) { list = data.list }
+    else if (data && Array.isArray(data.rows)) { list = data.rows }
+    else if (data && Array.isArray(data.records)) { list = data.records }
+    maintainOrderOptions.value = list.map((m) => ({
+      value: m.id,
+      label: m.maintenanceCode || m.code || m.maintenanceNo || m.no || String(m.id || '')
+    }))
+    console.log('保养单列表:', JSON.stringify(maintainOrderOptions.value))
+  } catch (e) {
+    console.error('loadMaintainOrdersById error', e)
+  }
+}
+
+// 维修单列表（用分页接口获取所有状态的维修单）
+async function loadRepairOrders(deviceCode) {
+  if (!deviceCode) {
+    // 如果没有设备编码，尝试用设备ID调用旧接口
+    const deviceId = selectedDevice.value?.value
+    if (deviceId) await loadRepairOrdersById(deviceId)
+    return
+  }
+  try {
+    const res = await getDvRepairPage({ machineryCode: deviceCode, pageNo: 1, pageSize: 100 })
+    const root = res && res.data !== undefined ? res.data : res
+    let list = []
+    if (Array.isArray(root)) { list = root }
+    else if (root && Array.isArray(root.data)) { list = root.data }
+    else if (root && root.data && Array.isArray(root.data.list)) { list = root.data.list }
+    else if (root && root.data && Array.isArray(root.data.rows)) { list = root.data.rows }
+    else if (root && root.data && Array.isArray(root.data.records)) { list = root.data.records }
+    else if (root && Array.isArray(root.list)) { list = root.list }
+    else if (root && Array.isArray(root.rows)) { list = root.rows }
+    repairOrderOptions.value = list.map((r) => ({
+      value: r.id,
+      label: r.repairCode || r.repairName || r.subjectName || String(r.id || '')
+    }))
+    console.log('维修单列表(分页):', JSON.stringify(repairOrderOptions.value))
+  } catch (e) {
+    console.error('loadRepairOrdersByDeviceCode error', e)
+  }
+}
+
+// 兜底：用设备ID查（如果设备编码不存在）
+async function loadRepairOrdersById(deviceId) {
+  if (!deviceId) return
+  try {
+    const res = await getEquipmentRepairListByDeviceId(deviceId)
+    const data = res && res.data !== undefined ? res.data : res
+    let list = []
+    if (Array.isArray(data)) { list = data }
+    else if (data && Array.isArray(data.data)) { list = data.data }
+    else if (data && data.data && Array.isArray(data.data.list)) { list = data.data.list }
+    else if (data && data.data && Array.isArray(data.data.rows)) { list = data.data.rows }
+    else if (data && data.data && Array.isArray(data.data.records)) { list = data.data.records }
+    else if (data && Array.isArray(data.list)) { list = data.list }
+    else if (data && Array.isArray(data.rows)) { list = data.rows }
+    else if (data && Array.isArray(data.records)) { list = data.records }
+    repairOrderOptions.value = list.map((r) => ({
+      value: r.id,
+      label: r.repairName || r.repairCode || r.subjectName || String(r.id || '')
+    }))
+    console.log('维修单列表(设备ID):', JSON.stringify(repairOrderOptions.value))
+  } catch (e) {
+    console.error('loadRepairOrdersById error', e)
+  }
+}
+
+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)
+  }
+}
+
+async function handleSubmit() {
+  if (!selectedSparepart.value.id) {
+    uni.showToast({ title: '请先选择备件', icon: 'none' })
+    return
+  }
+  if (!outboundQty.value || Number(outboundQty.value) <= 0) {
+    uni.showToast({ title: '请输入出库数量', icon: 'none' })
+    return
+  }
+  if (!selectedOperator.value) {
+    uni.showToast({ title: '请选择经办人', icon: 'none' })
+    return
+  }
+  if (!selectedPurpose.value) {
+    uni.showToast({ title: '请选择出库用途', icon: 'none' })
+    return
+  }
+  // TODO: 调用出库提交接口（后续补充）
+  uni.showToast({ title: t('functionCommon.createSuccess'), icon: 'success' })
+}
+
+onShow(async () => {
+  const selectResult = getApp().globalData?._sparepartSelectResult
+  if (selectResult) {
+    selectedSparepart.value = selectResult
+    // 补充获取备件详情（含供应商、图片等）
+    if (selectResult.id) {
+      try {
+        const res = await getSparepartDetail(selectResult.id)
+        const detail = res?.data || res
+        if (detail && detail.suppliers) {
+          selectedSparepart.value = { ...selectedSparepart.value, ...detail }
+        }
+      } catch (e) {
+        console.error('获取备件详情失败:', e)
+      }
+    }
+    outboundQty.value = null
+    getApp().globalData._sparepartSelectResult = null
+  }
+  loadOperators()
+  loadDevices()
+})
+
+onHide(() => {
+  showOperatorDropdown.value = false
+  showDeviceDropdown.value = false
+  showOrderDropdown.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-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; }
+
+/* ====== 出库用途 ====== */
+.purpose-card {
+  display: flex;
+  gap: 20rpx;
+  margin: 0 24rpx 20rpx;
+}
+
+.purpose-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12rpx;
+  height: 92rpx;
+  background: #fff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 14rpx;
+  font-size: 28rpx;
+  color: #6b7280;
+  transition: all 0.2s;
+
+  &.active {
+    border-color: #2563eb;
+    background: #eff6ff;
+    color: #2563eb;
+    font-weight: 600;
+  }
+}
+
+.purpose-icon {
+  font-size: 32rpx;
+}
+
+.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);
+}
+
+.warehouse-area-rows { width: 100%; display: flex; flex-direction: column; gap: 16rpx; }
+.warehouse-area-row { display: flex; align-items: center; }
+.warehouse-area-label { width: 120rpx; 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: 200; margin-top: 4rpx; background: #fff; border: 1rpx solid #e0e0e0; border-radius: 12rpx; box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.15); overflow: hidden; }
+}
+.warehouse-area-card { align-items: flex-start; }
+
+.full-dropdown {
+  display: flex; align-items: center; justify-content: space-between;
+  width: 100%; font-size: 28rpx; color: #374151;
+  .placeholder { color: #9ca3af; }
+}
+
+.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/sparepartOutbound/index.vue b/src/pages_function/pages/sparepartOutbound/index.vue
new file mode 100644
index 0000000..985b2a6
--- /dev/null
+++ b/src/pages_function/pages/sparepartOutbound/index.vue
@@ -0,0 +1,594 @@
+<template>
+  <view class="page-container">
+    <NavBar :title="t('sparepartOutbound.moduleName')" />
+
+    <!-- 搜索栏 -->
+    <view class="filter-bar">
+      <view class="keyword-box">
+        <input
+          v-model="searchKeyword"
+          class="keyword-input"
+          :placeholder="t('sparepartOutbound.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('sparepartOutbound.sparepartInfo') }}</text>
+              <text class="value">{{ textValue(item.productNames) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartOutbound.outboundTime') }}</text>
+              <text class="value">{{ formatDateTime(item.outTime || item.createTime) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartOutbound.creator') }}</text>
+              <text class="value">{{ textValue(item.creatorName || item.creator) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartOutbound.quantity') }}</text>
+              <text class="value highlight">{{ textValue(item.totalCount) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('sparepartOutbound.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('sparepartOutbound.approve') }}</view>
+            <view class="action-btn reject-btn" @click.stop="handleReject(item)">{{ t('sparepartOutbound.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('sparepartOutbound.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 { getSparepartOutboundPage, auditSparepartOutbound } from '@/api/mes/sparepartOutbound'
+
+const { t } = useI18n()
+
+const selectedStatus = ref('')
+const searchKeyword = ref('')
+
+const statusOptions = computed(() => [
+  { label: t('functionCommon.all'), value: '' },
+  { label: t('sparepartOutbound.tabPending'), value: '0' },
+  { label: t('sparepartOutbound.tabAuditing'), value: '10' },
+  { label: t('sparepartOutbound.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 getSparepartOutboundPage(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/sparepartOutbound/detail?id=${encodeURIComponent(String(item.id))}`
+  })
+}
+
+async function handleApprove(item) {
+  if (!item?.id) return
+  uni.showModal({
+    title: t('functionCommon.confirmTitle'),
+    content: t('sparepartOutbound.confirmApprove'),
+    confirmColor: '#16a34a',
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await auditSparepartOutbound({ id: item.id, status: 20 })
+          uni.showToast({ title: t('sparepartOutbound.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('sparepartOutbound.confirmReject'),
+    confirmColor: '#dc2626',
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await auditSparepartOutbound({ id: item.id, status: 1 })
+          uni.showToast({ title: t('sparepartOutbound.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/sparepartOutbound/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_mine/pages/setting/index.vue b/src/pages_mine/pages/setting/index.vue
index e749f95..503daab 100644
--- a/src/pages_mine/pages/setting/index.vue
+++ b/src/pages_mine/pages/setting/index.vue
@@ -178,7 +178,7 @@ function dialogClose() {
 
 .server-address-text {
   max-width: 400rpx;
-  text-align: right;
+  // text-align: right;
   word-break: break-all;
 }
 </style>
diff --git a/src/utils/permissionMenu.js b/src/utils/permissionMenu.js
index ef56ef7..60de1a1 100644
--- a/src/utils/permissionMenu.js
+++ b/src/utils/permissionMenu.js
@@ -1,3 +1,4 @@
+import { getCurrentLocale } from '@/locales'
 
 const DIRECT_ROUTE_PREFIXES = ['pages/', 'page_', 'pages_']
 
@@ -88,6 +89,8 @@ const MENU_ROUTE_MAP = {
   equipment: '/pages_function/pages/equipment/index',
   spare: '/pages_function/pages/spare/index',
   sparepartInbound: '/pages_function/pages/sparepartInbound/index',
+  sparepartoutbound: '/pages_function/pages/sparepartOutbound/index',
+  '备件出库': '/pages_function/pages/sparepartOutbound/index',
   sparepartinbound: '/pages_function/pages/sparepartInbound/index',
   sparepartIn: '/pages_function/pages/sparepartInbound/index',
   '备件入库': '/pages_function/pages/sparepartInbound/index',
@@ -189,7 +192,7 @@ export function getConfigurableNavMenus(menus) {
 
 export function buildNavMenuViewModels(menus) {
   return getConfigurableNavMenus(menus).map((menu, index) => {
-    const displayName = String(menu.name || menu.enName || '').trim() || `菜单${index + 1}`
+    const displayName = getLocalizedMenuName(menu, `菜单${index + 1}`)
     return {
       ...menu,
       displayName,
@@ -332,13 +335,22 @@ export function getMenuSymbol(name, index) {
   return MENU_SYMBOLS[index % MENU_SYMBOLS.length]
 }
 
+export function getLocalizedMenuName(menu, fallback = '') {
+  const name = String(menu?.name || '').trim()
+  const enName = String(menu?.enName || '').trim()
+  if (getCurrentLocale() === 'en-US') {
+    return enName || name || fallback
+  }
+  return name || enName || fallback
+}
+
 export function syncTabBarMenus(menus, options = {}) {
   const reportMenu = findTabMenuByPage(menus, 'pages/report')
   const workMenu = findTabMenuByPage(menus, 'pages/work')
   return [
     options.homeText || '首页',
-    reportMenu?.name || options.reportFallback || '报表',
-    workMenu?.name || reportMenu?.name || options.workFallback || '管理',
+    getLocalizedMenuName(reportMenu, options.reportFallback || '报表'),
+    getLocalizedMenuName(workMenu, getLocalizedMenuName(reportMenu, options.workFallback || '管理')),
     options.mineText || '我的'
   ]
 }