From bdd15e5104b1f3d73f4503a09ad18f55b09e35d7 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Tue, 19 May 2026 11:13:36 +0800
Subject: [PATCH] =?UTF-8?q?refactor=EF=BC=9A=E9=87=8D=E6=9E=84navbar?=
 =?UTF-8?q?=EF=BC=8C=E6=94=B9=E7=94=A8uview-plus=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/AppTitleHeader.vue      | 108 ---------------
 src/components/common/NavBar.vue              | 128 ++++++------------
 .../pages/criticalComponent/detail.vue        |   4 +-
 .../pages/criticalComponent/index.vue         |   4 +-
 src/pages_function/pages/equipment/detail.vue |   4 +-
 src/pages_function/pages/equipment/index.vue  |   4 +-
 .../pages/equipmentCategory/detail.vue        |   4 +-
 .../pages/equipmentCategory/index.vue         |   4 +-
 .../pages/equipmentLedger/detail.vue          |   4 +-
 .../pages/equipmentLedger/index.vue           |   4 +-
 src/pages_function/pages/keypart/detail.vue   |   4 +-
 src/pages_function/pages/keypart/index.vue    |   4 +-
 .../pages/materialCategory/detail.vue         |   4 +-
 .../pages/materialCategory/index.vue          |   4 +-
 .../pages/materialInfo/detail.vue             |   4 +-
 .../pages/materialInfo/index.vue              |   4 +-
 src/pages_function/pages/mold/detail.vue      |   4 +-
 src/pages_function/pages/mold/index.vue       |   4 +-
 .../pages/moldInspectionItems/detail.vue      |   4 +-
 .../pages/moldInspectionItems/index.vue       |   4 +-
 .../pages/moldInspectionPlan/detail.vue       |   4 +-
 .../pages/moldInspectionPlan/index.vue        |   4 +-
 .../pages/moldLedger/detail.vue               |   4 +-
 src/pages_function/pages/moldLedger/index.vue |   4 +-
 .../pages/moldTaskConfiguration/detail.vue    |   4 +-
 .../pages/moldTaskConfiguration/index.vue     |   4 +-
 src/pages_function/pages/moldType/detail.vue  |   4 +-
 src/pages_function/pages/moldType/index.vue   |   4 +-
 .../pages/moldWorkOrderInquiry/detail.vue     |   4 +-
 .../pages/moldWorkOrderInquiry/index.vue      |   4 +-
 src/pages_function/pages/moldget/detail.vue   |   4 +-
 src/pages_function/pages/moldget/index.vue    |   4 +-
 .../pages/moldoperate/detail.vue              |   4 +-
 .../pages/moldoperate/index.vue               |   4 +-
 .../pages/moldreturn/detail.vue               |   4 +-
 src/pages_function/pages/moldreturn/index.vue |   4 +-
 src/pages_function/pages/product/detail.vue   |   4 +-
 src/pages_function/pages/product/index.vue    |   4 +-
 .../pages/productBom/detail.vue               |   4 +-
 src/pages_function/pages/productBom/index.vue |   4 +-
 src/pages_function/pages/spare/detail.vue     |   4 +-
 src/pages_function/pages/spare/index.vue      |   4 +-
 42 files changed, 123 insertions(+), 273 deletions(-)
 delete mode 100644 src/components/common/AppTitleHeader.vue

diff --git a/src/components/common/AppTitleHeader.vue b/src/components/common/AppTitleHeader.vue
deleted file mode 100644
index b3d7f87..0000000
--- a/src/components/common/AppTitleHeader.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <view>
-    <view class="header-section">
-      <view class="header-main">
-        <view class="back-btn" @click="handleBack">
-          <text class="back-icon">‹</text>
-        </view>
-        <view class="header-title-wrap">
-          <text class="header-title">{{ translatedTitle }}</text>
-        </view>
-        <view class="header-placeholder"></view>
-      </view>
-    </view>
-    <view v-if="showSubTitle && subTitle" class="header-subtitle-wrap">
-      <text class="header-desc">{{ translatedSubTitle }}</text>
-    </view>
-  </view>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-import { translateLiteral } from '@/locales'
-
-const props = defineProps({
-  title: {
-    type: String,
-    default: ''
-  },
-  subTitle: {
-    type: String,
-    default: ''
-  },
-  showSubTitle: {
-    type: Boolean,
-    default: false
-  }
-})
-
-const emit = defineEmits(['back'])
-
-const translatedTitle = computed(() => translateLiteral(props.title))
-const translatedSubTitle = computed(() => translateLiteral(props.subTitle))
-
-function handleBack() {
-  emit('back')
-  uni.navigateBack()
-}
-</script>
-
-<style lang="scss" scoped>
-.header-section {
-  --status-top: var(--status-bar-height, 0px);
-  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
-  padding: calc(14rpx + var(--status-top)) 24rpx 20rpx;
-  position: relative;
-}
-
-.header-main {
-  display: flex;
-  align-items: center;
-  min-height: 72rpx;
-}
-
-.back-btn {
-  width: 72rpx;
-  height: 72rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.back-icon {
-  font-size: 56rpx;
-  line-height: 1;
-  color: #ffffff;
-  font-weight: 500;
-}
-
-.header-title-wrap {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.header-title {
-  font-size: 34rpx;
-  font-weight: 700;
-  color: #ffffff;
-}
-
-.header-placeholder {
-  width: 72rpx;
-  height: 72rpx;
-}
-
-.header-subtitle-wrap {
-  margin-top: 14rpx;
-  padding-left: 16rpx;
-}
-
-.header-desc {
-  display: block;
-  font-size: 34rpx;
-  font-weight: 700;
-  color: #1a3a5c;
-}
-</style>
diff --git a/src/components/common/NavBar.vue b/src/components/common/NavBar.vue
index ace2e82..f3aec09 100644
--- a/src/components/common/NavBar.vue
+++ b/src/components/common/NavBar.vue
@@ -1,18 +1,23 @@
 <template>
-  <view class="custom-navbar" :style="navbarStyle">
-    <view class="navbar-status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
-    <view class="navbar-body" :style="{ height: navBodyHeight + 'px' }">
-      <view class="navbar-left">
-        <view v-if="showBackBtn" class="back-btn" @click="handleBack">
-          <uni-icons type="arrow-left" :size="20" :color="textColor"></uni-icons>
-        </view>
-      </view>
-      <view class="navbar-center">
-        <text class="navbar-title" :style="{ color: textColor }">{{ translatedTitle }}</text>
-      </view>
-      <view class="navbar-right">
+  <view>
+    <up-navbar
+      :title="translatedTitle"
+      :bgColor="navbarBgColor"
+      :titleStyle="titleStyleObj"
+      :leftIcon="showBackBtn ? 'arrow-left' : ''"
+      :leftIconColor="navTextColor"
+      :leftIconSize="20"
+      :autoBack="false"
+      :placeholder="true"
+      :safeAreaInsetTop="true"
+      @leftClick="handleBack"
+    >
+      <template #right>
         <slot name="right"></slot>
-      </view>
+      </template>
+    </up-navbar>
+    <view v-if="subTitle" class="navbar-subtitle-wrap">
+      <text class="navbar-subtitle">{{ translatedSubTitle }}</text>
     </view>
   </view>
 </template>
@@ -30,6 +35,10 @@ const props = defineProps({
     type: String,
     default: ''
   },
+  subTitle: {
+    type: String,
+    default: ''
+  },
   backgroundColor: {
     type: String,
     default: '#22486e'
@@ -44,17 +53,8 @@ const props = defineProps({
   }
 })
 
-const systemInfo = uni.getSystemInfoSync()
-const statusBarHeight = ref(systemInfo.statusBarHeight || 0)
 const currentPagesLength = ref(1)
 
-const navBodyHeight = computed(() => {
-  const platform = systemInfo.platform || ''
-  if (platform === 'android') return 48
-  if (platform === 'ios') return 44
-  return 44
-})
-
 const isLoginPage = computed(() => {
   const pages = getCurrentPages()
   if (pages && pages.length > 0) {
@@ -68,19 +68,24 @@ const showBackBtn = computed(() => {
   return currentPagesLength.value > 1
 })
 
-const navbarStyle = computed(() => {
-  const bg = isLoginPage.value ? '#ffffff' : props.backgroundColor
-  return {
-    backgroundColor: bg,
-    paddingTop: '0px'
-  }
+const navbarBgColor = computed(() => {
+  return isLoginPage.value ? '#ffffff' : props.backgroundColor
+})
+
+const navTextColor = computed(() => {
+  return isLoginPage.value ? '#000000' : props.textColor
 })
 
 const translatedTitle = computed(() => translateLiteral(props.title))
 
-const textColor = computed(() => {
-  if (isLoginPage.value) return '#000000'
-  return props.textColor
+const translatedSubTitle = computed(() => translateLiteral(props.subTitle))
+
+const titleStyleObj = computed(() => {
+  return {
+    color: navTextColor.value,
+    fontWeight: '700',
+    fontSize: '34rpx'
+  }
 })
 
 onShow(() => {
@@ -89,6 +94,7 @@ onShow(() => {
 })
 
 function handleBack() {
+  if (!showBackBtn.value) return
   uni.navigateBack({
     fail: () => {
       uni.reLaunch({
@@ -100,62 +106,14 @@ function handleBack() {
 </script>
 
 <style lang="scss" scoped>
-.custom-navbar {
-  position: relative;
-  width: 100%;
-  z-index: 0;
-}
-
-.navbar-body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16rpx;
-  position: relative;
-}
-
-.navbar-left,
-.navbar-right {
-  width: 120rpx;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-}
-
-.navbar-left {
-  justify-content: flex-start;
-}
-
-.back-btn {
-  display: flex;
-  align-items: center;
-  padding: 8rpx 12rpx;
-  border-radius: 8rpx;
+.navbar-subtitle-wrap {
+  padding: 14rpx 24rpx 20rpx;
+  background: #ffffff;
 }
 
-.back-text {
-  font-size: 28rpx;
-  line-height: 1;
-  margin-left: 4rpx;
-}
-
-.navbar-center {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  overflow: hidden;
-  max-width: calc(100% - 240rpx);
-}
-
-.navbar-title {
+.navbar-subtitle {
   font-size: 34rpx;
   font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.navbar-right {
-  justify-content: flex-end;
+  color: #1a3a5c;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages_function/pages/criticalComponent/detail.vue b/src/pages_function/pages/criticalComponent/detail.vue
index 62c48c3..ac72026 100644
--- a/src/pages_function/pages/criticalComponent/detail.vue
+++ b/src/pages_function/pages/criticalComponent/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('criticalComponent.detailTitle')" />
+      <NavBar :title="t('criticalComponent.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -53,7 +53,7 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getCriticalComponent } from '@/api/mes/criticalComponent'
 
 const { t } = useI18n()
diff --git a/src/pages_function/pages/criticalComponent/index.vue b/src/pages_function/pages/criticalComponent/index.vue
index 11675c9..86b665c 100644
--- a/src/pages_function/pages/criticalComponent/index.vue
+++ b/src/pages_function/pages/criticalComponent/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('criticalComponent.moduleName')" :subTitle="t('criticalComponent.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('criticalComponent.moduleName')" :subTitle="t('criticalComponent.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -132,7 +132,7 @@
 import { ref, reactive } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getCriticalComponentPage, getCriticalComponent, createCriticalComponent, updateCriticalComponent, deleteCriticalComponent } from '@/api/mes/criticalComponent'
 
 const { t } = useI18n()
diff --git a/src/pages_function/pages/equipment/detail.vue b/src/pages_function/pages/equipment/detail.vue
index 125aaa6..537ad47 100644
--- a/src/pages_function/pages/equipment/detail.vue
+++ b/src/pages_function/pages/equipment/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="设备详情" />
+    <NavBar title="设备详情" />
 
     <view class="content-section">
       <view class="info-card">
@@ -203,7 +203,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import {
   getEquipmentDetail,
   getEquipmentInspectionByDeviceId,
diff --git a/src/pages_function/pages/equipment/index.vue b/src/pages_function/pages/equipment/index.vue
index 320654e..7f97e2e 100644
--- a/src/pages_function/pages/equipment/index.vue
+++ b/src/pages_function/pages/equipment/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="设备查询" subTitle="请选择查询方式" :showSubTitle="true" />
+    <NavBar title="设备查询" subTitle="请选择查询方式" />
 
     <view class="content-section">
       <view class="scan-section">
@@ -53,7 +53,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const equipmentCode = ref('');
 const isScanning = ref(false);
diff --git a/src/pages_function/pages/equipmentCategory/detail.vue b/src/pages_function/pages/equipmentCategory/detail.vue
index 9465707..ab81d86 100644
--- a/src/pages_function/pages/equipmentCategory/detail.vue
+++ b/src/pages_function/pages/equipmentCategory/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('equipmentCategory.detailTitle')" />
+      <NavBar :title="t('equipmentCategory.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -45,7 +45,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getDeviceType, getDeviceTypeTree } from '@/api/mes/deviceType'
 
 const { t } = useI18n()
diff --git a/src/pages_function/pages/equipmentCategory/index.vue b/src/pages_function/pages/equipmentCategory/index.vue
index c6791f2..acee949 100644
--- a/src/pages_function/pages/equipmentCategory/index.vue
+++ b/src/pages_function/pages/equipmentCategory/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('equipmentCategory.moduleName')" :subTitle="t('equipmentCategory.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('equipmentCategory.moduleName')" :subTitle="t('equipmentCategory.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -118,7 +118,7 @@
 import { ref, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getDeviceTypeTree, getDeviceType, createDeviceType, updateDeviceType, deleteDeviceType } from '@/api/mes/deviceType'
 
 const { t } = useI18n()
diff --git a/src/pages_function/pages/equipmentLedger/detail.vue b/src/pages_function/pages/equipmentLedger/detail.vue
index 46fd005..ea1d07d 100644
--- a/src/pages_function/pages/equipmentLedger/detail.vue
+++ b/src/pages_function/pages/equipmentLedger/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('equipmentLedger.detailTitle')" />
+      <NavBar :title="t('equipmentLedger.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -148,7 +148,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getDeviceLedger } from '@/api/mes/deviceLedger'
 import { getDeviceTypeTree } from '@/api/mes/deviceType'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
diff --git a/src/pages_function/pages/equipmentLedger/index.vue b/src/pages_function/pages/equipmentLedger/index.vue
index ce883a6..be75ac7 100644
--- a/src/pages_function/pages/equipmentLedger/index.vue
+++ b/src/pages_function/pages/equipmentLedger/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('equipmentLedger.moduleName')" :subTitle="t('equipmentLedger.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('equipmentLedger.moduleName')" :subTitle="t('equipmentLedger.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -186,7 +186,7 @@
 import { ref, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getDeviceLedgerPage, getDeviceLedger, createDeviceLedger, updateDeviceLedger, deleteDeviceLedger } from '@/api/mes/deviceLedger'
 import { getDeviceTypeTree } from '@/api/mes/deviceType'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
diff --git a/src/pages_function/pages/keypart/detail.vue b/src/pages_function/pages/keypart/detail.vue
index 9b8476c..1beac3c 100644
--- a/src/pages_function/pages/keypart/detail.vue
+++ b/src/pages_function/pages/keypart/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="关键件详情" />
+    <NavBar title="关键件详情" />
 
     <view class="content-section">
       <view class="info-card">
@@ -36,7 +36,7 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import request from '@/utils/request'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const keypartId = ref(undefined)
 const keypartCode = ref(undefined)
diff --git a/src/pages_function/pages/keypart/index.vue b/src/pages_function/pages/keypart/index.vue
index f78e5f6..882a06c 100644
--- a/src/pages_function/pages/keypart/index.vue
+++ b/src/pages_function/pages/keypart/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="关键件查询" subTitle="请选择查询方式" :showSubTitle="true" />
+    <NavBar title="关键件查询" subTitle="请选择查询方式" />
 
     <view class="content-section">
       <view class="scan-section">
@@ -53,7 +53,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const keypartCode = ref('');
 const isScanning = ref(false);
diff --git a/src/pages_function/pages/materialCategory/detail.vue b/src/pages_function/pages/materialCategory/detail.vue
index a75b40d..3376eec 100644
--- a/src/pages_function/pages/materialCategory/detail.vue
+++ b/src/pages_function/pages/materialCategory/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('materialCategory.detailTitle')" />
+      <NavBar :title="t('materialCategory.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -45,7 +45,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getProductCategory, getProductCategoryList } from '@/api/erp/productCategory'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/materialCategory/index.vue b/src/pages_function/pages/materialCategory/index.vue
index 4a02b6e..8266d89 100644
--- a/src/pages_function/pages/materialCategory/index.vue
+++ b/src/pages_function/pages/materialCategory/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('materialCategory.moduleName')" :subTitle="t('materialCategory.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('materialCategory.moduleName')" :subTitle="t('materialCategory.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -116,7 +116,7 @@
 import { ref, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getProductCategoryList, getProductCategorySimpleList, createProductCategory, updateProductCategory, deleteProductCategory } from '@/api/erp/productCategory'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/materialInfo/detail.vue b/src/pages_function/pages/materialInfo/detail.vue
index 483be65..9f295e0 100644
--- a/src/pages_function/pages/materialInfo/detail.vue
+++ b/src/pages_function/pages/materialInfo/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('materialInfo.detailTitle')" />
+      <NavBar :title="t('materialInfo.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -57,7 +57,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getProduct } from '@/api/erp/productInfo'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/materialInfo/index.vue b/src/pages_function/pages/materialInfo/index.vue
index 946ff30..f16ed1e 100644
--- a/src/pages_function/pages/materialInfo/index.vue
+++ b/src/pages_function/pages/materialInfo/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('materialInfo.moduleName')" :subTitle="t('materialInfo.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('materialInfo.moduleName')" :subTitle="t('materialInfo.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -149,7 +149,7 @@
 import { ref, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getProductPage, getProduct, createProduct, updateProduct, deleteProduct, getProductUnitSimpleList } from '@/api/erp/productInfo'
 import { getProductCategorySimpleList } from '@/api/erp/productCategory'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
diff --git a/src/pages_function/pages/mold/detail.vue b/src/pages_function/pages/mold/detail.vue
index 405cb83..6d61499 100644
--- a/src/pages_function/pages/mold/detail.vue
+++ b/src/pages_function/pages/mold/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="模具详情" />
+    <NavBar title="模具详情" />
 
     <view class="content-section">
       <view class="info-card">
@@ -196,7 +196,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import {
   getMoldDetail,
   getMoldInspectionByMoldId,
diff --git a/src/pages_function/pages/mold/index.vue b/src/pages_function/pages/mold/index.vue
index 6299256..45cd6f1 100644
--- a/src/pages_function/pages/mold/index.vue
+++ b/src/pages_function/pages/mold/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="模具查询" subTitle="请选择查询方式" :showSubTitle="true" />
+    <NavBar title="模具查询" subTitle="请选择查询方式" />
 
     <view class="content-section">
       <view class="scan-section">
@@ -48,7 +48,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const moldCode = ref('');
 const isScanning = ref(false);
diff --git a/src/pages_function/pages/moldInspectionItems/detail.vue b/src/pages_function/pages/moldInspectionItems/detail.vue
index f99b9cd..2de976d 100644
--- a/src/pages_function/pages/moldInspectionItems/detail.vue
+++ b/src/pages_function/pages/moldInspectionItems/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldInspectionItems.detailTitle')" />
+      <NavBar :title="t('moldInspectionItems.detailTitle')" />
     </view>
     <view class="content-section">
       <view class="info-card">
@@ -49,7 +49,7 @@
 import { reactive } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { DICT_TYPE, useDict } from '@/utils/dict'
 import { getMoldInspectionItemDetail } from '@/api/mes/moldInspectionItems'
 
diff --git a/src/pages_function/pages/moldInspectionItems/index.vue b/src/pages_function/pages/moldInspectionItems/index.vue
index 5d7c0e7..c930fb0 100644
--- a/src/pages_function/pages/moldInspectionItems/index.vue
+++ b/src/pages_function/pages/moldInspectionItems/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldInspectionItems.moduleName')" :subTitle="t('moldInspectionItems.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldInspectionItems.moduleName')" :subTitle="t('moldInspectionItems.subTitle')" />
 
     <!-- 查询区域 -->
     <view class="search-card">
@@ -125,7 +125,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { DICT_TYPE, useDict } from '@/utils/dict'
 import { getMoldInspectionItemPage, getMoldInspectionItemDetail, createMoldInspectionItem, updateMoldInspectionItem, deleteMoldInspectionItem } from '@/api/mes/moldInspectionItems'
 
diff --git a/src/pages_function/pages/moldInspectionPlan/detail.vue b/src/pages_function/pages/moldInspectionPlan/detail.vue
index 26c08f4..6145edc 100644
--- a/src/pages_function/pages/moldInspectionPlan/detail.vue
+++ b/src/pages_function/pages/moldInspectionPlan/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldInspectionPlan.detailTitle')" />
+      <NavBar :title="t('moldInspectionPlan.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -75,7 +75,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 import { getMoldInspectionPlanDetail } from '@/api/mes/moldInspectionPlan'
 
diff --git a/src/pages_function/pages/moldInspectionPlan/index.vue b/src/pages_function/pages/moldInspectionPlan/index.vue
index b05a485..079ad3e 100644
--- a/src/pages_function/pages/moldInspectionPlan/index.vue
+++ b/src/pages_function/pages/moldInspectionPlan/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldInspectionPlan.moduleName')" :subTitle="t('moldInspectionPlan.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldInspectionPlan.moduleName')" :subTitle="t('moldInspectionPlan.subTitle')" />
 
     <view class="search-card">
       <view class="search-row">
@@ -140,7 +140,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldInspectionPlanPage, createMoldInspectionPlan, updateMoldInspectionPlan, deleteMoldInspectionPlan, getMoldSubjectAllList } from '@/api/mes/moldInspectionPlan'
 
 const { t } = useI18n()
diff --git a/src/pages_function/pages/moldLedger/detail.vue b/src/pages_function/pages/moldLedger/detail.vue
index 142693e..006b6ac 100644
--- a/src/pages_function/pages/moldLedger/detail.vue
+++ b/src/pages_function/pages/moldLedger/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader title="模具台账详情" />
+      <NavBar title="模具台账详情" />
     </view>
 
     <view class="content-section">
@@ -194,7 +194,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldDetail, getMoldInspectionByMoldId, getMoldMaintenanceByMoldId, getMoldRepairListByMoldId } from '@/api/mes/mold'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/moldLedger/index.vue b/src/pages_function/pages/moldLedger/index.vue
index a410198..ca65672 100644
--- a/src/pages_function/pages/moldLedger/index.vue
+++ b/src/pages_function/pages/moldLedger/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="模具台账" subTitle="按型号、状态、编码快速筛选" :showSubTitle="true" />
+    <NavBar title="模具台账" subTitle="按型号、状态、编码快速筛选" />
 
     <view class="filter-card">
       <view class="filter-row">
@@ -275,7 +275,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import CopyButton from '@/components/common/CopyButton.vue'
 import { createMold, deleteMold, getMoldBrandTree, getMoldDetail, getMoldPage, updateMold, uploadMoldImage } from '@/api/mes/mold'
 import { getProductUnitSimpleList, getUnitList } from '@/api/mes/product'
diff --git a/src/pages_function/pages/moldTaskConfiguration/detail.vue b/src/pages_function/pages/moldTaskConfiguration/detail.vue
index 34e1f44..279ccca 100644
--- a/src/pages_function/pages/moldTaskConfiguration/detail.vue
+++ b/src/pages_function/pages/moldTaskConfiguration/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldTaskConfig.detailTitle')" />
+      <NavBar :title="t('moldTaskConfig.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -65,7 +65,7 @@
 import { computed, reactive } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const { t } = useI18n()
 
diff --git a/src/pages_function/pages/moldTaskConfiguration/index.vue b/src/pages_function/pages/moldTaskConfiguration/index.vue
index d75343a..e7e957d 100644
--- a/src/pages_function/pages/moldTaskConfiguration/index.vue
+++ b/src/pages_function/pages/moldTaskConfiguration/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldTaskConfig.moduleName')" :subTitle="t('moldTaskConfig.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldTaskConfig.moduleName')" :subTitle="t('moldTaskConfig.subTitle')" />
 
     <view class="search-card">
       <view class="search-row">
@@ -246,7 +246,7 @@
 import { ref, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getTaskManagementPage, createTaskManagement, updateTaskManagement, deleteTaskManagement, createTaskManagementTicket } from '@/api/mes/moldTaskConfiguration'
 import { getMoldList } from '@/api/mes/mold'
 import { getMoldInspectionPlanPage } from '@/api/mes/moldInspectionPlan'
diff --git a/src/pages_function/pages/moldType/detail.vue b/src/pages_function/pages/moldType/detail.vue
index 7f56f44..4be255d 100644
--- a/src/pages_function/pages/moldType/detail.vue
+++ b/src/pages_function/pages/moldType/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="模具类型详情" />
+    <NavBar title="模具类型详情" />
 
     <view class="content-section">
       <view class="info-card">
@@ -63,7 +63,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldBrandDetail } from '@/api/mes/mold'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/moldType/index.vue b/src/pages_function/pages/moldType/index.vue
index 9c508b1..cbe8b2e 100644
--- a/src/pages_function/pages/moldType/index.vue
+++ b/src/pages_function/pages/moldType/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="模具类型" subTitle="按编码或名称快速查询" :showSubTitle="true" />
+    <NavBar title="模具类型" subTitle="按编码或名称快速查询" />
 
     <view class="search-section">
       <view class="search-wrapper">
@@ -146,7 +146,7 @@
 <script setup>
 import { ref, reactive } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import CopyButton from '@/components/common/CopyButton.vue'
 import { createMoldBrand, deleteMoldBrand, getMoldBrandDetail, getMoldBrandPage, updateMoldBrand } from '@/api/mes/mold'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
diff --git a/src/pages_function/pages/moldWorkOrderInquiry/detail.vue b/src/pages_function/pages/moldWorkOrderInquiry/detail.vue
index e2fa3c2..81ec4fd 100644
--- a/src/pages_function/pages/moldWorkOrderInquiry/detail.vue
+++ b/src/pages_function/pages/moldWorkOrderInquiry/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldWorkOrder.detailTitle')" />
+      <NavBar :title="t('moldWorkOrder.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -116,7 +116,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getTicketResultsPage } from '@/api/mes/moldWorkOrderInquiry'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/moldWorkOrderInquiry/index.vue b/src/pages_function/pages/moldWorkOrderInquiry/index.vue
index 0ceb9da..592f86f 100644
--- a/src/pages_function/pages/moldWorkOrderInquiry/index.vue
+++ b/src/pages_function/pages/moldWorkOrderInquiry/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldWorkOrder.moduleName')" :subTitle="t('moldWorkOrder.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldWorkOrder.moduleName')" :subTitle="t('moldWorkOrder.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -109,7 +109,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getTicketManagementPage, batchUpdateTicketStatus } from '@/api/mes/moldWorkOrderInquiry'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/moldget/detail.vue b/src/pages_function/pages/moldget/detail.vue
index 86c1d9f..0a8b73a 100644
--- a/src/pages_function/pages/moldget/detail.vue
+++ b/src/pages_function/pages/moldget/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldGet.detailTitle')" />
+      <NavBar :title="t('moldGet.detailTitle')" />
     </view>
     <view class="content-section">
       <view class="info-card">
@@ -67,7 +67,7 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldGetDetail } from '@/api/mes/moldget'
 import { DICT_TYPE, useDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/moldget/index.vue b/src/pages_function/pages/moldget/index.vue
index b776e8d..36186fb 100644
--- a/src/pages_function/pages/moldget/index.vue
+++ b/src/pages_function/pages/moldget/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldGet.moduleName')" :subTitle="t('moldGet.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldGet.moduleName')" :subTitle="t('moldGet.subTitle')" />
 
     <view class="search-card">
       <view class="search-row">
@@ -181,7 +181,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldList } from '@/api/mes/mold'
 import { getMoldGetPage, getMoldGetDetail, createMoldGet, updateMoldGet, updateMoldGetStatus, deleteMoldGet, getWarehouseSimpleList, getSimpleUserList } from '@/api/mes/moldget'
 import { DICT_TYPE, useDict } from '@/utils/dict'
diff --git a/src/pages_function/pages/moldoperate/detail.vue b/src/pages_function/pages/moldoperate/detail.vue
index bfa4ab1..8b9bc91 100644
--- a/src/pages_function/pages/moldoperate/detail.vue
+++ b/src/pages_function/pages/moldoperate/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldOperate.detailTitle')" />
+      <NavBar :title="t('moldOperate.detailTitle')" />
     </view>
 
     <view class="content-section">
@@ -54,7 +54,7 @@
 import { computed, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldOperateDetail } from '@/api/mes/moldoperate'
 
 const { t } = useI18n()
diff --git a/src/pages_function/pages/moldoperate/index.vue b/src/pages_function/pages/moldoperate/index.vue
index e8a2713..217aca3 100644
--- a/src/pages_function/pages/moldoperate/index.vue
+++ b/src/pages_function/pages/moldoperate/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldOperate.moduleName')" :subTitle="t('moldOperate.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldOperate.moduleName')" :subTitle="t('moldOperate.subTitle')" />
 
     <!-- 操作类型切换 -->
     <view class="operate-tabs">
@@ -156,7 +156,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldList, getInTransitMoldAllList } from '@/api/mes/mold'
 import { getMoldOperatePage, getMoldOperateDetail, createMoldOperate, updateMoldOperate, deleteMoldOperate, getLowerMoldList, getDeviceLedgerList } from '@/api/mes/moldoperate'
 
diff --git a/src/pages_function/pages/moldreturn/detail.vue b/src/pages_function/pages/moldreturn/detail.vue
index 5d58bbb..1f4513a 100644
--- a/src/pages_function/pages/moldreturn/detail.vue
+++ b/src/pages_function/pages/moldreturn/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('moldReturn.detailTitle')" />
+      <NavBar :title="t('moldReturn.detailTitle')" />
     </view>
 
     <view class="content-section">
@@ -70,7 +70,7 @@
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldReturnDetail } from '@/api/mes/moldreturn'
 import { DICT_TYPE, useDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/moldreturn/index.vue b/src/pages_function/pages/moldreturn/index.vue
index 6eea47b..c336c21 100644
--- a/src/pages_function/pages/moldreturn/index.vue
+++ b/src/pages_function/pages/moldreturn/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('moldReturn.moduleName')" :subTitle="t('moldReturn.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('moldReturn.moduleName')" :subTitle="t('moldReturn.subTitle')" />
 
     <!-- 列表查询区 -->
     <view class="search-card">
@@ -195,7 +195,7 @@
 import { computed, reactive, ref } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getMoldList } from '@/api/mes/mold'
 import { getMoldReturnPage, getMoldReturnDetail, createMoldReturn, updateMoldReturn, updateMoldReturnStatus, deleteMoldReturn } from '@/api/mes/moldreturn'
 import { getWarehouseSimpleList } from '@/api/mes/moldget'
diff --git a/src/pages_function/pages/product/detail.vue b/src/pages_function/pages/product/detail.vue
index 83aec10..6c14bce 100644
--- a/src/pages_function/pages/product/detail.vue
+++ b/src/pages_function/pages/product/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="产品物料详情" />
+    <NavBar title="产品物料详情" />
 
     <view class="content-section">
       <view class="info-card">
@@ -52,7 +52,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import request from '@/utils/request'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const productId = ref(undefined)
 const productCode = ref(undefined)
diff --git a/src/pages_function/pages/product/index.vue b/src/pages_function/pages/product/index.vue
index 42dab40..3d03284 100644
--- a/src/pages_function/pages/product/index.vue
+++ b/src/pages_function/pages/product/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="产品物料查询" subTitle="请选择查询方式" :showSubTitle="true" />
+    <NavBar title="产品物料查询" subTitle="请选择查询方式" />
 
     <view class="content-section">
       <view class="scan-section">
@@ -53,7 +53,7 @@
 
 <script setup>
 import { ref } from 'vue'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const productId = ref('')
 const isScanning = ref(false)
diff --git a/src/pages_function/pages/productBom/detail.vue b/src/pages_function/pages/productBom/detail.vue
index 86cf21f..ab5cd58 100644
--- a/src/pages_function/pages/productBom/detail.vue
+++ b/src/pages_function/pages/productBom/detail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="page-container">
     <view class="fixed-header">
-      <AppTitleHeader :title="t('productBom.detailTitle')" />
+      <NavBar :title="t('productBom.detailTitle')" />
     </view>
 
     <scroll-view scroll-y class="detail-scroll">
@@ -85,7 +85,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getBom, getBomDetailListByBomId } from '@/api/mes/productBom'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
diff --git a/src/pages_function/pages/productBom/index.vue b/src/pages_function/pages/productBom/index.vue
index 81319ca..cca0029 100644
--- a/src/pages_function/pages/productBom/index.vue
+++ b/src/pages_function/pages/productBom/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader :title="t('productBom.moduleName')" :subTitle="t('productBom.subTitle')" :showSubTitle="true" />
+    <NavBar :title="t('productBom.moduleName')" :subTitle="t('productBom.subTitle')" />
 
     <!-- 搜索区域 -->
     <view class="search-card">
@@ -134,7 +134,7 @@
 import { ref, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 import { getBomPage, getBom, createBom, updateBom, deleteBom } from '@/api/mes/productBom'
 import { getMesProductSimpleList, getItemSimpleList, getProductUnitSimpleList } from '@/api/erp/productInfo'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
diff --git a/src/pages_function/pages/spare/detail.vue b/src/pages_function/pages/spare/detail.vue
index 63f0925..7af36f8 100644
--- a/src/pages_function/pages/spare/detail.vue
+++ b/src/pages_function/pages/spare/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="备件详情" />
+    <NavBar title="备件详情" />
 
     <view class="content-section">
       <view class="info-card">
@@ -44,7 +44,7 @@
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import request from '@/utils/request'
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const spareId = ref(undefined)
 const spareCode = ref(undefined)
diff --git a/src/pages_function/pages/spare/index.vue b/src/pages_function/pages/spare/index.vue
index 1ae07ba..796f920 100644
--- a/src/pages_function/pages/spare/index.vue
+++ b/src/pages_function/pages/spare/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="page-container">
-    <AppTitleHeader title="备件查询" subTitle="请选择查询方式" :showSubTitle="true" />
+    <NavBar title="备件查询" subTitle="请选择查询方式" />
 
     <view class="content-section">
       <view class="scan-section">
@@ -53,7 +53,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import NavBar from '@/components/common/NavBar.vue'
 
 const spareCode = ref('');
 const isScanning = ref(false);